eSix Café by mandorinn

Mirrored from https://github.com/mandorinn/eSix-Cafe/raw/main/release/eSixCafe.user.css

eSix Café screenshot
Homepage Install Get Stylus Write a review

Details

Authormandorinn

LicenseNo License

Created

Updated

Categorye621

Statistics

Learn how we calculate statistics in the FAQ.

Total views361

Total installs740

Weekly installs27

Description

A comprehensive restyle of e621, made to be easier on the eyes while being compatible with the userscript "re621"~

Visit the Github repository for more info and previewssss ฅ^•ﻌ•^ฅ ‍​​​​​

Notes

No longer requires the re621 userscript but it is heavily recommended, here's a link to the e621 forum post for itttt: https://e621.net/forum_topics/25872

Now supports any built in e6 theme you desire!
(and yes, by "any", I mean any. Even the base site's color schemessss~)

If you see any bugs such as something looking weird, or something being unstyled, please visit the Github repository to submit an issue~ UwU

History

Daily snapshots of style statistics.

No style history. Come back in a couple of days.

Source code

Source code has over 100k characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           eSix Café
@namespace      mandorinn
@version        1.5.2
@description    A muted and easy on the eyes style for e621. Big credits to Faucet for the bug reports so far, thank you!
@author         mandorinn [(www.mandorinn.dev)], faucet [(https://e621.net/users/601225)]
@updateURL		https://github.com/mandorinn/eSix-Cafe/raw/main/release/eSixCafe.user.css
@preprocessor stylus

@var          select   themep    "Theme Pack" {
    "Muted": "muted",
    "Classic": "classic"
}
@var select  roundness "Profile picture shape" {
	"Circle":"circle",
	"Square":"square"
}
@var		checkbox	buttons		"Comment Buttons" 1
@var		checkbox	borderRank	"Name Rank Border Colors ⚠️" 1


==/UserStyle== */


// Search 'Styling starts now' to skip to content


@-moz-document domain("e621.net"), domain("e926.net") {
	/* e621.net */

if roundness == square {
	:root {
		--avatar-border-radius: 2.5%;
	}
	.avatar .post-thumbnail {
		background-color: var(--elements-highlight);
	}
}
if roundness == circle {
	:root {
		--avatar-border-radius: 50%;
	}
}


if themep == muted {
	:root {
		--thin-scrollbar: var(--true);
		--main-page-background: url(https://static1.e621.net/data/09/f8/09f84e1224df7b3502456589dd75c0c3.jpg)!important;
		--artist-credit: "Background by Tom Fischbach";
		--main-font: Segoe UI, Arial;
		--bg-300: #364758;
		--bg-400: #2c3946;
		--bg: #232e38;
		--bg-visiting: rgba(200,200,200,1);
		--bg-visiting-transition: 100ms;
		--bg-editing-transition: 100ms;
		--bg-visiting-hover:rgba(255,255,255,1);
		--bg-editing: #a0d2d4;
		--bg-editing-hover: #a6fffc;
		--base-text: #c3ccd4;
		--base-text-hover: #d3ddd3;
		--base-text-faded: #c3ccd47a;
		--base-link: #7bb1bd;
		--base-link-hover: #a5eefe;
		--header-link: #c3ccd4;
		--header-link-hover: #d3ddd3;
		--content-link:#BD7BA2;
		--content-link-hover:#e493c3;
		--header-link-transition: 100ms;
		--header-link-editing-transition:100ms;
		--header-link-visiting: #232e38;
		--header-link-editing: #2c3946;
		--header-link-editing-hover: #232e38;
		--nav-hover-top-color:#c3ccd4;
		--nav-hover-bottom-color: #c3ccd4;
		--bg-image: #232e38;
		--deleted-bg: #232323;
		--deleted-text: #d2d2d2;
		--blacklisted-bg: #6e4848;
		--blacklisted-text: #d2d2d2;
		/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
		--actions-fav-true:#be7aa1;
		--flagged: #6e4848;
		--elements-highlight: #BD7BA2;
		--mode-edit:#534738;
		--mode-add-fav:#36583a;
		--mode-remove-fav:#583636;
		--mode-blacklist:#171c22;
		--mode-download: #553658;
		--mode-fullscreen: #365857;
		--tag-cat-1:#7cb2bd;
		--tag-cat-1-hover:#96d8e5;
		--tag-cat-2:#bd987e;
		--tag-cat-2-hover:#f2c3a2;
		--tag-cat-3:#be7aa1;
		--tag-cat-3-hover:#f79fd1;
		--tag-cat-4:#7bbe92;
		--tag-cat-4-hover:#99eab5;
		--tag-cat-5:#c5c387;
		--tag-cat-5-hover:#efeda4;
		--tag-cat-6:#be7d7d;
		--tag-cat-6-hover:#f6a2a2;
		--tag-cat-7:#d8e1e9;
		--tag-cat-7-hover:#eef7ff;
		--user-member: var(--base-text);
		--user-member-hover: var(--base-text-hover);
		--user-privileged: #93c190;
		--user-privileged-hover: #b0e7ad;
		--user-contributor: #93c190;
		--user-contributor: #b0e7ad;
		--user-admin:#cc946d;
		--user-admin-hover: #eeae82;
		--user-former-staff: #6cd5aa;
		--user-former-staff-hover: #7ff7c6;
		--user-janitor: #7dafd8;
		--user-janitor-hover: #8fc8f7;
		--user-banned: #d46969;
		--user-banned-hover: #ef7676;
		--favorite-button: #538163;
		--favorite-button-hover: #6dab83;
		--remove-favorite: #936060;
		--remove-favorite-hover: #bf7e7e;
		--warn-button: #a07658;
		--warn-button-hover: #e5aa80;
		--button-color: #232e38;
		--button-color-hover: #2c3946;
		--button-text: #c3ccd4;
		--button-text-hover: #c3ccd4;
		--button-text-hover-secondary: #fff;
		--true: thin;
		scrollbar-width: var(--thin-scrollbar);
		scrollbar-color: #3c3c3c #222;
	}
	body[data-th-main="pony"] {
		--bg-300: #604a67;
		--bg-400: #55425a;
		--bg: #4b3a50;
		--bg-visiting: #ffe4e9;
		--bg-visiting-hover:#f6eaec;
		--bg-editing: #d4a0ab;
		--bg-editing-hover: #ffa6c2;
		--base-text: #d4c3cc;
		--base-text-hover: #d3ddd3;
		--base-text-faded: #d4c3cc7a;
		--base-link: #b485cd;
		--base-link-hover: #e9a5fe;
		--header-link: #d4c3cb;
		--header-link-hover: #d3ddd3;
		--content-link:#7bbda5;
		--content-link-hover:#8dd9bd;
		--header-link-visiting: #38232b;
		--header-link-editing: #462c34;
		--header-link-editing-hover: #38232b;
		--nav-hover-top-color:#d4c3cd;
		--nav-hover-bottom-color: #d4c3cb;
		--bg-image: #38232e;
		--deleted-bg: #232323;
		--deleted-text: #d2d2d2;
		--blacklisted-bg: #6e4848;
		--blacklisted-text: #d2d2d2;
		/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
		--actions-fav-true:#a87abe;
		--flagged: #6e4854;
		--elements-highlight: #7bbda5;
		--mode-edit:#534738;
		--mode-add-fav:#36583a;
		--mode-remove-fav:#583636;
		--mode-blacklist:#171c22;
		--mode-download: #553658;
		--mode-fullscreen: #365857;
		--tag-cat-1:#c590b6;
		--tag-cat-1-hover:#e6a8cf;
		--tag-cat-2:#bd987e;
		--tag-cat-2-hover:#f2c3a2;
		--tag-cat-3:#7abebe;
		--tag-cat-3-hover:#9ff7ee;
		--tag-cat-4:#7bbe92;
		--tag-cat-4-hover:#99eab5;
		--tag-cat-5:#c5c387;
		--tag-cat-5-hover:#efeda4;
		--tag-cat-6:#be7d7d;
		--tag-cat-6-hover:#f6a2a2;
		--tag-cat-7:#d8e1e9;
		--tag-cat-7-hover:#eef7ff;
		--user-member: var(--base-text);
		--user-member-hover: var(--base-text-hover);
		--user-privileged: #93c190;
		--user-privileged-hover: #b0e7ad;
		--user-contributor: #93c190;
		--user-contributor: #b0e7ad;
		--user-admin:#cc946d;
		--user-admin-hover: #eeae82;
		--user-former-staff: #6cd5aa;
		--user-former-staff-hover: #7ff7c6;
		--user-janitor: #7dafd8;
		--user-janitor-hover: #8fc8f7;
		--user-banned: #d46969;
		--user-banned-hover: #ef7676;
		--favorite-button: #538163;
		--favorite-button-hover: #6dab83;
		--remove-favorite: #936060;
		--remove-favorite-hover: #bf7e7e;
		--warn-button: #a07658;
		--warn-button-hover: #e5aa80;
		--button-color: #232e38;
		--button-color-hover: #2c3946;
		--button-text: #c3ccd4;
		--button-text-hover: #c3ccd4;
		--button-text-hover-secondary: #fff;
	}
	body[data-th-main="bloodlust"] {
		--bg-300: #36393e;
		--bg-400: #282b30;
		--bg: #1e2124;
		--bg-visiting: #f3f3f3;
		--bg-visiting-hover:#f0f0f0;
		--bg-editing: #be4343;
		--bg-editing-hover: #c62929;
		--base-text: #e1e1e1;
		--base-text-hover: #e3e3e3;
		--base-text-faded: #e1e1e17a;
		--base-link: #c39cc5;
		--base-link-hover: #ffc9fe;
		--header-link: #dedede;
		--header-link-hover: #e3e3e3;
		--content-link:#bd7b7b;
		--content-link-hover:#e49393;
		--header-link-visiting: #382323;
		--header-link-editing: #462c2c;
		--header-link-editing-hover: #382323;
		--nav-hover-top-color:#d1d1d1;
		--nav-hover-bottom-color: #d1d1d1;
		--bg-image: #2f2f2f;
		--deleted-bg: #232323;
		--deleted-text: #d2d2d2;
		--blacklisted-bg: #6e4848;
		--blacklisted-text: #d2d2d2;
		/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
		--actions-fav-true:#b4be7a;
		--flagged: #6e4848;
		--elements-highlight: #ff79c6;
		--mode-edit:#534738;
		--mode-add-fav:#36583a;
		--mode-remove-fav:#583636;
		--mode-blacklist:#000;
		--mode-download: #553658;
		--mode-fullscreen: #365857;
		--tag-cat-1:#c17777;
		--tag-cat-1-hover:#d79090;
		--tag-cat-2:#be7f53;
		--tag-cat-2-hover:#f8a66d;
		--tag-cat-3:#51c2c2;
		--tag-cat-3-hover:#6ffbec;
		--tag-cat-4:#50be76;
		--tag-cat-4-hover:#60f593;
		--tag-cat-5:#c9c659;
		--tag-cat-5-hover:#f5f26b;
		--tag-cat-6:#bb5d9e;
		--tag-cat-6-hover:#f657c3;
		--tag-cat-7:#dee1e4;
		--tag-cat-7-hover:#eef4f8;
		--user-member: var(--base-text);
		--user-member-hover: var(--base-text-hover);
		--user-privileged: #93c190;
		--user-privileged-hover: #b0e7ad;
		--user-contributor: #93c190;
		--user-contributor-hover: #b0e7ad;
		--user-admin:#cc946d;
		--user-admin-hover: #eeae82;
		--user-former-staff: #6cd5aa;
		--user-former-staff-hover: #7ff7c6;
		--user-janitor: #7dafd8;
		--user-janitor-hover: #8fc8f7;
		--user-banned: #d46969;
		--user-banned-hover: #ef7676;
		--favorite-button: #47895f;
		--favorite-button-hover: #71d594;
		--remove-favorite: #a95454;
		--remove-favorite-hover: #e07373;
		--warn-button: #a07658;
		--warn-button-hover: #e5aa80;
		--button-color: #232e38;
		--button-color-hover: #2c3946;
		--button-text: #c3ccd4;
		--button-text-hover: #c3ccd4;
		--button-text-hover-secondary: #fff;
	}
	body[data-th-main="serpent"] {
		--bg-300: #3e5341;
		--bg-400: #354535;
		--bg: #2f382e;
		--bg-visiting: #dadada;
		--bg-visiting-hover: #fff;
		--bg-editing: #a0d2d4;
		--bg-editing-hover: #a6fffc;
		--base-text: #c3d4c6;
		--base-text-hover: #d3ddd3;
		--base-text-faded: #c3ccd47a;
		--base-link: #bdbd7b;
		--base-link-hover: #fafea5;
		--header-link: #c3ccd4;
		--header-link-hover: #d3ddd3;
		--content-link:#dcdc8f;
		--content-link-hover:#fafea5;
		--header-link-visiting: #232e38;
		--header-link-editing: #2c3946;
		--header-link-editing-hover: #232e38;
		--nav-hover-top-color:#c3ccd4;
		--nav-hover-bottom-color: #c3ccd4;
		--bg-image: #273823;
		--deleted-bg: #232323;
		--deleted-text: #d2d2d2;
		--blacklisted-bg: #6e4848;
		--blacklisted-text: #d2d2d2;
		/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
		--actions-fav-true:#be7a7a;
		--flagged: #6e4848;
		--elements-highlight: #bdab7b;
		--mode-edit:#534738;
		--mode-add-fav:#36583a;
		--mode-remove-fav:#583636;
		--mode-blacklist:#171c22;
		--mode-download: #553658;
		--mode-fullscreen: #365857;
		--tag-cat-1:#7cbdab;
		--tag-cat-1-hover:#96e5cc;
		--tag-cat-2:#bd987e;
		--tag-cat-2-hover:#f2c3a2;
		--tag-cat-3:#be7aa1;
		--tag-cat-3-hover:#f79fd1;
		--tag-cat-4:#7bbe92;
		--tag-cat-4-hover:#99eab5;
		--tag-cat-5:#c5c387;
		--tag-cat-5-hover:#efeda4;
		--tag-cat-6:#be7d7d;
		--tag-cat-6-hover:#f6a2a2;
		--tag-cat-7:#d8e1e9;
		--tag-cat-7-hover:#eef7ff;
		--user-member: var(--base-text);
		--user-member-hover: var(--base-text-hover);
		--user-privileged: #93c190;
		--user-privileged-hover: #b0e7ad;
		--user-contributor: #93c190;
		--user-contributor-hover: #b0e7ad;
		--user-admin:#cc946d;
		--user-admin-hover: #eeae82;
		--user-former-staff: #6cd5aa;
		--user-former-staff-hover: #7ff7c6;
		--user-janitor: #7dafd8;
		--user-janitor-hover: #8fc8f7;
		--user-banned: #d46969;
		--user-banned-hover: #ef7676;
		--favorite-button: #538163;
		--favorite-button-hover: #6dab83;
		--remove-favorite: #936060;
		--remove-favorite-hover: #bf7e7e;
		--warn-button: #a07658;
		--warn-button-hover: #e5aa80;
		--button-color: #253823;
		--button-color-hover: #2f462c;
		--button-text: #c3ccd4;
		--button-text-hover: #c3ccd4;
		--button-text-hover-secondary: #fff;
		--true: thin;
		scrollbar-width: var(--thin-scrollbar);
	}
	body[data-th-main="hotdog"] {
		--bg-300: #3c3836;
		--bg-400: #323232;
		--bg: #282828;
		--bg-visiting: #f0cfc0;
		--bg-visiting-hover:#ffdccd;
		--bg-editing: #a1a0d4;
		--bg-editing-hover: #a6beff;
		--base-text: #d6bbae;
		--base-text-hover: #f0cfc0;
		--base-text-faded: #d6bbae7a;
		--base-link: #f7e7df;
		--base-link-hover: #fffaf8;
		--header-link: #d6bbae;
		--header-link-hover: #f0cfc0;
		--content-link: #75a6b8;
		--content-link-hover: #8ac3da;
		--header-link-visiting: #474341;
		--header-link-editing: #474341;
		--header-link-editing-hover: #615c59;
		--nav-hover-top-color:#d6bbae;
		--nav-hover-bottom-color: #d6bbae;
		--bg-image: #38232e;
		--deleted-bg: #232323;
		--deleted-text: #d2d2d2;
		--blacklisted-bg: #6e4848;
		--blacklisted-text: #d2d2d2;
		/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
		--actions-fav-true:#a87abe;
		--flagged: #6e4848;
		--elements-highlight: #7bbcbd;
		--mode-edit:#534738;
		--mode-add-fav:#36583a;
		--mode-remove-fav:#583636;
		--mode-blacklist:#171c22;
		--mode-download: #553658;
		--mode-fullscreen: #365857;
		--tag-cat-1:#bdb1ac;
		--tag-cat-1-hover:#d6bbae;
		--tag-cat-2:#bb8864;
		--tag-cat-2-hover:#e7a87d;
		--tag-cat-3:#7abebe;
		--tag-cat-3-hover:#9ff7ee;
		--tag-cat-4:#7bbe92;
		--tag-cat-4-hover:#99eab5;
		--tag-cat-5:#c5c387;
		--tag-cat-5-hover:#efeda4;
		--tag-cat-6:#be7d7d;
		--tag-cat-6-hover:#f6a2a2;
		--tag-cat-7:#d8e1e9;
		--tag-cat-7-hover:#eef7ff;
		--user-member: var(--base-text);
		--user-member-hover: var(--base-text-hover);
		--user-privileged: #93c190;
		--user-privileged-hover: #b0e7ad;
		--user-contributor: #93c190;
		--user-contributor-hover: #b0e7ad;
		--user-admin:#cc946d;
		--user-admin-hover: #eeae82;
		--user-former-staff: #6cd5aa;
		--user-former-staff-hover: #7ff7c6;
		--user-janitor: #7dafd8;
		--user-janitor-hover: #8fc8f7;
		--user-banned: #d46969;
		--user-banned-hover: #ef7676;
		--favorite-button: #538163;
		--favorite-button-hover: #6dab83;
		--remove-favorite: #936060;
		--remove-favorite-hover: #bf7e7e;
		--warn-button: #a07658;
		--warn-button-hover: #e5aa80;
		--button-color: #232e38;
		--button-color-hover: #2c3946;
		--button-text: #d6bbae;
		--button-text-hover: #d6bbae;
		--button-text-hover-secondary: #f0cfc0;
	}
}

if themep == classic {
	:root {
		--thin-scrollbar: var(--true);
		--main-page-background: url(https://static1.e621.net/data/09/f8/09f84e1224df7b3502456589dd75c0c3.jpg)!important;
		--artist-credit: "Background by Tom Fischbach";
		--main-font: Yu Gothic UI, Arial;
		--bg-300: #152f56;
		--bg-400: #0e203c;
		--bg: #031530;
		--bg-visiting: rgba(200,200,200,1);
		--bg-visiting-transition: 100ms;
		--bg-editing-transition: 100ms;
		--bg-visiting-hover:rgba(255,255,255,1);
		--bg-editing: #a0d2d4;
		--bg-editing-hover: #a6fffc;
		--base-text: #fff;
		--base-text-hover: #fff;
		--base-text-faded: #ffffff7a;
		--base-link: #b4c7d9;
		--base-link-hover: #e9f2fa;
		--header-link: #c3ccd4;
		--header-link-hover: #d3ddd3;
		--content-link:#fdbe2f;
		--content-link-hover:#ffd575;
		--header-link-transition: 100ms;
		--header-link-editing-transition:100ms;
		--header-link-visiting: #232e38;
		--header-link-editing: #2c3946;
		--header-link-editing-hover: #232e38;
		--nav-hover-top-color:#c3ccd4;
		--nav-hover-bottom-color: #c3ccd4;
		--bg-image: #232e38;
		--deleted-bg: #232323;
		--deleted-text: #d2d2d2;
		--blacklisted-bg: #6e4848;
		--blacklisted-text: #d2d2d2;
		/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
		--actions-fav-true:#be7aa1;
		--flagged: maroon;
		--elements-highlight: #fdbe2f;
		--mode-edit: #713a20;
		--mode-add-fav: #006400;
		--mode-remove-fav: maroon;
		--mode-blacklist:#242424;
		--mode-download: #4d0054;
		--mode-fullscreen: #194f4d;
		--tag-cat-1:#b4c7d9;
		--tag-cat-1-hover:#e9f2fa;
		--tag-cat-2:#f2ac08;
		--tag-cat-2-hover:#fbd67f;
		--tag-cat-3:#d0d;
		--tag-cat-3-hover:#ff5eff;
		--tag-cat-4:#0a0;
		--tag-cat-4-hover:#2bff2b;
		--tag-cat-5:#ed5d1f;
		--tag-cat-5-hover:#f6b295;
		--tag-cat-6:#ff3d3d;
		--tag-cat-6-hover:#ffbdbd;
		--tag-cat-7:#fff;
		--tag-cat-7-hover:#666;
		--user-member: var(--base-text);
		--user-member-hover: var(--base-text-hover);
		--user-privileged: #4afc4a;
		--user-privileged-hover: #75fd75;
		--user-contributor: #4afc4a;
		--user-contributor-hover: #75fd75;
		--user-admin:#e69500;
		--user-admin-hover: #9d6703;
		--user-former-staff: #3fd6ba;
		--user-former-staff-hover: #5eebd1;
		--user-janitor: #d82828;
		--user-janitor-hover: #cc5151;
		--user-banned: #a41313;
		--user-banned-hover: #df3e3e;
		--favorite-button: #006400;
		--favorite-button-hover: #004b00;
		--remove-favorite: maroon;
		--remove-favorite-hover: #670000;
		--warn-button: sienna;
		--warn-button-hover: #8c4827;
		--button-color: #232e38;
		--button-color-hover: #2c3946;
		--button-text: #fff;
		--button-text-hover: #fff;
		--button-text-hover-secondary: #fff;
		--true: thin;
		scrollbar-width: var(--thin-scrollbar);
		scrollbar-color: #3c3c3c #222;
	}
	body[data-th-main="pony"] {
		--bg-300: #2f175c;
		--bg-400: #250d51;
		--bg: #190836;
		--bg-visiting: rgba(200,200,200,1);
		--bg-visiting-transition: 100ms;
		--bg-editing-transition: 100ms;
		--bg-visiting-hover:rgba(255,255,255,1);
		--bg-editing: #a0d2d4;
		--bg-editing-hover: #a6fffc;
		--base-text: #fff;
		--base-text-hover: #fff;
		--base-text-faded: #ffffff7a;
		--base-link: #b4c7d9;
		--base-link-hover: #e9f2fa;
		--header-link: #c3ccd4;
		--header-link-hover: #d3ddd3;
		--content-link:#ff5eff;
		--content-link-hover:#ff8dff;
		--header-link-transition: 100ms;
		--header-link-editing-transition:100ms;
		--header-link-visiting: #232e38;
		--header-link-editing: #2c3946;
		--header-link-editing-hover: #232e38;
		--nav-hover-top-color:#c3ccd4;
		--nav-hover-bottom-color: #c3ccd4;
		--bg-image: #232e38;
		--deleted-bg: #232323;
		--deleted-text: #d2d2d2;
		--blacklisted-bg: #646464;
		--blacklisted-text: #d2d2d2;
		/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
		--actions-fav-true:#be7aa1;
		--flagged: maroon;
		--elements-highlight: #ff5eff;
		--mode-edit: #713a20;
		--mode-add-fav: #006400;
		--mode-remove-fav: maroon;
		--mode-blacklist:#242424;
		--mode-download: #4d0054;
		--mode-fullscreen: #194f4d;
		--tag-cat-1:#b4c7d9;
		--tag-cat-1-hover:#e9f2fa;
		--tag-cat-2:#f2ac08;
		--tag-cat-2-hover:#fbd67f;
		--tag-cat-3:#d0d;
		--tag-cat-3-hover:#ff5eff;
		--tag-cat-4:#0a0;
		--tag-cat-4-hover:#2bff2b;
		--tag-cat-5:#ed5d1f;
		--tag-cat-5-hover:#f6b295;
		--tag-cat-6:#ff3d3d;
		--tag-cat-6-hover:#ffbdbd;
		--tag-cat-7:#fff;
		--tag-cat-7-hover:#666;
		--user-member: var(--base-text);
		--user-member-hover: var(--base-text-hover);
		--user-privileged: #4afc4a;
		--user-privileged-hover: #75fd75;
		--user-contributor: #4afc4a;
		--user-contributor-hover: #75fd75;
		--user-admin:#e69500;
		--user-admin-hover: #9d6703;
		--user-former-staff: #3fd6ba;
		--user-former-staff-hover: #5eebd1;
		--user-janitor: #d82828;
		--user-janitor-hover: #cc5151;
		--user-banned: #a41313;
		--user-banned-hover: #df3e3e;
		--favorite-button: #006400;
		--favorite-button-hover: #004b00;
		--remove-favorite: maroon;
		--remove-favorite-hover: #670000;
		--warn-button: sienna;
		--warn-button-hover: #8c4827;
		--button-color: #232e38;
		--button-color-hover: #2c3946;
		--button-text: #fff;
		--button-text-hover: #fff;
		--button-text-hover-secondary: #fff;
	}
	body[data-th-main="bloodlust"] {
		--bg-300: #333;
		--bg-400: #222;
		--bg: #111;
		--bg-visiting: #ffee95;
		--bg-visiting-transition: 100ms;
		--bg-editing-transition: 100ms;
		--bg-visiting-hover: #f68b00;
		--bg-editing: #a0d2d4;
		--bg-editing-hover: #a6fffc;
		--base-text: #fff;
		--base-text-hover: #fff;
		--base-text-faded: #ffffff7a;
		--base-link: #ffee95;
		--base-link-hover: #f68b00;
		--header-link: #ffee95;
		--header-link-hover: #f68b00;
		--content-link: #ffee95;
		--content-link-hover:#f68b00;
		--header-link-transition: 100ms;
		--header-link-editing-transition:100ms;
		--header-link-visiting: #232e38;
		--header-link-editing: #2c3946;
		--header-link-editing-hover: #232e38;
		--nav-hover-top-color:#ffee95;
		--nav-hover-bottom-color: #ffee95;
		--bg-image: #232e38;
		--deleted-bg: #232323;
		--deleted-text: #d2d2d2;
		--blacklisted-bg: #656565;
		--blacklisted-text: #d2d2d2;
		/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
		--actions-fav-true:#be7aa1;
		--flagged: maroon;
		--elements-highlight: #ffee95;
		--mode-edit: #713a20;
		--mode-add-fav: #006400;
		--mode-remove-fav: maroon;
		--mode-blacklist:#000;
		--mode-download: #4d0054;
		--mode-fullscreen: #194f4d;
		--tag-cat-1:#ffee95;
		--tag-cat-1-hover:#f68b00;
		--tag-cat-2:#f2ac08;
		--tag-cat-2-hover:#fbd67f;
		--tag-cat-3:#d0d;
		--tag-cat-3-hover:#ff5eff;
		--tag-cat-4:#0a0;
		--tag-cat-4-hover:#2bff2b;
		--tag-cat-5:#ed5d1f;
		--tag-cat-5-hover:#f6b295;
		--tag-cat-6:#ff3d3d;
		--tag-cat-6-hover:#ffbdbd;
		--tag-cat-7:#fff;
		--tag-cat-7-hover:#666;
		--user-member: var(--base-text);
		--user-member-hover: var(--base-text-hover);
		--user-privileged: #4afc4a;
		--user-privileged-hover: #75fd75;
		--user-contributor: #4afc4a;
		--user-contributor-hover: #75fd75;
		--user-admin:#e69500;
		--user-admin-hover: #9d6703;
		--user-former-staff: #3fd6ba;
		--user-former-staff-hover: #5eebd1;
		--user-janitor: #d82828;
		--user-janitor-hover: #cc5151;
		--user-banned: #a41313;
		--user-banned-hover: #df3e3e;
		--favorite-button: #006400;
		--favorite-button-hover: #004b00;
		--remove-favorite: maroon;
		--remove-favorite-hover: #670000;
		--warn-button: sienna;
		--warn-button-hover: #8c4827;
		--button-color: #232e38;
		--button-color-hover: #2c3946;
		--button-text: #fff;
		--button-text-hover: #fff;
		--button-text-hover-secondary: #fff;
	}
	body[data-th-main="serpent"] {
		--bg: #f6eb86;
		--bg-400: #dacf6b;
		--bg-300: #44a544;
		--bg-visiting: #000;
		--bg-visiting-transition: 100ms;
		--bg-editing-transition: 100ms;
		--bg-visiting-hover:rgba(255,255,255,1);
		--bg-editing: #a0d2d4;
		--bg-editing-hover: #a6fffc;
		--base-text: #000;
		--base-text-hover: #000;
		--base-text-faded: #0000007a;
		--base-link: #000;
		--base-link-hover: #222;
		--header-link: #000;
		--header-link-hover: #222;
		--content-link:#504afc;
		--content-link-hover:#847fff;
		--header-link-transition: 100ms;
		--header-link-editing-transition:100ms;
		--header-link-visiting: #fff;
		--header-link-editing: #2c3946;
		--header-link-editing-hover: #232e38;
		--nav-hover-top-color:#000;
		--nav-hover-bottom-color: #000;
		--bg-image: #232e38;
		--deleted-bg: #232323;
		--deleted-text: #d2d2d2;
		--blacklisted-bg: #646464;
		--blacklisted-text: #d2d2d2;
		/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
		--actions-fav-true:#be7aa1;
		--flagged: maroon;
		--elements-highlight: #44a544;
		--mode-edit: #713a20;
		--mode-add-fav: #006400;
		--mode-remove-fav: maroon;
		--mode-blacklist:#242424;
		--mode-download: #4d0054;
		--mode-fullscreen: #194f4d;
		--tag-cat-1:#000;
		--tag-cat-1-hover:#222;
		--tag-cat-2:#f2ac08;
		--tag-cat-2-hover:#fbd67f;
		--tag-cat-3:#d0d;
		--tag-cat-3-hover:#ff5eff;
		--tag-cat-4:#0a0;
		--tag-cat-4-hover:#2bff2b;
		--tag-cat-5:#ed5d1f;
		--tag-cat-5-hover:#f6b295;
		--tag-cat-6:#ff3d3d;
		--tag-cat-6-hover:#ffbdbd;
		--tag-cat-7:#fff;
		--tag-cat-7-hover:#666;
		--user-member: var(--base-text);
		--user-member-hover: var(--base-text-hover);
		--user-privileged: #4afc4a;
		--user-privileged-hover: #75fd75;
		--user-contributor: #4afc4a;
		--user-contributor-hover: #75fd75;
		--user-admin:#e69500;
		--user-admin-hover: #9d6703;
		--user-former-staff: #3fd6ba;
		--user-former-staff-hover: #5eebd1;
		--user-janitor: #d82828;
		--user-janitor-hover: #cc5151;
		--user-banned: #a41313;
		--user-banned-hover: #df3e3e;
		--favorite-button: #006400;
		--favorite-button-hover: #004b00;
		--remove-favorite: maroon;
		--remove-favorite-hover: #670000;
		--warn-button: sienna;
		--warn-button-hover: #8c4827;
		--button-color: #232e38;
		--button-color-hover: #2c3946;
		--button-text: #000;
		--button-text-hover: #222;
		--button-text-hover-secondary: #222;
	}
	body[data-th-main="hotdog"] {
		--bg: #f00;
		--bg-400: #ffff2b;
		--bg-300: #ff0;
		--bg-visiting: #000;
		--bg-visiting-transition: 100ms;
		--bg-editing-transition: 100ms;
		--bg-visiting-hover:rgba(255,255,255,1);
		--bg-editing: #a0d2d4;
		--bg-editing-hover: #a6fffc;
		--base-text: #000;
		--base-text-hover: #000;
		--base-text-faded: #0000007a;
		--base-link: #000;
		--base-link-hover: #222;
		--header-link: #000;
		--header-link-hover: #222;
		--content-link:#504afc;
		--content-link-hover:#847fff;
		--header-link-transition: 100ms;
		--header-link-editing-transition:100ms;
		--header-link-visiting: #fff;
		--header-link-editing: #2c3946;
		--header-link-editing-hover: #232e38;
		--nav-hover-top-color:#000;
		--nav-hover-bottom-color: #000;
		--bg-image: #232e38;
		--deleted-bg: #232323;
		--deleted-text: #d2d2d2;
		--blacklisted-bg: #646464;
		--blacklisted-text: #d2d2d2;
		/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
		--actions-fav-true:#be7aa1;
		--flagged: maroon;
		--elements-highlight: #ff0;
		--mode-edit: #713a20;
		--mode-add-fav: #006400;
		--mode-remove-fav: maroon;
		--mode-blacklist:#242424;
		--mode-download: #4d0054;
		--mode-fullscreen: #194f4d;
		--tag-cat-1:#000;
		--tag-cat-1-hover:#222;
		--tag-cat-2:#f2ac08;
		--tag-cat-2-hover:#fbd67f;
		--tag-cat-3:#d0d;
		--tag-cat-3-hover:#ff5eff;
		--tag-cat-4:#0a0;
		--tag-cat-4-hover:#2bff2b;
		--tag-cat-5:#ed5d1f;
		--tag-cat-5-hover:#f6b295;
		--tag-cat-6:#ff3d3d;
		--tag-cat-6-hover:#ffbdbd;
		--tag-cat-7:#fff;
		--tag-cat-7-hover:#666;
		--user-member: var(--base-text);
		--user-member-hover: var(--base-text-hover);
		--user-privileged: #4afc4a;
		--user-privileged-hover: #75fd75;
		--user-contributor: #4afc4a;
		--user-contributor-hover: #75fd75;
		--user-admin:#e69500;
		--user-admin-hover: #9d6703;
		--user-former-staff: #3fd6ba;
		--user-former-staff-hover: #5eebd1;
		--user-janitor: #d82828;
		--user-janitor-hover: #cc5151;
		--user-banned: #a41313;
		--user-banned-hover: #df3e3e;
		--favorite-button: #006400;
		--favorite-button-hover: #004b00;
		--remove-favorite: maroon;
		--remove-favorite-hover: #670000;
		--warn-button: sienna;
		--warn-button-hover: #8c4827;
		--button-color: #232e38;
		--button-color-hover: #2c3946;
		--button-text: #000;
		--button-text-hover: #222;
		--button-text-hover-secondary: #222;
	}
}
if themep == classic {
	if borderRank == 1 {
		body[data-th-main="hexagon"] {
			.author-info:has(.user-member) .post-thumbnail {
				border-color: var(--user-member) !important;
			}
			.avatar .post-thumbnail {
				background-color: var(--user-member);
			}
		}
	}
}
::-webkit-scrollbar {
	width: 10px;
	background: var(--bg);
}

::-webkit-scrollbar-thumb {
	background: var(--bg-300);
}

if themep == muted {
	::selection {
	color: var(--bg);
	background: var(--elements-highlight);
	}
}
if themep == classic {
	::selection {
	color: var(--bg);
	background: var(--header-link);
	}
}


/* -------------- Styling starts now --------------*/


/* Body things */
	body {
		background-color: var(--bg-300)!important;
		background-image: none!important;
		color: var(--base-text)!important;
		font-family: var(--main-font);
		padding:0;
		margin:0;
		max-width: 100vw;
	}
	div#page {
		background-color: var(--bg-300)!important;
		margin:0!important;
		border-radius:0!important;
		padding-top: 1.5rem;
		padding-bottom: 4rem;
	}
	#ad-leaderboard {
		width:fit-content;
		margin-inline:auto;
	}
	footer#page-footer {
		margin: 0rem 0 0 0;
		border-radius:0;
		background-color: var(--bg)!important;
	}
	a {
		color: var(--base-link)!important;
		background: none!important;
		&:hover {
			color: var(--base-link-hover)!important;
			background: none!important;
		}
	}
/* Header */
	header#top {
		background-color: var(--bg)!important;
		background-image: none!important;
		margin: 0!important;
		text-align: center!important;
		top: 0!important;
		border-bottom: none!important;
		min-height: 60px!important;
		menu {
			background-color: rgba(0,0,0,0)!important;
			margin: 0 auto;
			border: none!important;
			outline: none!important;
		}
	}
	header#top nav#nav.grid {
		border-bottom: none!important;
	}
	header#top menu.main {
		background-color: rgba(0,0,0,0)!important;
	}
	header#top nav#nav.grid menu.extra:not(.main) {
		background: unset;
		margin: 0 0.5rem 0 0;
		padding: 0.25rem 0;
		position: absolute;
		margin-left: auto;
		right: 0;
	}
	header#top nav#nav.grid a{
		margin: 0 auto;
	}
	header#top nav#nav.grid menu.main {
		border-bottom: 1px solid var(--header-link)!important;
		padding: 0 0 0rem 0;
		border-radius:0;
	}
	.fas {
		color: var(--header-link);
		transition: var(--header-link-transition);
		&:hover {
			color: var(--header-link-hover);
		}
	}
	header#top nav#nav.grid menu.extra:not(.main) {
		background-color: var(--bg-400)!important;
		margin-right:.5rem;
		border-radius: 0 0 8px 8px;
		border-bottom: 2px solid var(--bg-300)!important;
		border-left: 2px solid var(--bg-300)!important;
		border-right: 2px solid var(--bg-300)!important;
	}
	.update-notification[data-loading="true"]::after {
		bottom: 1rem;
	}
	header#top nav#nav menu.main.custom li {
		padding: 6px 0;
	}
	nav {
		width: 100%;
		max-width:100vw;
		border-radius: 100%!important;
		text-align: center;
		color: var(--header-link);
		* {
			box-sizing: initial;
			background-image: none;
		}
	}
	nav menu:nth-child(2) li a::after {
		content:'';
		position:absolute;
		height: 1.5px;
		width:100%;
		left:0;
		top:-4px;
		border-radius: 8px;
		background-color:var(--nav-hover-top-color);
		transition:var(--header-link-transition);
		opacity: 0;
	}
	nav menu:nth-child(2) li a:hover::after {
		width:100%;
		opacity: 1;
	}
	nav menu:nth-child(4) li a::after {
		content:'';
		position:absolute;
		height: 2px;
		width:100%;
		left:0;
		bottom:0;
		background-color:var(--nav-hover-bottom-color);
		transition:var(--header-link-transition);
		opacity: 0;
	}
	nav menu:nth-child(4) li a:hover::after {
		width:100%;
		opacity: 1;
	}
	nav .bg-foreground a::after {
		display:none;
	}
	nav .bg-foreground {
		background-color: var(--bg-visiting)!important;
		border-radius: 8px 8px 0 0;
		height: 90%;
		transition:var(--bg-visiting-transition);
	}
	nav .bg-foreground:hover {
		background-color: var(--bg-visiting-hover)!important;
	}
	nav .bg-foreground a {
		color:var(--header-link-visiting)!important;
		&:hover {
			color: var(--header-link-visiting)!important;
		}
	}
	nav li a:visited {
		color: var(--header-link);
	}
	nav li a {
		color: var(--header-link)!important;
		position:relative;
		height: 100%;
		&:hover {
			color: var(--header-link-hover)!important;
		}
	}
	.simple_form {
		background-color: var(--bg)!important;
		border-radius: 2px 8px 8px 2px;
		border-left: .25rem solid var(--elements-highlight)!important;
	}
	form input, .input > input, .input > select{
		border-radius: 3.5px;
		color: var(--base-text)!important;
		background-color: var(--bg-400)!important;
		border: 2px solid var(--bg-300)!important;
		padding: 0 .5rem;
	}
	/* Nav Logo */
	menu.logo {
		display: flex;
		width: 10%;
	}
	nav .logo #text {
		display:none;
	}
	nav .logo {
		width: 100px;
		position: relative;
		height: 1rem;
		top: 1.25rem;
		display:flex;
		align-items: center;
	}
	nav .logo * {
		font-size: 1px;
		position:absolute;
		top: 5em;
		left: 1rem;
		width: 0em;
		height: 0rem;
		color:var(--logo);
		display:flex;
		align-items: center;
		justify-content: center;
	}
	nav .logo a {
		color: rgb(0,0,0,0);
		font-size:0;
	}
	nav .logo a::before {
		content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.4in' height='0.4in' viewBox='0 0 36 36'%3E%3Cpath id='Ear Tops' fill='%2300000055' d='M 26.73,13.88 C 26.73,13.88 29.44,13.24 29.92,14.20 30.30,14.98 28.55,16.43 28.55,16.43 28.55,16.43 30.06,18.45 30.06,18.45 30.06,18.45 32.06,16.97 33.02,16.18 34.09,15.28 35.85,13.73 35.10,12.43 33.62,9.88 26.95,11.43 25.27,11.96 25.27,11.96 26.73,13.88 26.73,13.88 Z M 14.61,8.32 C 14.61,8.32 15.74,5.77 16.79,5.97 17.65,6.13 17.75,8.41 17.75,8.41 17.75,8.41 20.26,8.41 20.26,8.41 20.26,8.41 20.30,5.92 20.23,4.68 20.16,3.29 19.98,0.94 18.50,0.76 15.57,0.41 12.79,6.68 12.20,8.33 12.20,8.33 14.61,8.32 14.61,8.32 Z' /%3E%3Cpath id='Ear Bottoms' fill='%23ffffff33' d='M 14.61,8.32 C 14.61,8.32 15.74,5.77 16.79,5.97 17.65,6.13 17.75,8.41 17.75,8.41 17.75,8.41 20.26,8.41 20.26,8.41 20.26,8.41 20.30,7.43 20.27,6.17 19.54,4.37 16.52,3.18 15.03,3.00 14.27,3.83 12.79,6.68 12.20,8.33 12.20,8.33 14.61,8.32 14.61,8.32 Z M 26.73,13.88 C 26.73,13.88 29.44,13.24 29.92,14.20 30.30,14.98 28.55,16.43 28.55,16.43 28.55,16.43 30.06,18.45 30.06,18.45 30.06,18.45 31.41,17.50 32.36,16.70 31.56,16.69 32.70,13.48 30.75,11.02 29.57,10.99 26.95,11.43 25.27,11.96 25.27,11.96 26.73,13.88 26.73,13.88 Z' /%3E%3Cpath id='Head' fill='%2300000055' d='M 8.17,9.97 C 10.27,9.96 19.20,10.03 22.22,10.03 22.88,11.15 28.57,20.96 29.24,22.17 28.50,23.45 22.29,34.12 22.22,34.21 21.22,34.25 8.25,34.29 8.25,34.29 8.15,34.13 1.88,23.32 1.17,22.10 1.80,21.20 7.24,11.57 8.17,9.97 Z' /%3E%3Cpath id='e' fill='%23ffffff33' d='M 14.90,14.62 C 21.12,14.31 22.95,19.43 22.81,23.04 22.69,23.05 11.69,23.93 11.53,23.93 14.80,28.95 18.63,25.34 18.81,25.20 18.95,25.34 19.39,25.75 20.85,27.10 17.10,31.38 8.78,30.54 8.02,21.83 8.53,15.14 14.90,14.62 14.90,14.62 Z M 11.21,20.81 C 11.21,20.81 17.95,20.38 19.47,20.28 17.02,15.62 12.25,17.69 11.21,20.81 Z' /%3E%3C/svg%3E%0A");
		position:relative;
		margin-inline: auto;
		top: .25rem;
		left: .5rem;
		z-index: 2;
		background-color: var(--bg-300);
		outline: solid 2px var(--bg-400);
		padding: .3rem;
		border-radius: 50%;
		transition:200ms;
	}
	nav .logo a:hover::before {
		outline: solid 2px var(--base-text);
	}
	/* Re621 menus */
	.ui-widget-content.ui-widget-content {
		color: var(--base-text)!important;
	}
	.ui-widget.ui-widget-content {
		border: 2px solid var(--bg-300) !important;
		border-radius: 2px 8px 8px 8px;
		overflow: hidden!important;
		height:fit-content;
		color: var(--base-text)!important;
		.border-highlight {
			border-color: var(--base-text)!important;
		}
	}
	div#modal-container div.re621-ui-dialog.modal-reserve-height div.ui-dialog-content {
	min-height: fit-content!important;
	color: var(--base-text);
		input {
		background-color: var(--bg)!important;
		}
		h3 {
		color: var(--base-text)!important;
		}
		button.btn-neutral[id^="conf-misc-"], .btn-neutral[id^="conf"] {
		background-color: var(--bg-300)!important;
			&:hover {
			background-color: var(--bg)!important;
			}
		}
	}
	tabbed.config-tabs ul.ui-tabs-nav {
		height:100%;
		position:relative;
	}
	tabbed.config-tabs ul.ui-tabs-nav li:last-child {
		margin-bottom: auto;
	}
	div#modal-container div.re621-ui-dialog {
		background-image: none;
		color: var(--base-text);
	}
	div#modal-container .button.btn-neutral {
		background-color: var(--bg-400)!important;
	}
	.border-section {
		border: 2px solid var(--bg-400)!important;
	}
	/* Sidebar */
	div#c-posts div#a-index aside#sidebar, div#c-posts div#a-show aside#sidebar, div#c-favorites div#a-index aside#sidebar {
		width: 14.5rem;
	}
	a#sidebar-collapse::after {
		position: absolute;
		top: -.5rem;
	}
	body aside#sidebar div#re621-search {
		transition:200ms;
		border-radius:0em;
		width: 15rem;
		overflow:hidden;
	}
	.re621-search-sticky{
		background-color: var(--bg);
		overflow:hidden;
	}
	input:focus, select:focus, textarea:focus {
		background-color: var(--bg-400)!important;
		color: var(--base-text)!important;
	}
	.ui-widget.ui-widget-content {
		border:2px solid var(--bg-300)!important;
		border-radius: 2px 8px 8px 8px;
		overflow:hidden;
	}
	ul.ui-autocomplete li:hover * {
		border: none;
		background-color: var(--bg)!important;
	}
	.ui-autocomplete .autocomplete-arrow {
		color: var(--base-text-faded)!important;
	}
	.ui-widget-content {
		background-color: var(--bg-400)!important;
		margin-top: .2rem;
		margin-left: .05rem;
	}
	#sidebar > div[style="color:darkorange;margin-bottom:0.5rem;"] {
		display:none;
	}
	.color-muted {
		color: var(--base-text)!important;
		opacity: .5;
	}
	#sidebar .general-tag-list a {
		color:var(--tag-cat-1)!important;
	}
	#sidebar .general-tag-list a:hover {
		color:var(--tag-cat-1-hover)!important;
	}
	.category-1 a, a.tag-type-1, .dtext-color-artist {
		color:var(--tag-cat-2)!important;
	}
	.category-1 a:hover, a.tag-type-1:hover {
		color:var(--tag-cat-2-hover)!important;
	}
	.category-3 a, a.tag-type-3, .dtext-color-copyright {
		color:var(--tag-cat-3)!important;
	}
	.category-3 a:hover, a.tag-type-3:hover {
		color:var(--tag-cat-3-hover)!important;
	}
	.category-4 a, a.tag-type-4, .dtext-color-character {
		color:var(--tag-cat-4)!important;
	}
	.category-4 a:hover, a.tag-type-4:hover {
		color:var(--tag-cat-4-hover)!important;
	}
	.category-5 a, a.tag-type-5, .dtext-color-species {
		color:var(--tag-cat-5)!important;
	}
	.category-5 a:hover, a.tag-type-5:hover {
		color:var(--tag-cat-5-hover)!important;
	}
	.category-6 a, a.tag-type-6, .dtext-color-invalid {
		color:var(--tag-cat-6)!important;
	}
	.category-6 a:hover, a.tag-type-6:hover {
		color:var(--tag-cat-6-hover)!important;
	}
	.category-7 a, a.tag-type-7, .dtext-color-meta {
		color:var(--tag-cat-7)!important;
	}
	.category-7 a:hover, a.tag-type-7:hover {
		color:var(--tag-cat-7-hover)!important;
	}
	.source-links .source-link a {
		color: var(--content-link)!important;
		transition: 100ms;
		&:hover {
			color: var(--content-link-hover)!important;
			background-color: var(--bg)!important;
			padding: 0 .5rem;
			border-radius: 4px;
		}
	}
	/* Sidebar searchbox */
	div#page aside#sidebar section#search-box form, div#page aside#sidebar section#re621-insearch form, div#page aside#sidebar section#mode-box form {
		display:flex;
		flex-direction:column;
		height: fit-content;
		width: 100%;
	}
	#search-box {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#search-box h1 {
		position: absolute;
		font-size: 0rem!important;
		width: 90%;
		pointer-events: none;
	}
	#search-box h1 span {
		position:relative;
		font-size: .75rem;
		pointer-events: auto;
		right: 1.5rem;
		top: .25rem;
		display:flex;
	}
	.search-help a {
		width: 0rem;
		height: 100%;
		overflow:hidden;
		margin-top: .5rem;
		margin-right: -1rem;
	}
	.search-help {
		display: flex;
		align-items: center;
		width: 0;
	}
	.search-help a::before {
		content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 24.0 24.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10 -4.48 10 -10S17.52 2 12 2zM13 19h-2v-2h2v2zM15.07 11.25l-0.9 0.92C13.45 12.9 13 13.5 13 15h-2v-0.5c0 -1.1 0.45 -2.1 1.17 -2.83l1.24 -1.26c0.37 -0.36 0.59 -0.86 0.59 -1.41 0 -1.1 -0.9 -2 -2 -2s-2 0.9 -2 2L8 9c0 -2.21 1.79 -4 4 -4s4 1.79 4 4c0 0.88 -0.36 1.68 -0.93 2.25z' fill='%23ffffff'/%3E%3C/svg%3E");
		height: 1rem;
		width: 1rem;
		position: absolute;
		opacity: .3;
	}
	.search-help a:hover::before {
		opacity: .5;
		transition: 100ms;
	}
	.search-help::before:hover .search-help {
		font-size: .75rem;
	}
	div#page aside#sidebar section#search-box form input[type="text"], div#page aside#sidebar section#re621-insearch form input[type="text"], div#page aside#sidebar section#mode-box form input[type="text"] {
		height: 2rem;
		width: 100%;
		border-radius: 7.5px;
		padding: .5rem 2rem .5rem .5rem;
		color: var(--base-text);
		background-color: var(--bg-400);
		border: 2px solid var(--bg-300);
		margin-top: .5rem;
		margin-inline: auto;
	}
	#search-box button {
		display:none;
	}
	/* Notices */
	div#c-posts div.notice.notice-flagged, div#c-posts div.notice.notice-deleted {
		background-color: var(--flagged)!important;
		border-left: .25rem solid var(--elements-highlight)!important;
		border-right: 0px solid pink!important;
		border-top: 0px solid pink!important;
		border-bottom: 0px solid pink!important;
		overflow:hidden;
		min-width: fit-content;
	}
	.notice-flagged a[href*="/post_replacements"] {
		font-size: 0;
		width: 275px;
		position: relative;
		margin-left: 135px;
		pointer-events: none;
		padding-top: .4rem;
		&::before {
			font-size: .85rem;
			content: "View the pending replacements:";
			pointer-events: none!important;
			color: var(--base-text);
			position:relative;
			user-select: inherit;
		}
		&::after {
			font-size: .85rem;
			content: " here.";
			position:relative;
			pointer-events: auto;
		}
	}
	.notice-flagged:nth-child(1) {
		display: flex;
		flex-direction: column;
	}
	div#c-posts div.notice ul {
		margin-left: .25rem;
	}
	.notice-flagged:nth-child(1) > p {
		color: transparent!important;
		position: relative;
		display:flex;
		align-items: center;
	}
	.notice-flagged:nth-child(1) > p::before {
		content: "This post was flagged for review.";
		color: var(--base-text);
		position:absolute;
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.notice-flagged p a[href="/wiki_pages?title=howto%3Aflag"] {
		font-size: 0;
	}
	.notice-flagged p a[href="/wiki_pages?title=howto%3Aflag"]::before {
		content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 24.0 24.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10 -4.48 10 -10S17.52 2 12 2zM13 19h-2v-2h2v2zM15.07 11.25l-0.9 0.92C13.45 12.9 13 13.5 13 15h-2v-0.5c0 -1.1 0.45 -2.1 1.17 -2.83l1.24 -1.26c0.37 -0.36 0.59 -0.86 0.59 -1.41 0 -1.1 -0.9 -2 -2 -2s-2 0.9 -2 2L8 9c0 -2.21 1.79 -4 4 -4s4 1.79 4 4c0 0.88 -0.36 1.68 -0.93 2.25z' fill='%23c3ccd4ff'/%3E%3C/svg%3E");
		opacity: .6;
	}
	.notice-flagged p a[href="/wiki_pages?title=howto%3Aflag"]:hover::before {
		opacity: 1;
	}
	div#c-posts div.notice.notice-pending {
		min-width: fit-content;
		min-height: fit-content;
		border-right: none!important;
		border-bottom: none!important;
		border-top: none!important;
	}
	.bottom-notices {
		height: fit-content;
		margin-right: auto;
		margin-bottom: .5rem;
		display: flex;
		align-items: self-start;
		width: 50ch;
		border-radius: .25rem;
	}
	.bottom-notices * {
		margin: 0 .25rem;
	}
	.bottom-notices:empty {
		display:none!important;
	}
	div#c-posts div.notice.notice-pending::before {
		content: "This post is pending moderator approval";
		font-size: .75rem;
		margin-right: .5rem;
	}
	div#c-posts div.notice.notice-pending a::after {
		content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 24.0 24.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10 -4.48 10 -10S17.52 2 12 2zM13 19h-2v-2h2v2zM15.07 11.25l-0.9 0.92C13.45 12.9 13 13.5 13 15h-2v-0.5c0 -1.1 0.45 -2.1 1.17 -2.83l1.24 -1.26c0.37 -0.36 0.59 -0.86 0.59 -1.41 0 -1.1 -0.9 -2 -2 -2s-2 0.9 -2 2L8 9c0 -2.21 1.79 -4 4 -4s4 1.79 4 4c0 0.88 -0.36 1.68 -0.93 2.25z' fill='%23ffffff'/%3E%3C/svg%3E");
		opacity: .3;
	}
	div#c-posts div.notice.notice-pending a:hover::after {
		opacity: .5;
	}
	div#c-posts div.notice.notice-pending {
		background-color: var(--bg)!important;
		border-left: .25rem solid var(--elements-highlight)!important;
		font-size: 0;
		height: 100%;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		min-width: fit-content;
		padding: .5rem .25rem;
		p {
			margin-top: .5rem;
			font-size: .75rem;
			border-top: 1px solid var(--bg-400);
		}
	}
	div#page div.site-notice {
		background-color: var(--bg)!important;
		border: 2px solid var(--bg-400)!important;
		border-radius: 8px;
		color: var(--base-text)!important;
		margin-inline: auto;
		margin-bottom: 1rem;
	}
	div#notice {
		background-color: var(--bg)!important;
		height: 2rem;
		width: 20%!important;
		top: 3rem!important;
		left: 40%;
		margin-inline: auto;
		position: absolute;
		display:flex;
		align-items: center;
		justify-content: center;
		border-radius: .5rem;
		border: none;
		border: .25rem solid var(--favorite-button)!important;
		color: var(--base-text)!important;
	}
	a#close-notice-link {
		width: 0;
		height: 100%;
		font-size: 0;
		display:flex;
		align-items: center;
		justify-content: center;
		position: relative;
		margin-left: auto;
		margin-right: 1.25rem;
	}
	div#news .closebutton {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 0;
		margin-top: 0px;
		font-size: 0;
	}
	div#news .closebutton::before {
		content: url("data:image/svg+xml,%3Csvg height='24.0' viewBox='0 0 18.0 18.0' width='24.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 11.87 L11.87 13 L9 10.13 L6.13 13 L5 11.87 L7.87 9 L5 6.13 L6.13 5 L9 7.87 L11.87 5 L13 6.13 L10.13 9 L13 11.87 Z M9 1 C4.58 1 1 4.58 1 9 C1 13.42 4.58 17 9 17 C13.42 17 17 13.42 17 9 C17 4.58 13.42 1 9 1 L9 1 Z' fill='%23ffffff' stroke-width='1.0'/%3E%3C/svg%3E");
		opacity: .3;
		height: 2rem;
		width: 1.5rem;
		position: absolute;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	div#news .closebutton:hover::before {
		opacity: .5;
	}
	a#close-notice-link::before {
		content: url("data:image/svg+xml,%3Csvg height='28.0' viewBox='0 0 18.0 18.0' width='28.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 11.87 L11.87 13 L9 10.13 L6.13 13 L5 11.87 L7.87 9 L5 6.13 L6.13 5 L9 7.87 L11.87 5 L13 6.13 L10.13 9 L13 11.87 Z M9 1 C4.58 1 1 4.58 1 9 C1 13.42 4.58 17 9 17 C13.42 17 17 13.42 17 9 C17 4.58 13.42 1 9 1 L9 1 Z' fill='%23ffffff' stroke-width='1.0'/%3E%3C/svg%3E");
		opacity: .3;
		height: 2rem;
		width: 2rem;
		font-size: 4em;
		position: absolute;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	a#close-notice-link:hover::before{
		opacity: .5;
	}
	div#notice span {
		margin: .5rem 1rem;
		font-size: 1.1rem;
	}
	div#page > div#april-fools.site-notice {
		border: 0 !important;
	}

