<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ==UserStyle==
@name         Gyazo.com - Dark Mode [Customizable]
@version      4.0
@namespace    typpi.online
@description  Gyazo Dark Mode (Customizable Color - Defaults to Purple Accents)
@author       Nick2bad4u
@license      UnLicense
@homepageURL  https://github.com/Nick2bad4u/UserStyles
@supportURL   https://github.com/Nick2bad4u/UserStyles/issues

@var color primary-color "Primary Color" #bb86fc
@var color primary-color-darker "Primary Color (Darker)" #3c2a51
@var color secondary-color "Secondary Color / Underline" #5686ffeb
@var color placeholder-color "Text Placeholder Color" #ffffffd4
@var color background-main "Main Background" #121212
@var color download-button "Download Button" #bb86fc
@var color gray-dark "Dark Gray" #333
@var color gray-light "Light Gray" #e0e0e0
@var color gray-alternate "Alternate Gray" #d7d7d7
@var color gray-darker "Darker Gray" #1e1e1e
@var color color-white "White" #fff
@var color color-black "Black" #000
@var color color-red "Red" #ff0000
@downloadURL none
==/UserStyle== */
@-moz-document domain("gyazo.com") {
	/* Stylus Variables */
	:root {
		--primary-color: var(primary-color);
		--primary-color-darker: var(primary-color-darker);
		--secondary-color: var(secondary-color);
		--placeholder-color: var(placeholder-color);
		--background-main: var(background-main);
		--download-button: var(download-button);
		--gray-dark: var(gray-dark);
		--gray-light: var(gray-light);
		--gray-alternate: var(gray-alternate);
		--gray-darker: var(gray-darker);
		--color-white: var(color-white);
		--color-black: var(color-black);
		--color-red: var(red-color);
	}

	.related-info-box-component
		&gt; div
		&gt; div.related-images-grid-view.related-info,
	.captured-info-value,
	.content-block,
	.edit-box-component,
	.footer-block,
	.grid-view,
	.grid-view-cell,
	.grid-view-cell-inner-image,
	.header-block,
	.image-desc-display.placeholder,
	.image-infos,
	.images-grid-view,
	.main-block-stage,
	.side-block-items,
	.sidebar-block {
		background-color: var(
			--background-main
		) !important;
		color: var(--gray-light) !important;
	}

	.edit-box-component .image-desc-display {
		border: 2px solid var(--primary-color);
	}

	.edit-box-component .input-description:focus {
		box-shadow: 0 0 0 5px
			var(--primary-color-darker);
		color: var(-color-white) !important;
	}

	.add-to-collection-popover
		.collection-operation-wrap
		.collection-operation-add,
	.add-to-collection-popover
		.new-collection-form
		.form-box
		input::placeholder,
	.input-description::placeholder,
	.faq.static-page-faq
		&gt; ul
		&gt; li.bottom
		&gt; div.question:hover,
	.faq.static-page-faq
		&gt; ul
		&gt; li:nth-child(n)
		&gt; div.question:hover,
	.post &gt; div &gt; div &gt; h2:nth-child(n),
	.TOTVG659Y6UvGA4WzVD1 &gt; form &gt; input,
	.card.medium-card,
	.container-close-date-images.related-info,
	.images-after-origin,
	.metadata,
	.related-info-box-component,
	.side-block .side-block-items .sub,
	.testing-swap-image-container
		.metadata-baseinfo,
	body &gt; div.content &gt; div:nth-child(2) &gt; h1,
	body &gt; div.content &gt; div:nth-child(n) &gt; h2,
	body &gt; div.content &gt; section.faq &gt; div &gt; h2,
	body
		&gt; div.content
		&gt; section.features-table
		&gt; div
		&gt; table:nth-child(n)
		&gt; thead
		&gt; tr
		&gt; th
		&gt; div,
	.title,
	.row &gt; div:nth-child(n) &gt; div {
		color: var(--primary-color) !important;
	}

	.vtVH6utAExSlC9aN2qwE:focus::placeholder {
		color: var(--placeholder-color) !important;
	}

	.ocr-desc-buttons &gt; div &gt; button:hover {
		border: 1px dashed !important;
		border-color: var(
			--secondary-color
		) !important;
		border-radius: 5px;
		color: var(--secondary-color) !important;
	}

	.captured-info
		&gt; div:nth-child(n)
		&gt; div.captured-info-value
		&gt; div:hover {
		border: 1px var(--primary-color) dashed;
		border-radius: 5px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.captured-info-key::after,
	.captured-info,
	.ocr-icon-block &gt; div::after {
		content: ':';
	}

	.image-desc-display.placeholder::after {
		display: inline-block;
		animation: cursor-blink 1.5s steps(2) infinite;
		margin-left: 5px;
		background: var(--primary-color);
		width: 6px;
		height: 18px;
		content: '';
	}

	@keyframes cursor-blink {
		0% {
			opacity: 0%;
		}
	}

	.edit-box-component,
	.image-box-component.zoomable &gt; a,
	.image-box-component.zoomable &gt; div,
	[class*='t30xm'],
	[class*='t30xm'] &gt; div:nth-child(n),
	[class*='t30xm'] &gt; div:nth-child(n) &gt; span,
	[role*='tooltip'],
	div.image-infos,
	.image-box-component .image-close-btn-bg,
	.image-box-component .navigation {
		border: 4px solid var(--color-black) !important;
		background-color: var(
			--color-black
		) !important;
		color: var(--primary-color) !important;
	}

	.content {
		background: var(--color-black) !important;
	}

	.image-page.image-page-renewal
		.metadata
		.togglable-area.private {
		display: none;
	}

	#popover &gt; h3,
	.header-block.explorer-header-block,
	a,
	button,
	html,
	img,
	input,
	span {
		background-color: var(
			--background-main
		) !important;
		color: var(--primary-color) !important;
	}

	#global-dropdown-menu
		&gt; div.popover-content
		&gt; ul
		&gt; li:first-child
		&gt; a
		&gt; span.account-item-check
		&gt; svg,
	#global-dropdown-menu
		&gt; div.popover-content
		&gt; ul
		&gt; li:nth-child(n)
		&gt; a
		&gt; svg
		&gt; path:nth-child(n),
	#like &gt; svg,
	#like &gt; svg &gt; path,
	#popover
		&gt; div.popover-content
		&gt; div
		&gt; div
		&gt; div
		&gt; svg,
	.reblog-control &gt; a &gt; svg &gt; path:nth-child(n),
	#react-root
		&gt; div.header-block.explorer-header-block
		&gt; div.explorer-action-btn-toolbar
		&gt; div.explorer-action-btn-group
		&gt; button.edit-options-button.btn.explorer-action-btn.explorer-action-btn-dark
		&gt; svg,
	.explorer-action-btn-toolbar
		&gt; div.explorer-action-btn-group
		&gt; button
		&gt; svg,
	.explorer-action-btn-toolbar
		&gt; div.explorer-action-btn-group
		&gt; div.upload-modal.captures-upload-modal.show
		&gt; button
		&gt; svg,
	#react-root
		&gt; div.header-block.explorer-header-block
		&gt; div.search-box
		&gt; div
		&gt; div.search-box-panel
		&gt; div.search-history-list
		&gt; div
		&gt; div:nth-child(n)
		&gt; button.switch-save
		&gt; svg:hover,
	.toplevel-item-kamon &gt; svg &gt; path,
	.new-collection-field
		&gt; span
		&gt; span
		&gt; svg
		&gt; path,
	#react-root
		&gt; div
		&gt; div
		&gt; div
		&gt; div.transform-page-header
		&gt; div
		&gt; button
		&gt; svg,
	#react-root
		&gt; div
		&gt; div
		&gt; div
		&gt; div.transform-page-header
		&gt; div
		&gt; div
		&gt; button:nth-child(n)
		&gt; svg
		&gt; path,
	[id^='headlessui-menu-button-'] &gt; svg &gt; path,
	[id^='headlessui-menu-item-'] &gt; svg,
	.pro .features h2,
	body
		&gt; div.content
		&gt; section.features-table
		&gt; div
		&gt; table:nth-child(n)
		&gt; tbody:nth-child(3)
		&gt; tr:nth-child(n)
		&gt; td:nth-child(n)
		&gt; div
		&gt; kamon-lp,
	#direct-video-link-button &gt; svg,
	.metadata-icon.text-center &gt; svg &gt; path,
	#react-root
		&gt; div:nth-child(2)
		&gt; div
		&gt; div
		&gt; aside
		&gt; div
		&gt; div
		&gt; ul
		&gt; li.toplevel-item.collection-list
		&gt; ul:hover
		&gt; li:nth-child(n)
		&gt; div
		&gt; button
		&gt; svg
		&gt; path,
	#react-root
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; div
		&gt; div.image-box-component.zoomable
		&gt; div.navigation.next-navigation
		&gt; svg
		&gt; path,
	#react-root
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; div
		&gt; div.image-box-component.zoomable
		&gt; div.navigation.prev-navigation
		&gt; svg
		&gt; path,
	.search-history-list
		.histories
		.history-row
		button.switch-save
		.kamon {
		fill: var(--primary-color);
	}

	.ocr-desc-buttons &gt; div &gt; div &gt; button &gt; svg,
	#like &gt; svg {
		fill: var(--primary-color) !important;
	}

	#global-dropdown-menu
		&gt; div.popover-content
		&gt; ul
		&gt; li:first-child
		&gt; a
		&gt; span.account-item-check
		&gt; svg:hover,
	#global-dropdown-menu
		&gt; div.popover-content
		&gt; ul
		&gt; li:nth-child(13)
		&gt; button
		&gt; svg
		&gt; path,
	#global-dropdown-menu
		&gt; div.popover-content
		&gt; ul
		&gt; li:nth-child(n)
		&gt; a
		&gt; svg
		&gt; path,
	#react-root
		&gt; div.header-block.explorer-header-block
		&gt; div.explorer-action-btn-toolbar
		&gt; div.explorer-action-btn-group
		&gt; button.edit-options-button.btn.explorer-action-btn.explorer-action-btn-dark
		&gt; svg:hover,
	#react-root
		&gt; div.header-block.explorer-header-block
		&gt; div.explorer-action-btn-toolbar
		&gt; div.explorer-action-btn-group
		&gt; button
		&gt; svg:hover,
	#react-root
		&gt; div.header-block.explorer-header-block
		&gt; div.explorer-action-btn-toolbar
		&gt; div.explorer-action-btn-group
		&gt; div.upload-modal.captures-upload-modal.show
		&gt; button:hover
		&gt; svg,
	#react-root
		&gt; div:nth-child(2)
		&gt; div
		&gt; div
		&gt; aside
		&gt; div
		&gt; div
		&gt; ul
		&gt; li.toplevel-item.collection-list
		&gt; ul
		&gt; li:nth-child(n)
		&gt; div
		&gt; button
		&gt; svg,
	#react-root
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; aside
		&gt; div
		&gt; div
		&gt; ul
		&gt; :hover
		&gt; a
		&gt; span.toplevel-item-kamon
		&gt; svg
		&gt; path,
	#react-root
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; aside
		&gt; div
		&gt; div
		&gt; ul
		&gt; li.new-collection-field
		&gt; span:hover
		&gt; span
		&gt; svg
		&gt; path,
	#react-root
		&gt; div
		&gt; div
		&gt; div
		&gt; div.transform-page-header
		&gt; div
		&gt; button:hover
		&gt; svg,
	#react-root
		&gt; div
		&gt; div
		&gt; div
		&gt; div.transform-page-header
		&gt; div
		&gt; div
		&gt; button:hover:nth-child(n)
		&gt; svg
		&gt; path,
	[id^='headlessui-menu-button-']
		&gt; svg
		&gt; path:hover,
	[id^='headlessui-menu-item-'] &gt; svg:hover,
	.search-history-list
		.histories
		.history-row
		button.switch-save:hover
		.kamon,
	.search-history-list
		.histories
		.history-row:hover
		button.switch-save
		.kamon {
		fill: var(-color-white);
	}

	.ocr-desc-buttons
		&gt; div
		&gt; div
		&gt; button:hover
		&gt; svg {
		fill: var(-color-white) !important;
	}

	.new-collection-field &gt; span &gt; span &gt; svg,
	.tags &gt; a &gt; span.toplevel-item-kamon &gt; svg,
	.visits &gt; a &gt; span.toplevel-item-kamon &gt; svg,
	.captures.toplevel-item-active
		&gt; a
		&gt; span.toplevel-item-kamon
		&gt; svg {
		fill: var(--color-black);
	}

	#react-root
		&gt; div.header-block.explorer-header-block
		&gt; div.explorer-action-btn-toolbar
		&gt; a {
		background-color: #1212126b !important;
	}

	#global-dropdown-menu
		&gt; div.popover-content
		&gt; ul
		&gt; li:nth-child(13)
		&gt; button
		&gt; span:hover,
	#global-dropdown-menu
		&gt; div.popover-content
		&gt; ul
		&gt; li:nth-child(n)
		&gt; a:hover,
	#global-dropdown-menu
		&gt; div.popover-content
		&gt; ul
		&gt; li:nth-child(n)
		&gt; a
		&gt; span:hover {
		color: var(-color-white) !important;
	}

	.images-show
		.bottom.interactive-popover
		&gt; .arrow::after,
	.popover.bottom &gt; .arrow::after {
		border-bottom-color: var(--primary-color);
	}

	.explorer-action-btn.dropdown-toggle::after {
		display: inline-block;
		margin-right: -8px;
		background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Y2FyZXQtZG93bjwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMTEuNzc3Mzk1MywxNC43MzAzOTUzIEMxMS41MjMzOTUzLDE0LjczMDM5NTMgMTEuMjY5Mzk1MywxNC42MzQzOTUzIDExLjA3NDM5NTMsMTQuNDQxMzk1MyBMNy4yOTczOTUyOSwxMC43MTEzOTUzIEM2LjkwNDM5NTI5LDEwLjMyMzM5NTMgNi45MDAzOTUyOSw5LjY5MDM5NTI5IDcuMjg4Mzk1MjksOS4yOTczOTUyOSBDNy42NzYzOTUyOSw4LjkwNDM5NTI5IDguMzEwMzk1MjksOC45MDAzOTUyOSA4LjcwMjM5NTI5LDkuMjg4Mzk1MjkgTDExLjc3NzM5NTMsMTIuMzI1Mzk1MyBMMTQuODUxMzk1Myw5LjI4ODM5NTI5IEMxNS4yNDUzOTUzLDguOTAwMzk1MjkgMTUuODc4Mzk1Myw4LjkwNDM5NTI5IDE2LjI2NjM5NTMsOS4yOTczOTUyOSBDMTYuNjU0Mzk1Myw5LjY5MDM5NTI5IDE2LjY1MDM5NTMsMTAuMzIzMzk1MyAxNi4yNTczOTUzLDEwLjcxMTM5NTMgTDEyLjQ4MDM5NTMsMTQuNDQxMzk1MyBDMTIuMjg1Mzk1MywxNC42MzQzOTUzIDEyLjAzMTM5NTMsMTQuNzMwMzk1MyAxMS43NzczOTUzLDE0LjczMDM5NTMiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJjYXJldC1kb3duIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjQkI4NkZDIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iI0JCOThGQyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICA8L2c+Cjwvc3ZnPg==');
		width: 24px;
		height: 24px;
		content: '';
	}

	.button,
	.form-control,
	.grid-cell,
	.input,
	.modal,
	.modal-content,
	.popup,
	.related-images-grid-view.related-info,
	.tooltip {
		border: 1px solid var(--gray-dark) !important;
		background-color: var(
			--gray-darker
		) !important;
		color: var(--gray-light) !important;
	}

	.header {
		background: var(--background-main);
	}

	.query-input {
		border: 1px var(--primary-color) dashed;
		border-radius: 5px;
	}

	.speech-button {
		border: 1px var(--primary-color) dashed;
	}

	.speech-button:hover {
		border: 1px var(--color-red) dashed;
	}

	.footer-block,
	.header-block {
		border-bottom: 1px solid var(--gray-dark) !important;
	}

	.sidebar-block {
		border-right: 1px solid var(--gray-dark) !important;
	}

	.card.medium-card {
		border: 1px solid var(--gray-dark) !important;
		background-color: var(
			--gray-darker
		) !important;
	}

	.metadata-description {
		padding: 10px;
	}

	.captured-info,
	.ocr-icon-block &gt; div,
	.related-info
		&gt; div
		&gt; div
		&gt; span
		&gt; span:first-child,
	.section-headline
		&gt; a
		&gt; span
		&gt; span:first-child {
		margin-left: 10px;
	}

	article,
	aside,
	div:not(
			#react-root
				&gt; div:nth-child(n)
				&gt; div
				&gt; div
				&gt; main
				&gt; div
				&gt; div
				&gt; div
				&gt; div
				&gt; div:nth-child(2)
				&gt; section
				&gt; div:nth-child(n)
				&gt; a
				&gt; div,
			.caBpUIyLTfNBwvxfTyDa,
			div.k3nzGrC3hEubDzXyOg_r
		),
	footer,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	header,
	li,
	main,
	nav,
	p,
	section,
	table,
	td,
	th,
	ul {
		background-color: var(--background-main);
		color: var(--gray-light);
	}

	#react-root
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; main
		&gt; div
		&gt; div
		&gt; div
		&gt; div
		&gt; div:nth-child(n)
		&gt; section
		&gt; div:nth-child(n)
		&gt; div {
		background: #0000 !important;
	}

	.k3nzGrC3hEubDzXyOg_r {
		overflow: unset;
	}

	option,
	select {
		background-color: var(
			--gray-darker
		) !important;
		color: var(--gray-light) !important;
	}

	#react-root
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; main
		&gt; div
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; div.hover-layer {
		display: initial !important;
	}

	#react-root
		&gt; div:nth-child(2)
		&gt; div
		&gt; div
		&gt; div
		&gt; div.image-infos
		&gt; div.related-info-box-component
		&gt; div,
	.next-navigation,
	.prev-navigation,
	.edit-box-component &gt; div &gt; div &gt; div,
	.container-close-date-images.related-info,
	.related-images-grid-view.related-info,
	#react-root
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; main
		&gt; div
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; div:nth-child(n)
		&gt; div
		&gt; .card.medium-card.checkable:hover,
	body.download .hero .download-btn {
		opacity: 100%;
		box-shadow:
			0 0 1px 1px var(--primary-color),
			0 0 1px var(--primary-color);
	}

	body.download .hero .download-btn:hover {
		opacity: 100%;
		box-shadow:
			0 0 1px 1px var(--download-button),
			0 0 1px var(--download-button) !important;
		background-color: var(
			--download-button
		) !important;
		color: var(--color-black) !important;
	}

	#react-root
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; main
		&gt; div
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; div:nth-child(n)
		&gt; div
		&gt; div {
		box-shadow: 0 1px 0 0 var(--primary-color);
	}

	.grid-view
		.card.medium-card
		.hover-layer:hover {
		position: absolute;
		opacity: 0%;
		mix-blend-mode: multiply;
		transition: opacity 0.15s;
		inset: 0;
		border: 5px solid var(-color-white);
		border-bottom: 32px solid var(-color-white);
		background: #3a424f66;
	}

	#metadata-is-public-dropdown,
	#metadata-is-public-dropdown &gt; span,
	textarea {
		border: none;
		background-color: var(
			--color-black
		) !important;
		color: var(--primary-color);
	}

	#search-box-input:hover {
		border-bottom: 1px solid var(--color-black);
	}

	#popover &gt; h3 {
		border-bottom: 3px solid var(--color-black);
	}

	.faq-list .faq-list-title {
		background: linear-gradient(
			to bottom,
			var(--background-main) calc(100% - 3px),
			#ffffff00 100%
		);
		color: var(--primary-color) !important;
	}

	#conclusion &gt; div &gt; div &gt; h2,
	#faq
		&gt; div
		&gt; div.faq.static-page-faq
		&gt; ul
		&gt; li:nth-child(n)
		&gt; div.expand
		&gt; i,
	#features-ai,
	#features-clean-share,
	#features-edit,
	#features-unlimited,
	#features-video-message,
	#react-root
		&gt; div.header-block.explorer-header-block
		&gt; div.search-box
		&gt; div
		&gt; div.search-box-panel
		&gt; div.search-history-list
		&gt; div
		&gt; div:nth-child(n)
		&gt; a
		&gt; div,
	#search-box-input::placeholder,
	#section-features
		&gt; div
		&gt; div
		&gt; div:nth-child(n)
		&gt; div
		&gt; i,
	#section-features &gt; div &gt; h2,
	.closing &gt; div &gt; h2,
	.faq
		&gt; div
		&gt; div
		&gt; ul
		&gt; li:nth-child(n)
		&gt; div.expand
		&gt; i,
	.pricing &gt; div &gt; h2,
	.testimonials
		&gt; div
		&gt; div
		&gt; div
		&gt; div:nth-child(n)
		&gt; blockquote
		&gt; p,
	.testimonials
		&gt; div
		&gt; div
		&gt; div
		&gt; div:nth-child(n)
		&gt; div
		&gt; h5,
	.testimonials &gt; div &gt; div &gt; h2,
	.tutorial &gt; div &gt; h3,
	.usecases &gt; div &gt; div:nth-child(n) &gt; h3,
	.usecases &gt; div &gt; h2,
	input[name='new-tag']::placeholder {
		color: var(--primary-color);
	}

	.testimonials .card-footer::before,
	body
		&gt; div.content
		&gt; section.testimonials
		&gt; div
		&gt; div
		&gt; div
		&gt; div:nth-child(n)
		&gt; div
		&gt; div,
	.page-content .indent-mark .dot {
		background-color: var(
			--primary-color
		) !important;
		color: var(--primary-color) !important;
	}

	a:any-link {
		cursor: pointer !important;
		color: -webkit-link !important;
		color: var(--secondary-color) !important;
		text-decoration: underline !important;
	}

	#conclusion &gt; div &gt; button,
	.transform-page-header &gt; div &gt; button,
	.transform-page-header
		&gt; div
		&gt; div
		&gt; button:nth-child(n),
	.Xpov4pPcafwfUVkzW7Gw,
	.pricing-box-default,
	.box.small-team {
		border: 1px solid var(--primary-color);
	}

	.faq-list .faq-list-bottom {
		background: #f000;
	}

	#global-dropdown-menu
		&gt; div.popover-content
		&gt; ul
		&gt; li:nth-child(13)
		&gt; button
		&gt; svg
		&gt; path:nth-child(n) {
		fill: var(--color-red);
	}

	.saved-search-header {
		color: var(--primary-color);
		font-size: 16px;
		text-decoration: underline;
	}

	::-webkit-scrollbar {
		width: 12px;
	}

	::-webkit-scrollbar-track {
		background: var(--primary-color);
	}

	::-webkit-scrollbar-thumb {
		border: 3px solid var(--background-main);
		border-radius: 10px;
		background-color: var(--background-main);
	}

	* {
		scrollbar-color: var(--primary-color)
			var(--color-black);
		scrollbar-width: thin;
	}

	.global-dropdown-menu-divider {
		background-color: var(--color-black);
	}

	#conclusion,
	#faq,
	#faq
		&gt; div
		&gt; div.faq.static-page-faq
		&gt; ul
		&gt; li:nth-child(n):hover,
	body
		&gt; div.content
		&gt; div.static-page-nav-container.light
		&gt; nav,
	body &gt; div.content &gt; section.testimonials,
	body.pricing .users,
	body {
		background-color: var(--background-main);
	}

	.images-after-origin &gt; section {
		background-color: var(
			--background-main
		) !important;
	}

	body
		&gt; div.content
		&gt; div.static-page-nav-container.light
		&gt; nav
		&gt; div
		&gt; div
		&gt; a
		&gt; div {
		background-image: url('https://i.gyazo.com/3b48aa49e16ccde7bf0f4903269a9bc0.png');
		width: 48px;
		height: 48px;
		color: var(--color-red) !important;
	}

	body &gt; div.content &gt; section.faq,
	body
		&gt; div.content
		&gt; section.hero-header.hidden-xs,
	body &gt; div.content &gt; section.hero.hidden-xs,
	body &gt; div.content &gt; section.testimonials {
		background-image: linear-gradient(
			80deg,
			var(--color-black) 2%,
			var(--primary-color) 30%,
			var(--background-main)
		);
	}

	.dark &gt; nav &gt; div,
	.dark &gt; nav &gt; div &gt; div,
	.container {
		border-radius: 20px;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}

	#conclusion &gt; div,
	.faq &gt; div,
	.hero-header.hidden-xs &gt; div,
	.hero-header.hidden-xs &gt; div &gt; div,
	.testimonials &gt; div,
	.usecase &gt; div {
		border-radius: 20px !important;
	}

	#faq
		&gt; div
		&gt; div.faq.static-page-faq
		&gt; ul
		&gt; li:nth-child(n)
		&gt; div.expand,
	.pricing-table-box-pro,
	body
		&gt; div.content
		&gt; section.faq
		&gt; div
		&gt; div
		&gt; ul
		&gt; li:nth-child(n)
		&gt; div.expand {
		border: 3px solid var(--primary-color);
	}

	#faq
		&gt; div
		&gt; div.faq.static-page-faq
		&gt; ul
		&gt; li:nth-child(n),
	#react-root
		&gt; div:nth-child(n)
		&gt; div
		&gt; div
		&gt; div
		&gt; div.image-infos
		&gt; div.related-info-box-component
		&gt; div
		&gt; div.related-images-grid-view.related-info
		&gt; div
		&gt; section
		&gt; div:nth-child(n)
		&gt; a,
	body
		&gt; div.content
		&gt; section.faq
		&gt; div
		&gt; div
		&gt; ul
		&gt; li:nth-child(n) {
		border-top: 1px solid var(--primary-color);
	}

	.btn-default:hover,
	.btn-primary:hover,
	.btn-secondary:hover,
	.hero-header-text &gt; p:nth-child(n) &gt; a:hover,
	.enterprise-plan,
	.small-team,
	.teams-pricing &gt; div &gt; div:nth-child(2) &gt; div {
		border-color: var(--primary-color);
	}

	.btn-primary,
	.btn-secondary {
		border-color: var(--primary-color-darker);
	}

	.teams-pricing
		.pricing-toggle-switch-container {
		display: inline-block;
		position: relative;
		cursor: pointer;
		margin-top: 38px;
		border: 1px solid var(--gray-alternate);
		border-radius: 10px;
		width: 300px;
		height: 60px;
		text-align: center;
	}

	.search-box .search-box-input-wrap input:focus,
	.static-page-faq .bottom {
		border-bottom: 1px solid var(--primary-color);
	}

	.static-page-faq li:hover {
		cursor: pointer;
		background: var(--primary-color-darker);
	}

	.dropdown-menu,
	.like_toggle {
		background-color: var(--primary-color);
	}

	.dropdown-header {
		color: var(-color-white);
	}

	.table &gt; tbody &gt; tr &gt; td,
	.table &gt; tbody &gt; tr &gt; th,
	.table &gt; tfoot &gt; tr &gt; td,
	.table &gt; tfoot &gt; tr &gt; th,
	.table &gt; thead &gt; tr &gt; td,
	.table &gt; thead &gt; tr &gt; th {
		vertical-align: top;
		border-top: 1px solid var(--primary-color);
		padding: 8px;
		line-height: 1.75;
	}

	.table &gt; tbody + tbody {
		border-top: 2px solid var(--primary-color);
	}

	.table &gt; thead &gt; tr &gt; th {
		vertical-align: bottom;
		border-bottom: 2px solid var(--primary-color);
	}

	.side-block
		.side-block-items
		.toplevel-item-active {
		background: var(--background-main);
		pointer-events: none;
	}

	.side-block-items .collection-item .file-thumb,
	.side-block-items .collection-item .thumb {
		box-shadow: 0 0 0 1px var(--primary-color);
		border: 1px solid var(--primary-color);
	}

	.side-block-items .collection-item &gt; a {
		border-radius: 5px;
	}

	.side-block-items .collection-item:focus-within,
	.side-block-items .collection-item:hover {
		background: var(--primary-color);
	}

	#react-root
		&gt; div.header-block.explorer-header-block
		&gt; a {
		border-bottom: 10px;
		background-color: #12121200 !important;
	}

	#popover
		&gt; div.popover-content
		&gt; ul
		&gt; li:nth-child(n):hover,
	.global-logo-icon:hover {
		opacity: 50%;
	}

	.form-control:focus,
	.global-header-search.global-header-search
		input:focus {
		outline: 0;
		box-shadow: 0 0 0 3px
			var(--primary-color-darker);
		border-color: var(--primary-color) !important;
	}

	[data-hover-visible] .btn-primary:hover {
		border-color: var(--primary-color);
		color: var(-color-white);
	}

	#react-root
		&gt; div.header-block.explorer-header-block
		&gt; div.explorer-action-btn-toolbar
		&gt; div.explorer-action-btn-group
		&gt; div.upload-modal.captures-upload-modal.show
		&gt; div
		&gt; h1:nth-child(2) {
		color: var(--gray-alternate);
	}

	.related-images .related-info {
		padding-top: 3px;
		padding-bottom: 33px;
	}

	.B9QQGIFrwoa05qnyZvI5 {
		gap: 1px 0 !important;
		background-color: var(
			--primary-color
		) !important;
	}

	.related-pages
		.related-pages-body
		ul
		&gt; li
		&gt; a
		.icon {
		background-image: url('https://i.gyazo.com/03452dc72b4111fa1641b9fe7c53ef39.png') !important;
		/* fill: white !important; */
	}

	#react-root
		&gt; div:nth-child(2)
		&gt; div
		&gt; div
		&gt; div
		&gt; div.image-infos
		&gt; div.related-info-box-component
		&gt; div,
	.image-page .related-info:last-of-type {
		padding-bottom: 1px;
	}

	.image-page hr {
		border-top: 0 solid #ffffff26;
	}

	#react-root
		&gt; div:nth-child(2)
		&gt; div
		&gt; div
		&gt; div
		&gt; div.image-infos
		&gt; div.related-info-box-component
		&gt; div
		&gt; div.related-images-grid-view.related-info {
		border-top: 5px solid var(--primary-color) !important;
		padding-top: 15px !important;
	}

	.ocr-desc-buttons &gt; div &gt; button,
	.ocr-desc-buttons &gt; div &gt; div &gt; button,
	.pjZHyYN8MthPpYWZDS0d,
	.vtVH6utAExSlC9aN2qwE {
		margin-right: 3px;
		border: 1px dashed var(--primary-color) !important;
	}

	#headlessui-dialog-overlay-5,
	#react-root
		&gt; div.header-block.explorer-header-block
		&gt; div.explorer-action-btn-toolbar
		&gt; div.explorer-action-btn-group
		&gt; a,
	.W9K8hRc2gk7SniSQJYi1,
	.kuJ39tkCjATBXUZiuSKB {
		position: fixed;
		inset: 0;
		background-color: #ffffff17 !important;
	}

	#react-root
		&gt; div
		&gt; div
		&gt; div
		&gt; div.transform-page-header
		&gt; div
		&gt; div
		&gt; button:nth-child(n)
		&gt; span {
		border-top: 1px solid var(--primary-color) !important;
		border-bottom: 1px solid var(--primary-color) !important;
		line-height: 30px !important;
	}

	.image-box-component .image-viewer {
		background: #31313170 !important;
	}

	.image-box-component .image-viewer:hover {
		background: #31313100 !important;
	}

	.vknCRY3MsirgC3PJ9Zb8:hover,
	.vknCRY3MsirgC3PJ9Zb8,
	.JqijY3DG4HT1E5WfPcsL:hover,
	.JqijY3DG4HT1E5WfPcsL,
	.a5h6q3HOqElFBixS3dB_ {
		opacity: 100% !important;
		transition: opacity ease-in-out 0.2s !important;
		background: #00000000 !important;
	}

	.faq-list ul &gt; li &gt; a .icon {
		position: relative;
		visibility: hidden;
	}

	.faq-list ul &gt; li &gt; a .icon::after {
		display: block !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		visibility: visible !important;
		background-image: url('https://i.gyazo.com/4b32d726c89e4fd17dcf36871cc34b4f.png') !important;
		background-position: center !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		width: 100% !important;
		height: 100% !important;
		content: '' !important;
	}

	#feedback-good-button &gt; img {
		border-radius: 20px;
		background-color: #00800069 !important;
		padding: 9px;
	}

	#feedback-bad-button &gt; img {
		border-radius: 20px;
		background-color: #80000069 !important;
		padding: 9px;
	}
}