/* Posts page stuff */
	search-content > post post-info{
		background-color: var(--bg-400);
	}
	search-content > post[sound="true"] span.post-sound {
		bottom: 2.5rem;
	}
	.video-duration {
		position: absolute;
		bottom: 1.45rem!important;
		left: 0;
		height: fit-content;
		background-color: #00000080!important;
		font-family: monospace!important;
		padding: .1rem .2rem!important;
		border-radius: 0 4px 4px 0!important;
		z-index: 2!important;
	}
	.button {
		transition: 100ms;
	}
	.button.score-neutral {
		background-color: var(--bg-400)!important;
		color: var(--base-text)!important;
	}
	.button.score-neutral:hover {
		background-color: var(--bg)!important;
	}
	.button.score-positive {
		background-color: var(--favorite-button)!important;
		color: var(--base-text)!important;
	}
	.button.score-positive:hover {
		background-color: var(--favorite-button-hover)!important;
		color: var(--button-text-hover-secondary)!important;
	}
	.button.score-negative {
		background-color: var(--remove-favorite)!important;
		color: var(--base-text)!important;
	}
	.button.score-negative:hover{
		background-color: var(--remove-favorite-hover)!important;
		color: var(--button-text-hover-secondary)!important;
	}
	.button.btn-success {
		background-color: var(--favorite-button)!important;
		color: var(--base-text)!important;
	}
	.button.btn-success:hover {
		background-color: var(--favorite-button-hover)!important;
		color: var(--button-text-hover-secondary)!important;
	}
	.button.btn-danger {
		background-color: var(--remove-favorite)!important;
		color: var(--base-text)!important;
	}
	.button.btn-danger:hover {
		background-color: var(--remove-favorite-hover)!important;
		color: var(--button-text-hover-secondary)!important;
	}
	a.subscribe-button-major {
		background-color: var(--favorite-button)!important;
		color: var(--base-text)!important;
		box-shadow: none;
	}
	a.subscribe-button-major:hover {
		background-color: var(--favorite-button-hover)!important;
		color: var(--button-text-hover-secondary)!important;
	}
	a.subscribe-button-major[subscribed="true"] {
		background-color: var(--remove-favorite)!important;
		color: var(--base-text)!important;
	}
	a.subscribe-button-major[subscribed="true"]:hover {
		background-color: var(--remove-favorite-hover)!important;
		color: var(--button-text-hover-secondary!important);
	}
	.button.btn-warn {
		background-color: var(--warn-button)!important;
		color: var(--base-text)!important;
	}
	.button.btn-warn:hover {
		background-color: var(--warn-button-hover)!important;
		color: var(--button-text-hover-secondary)!important;
	}
	search-content post[fav="true"] button.button.voteButton.fav {
		color: var(--actions-fav-true);
	}
	search-content post[fav="true"]:not(:hover) button.button.voteButton.fav {
		background-color: var(--bg-400)!important;
	}
	search-content > post post-info{
		background-color: var(--bg-400)!important;
	}
	search-content post[fav="true"] button.button.voteButton.fav {
		color: var(--actions-fav-true);
	}
	search-content post[fav="true"]:not(:hover) button.button.voteButton.fav {
		background-color: var(--bg-400)!important;
	}
	search-content button.button.voteButton.fav {
		display:flex;
		justify-content: center;
		width: 3.5ch;
		max-height: 1.5rem;
	}
	search-content post[fav="true"] button.button.voteButton.fav::before {
		content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 17.0 16.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1667 2.6672C10.104 2.6672 9.12 3.2252 8.5 4.0539C7.88 3.2252 6.896 2.6672 5.8333 2.6672C3.9953 2.6672 2.5 4.1626 2.5 6.0006C2.5 9.6612 7.916 13.0886 8.1473 13.2326C8.2553 13.2999 8.378 13.3339 8.5 13.3339C8.622 13.3339 8.7447 13.2999 8.8527 13.2326C9.084 13.0886 14.5 9.6612 14.5 6.0006C14.5 4.1626 13.0047 2.6672 11.1667 2.6672Z' fill='%23be7aa1'/%3E%3C/svg%3E");
	}
	search-content post[fav="true"] button.button.voteButton.fav:hover::before {
		content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 17.0 16.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1667 2.6672C10.104 2.6672 9.12 3.2252 8.5 4.0539C7.88 3.2252 6.896 2.6672 5.8333 2.6672C3.9953 2.6672 2.5 4.1626 2.5 6.0006C2.5 9.6612 7.916 13.0886 8.1473 13.2326C8.2553 13.2999 8.378 13.3339 8.5 13.3339C8.622 13.3339 8.7447 13.2999 8.8527 13.2326C9.084 13.0886 14.5 9.6612 14.5 6.0006C14.5 4.1626 13.0047 2.6672 11.1667 2.6672Z' fill='%23ffa5d9'/%3E%3C/svg%3E");
	}
	search-content button.button.voteButton.fav::before {
		content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 17.0 16.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1667 2.6672C10.104 2.6672 9.12 3.2252 8.5 4.0539C7.88 3.2252 6.896 2.6672 5.8333 2.6672C3.9953 2.6672 2.5 4.1626 2.5 6.0006C2.5 9.6612 7.916 13.0886 8.1473 13.2326C8.2553 13.2999 8.378 13.3339 8.5 13.3339C8.622 13.3339 8.7447 13.2999 8.8527 13.2326C9.084 13.0886 14.5 9.6612 14.5 6.0006C14.5 4.1626 13.0047 2.6672 11.1667 2.6672Z' fill='%23c3ccd4'/%3E%3C/svg%3E");
		display:flex;
		align-items: center;
		justify-content: center;
	}
	search-content button.button.voteButton.fav:hover::before {
		content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 17.0 16.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1667 2.6672C10.104 2.6672 9.12 3.2252 8.5 4.0539C7.88 3.2252 6.896 2.6672 5.8333 2.6672C3.9953 2.6672 2.5 4.1626 2.5 6.0006C2.5 9.6612 7.916 13.0886 8.1473 13.2326C8.2553 13.2999 8.378 13.3339 8.5 13.3339C8.622 13.3339 8.7447 13.2999 8.8527 13.2326C9.084 13.0886 14.5 9.6612 14.5 6.0006C14.5 4.1626 13.0047 2.6672 11.1667 2.6672Z' fill='%23fff'/%3E%3C/svg%3E");
	}
	#mode-box form {
		border-radius: 8px;
		overflow:hidden;
	}
	#mode-box form select, #set-id {
		background-color: var(--bg-400);
		border-radius: 8px!important;
		padding: .25rem;
		color: var(--base-text);
		border: 2px solid var(--bg-300);
		overflow:hidden;
	}
	#mode-box form select:focus {
		border-radius: 8px 8px 0 0;
	}
	#page.mode-edit {
		background-color: var(--mode-edit)!important;
	}
	#page.mode-open {
		background-color: var(--mode-fullscreen)!important;
	}
	#page.mode-add-fav {
		background-color: var(--mode-add-fav)!important;
	}
	#page.mode-remove-fav {
		background-color: var(--mode-remove-fav)!important;
	}
	#page.mode-blacklist {
		background-color: var(--mode-blacklist)!important;
	}
	#page.mode-download {
		background-color: var(--mode-download)!important;
	}
	#page.mode-add-to-set {
		background-color: var(--mode-edit)!important;
	}
	#page.mode-remove-from-set {
		background-color: var(--mode-edit)!important;
	}
	.button.btn-neutral {
		background-color: var(--bg)!important;
		color:var(--base-text)!important;
		transition: var(--header-link-transition);
	}
	.button.btn-neutral:hover {
		background-color: var(--bg-400)!important;
		color:var(--base-text)!important;
	}
	.bg-foreground {
		background-color: var(--bg)!important;
	}
	#blacklist-box.inline-blacklist {
		padding: .15rem;
		background-color:var(--bg-400);
		border-left: .25rem solid var(--elements-highlight);
		color:var(--base-text);
		border-radius: .15rem;
		overflow: hidden;
		min-width: 20%;
		transition:200ms;
		display:flex;
		flex-direction: column;
		position: relative;
	}
	#sidebar #disable-all-blacklists, #sidebar #re-enable-all-blacklists {
		position: relative;
		top: auto;
		left: auto;
	}
	#disable-all-blacklists, #re-enable-all-blacklists {
		position: absolute;
		top: .2rem;
		left: 16ch;
	}
	#disable-all-blacklists *, #sidebar #blacklist-box #disable-all-blacklists {
		color: var(--remove-favorite)!important;
	}
	#re-enable-all-blacklists *, #sidebar #blacklist-box #re-enable-all-blacklists {
		color: var(--favorite-button)!important;
	}
	.styled-dtext div.blacklisted {
		margin: .5rem 0!important;
	}
	#image-container.blacklisted, .styled-dtext div.post-thumbnail.blacklisted.dtext[data-status="active"] {
		overflow:hidden;
		border-radius: 4px!important;
	}
	.blacklisted {
		.picture-container {
			position: relative;
			display: flex;
			align-items: center!important;
			justify-content: center!important;
			&::before {
				content: "Blacklisted";
				background-color: var(--blacklisted-bg);
				color: var(--blacklisted-text);
				position: absolute;
				display: flex;
				align-items: center!important;
				justify-content: center!important;
				font-size: 1.3rem;
				width: 100%;
				aspect-ratio: 1/1;
			}
		}
	}
	#image-container.blacklisted {
		position:relative;
		&::before {
			content: "Blacklisted";
			background-color: var(--blacklisted-bg);
			color: var(--blacklisted-text);
			position: absolute;
			display: flex;
			align-items: center!important;
			justify-content: center!important;
			font-size: 1.3rem;
			width: 100%;
			height: 100%;
			aspect-ratio: 1/1;
		}
	}
	#image-container.blacklisted .styled-dtext div.post-thumbnail.blacklisted.dtext {
		border-radius: 0!important;
		width: 10rem!important;
		margin-right: auto;
	}
	.post-preview.post-status-deleted a {
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	img {
		opacity: 0;
	}
	}
	.post-preview.post-status-deleted a::before {
		content: "Deleted";
		background-color: var(--deleted-bg);
		color: var(--deleted-text);
		position: absolute;
		display: flex;
		align-items: center!important;
		justify-content: center!important;
		font-size: 1.3rem;
		bottom: 0;
		opacity: 1;
		height: 100%;
		width: 95%;
		aspect-ratio: 1/1;
	}
	article.post-preview .desc a::before{
		display: none;
	}
	/* Link colors */
	#description a, #post-description-container .dtext-container a, .about-section a, .comment-post-grid .styled-dtext .dtext-link, .dtext-formatter .dtext-link:not([href^="/user/show/"], #c-wiki-pages a) {
		color: var(--content-link)!important;
		&:hover {
			color: var(--content-link-hover)!important;
		}
	}

	#description a, .comment-post-grid .styled-dtext .dtext-link[href^="/user/show/"] {
		color: var(--base-link)!important;
		&:hover {
			color: var(--base-link-hover)!important;
		}
	}
	a[href^="/tickets/new?disp_id"] {
		color: var(--user-banned)!important;
	}
	a[href^="/tickets/new?disp_id"]:hover {
		color: var(--user-banned-hover)!important;
	}

	/* This puts a Discord logo in front of any link that contains "discord.com" in it. Not sure if it should be in the main theme.
	a[href*="discord.com"] {
		&::before {
		content: url("data:image/svg+xml,%3Csvg role='img' height='16.0'  viewBox='0 -1 25 21' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDiscord%3C/title%3E%3Cpath d='M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z'/%3E%3C/svg%3E");
		opacity: .8;
		mix-blend-mode: soft-light;
		}
	}
	a[href*="discord"]:hover {
		&::before {
		opacity: 1;
		mix-blend-mode: soft-light;
		}
	}*/
	/* Popular page */
	#c-popular {
		background-color: var(--bg)!important;
		padding: 2rem;
		border-radius: 8px;
		display: flex;
		flex-direction: column;
	}
	#c-popular h1 {
		margin-inline: auto;
		margin-bottom: 1rem;
	}
	#c-popular #posts > div {
		margin-inline: auto;
		width: 90%;
	}
	#c-popular #posts > div {
		display: grid;
		grid-template-columns: repeat( auto-fill, minmax(175px, 1fr) );
		max-width: 90vw;
		min-height: fit-content;
		position:relative;
	}
	#c-popular #posts > div > article {
		min-width: fit-content;
		margin-inline: auto;
	}
	/* Image content page */
	div#image-and-nav {
		min-width: 20%;
	}
	div#c-posts div.nav-notice{
		background-color: var(--bg)!important;
	}
	div#nav-links-top {
		border-radius: 8px 8px 0 0!important;
	}
	div#nav-links-bottom {
		border-radius: 0 0 8px 8px!important;
		margin-top: -3px;
	}
	div#c-posts div#a-show .pool-nav, div#c-posts div#a-show .search-seq-nav, div#c-posts div#a-show .set-nav {
		background-color: var(--bg)!important;
		color:var(--base-text)!important;
	}
	div#c-posts div.notice.notice-parent, div#c-posts div.notice.notice-child {
		background-color: var(--bg-400)!important;
		border: 2px solid var(--bg-300)!important;
		border-radius: .50rem;
	}
	#posts-container article.post-preview .desc, #c-post-approvals article.post-preview .desc, #c-post-flags article.post-preview .desc,#c-post-replacements article.post-preview .desc	{
		border-radius: 0 0 .5rem .5rem;
		display: flex;
		flex-direction: column;
		background-color: var(--bg-400);
	}
	div#c-posts div.notice.notice-parent article.post-preview .desc, div#c-posts div.notice.notice-child article.post-preview .desc, .vertical-section article.post-preview .desc{
		background-color: var(--bg-300)!important;
		border-radius: 0 0 .5rem .5rem;
		display: flex;
		flex-direction: column;
	}
	div#c-posts div.notice.notice-parent article.post-preview .desc div, div#c-posts div.notice.notice-child article.post-preview .desc div, .vertical-section article.post-preview .desc div {
		display: flex;
		justify-content: space-around;
	}
	div#c-posts div.notice.notice-parent article.post-preview .desc div *, div#c-posts div.notice.notice-child article.post-preview .desc div *, .vertical-section article.post-preview .desc div * {
		margin: 0;
	}
	article.post-preview[data-tags~="animated"] > a::before, article.post-preview[data-file-ext~="webm"] > a::before {
		background-color: var(--bg-300)!important;
		color: var(--base-text)!important;
		border: 2px solid var(--bg-400)!important;
		right: .5rem;
		left: auto;
		top: .5rem;
		position:absolute;
		height: 20px;
		width: 20px;
		text-align: center;
		display:flex;
		align-items: center;
		justify-content: center;
	}
	div#c-iqdb-queries div#a-check article.post-preview{
		border: 0;
		background-color: #00000040!important;
		border-radius: 6px;
	}
	article.post-preview .desc{
		background-color: var(--bg-400) !important;
	}
	/* Editing mode */
	div#c-posts div#a-show #edit .edit-submit {
		background-color: var(--bg)!important;
		border-radius: 0px 4px 0px 0px;
		border-top: 2px solid var(--bg-300);
		border-right: 2px solid var(--bg-300);
	}
	div#c-posts div#a-show #edit .edit-submit input {
		&:hover {
			background-color: var(--bg-300)!important;
		}
	}

	div.related-tags {
		background-color: var(--bg-400)!important;
	}
	div.related-tags {
	padding: .25rem !important;
	}
	div.related-tags .tag-active {
		background: var(--bg-300) !important;
		border-radius: 4px;
		padding: 0 .5rem 0 .5rem;
	}
	/* Post Description */
	.styled-dtext blockquote, .styled-dtext div.expandable, .styled-dtext pre {
		background-color:var(--bg)!important;
		border-left-color:var(--elements-highlight)!important;
		color:var(--base-text);
		border-right: none!important;
		border-top: none!important;
		border-bottom: none!important;
	.styled-dtext div.expandable, blockquote {
			border-right: none;
			border-top: none;
			border-bottom: none;
			background-color: var(--bg-400)!important;
		}
	}
	.styled-dtext div.expandable > div.expandable-header {
		display: flex;
	}
	.styled-dtext div.expandable > div.expandable-header > .section-arrow {
		margin-right: .3rem;
		display:flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: .75rem;
		aspect-ratio: 1/1;
		height:100%;
	}
	.styled-dtext div.expandable > div.expandable-header > .section-arrow::after {
		content: "►";
		position: relative;
		height: 1ch;
		transition: 100ms;
		transform: translateY(-30%);
	}
	.styled-dtext div.expandable.expanded > div.expandable-header > .section-arrow::after{
		transform: rotate(90deg)!important;
		content: "►";
		transform-origin: bottom;
	}
	/* Comments */
	.comment-post-grid {
		background-color: var(--bg)!important;
		transition: 200ms;
	}
	.below-threshold {
		transition: 200ms;
		.dtext-container {
			background-color: var(--bg-400);
			width: fit-content;
			padding: .5rem;
			border-radius: 4px;
		}
		.dtext-container .styled-dtext {
			opacity: 0;
			user-select: none;
			transition: 200ms;
		}
	}
	.below-threshold {
		.dtext-container:hover {
			background-color: var(--bg);
			transition: 200ms;
		}
		.dtext-container:hover .styled-dtext {
			opacity: 1;
			user-select: auto;
		}
	}
	.score-positive a, search-content post[vote="1"] button.button.voteButton.vote[action=up] {
		color: var(--favorite-button)!important;
	}
	.score-negative a, search-content post[vote="-1"] button.button.voteButton.vote[action=down] {
		color: var(--remove-favorite)!important;
	}
	div.comments-for-post div.list-of-comments article.comment, div#c-blips article.blip, #p-index-by-comment div.comments article.comment {
		border-radius: 8px;
		overflow:hidden;
		.author-info {
			position:relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-between;
			border-right: 2px solid var(--bg-300)!important;
			height: 100%;
			width: 90%;
			.name-rank {
				width: 100%;
				color: var(--base-text-faded);
				font-size: .75rem;
				text-align: center;
				user-select: none;
				h4 {
					width: fit-content;
					margin-inline: auto;
					user-select: text;
				}
				a {
					font-size: 1rem;
					margin-inline: auto;
					width: fit-content;
				}
			}
		}
		.avatar, .blacklisted {
			display: flex;
			align-items: center;
			justify-content: center;
			margin: .5rem auto;
			max-width: 90%;
			position: relative;
			aspect-ratio: 1/1;
			border-radius: var(--avatar-border-radius);
			overflow: hidden;
			a {
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;
				border-radius: var(--avatar-border-radius);
			}
			.post-thumbnail {
				display: flex;
				align-items: center;
				justify-content: center;
				border: 5px solid var(--elements-highlight);
				aspect-ratio: 1/1;
			}
			.post-thumbnail, img {
				border-radius: var(--avatar-border-radius);
				object-fit: cover;
				width: 100%;
				margin-inline: auto;
				aspect-ratio: 1/1;
				user-select: none;
			}
			.post-thumbnail[data-status="deleted"] {
				a {
					height: 100%;
					aspect-ratio: 1/1;
					border-radius: var(--avatar-border-radius);
					overflow: hidden;
					position: relative;
				}
				a::before {
					content: "Deleted";
					background-color: var(--deleted-bg);
					border: 5px solid var(--elements-highlight);
					color: var(--deleted-text);
					position: absolute;
					display: flex;
					height: 100%;
					aspect-ratio: 1/1;
					align-items: center;
					justify-content: center;
					font-size: 1.5rem;
					border-radius: var(--avatar-border-radius);
				}
			}

			}
			.blacklisted {
				a::before {
					content: "Blacklisted";
					background-color: var(--blacklisted-bg);
					color: var(--blacklisted-text);
					height: 100%;
					width: 100%;
					position: absolute;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 1.25rem;
				}
		}
		.post-time {
			width: fit-content;
			margin-left: auto;
			margin-bottom: .5rem;
			margin-top: auto;
			bottom: 0;
			font-size: .75rem;
			user-select: none;
			a {
				color: var(--base-text-faded)!important;
			}
		}
	}
	#c-forum-topics .comment-post-grid .content .content-menu menu{
		gap: .75rem;
		ul {
			flex-wrap: wrap;
		}
		.votes {
			display:flex;
			li {
				background-color: var(--bg-400);
				margin: .25rem;
				height: 28px;
				padding: 0 .5rem;
				border-radius: 4px;
				display:flex;
				align-items:center;
				justify-content: space-around;
				.far {
					margin-right: .25rem;
				}
			}
			li.forum-post-vote-block {
				gap: .5rem;
				.far {
					margin-right: 0;
				}
			}
		}
	}
	.comment-post-grid .content {
		margin: .5rem;
		color: var(--base-text)!important;
		blockquote {
			background-color: rgba(255,255,255,.035)!important;
			blockquote {
				margin: .5rem;
			}
		}
		pre {
		background-color: var(--bg-400)!important;
		}
		img {
		border-radius: 4px;
		}

		if buttons {
			.content-menu {
				margin: .5rem 0;
				margin-top: 1rem;
				menu {
					display:flex;
					align-items: center;
					color: transparent!important;
					user-select: none;
					/*li:nth-child(2),
					li:nth-child(6),
					li:nth-child(8){
					display:none;
					}*/
					li {
						margin: 0;
						padding: 0;
					}
				}
			}
		p.info {
			padding-bottom: .5rem;
		}
		.re621-comment-reply:hover, .re621-forum-post-reply:hover, .reply-link:hover, .blip-reply-link:hover, a[href^="/blips/"]:hover {
			&::before {
				background-color: var(--bg-300)!important;
			}
		}
		.re621-comment-reply, .re621-forum-post-reply, .reply-link, .blip-reply-link {
			font-size: 0;
			display:flex;
			align-items: center;
			justify-content: center;
			width: 26px;
			position:relative;
			&::before {
				content: "";
				aspect-ratio: 1/1;
				width: 28px;
				position:absolute;
				background-color: var(--bg-400);
				border-radius: 4px;
			}
			&::after {
				content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 24.0 24.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.2667V4L3 11.4667L10 18.9333V14.56C15 14.56 18.5 16.2667 21 20C20 14.6667 17 9.3333 10 8.2667Z' fill='%23ffffffff'/%3E%3C/svg%3E");
				position:absolute;
				mix-blend-mode: soft-light;
			}
		}
		.content-menu a[href^="/blips/"]{
			font-size: 0;
			display:flex;
			align-items: center;
			justify-content: center;
			width: 26px;
			position:relative;
			margin-right:.5rem;
			&::before {
				content: "";
				aspect-ratio: 1/1;
				width: 28px;
				position:absolute;
				background-color: var(--bg-400);
				border-radius: 4px;
			}
			&::after {
				content: url("data:image/svg+xml,%3Csvg height='24.0' viewBox='0 0 24.0 24.0' width='24.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2C6.486,2 2,6.486 2,12C2,17.515 6.486,22 12,22C14.039,22 15.993,21.398 17.652,20.259L16.521,18.611C15.195,19.519 13.633,20 12,20C7.589,20 4,16.411 4,12C4,7.589 7.589,4 12,4C16.411,4 20,7.589 20,12V12.782C20,14.17 19.402,15 18.4,15L18.398,15.018C18.338,15.005 18.273,15 18.209,15H18C17.437,15 16.6,14.182 16.6,13.631V12C16.6,9.464 14.537,7.4 12,7.4C9.463,7.4 7.4,9.463 7.4,12C7.4,14.537 9.463,16.6 12,16.6C13.234,16.6 14.35,16.106 15.177,15.313C15.826,16.269 16.93,17 18,17L18.002,16.981C18.064,16.994 18.129,17 18.195,17H18.4C20.552,17 22,15.306 22,12.782V12C22,6.486 17.514,2 12,2ZM12,14.599C10.566,14.599 9.4,13.433 9.4,11.999C9.4,10.565 10.566,9.399 12,9.399C13.434,9.399 14.6,10.565 14.6,11.999C14.6,13.433 13.434,14.599 12,14.599Z' fill='%23ffffffff'/%3E%3C/svg%3E%0A");
				position:absolute;
				mix-blend-mode: soft-light;
			}
		}
		.blip-atme-link {
			font-size: 0;
			margin-inline: .25rem;
		}
		li[id^="comment-vote-up-"] a {
			background-color: var(--bg-400)!important;
			height: 28px;
			display:flex;
			align-items: center;
			margin-left: .5rem;
			border-radius: 4px 0 0 4px;
			padding: 0 .5rem 0 .5rem;
			color: var(--base-text)!important;
			&:hover {
				background-color: var(--favorite-button)!important;
				color: var(--base-text)!important;
				border-radius: 4px 0 0 4px!important;
			}
		}
		li[id^="comment-vote-up-"].score-positive a {
			background-color: var(--favorite-button)!important;
			color: var(--base-text)!important;
		}

		li[id^="comment-score-"] {
			background-color: var(--bg-400);
			height: 28px;
			display:flex;
			align-items: center;
			padding: 0 .25rem!important;
			user-select:none;
		}
		li[id^="comment-score-"]:nth-of-type(2) {
			border-radius: 4px;
		}
		li[id^="comment-vote-down-"] a {
			background-color: var(--bg-400)!important;
			height: 28px;
			display:flex;
			align-items: center;
			margin-right: .5rem;
			border-radius: 0 4px 4px 0;
			padding: 0 .5rem 0 .5rem;
			color: var(--base-text)!important;
			&:hover {
				background-color: var(--remove-favorite)!important;
				color: var(--base-text)!important;
				border-radius: 0 4px 4px 0!important;
			}
		}
		li[id^="comment-vote-down-"].score-negative a {
			background-color: var(--remove-favorite)!important;
			color: var(--base-text)!important;
			border-radius: 0 4px 4px 0!important;
		}
		a[href^="/tickets/new?disp_id"]:hover {
			&::before {
				background-color: var(--bg-300);
			}
		}
		a[href^="/tickets/new?disp_id"] {
			font-size: 0;
			display:flex;
			align-items: center;
			justify-content: center;
			width: 26px;
			position:relative;
			&::before {
				content: "";
				aspect-ratio: 1/1;
				width: 28px;
				position:absolute;
				background-color: var(--bg-400);
				border-radius: 4px;
			}
			&::after {
				content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 24.0 24.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6.002H14V3.002C14 2.45 13.553 2.002 13 2.002H4C3.447 2.002 3 2.45 3 3.002V22.002H5V14.002H10.586L8.293 16.295C8.007 16.581 7.922 17.011 8.076 17.385C8.23 17.759 8.596 18.002 9 18.002H20C20.553 18.002 21 17.554 21 17.002V7.002C21 6.45 20.553 6.002 20 6.002Z' fill='%23f00'/%3E%3C/svg%3E");
				position:absolute;
				mix-blend-mode: color-dodge;
				opacity: .5;
			}
		}
		.re621-comment-copy-id:hover, .re621-forum-post-copy-id:hover {
			&::before {
				background-color: var(--bg-300);
			}
		}
		.re621-comment-copy-id, .re621-forum-post-copy-id {
			font-size: 0;
			display:flex;
			align-items: center;
			justify-content: center;
			width: 26px;
			position:relative;
			margin-left: .25rem;
			&::before {
				content: "";
				aspect-ratio: 1/1;
				width: 28px;
				position:absolute;
				background-color: var(--bg-400);
				border-radius: 4px;
			}
			&::after {
				content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 24.0 24.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.414 1H9C7.897 1 7 1.898 7 3V17C7 18.103 7.897 19 9 19H19C20.103 19 21 18.103 21 17V5.586L16.414 1ZM15 7V2L20 7H15Z' fill='%23ffffffff'/%3E%3Cpath d='M5 5H3V21C3 22.103 3.897 23 5 23H17V21H5V5Z' fill='%23ffffffff'/%3E%3C/svg%3E");
				position:absolute;
				mix-blend-mode: soft-light;
			}
		}
		a[class*="-hide-link"]:hover, a[data-confirm="Are you sure you want to hide this forum topic?"]:hover {
			&::before {
				background-color: var(--bg-300);
			}
		}
		a[class*="-hide-link"], a[data-confirm="Are you sure you want to hide this forum topic?"] {
			font-size: 0;
			display:flex;
			align-items: center;
			justify-content: center;
			width: 26px;
			position:relative;
			&::before {
				content: "";
				aspect-ratio: 1/1;
				width: 28px;
				position:absolute;
				background-color: var(--bg-400);
				border-radius: 4px;
			}
			&::after {
				content: url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 0 24.0 24.0' width='20.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 7c2.76 0 5 2.24 5 5 0 0.65 -0.13 1.26 -0.36 1.83l2.92 2.92c1.51 -1.26 2.7 -2.89 3.43 -4.75 -1.73 -4.39 -6 -7.5 -11 -7.5 -1.4 0 -2.74 0.25 -3.98 0.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28 0.46 0.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03 -0.3 4.38 -0.84l0.42 0.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-0.05 0.21 -0.08 0.43 -0.08 0.65 0 1.66 1.34 3 3 3 0.22 0 0.44 -0.03 0.65 -0.08l1.55 1.55c-0.67 0.33 -1.41 0.53 -2.2 0.53 -2.76 0 -5 -2.24 -5 -5 0 -0.79 0.2 -1.53 0.53 -2.2zM11.84 9.02l3.15 3.15 0.02 -0.16c0 -1.66 -1.34 -3 -3 -3l-0.17 0.01z' fill='%23ffffff'/%3E%3C/svg%3E");
				position:absolute;
				mix-blend-mode: soft-light;
			}
		}
		a[class*="edit_"]:hover {
			&::before {
				background-color: var(--bg-300);
			}
		}
		a[class*="edit_"] {
			font-size: 0;
			display:flex;
			align-items: center;
			justify-content: center;
			width: 26px;
			position:relative;
			&::before {
				content: "";
				aspect-ratio: 1/1;
				width: 28px;
				position:absolute;
				background-color: var(--bg-400);
				border-radius: 4px;
			}
			&::after {
				content: url("data:image/svg+xml,%3Csvg height='24.0' viewBox='0 0 24.0 24.0' width='24.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75 -3.75L3 17.25zM20.71 7.04c0.39 -0.39 0.39 -1.02 0 -1.41l-2.34 -2.34c-0.39 -0.39 -1.02 -0.39 -1.41 0l-1.83 1.83 3.75 3.75 1.83 -1.83z' fill='%23ffffff'/%3E%3C/svg%3E");
				position:absolute;
				mix-blend-mode: soft-light;
			}
		}
	}
	}

	.post-thumbnail[data-status="deleted"] {
		margin: .25rem;
		a {
			position:relative;
			display: flex;
			align-items: center!important;
			justify-content: center!important;
			border-radius: 4px;
			overflow:hidden;
			}
			a::before {
				content: "Deleted";
				background-color: var(--deleted-bg);
				color: var(--deleted-text);
				position: absolute;
				display: flex;
				height: 100%;
				width: 100%;
				align-items: center;
				justify-content: center;
				font-size: 1.5rem;
				}
			}
	.spoiler, .dtext-container .spoiler {
		background: #1a1a1a!important;
		color: transparent!important;
		text-shadow: none!important;
		border-radius: 4px;
		transition: 100ms;
		padding: 0 .25rem;
		width: fit-content;
		&:hover {
			color: var(--base-text)!important;
		}
	}
	.dtext-container .spoiler .dtext-link, .spoiler {
		color: #1a1a1a!important;
		text-shadow: none!important;
		transition: 100ms;
	}
	.spoiler:hover .dtext-link {
		color: var(--content-link)!important;
	}
	.spoiler:hover .dtext-link:hover {
		color: var(--content-link-hover)!important;
	}
	.user-warning em {
		color: var(--flagged);
	}
	/* Name rank colors */
	a[class^="user-"] {
		color: var(--user-member)!important;
		&:hover {
			color: var(--user-member-hover)!important;
		}
	}
	.user-privileged.with-style {
		color: var(--user-privileged)!important;
		&:hover {
			color: var(--user-privileged-hover)!important;
		}
	}
	.user-contributor.with-style {
		color: var(--user-contributor)!important;
		&:hover {
			color: var(--user-contributor)!important;
		}
	}
	.user-admin.with-style {
		color: var(--user-admin)!important;
		&:hover {
			color: var(--user-admin-hover)!important;
		}
	}
	.user-former.with-style {
		color: var(--user-former-staff)!important;
		&:hover {
			color: var(--user-former-staff-hover)!important;
		}
	}
	.user-janitor.with-style {
		color: var(--user-janitor)!important;
		&:hover {
			color: var(--user-janitor-hover)!important;
		}
	}
	a.user-blocked, a.user-banned {
		color: var(--user-banned)!important;
		&:hover {
			color: var(--user-banned-hover)!important;
		}
	}
	
	if borderRank == 1 {
	.author-info:has(.user-admin) .post-thumbnail {
		border-color: var(--user-admin) !important;
		background-color: var(--user-admin) !important;
	}
	.author-info:has(.user-privileged) .post-thumbnail {
		border-color: var(--user-privileged) !important;
		background-color: var(--user-privileged) !important;
	}
	.author-info:has(.user-contributor) .post-thumbnail {
		border-color: var(--user-contributor) !important;
		background-color: var(--user-contributor) !important;
	}
	.author-info:has(.user-former) .post-thumbnail {
		border-color: var(--user-former-staff) !important;
		background-color: var(--user-former-staff) !important;
	}
	.author-info:has(.user-janitor) .post-thumbnail {
		border-color: var(--user-janitor) !important;
		background-color: var(--user-janitor) !important;
	}
	.author-info:has(.user-banned) .post-thumbnail,
	.author-info:has(.user-blocked) .post-thumbnail {
		border-color: var(--user-banned) !important;
		background-color: var(--user-banned) !important;
	}
	}
	.comments article {
		position:relative;
	}
	/* fun lil thing for me - suggested by faucet lolll */
	article[data-creator-id="192568"] .author-info {
		position:relative;
		.name-rank {
			font-size: 0!important;
			&::after {
				content: "Café Dev";
				font-size: .75rem;
			}
		}
		&::after {
			content: url("data:image/svg+xml,%3Csvg height='24.0' viewBox='0 0 24.0 24.0' width='24.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.58 11.4L17.3 4.01l-0.35 -0.6L7.04 3.41l-0.35 0.6 -4.27 7.39 -0.35 0.6 0.35 0.6 4.27 7.39 0.35 0.6h9.92l0.35 -0.6 4.28 -7.39 0.35 -0.6 -0.36 -0.6zM8.51 10.37L6.88 12l1.63 1.63v2.73L4.15 12l4.37 -4.37v2.74zM11.63 17.3l-2.04 -0.63 3.1 -9.98 2.04 0.64 -3.1 9.97zM15.49 16.37v-2.73L17.12 12l-1.63 -1.63L15.49 7.63L19.85 12l-4.36 4.37z' fill='%23ffffffff'/%3E%3C/svg%3E");
			position: absolute;
			display:inline-block;
			top:.25rem;
			right:.25rem;
			mix-blend-mode: soft-light;
			opacity:.6;
		}
	}
/*---- Uncomment this and pull request if you wanna consider yourself a dev faucet, dunno if you want to change your rank from "Priviliged"  to "Priviliged Café Dev" or not lolllll
		article[data-creator-id="601225"] .author-info {
			position:relative;
			.name-rank {
			font-size: 0!important;
			&::after {
				content: "Privileged Café Dev";
			font-size: .75rem;
		}
	}}
----*/


	/* Super Secret Helper badges */
	article[data-creator-id="601225"] .author-info, article[data-creator-id="884003"] .author-info{
		position:relative;
		&::after {
			content: url("data:image/svg+xml,%3Csvg height='16' viewBox='0 0 31.27 29.53' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M22.8 1 S34.8 9.19 30.24 20.69 S16.61 29 20 25.64 S16 20 11.27 15.64 L22.79 1' fill='%23ffffff7a'/%3E%3Cpath d='M22.07 12.26 C19.54 15.48 15.97 17.09 13.21 16.51 L3.58 28.78 A2 2 0 0 1 0.77 29.12 A2 2 0 0 1 0.42 26.3 L10 14.05 C8.73 11.51 9.43 7.62 12 4.37 C15.19 0.33 20 -1.18 22.79 1 S25.24 8.22 22.07 12.26 Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
			position: absolute;
			display:inline-block;
			top:.25rem;
			right:.25rem;
			mix-blend-mode: soft-light;
			opacity:.6;
		}
	}
	/* Forums */
	table.striped tr.forum-topic-row {
		background-color: transparent!important;
	}
	table.striped tr.forum-topic-row > td:nth-child(1) {
		display: flex;
		align-items: center;
		.sticky {
			margin-left:.25rem;
			margin-right:.25rem;
			display:flex;
			align-items: center;
			justify-content: center;
			position:relative;
			font-size:0!important;
			width:20px;
		}
		.sticky::after {
			content:url("data:image/svg+xml,%3Csvg height='24.0' viewBox='0 0 24.0 24.0' width='24.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12.3698L11.6302 2L10.1479 3.4802L11.6302 4.9625L6.4448 10.1469V10.149L4.9625 8.6667L3.4813 10.149L7.926 14.5927L2 20.5177L3.4813 21.999L9.4073 16.074L13.8521 20.5177L15.3333 19.0365L13.8521 17.5552L19.0365 12.3698H19.0375L20.5188 13.851L22 12.3698Z' fill='%23ffffffff'/%3E%3C/svg%3E");
			position:absolute;
			bottom: -.75rem;
			mix-blend-mode: soft-light;
		}
		.new {
			margin-left:.25rem;
			margin-right: .15rem!important;
			display:flex;
			align-items: center;
			justify-content: center;
			position:relative;
			font-size:0!important;
			width:20px;
		}
		.new::after {
			content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23ffffff'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Ccircle cx='19' cy='3' r='3'/%3E%3Cpath d='M6 8V6h9.03c-1.21-1.6-1.08-3.21-0.92-4H4.01c-1.1 0-2 0.89-2 2L2 22l4-4h14c1.1 0 2-0.9 2-2V6.97 C21.16 7.61 20.13 8 19 8H6z M14 14H6v-2h8V14z M18 11H6V9h12V11z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
			position:absolute;
			bottom: -.75rem;
			mix-blend-mode: soft-light;
		}
		.locked-topic {
			margin-left:.5rem!important;
			display:flex;
			align-items: center;
			justify-content: center;
			position:relative;
			font-size:0!important;
			width:10px;
		}
		.locked-topic::after {
			content:url("data:image/svg+xml,%3Csvg height='20.0' viewBox='0 2 15.0 15.0' width='30.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8 7L10.8 5.5C10.8 4.1 9.4 3 8 3C6.6 3 5.2 4.1 5.2 5.5L5.2 7C4.6 7 4 7.6 4 8.2L4 11.7C4 12.4 4.6 13 5.2 13L10.7 13C11.4 13 12 12.4 12 11.8L12 8.3C12 7.6 11.4 7 10.8 7ZM9.5 7L6.5 7L6.5 5.5C6.5 4.7 7.2 4.2 8 4.2C8.8 4.2 9.5 4.7 9.5 5.5L9.5 7Z' fill='%23ffffff'/%3E%3C/svg%3E");
			position:absolute;
			bottom: -.75rem;
			mix-blend-mode: soft-light;
		}
		.forum-post-link {
			margin-right: 0rem!important;
			margin-left: .25rem!important;
			color: var(--content-link)!important;
		}
		.forum-post-link:hover {
			color: var(--content-link-hover)!important;
		}
		.last-page {
			margin-left: .5rem;
			position:relative;
			display:flex;
			align-items: center;
			color: var(--base-text-faded)!important;
			&:hover {
				color: var(--base-text)!important;
			}
		}
		.last-page::after {
			content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 0 20 20' width='20px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z'/%3E%3C/svg%3E");
			opacity: .3;
		}
		.last-page:hover::after {
			opacity: .7;
		}
	}
	table.striped tr.forum-topic-row > td:nth-child(n + 2) {
		time {
			color: var(--base-text-faded);
		}
	}
	div.list-of-forum-posts {
		.comment-post-grid{
			background-color: var(--bg)!important;
			border-radius: 8px;
			overflow: hidden;
		}
		.expandable {
			background-color: var(--bg-400)!important;
		}
		pre {
			background-color: var(--bg-400)!important;
		}
		.author-info {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-between;
			border-right: 2px solid var(--bg-300);
			height: 100%;
			width: 90%;
			.name-rank {
				width: 100%;
				color: var(--base-text-faded);
				font-size: .75rem;
				text-align: center;
				user-select: none;
				h4 {
					width: fit-content;
					margin-inline: auto;
					user-select: text;
				}
				a {
					font-size: 1rem;
					margin-inline: auto;
					width: fit-content;
				}
			}
		}
		.avatar, .avatar .blacklisted {
			display: flex;
			align-items: center;
			justify-content: center;
			margin: .5rem auto;
			max-width: 90%!important;
			position: relative;
			aspect-ratio: 1/1;
			border-radius: var(--avatar-border-radius);
			overflow: hidden;
			a {
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;
				border-radius: var(--avatar-border-radius);
			}
			.post-thumbnail {
				display: flex;
				align-items: center;
				justify-content: center;
				border: 5px solid var(--elements-highlight);
				aspect-ratio: 1/1;
			}
			.post-thumbnail, img {
				border-radius: var(--avatar-border-radius);
				max-height: 100%!important;
				object-fit: cover;
				width: 100%!important;
				min-width: 124px; /* Magic number, just took the pixel measurement that firefox gave me for avatars that fully filled the space and added it here */
				margin-inline: auto;
				aspect-ratio: 1/1;
				user-select: none;
			}
			.post-thumbnail[data-status="deleted"] {
				a {
					height: 100%;
					aspect-ratio: 1/1;
					border-radius: var(--avatar-border-radius);
					overflow: hidden;
					position: relative;
				}
				a::before {
					content: "Deleted";
					background-color: var(--deleted-bg);
					border: 5px solid var(--elements-highlight);
					color: var(--deleted-text);
					position: absolute;
					display: flex;
					height: 100%;
					aspect-ratio: 1/1;
					align-items: center;
					justify-content: center;
					font-size: 1.5rem;
					border-radius: var(--avatar-border-radius);
				}
			}
		}
			.blacklisted {
				a::before {
					content: "Blacklisted";
					background-color: var(--blacklisted-bg);
					color: var(--blacklisted-text);
					height: 100%;
					width: 100%;
					position: absolute;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 1.25rem;
				}
		}
		.post-time {
				width: fit-content;
				margin-left: auto;
				margin-bottom: .5rem;
				margin-top: auto;
				bottom: 0;
				font-size: .75rem;
				user-select: none;
				a {
					color: var(--base-text-faded)!important;
				}
		}
	}
	.inline-code {
		background-color: var(--bg-400)!important;
		text-decoration: underline;
	}
	#new-response-link {
		position: relative;
		height:0;
		width:fit-content;
		display:flex;
		align-items:center;
		gap: .25rem;
		padding: 1rem;
		font-size:0;
		background-color: var(--bg)!important;
		border-radius: 2px 8px 8px 8px;
		border: 2px solid var(--bg);
		&:hover {
			background-color: var(--bg-400)!important;
		}
		&::before {
			content: "Reply";
			font-size: 1.2rem;
		}
		&::after {
			content: url("data:image/svg+xml,%3Csvg height='24.0' viewBox='0 0 24.0 24.0' width='24.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.2667V4L3 11.4667L10 18.9333V14.56C15 14.56 18.5 16.2667 21 20C20 14.6667 17 9.3333 10 8.2667Z' fill='%23c8c8c8'/%3E%3C/svg%3E");
			opacity: 1;
			mix-blend-mode: luminosity;
		}
	}
	div.paginator {
		max-width: 100vw;
		overflow:hidden;
	}
	div.paginator li a {
		transition: 100ms;
	}
	div.paginator li a:hover {
		background-color: var(--bg-400)!important;
		border-radius: 4px;
	}
	table.striped thead tr, table.table thead tr {
		background-color: transparent!important;
		border-bottom-color: var(--bg-300)!important;
	}
	table.striped thead th, table.table thead th {
		background-color: var(--bg-400)!important;
		color: var(--base-text)!important;
	}
	table.striped, table.table {
		border-radius: 8px;
		overflow: hidden;
		background-color: var(--bg)!important;
	}
	table.striped tbody tr, table.table tbody tr {
		background-color: transparent!Important;
		border-color: var(--bg-300)!important;
	}
	table.striped tbody tr td, table.table tbody tr td {
		background-color: var(--bg);
	}
	.replacement-pending-row td:first-child article {
		border: 2px solid var(--bg-400);
		border-radius: 0.5rem;
		.desc {
			border-radius: 0px!important;
		}
	}
	.replacement-pending-row td:nth-child(2) img {
		border: 2px solid var(--bg-400);
	}
	.replacement-pending-row td:nth-child(-n + 2) {
		background-color: var(--flagged)!important;
	}
	.pool-category-series a, .pool-category-collection a, table tr[id^='artist-'] a, #set-index a[href^="/post"] {
		color: var(--content-link)!important;
		&:hover {
			color: var(--content-link-hover)!important;
		}
	}
	/* User feedback table */
	div#c-user-feedbacks #a-index .striped > tbody > tr > td {
		background: transparent!important;
	}
	div#c-moderator-dashboards div#col2 .feedback-category-negative, div#c-user-feedbacks .feedback-category-negative {
		background: var(--flagged)!important;
	}
	div#c-moderator-dashboards div#col2 .feedback-category-negative, div#c-user-feedbacks .feedback-category-neutral {
		background: var(--bg-400)!important;
	}
	div#c-moderator-dashboards div#col2 .feedback-category-negative, div#c-user-feedbacks .feedback-category-positive {
		background: var(--favorite-button)!important;
	}
	.feedback-category-negative .user-blocked, .feedback-category-negative .user-banned {
		color: var(--base-link)!important;
		&:hover {
			color: var(--base-link-hover)!important;
		}
	}
	/* Takedowns and Tickets */
	.sect_green, .approved-ticket {
		color: var(--favorite-button)!important;
		font-weight: 900;
	}
	.sect_red, .redtext, .denied-ticket {
		color: var(--flagged)!important;
		font-weight: 900;
	}
	/* Tag Changes */
	#p-revert-listing {
		max-width: 90vw;
		margin-inline: auto;
		position: relative;
		margin-top: .5rem;
		border-radius: 8px;
		overflow:hidden;
	}
	div#c-post-versions div#a-index .post-version {
		border: none;
		border-radius: 8px;
		overflow: hidden;
	}
	div#c-post-versions .post-version-row-select {
		border-left: .25rem solid var(--elements-highlight)!important;
		border-radius: .25rem 0 0 .25rem;
		overflow:hidden;
	}
	div#c-post-versions div#a-index .pv-label {
		border-right: 2px solid var(--bg-300)!important;
		border-bottom: none;
		background-color: var(--bg-400)!important;
	}
	.pv-sources-labeldiv#c-post-versions div#a-index .pv-sources-label, div#c-post-versions div#a-index .pv-spacer {
		border-right: none!important;
	}
	div#c-post-versions div#a-index .pv-sources-label {
		width: 100%;
	}
	#p-revert-listing div {
		background-color: var(--bg)!important;
		min-height: fit-content;
		max-width: 90vw;
	}
	div#c-post-versions div#a-index .pv-sources {
		overflow:hidden;
		overflow-x:scroll;
		scrollbar-width: thin;
		max-width: 100%;
	}
	#p-revert-listing div * {
		min-height: fit-content;
	}