@-moz-document regexp("^https://(www\\.)?gyazo\\.com/.*/draw.*")
{
	article,
	aside,
	div:not(
			#react-root
				&gt; div:nth-child(n)
				&gt; div
				&gt; div
				&gt; main
				&gt; div
				&gt; div
				&gt; div
				&gt; div
				&gt; div:nth-child(2)
				&gt; section
				&gt; div:nth-child(n)
				&gt; a
				&gt; div,
			.caBpUIyLTfNBwvxfTyDa,
			div.k3nzGrC3hEubDzXyOg_r,
			.stickers,
			.colorset,
			.btn-group.btn-group-xs
				&gt; button:nth-child(n)
				&gt; div,
			.color-display,
			[role*='tooltip'],
			.stamp-select,
			.HTsz6WzMsfIq0uJedGbz
		),
	footer,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	header,
	li,
	main,
	nav,
	p,
	section,
	table,
	td,
	th,
	ul {
		background-color: #00000000 !important;
		/* Example style */
	}

	.image-page-renewal
		.draw-toolbar-operation-btn
		span {
		border-top: solid 1px var(--primary-color);
		border-bottom: solid 1px var(--primary-color);
		line-height: 30px;
	}

	.image-page-renewal
		.draw-toolbar-operation-btn:hover
		span {
		border-top: solid 1px var(--gray-light);
		border-bottom: solid 1px var(--gray-light);
		color: var(-color-white) !important;
		line-height: 30px;
	}

	.explorer-action-btn-default {
		--bg-color: var(-color-white);
		--font-color: #4d4d4d;
		--hover-bg-color: #f2f2f2;
		--active-bg-color: #e6e6e6;
		--border-color: var(--primary-color);
		--hover-border-color: #d9d9d9;
		--divider-color: var(--primary-color);
	}

	svg:not(:root) {
		fill: var(--primary-color) !important;
	}

	*:hover &gt; svg:not(:root) {
		fill: var(--gray-alternate) !important;
	}

	[role*='tooltip'],
	.HTsz6WzMsfIq0uJedGbz {
		box-shadow: 0 0 5px 5px var(--primary-color);
		border-radius: 8px;
	}
}
</pre></body></html>