/* Post replacements */
	#c-post-approvals article.post-preview.captioned, #c-post-flags article.post-preview.captioned, #c-post-replacements article.post-preview.captioned {
		height: auto;
		vertical-align: text-top;
		border-radius: 8px;
		width: fit-content;
		margin-inline: auto;
		margin-left: 2rem;
	}
	#c-post-replacements > #a-index > table > tbody > tr > td:first-child {
		border-right: 2px solid var(--bg-300)!important;
		padding-right: 2rem;
	}
	#c-post-replacements > #a-index > table > tbody > tr > td:nth-child(2) {
		padding: .5rem 2rem;
	}
	#c-post-replacements > #a-index > table > tbody > tr > td:nth-child(2) img {
		border-radius: 8px;
	}
/* Stats page */
	.rounded, .stats-rounded {
		background-color: var(--bg)!important;
		overflow: hidden;
		box-shadow: 0 0 .25rem #000!important;
	}
	.rounded tr:nth-child(2n), .stats-rounded tr:nth-child(2n) {
		background-color: var(--bg-400)!important;
		td {
			border-top-color: var(--bg-300)!important;
			border-bottom-color: var(--bg-300)!important;
		}
		tr:last-child td {
			border-bottom: none!important;
		}
	}
/* Implications page */
	.styled-dtext blockquote {
		div.expandable {
			background-color: var(--bg-300)!important;
		}
		table.striped thead th {
			background-color: var(--bg-400)!important;
		}
		table.striped tbody tr td {
			background-color: var(--bg)!important;
		}
	}
/* Pools page */
/*	article.post-preview .desc {
		background-color: var(--bg-400)!important;
		border-radius: 0 0 .5rem .5rem;
	}
	input[data-disable-with="Search"] {
		border-radius: 4px;
		background-color: var(--bg);
		border: 2px solid var(--bg-400);
		color: var(--base-text);
	}
	div#c-pools div#a-show #blacklist-box {
		display: flex;
	}
	#a-gallery {
		background-color: var(--bg)!important;
		padding: 2rem;
		border-radius: 8px;
		display: flex;
		flex-direction: column;
		.paginator {
			min-width: fit-content;
			width: 25vw;
			position:relative;
			margin-inline: auto;
		}
	}
	#a-gallery h2 {
		margin-inline: auto;
		margin-bottom: 1rem;
	}
	#a-gallery section {
		margin-inline: auto;
		width: 90%;
	}
	#a-gallery section {
		display: flex;
		flex-direction: row;
		max-width: 90vw;
		min-height: fit-content;
		position: relative;
	flex-wrap: wrap;
		justify-content: center;
	}
	#a-gallery #posts > div > article {
		min-width: fit-content;
		margin-inline: auto;
	}*/
/* Comments page */
	div#c-comments div#a-index .comment-post, div#c-comments div#a-show {
		background-color: var(--bg-400)!important;
		border-left: .25rem solid var(--elements-highlight);
		border-radius: 2px 8px 8px 2px;
		overflow:hidden;
		padding: .5rem;
	}
	div#c-comments div#a-index .post-container, div#c-comments div#a-show {
		align-items: center;
		justify-content: center;
		padding: .5rem;
	}
	div#c-comments div.comments-for-post div.list-of-comments article.comment {
		border: 2px solid var(--bg-300)!important;
	}
	div#c-comments div#a-index .post-container picture, div#c-comments div#a-show .post {
		width: fit-content;
		margin-inline: auto;
		border-radius: 4px;
		overflow:hidden;
		border: 4px solid var(--bg-300);
	}
	div#c-comments div#a-show .post {
		margin: .5rem auto 1rem auto;
	}
/* Settings Page */
	a#delete-account {
		color: var(--remove-favorite)!important;
	}
	a#delete-account:hover {
		color: var(--remove-favorite-hover)!important;
	}
	button, input, select, textarea {
		background-color: var(--bg-400)!important;
		color: var(--base-text)!important;
		border-radius: 4px;
	}
	.dtext-formatter textarea {
		margin: 0;
	}
	div.dtext-formatter[data-editing="true"] div.dtext-formatter-charcount {
		color: var(--base-text)!important;
	}
	a.expand-comment-response {
		position: relative;
		height:0;
		width:fit-content;
		display:flex;
		align-items:center;
		gap: .25rem;
		padding: 1rem;
		font-size:0;
		background-color: var(--bg)!important;
		border-radius: 2px 8px 8px 8px;
		border: 2px solid var(--bg);
			&:hover {
				background-color: var(--bg-400)!important;
			}
			&::before {
				content: "Post comment";
				font-size: 1.2rem;
			}
			&::after {
				content: url("data:image/svg+xml,%3Csvg height='24.0' viewBox='0 0 24.0 24.0' width='24.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.2667V4L3 11.4667L10 18.9333V14.56C15 14.56 18.5 16.2667 21 20C20 14.6667 17 9.3333 10 8.2667Z' fill='%23c8c8c8'/%3E%3C/svg%3E");
				opacity: 1;
				mix-blend-mode: luminosity;
		}
	}
/* Help Pages */
	#c-help {
			#sidebar {
			position:sticky;
			left: 0;
			top: 4rem;
			padding: .5rem .5rem;
			h1 {
				width: 75%;
				text-align: center;
				border-bottom: 1px solid var(--bg-400);
				margin-inline: auto;
				margin-bottom: .5rem;
				padding-bottom: .25rem;
			}
			div[style="width:240px"] {
				width: fit-content!important;
			}
			ul {
				display: flex;
				flex-direction: column;
			}
		}
	}
/* Dtext help page */

	.dtext-container > .styled-dtext > blockquote > .striped > tbody {
		tr {
			background-color: var(--bg-300)!important;
			td {
				background-color: var(--bg-400)!important;
			}
		}
	}
/* Upload page */
	.box-section {
		background-color: var(--bg)!important;
		border-radius: 8px;
	}
	div#c-uploads div#a-new .border-bottom {
		border-bottom: 2px solid var(--bg-300);
	}
	input[type="file"] {
		background-color: var(--bg-400);
		border-radius: 4px;
	}
	input[type="file"]button {
		color: pink;
	}
	button.active {
		background-color: var(--bg-300)!important;
	}
	button.rating-e.active {
		background-color: var(--remove-favorite)!important;
	}
	button.rating-q.active {
		background-color: var(--warn-button)!important;
	}
	button.rating-s.active {
		background-color: var(--favorite-button)!important;
	}
	form.simple_form div.collection-radio-buttons input + label{
		color: var(--base-text)!important;
	}
	.radio_buttons:not(:checked)+label {
		background-color: var(--bg-300)!important;
	}
	#post_rating_e:checked+label {
		background-color: var(--remove-favorite)!important;
	}
	#post_rating_q:checked+label {
		background-color: var(--warn-button)!important;
	}
	#post_rating_s:checked+label {
		background-color: var(--favorite-button)!important;
	}
	/* Site map */

	#a-site-map {
		width: 80vw!important;
		display: flex;
		flex-direction: row!important;
		justify-content: space-around;
		flex-wrap: wrap;
		margin-inline: auto;
		background-color: var(--bg)!important;
		padding: 2rem;
		border-radius: 8px;
		gap: .5rem;
		section {
			width: calc(15% + 1rem)!important;
			max-width: calc(15% + 1rem)!important;
			background-color: var(--bg-400);
			padding: 2rem;
			border-radius: 8px;
		}
		h1 {
			border-bottom: 1px solid var(--bg)!important;
			margin-inline: auto;
			text-align: center;
			padding-bottom: .25rem;
			font-size: 1.175rem!important;
		}
		ul li:nth-child(n + 2) {
			margin-top: .3rem;
			border-bottom: 1px solid var(--base-text-faded);
			width: fit-content;
		}
	}
	/* Wiki page */
	button#wiki-page-copy-tag {
		border: none;
	}
	.ui-state-highlight {
		background-color: var(--bg)!important;
		color: var(--base-text)!important;
		border-top: none!important;
		border-right: none!important;
		border-bottom: none!important;
		border-left: .25rem solid var(--elements-highlight)!important;
		border-radius: 2px 8px 8px 2px;
		font-size: .8rem!important;
		width: fit-content;
	}
	/* Confirm you're not a robot page */
	.message {
		position:absolute;
		left:40%;
		top:10%;
		display:grid;
		place-items: center;
		width: 20%;
		min-width: fit-content;
		max-height: 30%;
		min-height: fit-content;
		padding: 1rem;
		margin-inline: auto;
		background-color: var(--bg);
		border-radius: 8px;
		overflow:hidden;
		&::before {
			content: '';
			height:100%;
			aspect-ratio: 1/1;
			position:absolute;
			bottom: -40%;
			left: -25%;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%2300000055' class='bi bi-gear-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-size: 100%;
			z-index: 1;
			animation: rotate-gear 15s linear infinite;
		}
		&::after{
			content: '';
			height:100%;
			aspect-ratio: 1/1;
			position:absolute;
			top: -40%;
			right: -25%;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%2300000055' class='bi bi-gear-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-size: 100%;
			z-index: 1;
			animation: rotate-gear 20s linear infinite;
		}
		h1, p, form {
			z-index: 10;
		}
		.e6-challenge {
			cursor: pointer;
			input {
				background-color: var(--bg-300)!important;
				border-radius: 8px;
				transition: 100ms;
				padding: .5rem;
				&:hover {
					background-color: var(--bg-400)!important;
			}
		}
	@keyframes rotate-gear {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(360deg);
		}
	...

Reviews

No reviews yet.