:root.default {
	--background-color: #000;
	--header-active-background-color: rgb(12 94 236 / 92%);
	--header-hover-background-color: rgba(140, 0, 255, 0.13);
	--input-background-color: #0a0a0a;
	--border-color: #525252;
	--text-color: #ffffff;
	--hover-text-color: rgba(255, 255, 255, 0.49);
	--active-text-color: rgba(255, 255, 255, 0.81);
	--utility-background-color: rgb(22, 22, 22);
	--utility-shadow-color: rgba(66, 66, 66, 0.86);
	--hr-background: rgba(160, 160, 160, 0.274);
	--navbar-background-color: rgb(22, 22, 22);
	--page-text-color: rgba(82, 82, 82, 0.97);
	--shortcut-background-color: #fff;
	--shortcut-box-shadow: 0 0 20px 1px #fff;
	--image-outline-color: #4400ff;
	--button-background-color: #4400ff;
	--button-gradient-color: linear-gradient(
		304deg,
		rgb(204, 0, 245) 0%,
		#4400ff 100%
	);
	--scrolltop-background-color: rgba(32, 32, 32, 0.37);
	--scrolltop-backdrop-filter: blur(10px);
	--random-btn-background-color: #0a0a0a;
	--random-btn-hover-background-color: rgb(25, 25, 25);
	--random-btn-active-background-color: rgb(15, 15, 15);
	--settingsection-background-color: #0c0c0c;
	--settingsection-background-color-hover: #101010;
	--link-hover-color: #7d2ae8;
	--settingsection-hr-background: rgba(255, 255, 255, 0.22);
	--button-reg-background-color: rgb(22, 22, 22);
	--button-reg-hover-background-color: rgb(25, 25, 25);
	--button-reg-active-background-color: rgb(15, 15, 15);
	--dropdown-background-color: rgb(22, 22, 22);
	--dropdown-hover-background-color: rgb(25, 25, 25);
	--panic-key-successful-color: #24b95b;
	--panic-key-failed-color: #e20b41;
	--failtoast-background: rgb(255, 0, 0);
	--failtoast-gradient: linear-gradient(
		165deg,
		rgba(255, 0, 0, 0.15) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--toast-background: rgb(43, 255, 0);
	--toast-gradient: linear-gradient(
		165deg,
		rgba(0, 255, 0, 0.145) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--slider-background-color: #d84f68;
	--slider-box-shadow: inset 1px 1px 2px 0px #ff7ca7;
	--checkbox-background-color: rgb(255, 169, 250);
	--checkbox-gradient: linear-gradient(
		126deg,
		rgba(255, 169, 250, 1) 0%,
		rgba(73, 24, 255, 1) 100%
	);
	--password-background-color: #252525;
	--password-hover-background-color: #181818;

	/* Widget */
	--color-header: '#fff';
	--accent-color: linear-gradient(
		101deg,
		#4400ff7e 0%,
		rgba(242, 0, 255, 0.336) 100%
	) !important;
	--color-header: #ff0000 !important;
	--dshadow1: #ae00ff;
	--dshadow2: #4400ff;
	--dshadow3: #ff00d4;
	--dshadow4: #8400ff;
}

:root .halloween {
	--background-color: #000;
	--header-active-background-color: rgba(255, 153, 0, 0.55);
	--header-hover-background-color: rgba(255, 166, 0, 0.13);
	--input-background-color: #0a0a0a;
	--border-color: #525252;
	--text-color: #ffffff;
	--hover-text-color: rgba(255, 255, 255, 0.49);
	--active-text-color: rgba(255, 255, 255, 0.81);
	--utility-background-color: rgb(22, 22, 22);
	--utility-shadow-color: rgba(66, 66, 66, 0.86);
	--hr-background: rgba(160, 160, 160, 0.274);
	--navbar-background-color: rgb(22, 22, 22);
	--page-text-color: rgba(82, 82, 82, 0.97);
	--shortcut-background-color: #fff;
	--shortcut-box-shadow: 0 0 20px 1px #fff;
	--image-outline-color: #ff9100;
	--button-background-color: #ffbb00;
	--button-gradient-color: linear-gradient(
		304deg,
		rgb(245, 110, 0) 0%,
		#ffae00 100%
	);
	--scrolltop-background-color: rgba(32, 32, 32, 0.37);
	--scrolltop-backdrop-filter: blur(10px);
	--random-btn-background-color: #0a0a0a;
	--random-btn-hover-background-color: rgb(25, 25, 25);
	--random-btn-active-background-color: rgb(15, 15, 15);
	--settingsection-background-color: #0c0c0c;
	--settingsection-background-color-hover: #101010;
	--link-hover-color: #e8962a;
	--settingsection-hr-background: rgba(255, 255, 255, 0.22);
	--button-reg-background-color: rgb(22, 22, 22);
	--button-reg-hover-background-color: rgb(25, 25, 25);
	--button-reg-active-background-color: rgb(15, 15, 15);
	--dropdown-background-color: rgb(22, 22, 22);
	--dropdown-hover-background-color: rgb(25, 25, 25);
	--panic-key-successful-color: #24b95b;
	--panic-key-failed-color: #e20b41;
	--failtoast-background: rgb(255, 0, 0);
	--failtoast-gradient: linear-gradient(
		165deg,
		rgba(255, 0, 0, 0.15) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--toast-background: rgb(43, 255, 0);
	--toast-gradient: linear-gradient(
		165deg,
		rgba(0, 255, 0, 0.145) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--slider-background-color: #d84f68;
	--slider-box-shadow: inset 1px 1px 2px 0px #e97cff;
	--checkbox-background-color: rgb(211, 127, 245);
	--checkbox-gradient: linear-gradient(
		126deg,
		rgb(221, 169, 255) 0%,
		rgb(255, 24, 236) 100%
	);
	--password-background-color: #252525;
	--password-hover-background-color: #181818;

	--color-header: '#fff';
	--accent-color: linear-gradient(
		101deg,
		#8400ff7e 0%,
		rgba(255, 153, 0, 0.336) 100%
	) !important;
	--color-header: #ff0000 !important;
	--dshadow1: #ff7300;
	--dshadow2: #ff9100;
	--dshadow3: #8400ff;
	--dshadow4: #ff6600;
}

:root .chrismas {
--background-color: #000000;
--header-active-background-color: rgb(34, 255, 0);
--header-hover-background-color: rgb(255, 0, 0);
--input-background-color: #0a0a0a;
--border-color: #525252;
--text-color: #ffffff;
--hover-text-color: rgba(251, 245, 245, 0.49);
--active-text-color: rgba(255, 255, 255, 0.81);
--utility-background-color: rgb(22, 22, 22);
--utility-shadow-color: rgba(66, 66, 66, 0.86);
--hr-background: rgba(160, 160, 160, 0.274);
--navbar-background-color: rgb(22, 22, 22);
--page-text-color: rgba(82, 82, 82, 0.97);
--shortcut-background-color: #fff;
--shortcut-box-shadow: 0 0 20px 1px #fff;
--image-outline-color: #ff0000a5;
--button-background-color: #00ff00;
--button-gradient-color: linear-gradient(
304deg,
rgb(2, 255, 19) 0%,
#ff4d00 100%
);
--scrolltop-background-color: rgba(32, 32, 32, 0.37);
--scrolltop-backdrop-filter: blur(10px);
--random-btn-background-color: #0a0a0a;
--random-btn-hover-background-color: rgb(25, 25, 25);
--random-btn-active-background-color: rgb(15, 15, 15);
--settingsection-background-color: #0c0c0c;
--settingsection-background-color-hover: #101010;
--link-hover-color: #00ff6a;
--settingsection-hr-background: rgba(255, 255, 255, 0.22);
--button-reg-background-color: rgb(22, 22, 22);
--button-reg-hover-background-color: rgb(25, 25, 25);
--button-reg-active-background-color: rgb(15, 15, 15);
--dropdown-background-color: rgb(22, 22, 22);
--dropdown-hover-background-color: rgb(25, 25, 25);
--panic-key-successful-color: #14e661;
--panic-key-failed-color: #df1d4e;
--failtoast-background: rgb(255, 0, 0);
--failtoast-gradient: linear-gradient(
165deg,
rgb(4 122 29) 0%,
#7cff00 45%
);
--toast-background: rgb(255, 0, 0);
--toast-gradient: linear-gradient(
165deg,
rgba(0, 255, 0, 0.145) 0%,
rgba(255, 255, 255, 0) 45%
);
--slider-background-color: #d84f68;
--slider-box-shadow: inset 1px 1px 2px 0px #ff7ca7;
--checkbox-background-color: rgb(244, 30, 233);
--checkbox-gradient: linear-gradient(
126deg,
rgb(33, 245, 0) 0%,
#4dff00 100%
);
--password-background-color: #252525;
--password-hover-background-color: #181818;

/* Widget */
--color-header: '#fff';
--accent-color: linear-gradient(
101deg,
#000dff7e 0%,
rgba(0, 81, 255, 0.401) 100%
) !important;
--color-header: #ff0000 !important;
--dshadow1: #fe0000;
--dshadow2: #00ff33;
--dshadow3: #26ff00;
--dshadow4: #f90707;
}

:root .aurora {
	--background-color: #000;
	--header-active-background-color: rgba(0, 255, 115, 0.55);
	--header-hover-background-color: rgba(0, 255, 85, 0.13);
	--input-background-color: #0a0a0a;
	--border-color: #525252;
	--text-color: #ffffff;
	--hover-text-color: rgba(255, 255, 255, 0.49);
	--active-text-color: rgba(255, 255, 255, 0.81);
	--utility-background-color: rgb(22, 22, 22);
	--utility-shadow-color: rgba(66, 66, 66, 0.86);
	--hr-background: rgba(160, 160, 160, 0.274);
	--navbar-background-color: rgb(22, 22, 22);
	--page-text-color: rgba(82, 82, 82, 0.97);
	--shortcut-background-color: #fff;
	--shortcut-box-shadow: 0 0 20px 1px #fff;
	--image-outline-color: #00ff88;
	--button-background-color: #00ff95;
	--button-gradient-color: linear-gradient(
		304deg,
		rgb(25, 157, 233) 0%,
		#00ff73 100%
	);
	--scrolltop-background-color: rgba(32, 32, 32, 0.37);
	--scrolltop-backdrop-filter: blur(10px);
	--random-btn-background-color: #0a0a0a;
	--random-btn-hover-background-color: rgb(25, 25, 25);
	--random-btn-active-background-color: rgb(15, 15, 15);
	--settingsection-background-color: #0c0c0c;
	--settingsection-background-color-hover: #101010;
	--link-hover-color: #0cc6e7;
	--settingsection-hr-background: rgba(255, 255, 255, 0.22);
	--button-reg-background-color: rgb(22, 22, 22);
	--button-reg-hover-background-color: rgb(25, 25, 25);
	--button-reg-active-background-color: rgb(15, 15, 15);
	--dropdown-background-color: rgb(22, 22, 22);
	--dropdown-hover-background-color: rgb(25, 25, 25);
	--panic-key-successful-color: #24b95b;
	--panic-key-failed-color: #e20b41;
	--failtoast-background: rgb(255, 0, 0);
	--failtoast-gradient: linear-gradient(
		165deg,
		rgba(255, 0, 0, 0.15) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--toast-background: rgb(43, 255, 0);
	--toast-gradient: linear-gradient(
		165deg,
		rgba(0, 255, 0, 0.145) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--slider-background-color: #d84f68;
	--slider-box-shadow: inset 1px 1px 2px 0px #e97cff;
	--checkbox-background-color: rgb(211, 127, 245);
	--checkbox-gradient: linear-gradient(
		126deg,
		rgb(221, 169, 255) 0%,
		rgb(255, 24, 236) 100%
	);
	--password-background-color: #252525;
	--password-hover-background-color: #181818;

	/* Widget */
	--color-header: '#fff';
	--accent-color: linear-gradient(
		101deg,
		#8400ff7e 0%,
		rgba(255, 153, 0, 0.336) 100%
	) !important;
	--color-header: #ff0000 !important;
	--dshadow1: #058f61;
	--dshadow2: #00ff95;
	--dshadow3: #006eff;
	--dshadow4: #0abb59;
}

:root .emerald {
--background-color: #000;
--header-active-background-color: rgb(34 255 0 / 92%);
--header-hover-background-color: rgba(140, 0, 255, 0.13);
--input-background-color: #0a0a0a;
--border-color: #525252;
--text-color: #ffffff;
--hover-text-color: rgba(255, 255, 255, 0.49);
--active-text-color: rgba(255, 255, 255, 0.81);
--utility-background-color: rgb(22, 22, 22);
--utility-shadow-color: rgba(66, 66, 66, 0.86);
--hr-background: rgba(160, 160, 160, 0.274);
--navbar-background-color: rgb(22, 22, 22);
--page-text-color: rgba(82, 82, 82, 0.97);
--shortcut-background-color: #fff;
--shortcut-box-shadow: 0 0 20px 1px #fff;
--image-outline-color: #21ff00;
--button-background-color: #00ff63;
--button-gradient-color: linear-gradient(
304deg,
rgb(6 164 17) 0%,
#73ff00 100%
);
--scrolltop-background-color: rgba(32, 32, 32, 0.37);
--scrolltop-backdrop-filter: blur(10px);
--random-btn-background-color: #0a0a0a;
--random-btn-hover-background-color: rgb(25, 25, 25);
--random-btn-active-background-color: rgb(15, 15, 15);
--settingsection-background-color: #0c0c0c;
--settingsection-background-color-hover: #101010;
--link-hover-color: #00ff1a;
--settingsection-hr-background: rgba(255, 255, 255, 0.22);
--button-reg-background-color: rgb(22, 22, 22);
--button-reg-hover-background-color: rgb(25, 25, 25);
--button-reg-active-background-color: rgb(15, 15, 15);
--dropdown-background-color: rgb(22, 22, 22);
--dropdown-hover-background-color: rgb(25, 25, 25);
--panic-key-successful-color: #24b95b;
--panic-key-failed-color: #e20b41;
--failtoast-background: rgb(255, 0, 0);
--failtoast-gradient: linear-gradient(
165deg,
rgb(4 122 29) 0%,
#7cff00 45%
);
--toast-background: rgb(43, 255, 0);
--toast-gradient: linear-gradient(
165deg,
rgba(0, 255, 0, 0.145) 0%,
rgba(255, 255, 255, 0) 45%
);
--slider-background-color: #d84f68;
--slider-box-shadow: inset 1px 1px 2px 0px #ff7ca7;
--checkbox-background-color: rgb(255, 169, 250);
--checkbox-gradient: linear-gradient(
126deg,
rgb(0 245 80) 0%,
#60ff00 100%
);
--password-background-color: #252525;
--password-hover-background-color: #181818;

/* Widget */
--color-header: '#fff';
--accent-color: linear-gradient(
101deg,
#000dff7e 0%,
rgba(0, 81, 255, 0.401) 100%
) !important;
--color-header: #ff0000 !important;
--dshadow1: #1ffe00;
--dshadow2: #73ff00;
--dshadow3: #00ff1b;
--dshadow4: #13cc13;
}

:root .nightmare {
	--background-color: #000;
	--header-active-background-color: rgba(255, 8, 0, 0.55);
	--header-hover-background-color: rgba(255, 51, 0, 0.13);
	--input-background-color: #0a0a0a;
	--border-color: #525252;
	--text-color: #ffffff;
	--hover-text-color: rgba(255, 255, 255, 0.49);
	--active-text-color: rgba(255, 255, 255, 0.81);
	--utility-background-color: rgb(22, 22, 22);
	--utility-shadow-color: rgba(66, 66, 66, 0.86);
	--hr-background: rgba(160, 160, 160, 0.274);
	--navbar-background-color: rgb(22, 22, 22);
	--page-text-color: rgba(82, 82, 82, 0.97);
	--shortcut-background-color: #fff;
	--shortcut-box-shadow: 0 0 20px 1px #fff;
	--image-outline-color: #ff0000;
	--button-background-color: #ff0800;
	--button-gradient-color: linear-gradient(
		304deg,
		rgb(245, 8, 0) 0%,
		#ff0000 100%
	);
	--scrolltop-background-color: rgba(32, 32, 32, 0.37);
	--scrolltop-backdrop-filter: blur(10px);
	--random-btn-background-color: #0a0a0a;
	--random-btn-hover-background-color: rgb(25, 25, 25);
	--random-btn-active-background-color: rgb(15, 15, 15);
	--settingsection-background-color: #0c0c0c;
	--settingsection-background-color-hover: #101010;
	--link-hover-color: #e8302a;
	--settingsection-hr-background: rgba(255, 255, 255, 0.22);
	--button-reg-background-color: rgb(22, 22, 22);
	--button-reg-hover-background-color: rgb(25, 25, 25);
	--button-reg-active-background-color: rgb(15, 15, 15);
	--dropdown-background-color: rgb(22, 22, 22);
	--dropdown-hover-background-color: rgb(25, 25, 25);
	--panic-key-successful-color: #24b95b;
	--panic-key-failed-color: #e20b41;
	--failtoast-background: rgb(255, 0, 0);
	--failtoast-gradient: linear-gradient(
		165deg,
		rgba(255, 0, 0, 0.15) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--toast-background: rgb(43, 255, 0);
	--toast-gradient: linear-gradient(
		165deg,
		rgba(0, 255, 0, 0.145) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--slider-background-color: #d84f68;
	--slider-box-shadow: inset 1px 1px 2px 0px #e97cff;
	--checkbox-background-color: rgb(211, 127, 245);
	--checkbox-gradient: linear-gradient(
		126deg,
		rgb(221, 169, 255) 0%,
		rgb(255, 24, 236) 100%
	);
	--password-background-color: #252525;
	--password-hover-background-color: #181818;

	/* Widget */
	--color-header: '#fff';
	--accent-color: linear-gradient(
		101deg,
		#8400ff7e 0%,
		rgba(255, 153, 0, 0.336) 100%
	) !important;
	--color-header: #ff0000 !important;
	--dshadow1: #c70e08;
	--dshadow2: #ff0000;
	--dshadow3: #a144f8;
	--dshadow4: #f7453f;
}

:root .midnight {
	--background-color: #000;
	--header-active-background-color: rgba(216, 216, 216, 0.55);
	--header-hover-background-color: rgba(177, 177, 177, 0.13);
	--input-background-color: #0a0a0a;
	--border-color: #525252;
	--text-color: #ffffff;
	--hover-text-color: rgba(255, 255, 255, 0.49);
	--active-text-color: rgba(255, 255, 255, 0.81);
	--utility-background-color: rgb(22, 22, 22);
	--utility-shadow-color: rgba(66, 66, 66, 0.86);
	--hr-background: rgba(160, 160, 160, 0.274);
	--navbar-background-color: rgb(22, 22, 22);
	--page-text-color: rgba(82, 82, 82, 0.97);
	--shortcut-background-color: #fff;
	--shortcut-box-shadow: 0 0 20px 1px #fff;
	--image-outline-color: #b3b3b3;
	--button-background-color: #acacac;
	--button-gradient-color: linear-gradient(
		304deg,
		rgb(129, 129, 129) 0%,
		#bebebe 100%
	);
	--scrolltop-background-color: rgba(32, 32, 32, 0.37);
	--scrolltop-backdrop-filter: blur(10px);
	--random-btn-background-color: #0a0a0a;
	--random-btn-hover-background-color: rgb(25, 25, 25);
	--random-btn-active-background-color: rgb(15, 15, 15);
	--settingsection-background-color: #0c0c0c;
	--settingsection-background-color-hover: #101010;
	--link-hover-color: #c7c7c7;
	--settingsection-hr-background: rgba(255, 255, 255, 0.22);
	--button-reg-background-color: rgb(22, 22, 22);
	--button-reg-hover-background-color: rgb(25, 25, 25);
	--button-reg-active-background-color: rgb(15, 15, 15);
	--dropdown-background-color: rgb(22, 22, 22);
	--dropdown-hover-background-color: rgb(25, 25, 25);
	--panic-key-successful-color: #24b95b;
	--panic-key-failed-color: #e20b41;
	--failtoast-background: rgb(255, 0, 0);
	--failtoast-gradient: linear-gradient(
		165deg,
		rgba(255, 0, 0, 0.15) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--toast-background: rgb(43, 255, 0);
	--toast-gradient: linear-gradient(
		165deg,
		rgba(0, 255, 0, 0.145) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--slider-background-color: #d84f68;
	--slider-box-shadow: inset 1px 1px 2px 0px #e97cff;
	--checkbox-background-color: rgb(211, 127, 245);
	--checkbox-gradient: linear-gradient(
		126deg,
		rgb(221, 169, 255) 0%,
		rgb(255, 24, 236) 100%
	);
	--password-background-color: #252525;
	--password-hover-background-color: #181818;

	/* Widget */
	--color-header: '#fff';
	--accent-color: linear-gradient(
		101deg,
		#8400ff7e 0%,
		rgba(255, 153, 0, 0.336) 100%
	) !important;
	--color-header: #ff0000 !important;
	--dshadow1: #6e6e6e;
	--dshadow2: #b6b6b6;
	--dshadow3: #ffffff;
	--dshadow4: #5a5a5a;
}

:root .sakura {
--background-color: #000;
--header-active-background-color: rgb(207 38 214 / 78%);
--header-hover-background-color: rgba(140, 0, 255, 0.13);
--input-background-color: #0a0a0a;
--border-color: #525252;
--text-color: #ffffff;
--hover-text-color: rgba(255, 255, 255, 0.49);
--active-text-color: rgba(255, 255, 255, 0.81);
--utility-background-color: rgb(22, 22, 22);
--utility-shadow-color: rgba(66, 66, 66, 0.86);
--hr-background: rgba(160, 160, 160, 0.274);
--navbar-background-color: rgb(22, 22, 22);
--page-text-color: rgba(82, 82, 82, 0.97);
--shortcut-background-color: #fff;
--shortcut-box-shadow: 0 0 20px 1px #fff;
--image-outline-color: #ff00e9;
--button-background-color: #f800ff;
--button-gradient-color: linear-gradient(
304deg,
rgb(160 0 245) 0%,
#d500ff 100%
);
--scrolltop-background-color: rgba(32, 32, 32, 0.37);
--scrolltop-backdrop-filter: blur(10px);
--random-btn-background-color: #0a0a0a;
--random-btn-hover-background-color: rgb(25, 25, 25);
--random-btn-active-background-color: rgb(15, 15, 15);
--settingsection-background-color: #0c0c0c;
--settingsection-background-color-hover: #101010;
--link-hover-color: #e800ff;
--settingsection-hr-background: rgba(255, 255, 255, 0.22);
--button-reg-background-color: rgb(22, 22, 22);
--button-reg-hover-background-color: rgb(25, 25, 25);
--button-reg-active-background-color: rgb(15, 15, 15);
--dropdown-background-color: rgb(22, 22, 22);
--dropdown-hover-background-color: rgb(25, 25, 25);
--panic-key-successful-color: #24b95b;
--panic-key-failed-color: #e20b41;
--failtoast-background: rgb(255, 0, 0);
--failtoast-gradient: linear-gradient(
165deg,
rgb(178 32 199) 0%,
#d500ff 45%
);
--toast-background: rgb(43, 255, 0);
--toast-gradient: linear-gradient(
165deg,
rgba(0, 255, 0, 0.145) 0%,
rgba(255, 255, 255, 0) 45%
);
--slider-background-color: #d84f68;
--slider-box-shadow: inset 1px 1px 2px 0px #ff7ca7;
--checkbox-background-color: rgb(255, 169, 250);
--checkbox-gradient: linear-gradient(
126deg,
rgb(214 0 245) 0%,
#b614ce 100%
);
--password-background-color: #252525;
--password-hover-background-color: #181818;

/* Widget */
--color-header: '#fff';
--accent-color: linear-gradient(
101deg,
#a600ff7e 0%,
rgb(194 0 255 / 40%) 100%
) !important;
--color-header: #ff0000 !important;
--dshadow1: #a600ff;
--dshadow2: #f200ff;
--dshadow3: #cc00ff;
--dshadow4: #aa66b4;
}

:root .nebula {
--background-color: #000;
--header-active-background-color: rgb(252, 7, 203) / 78%;
--header-hover-background-color: rgba(13, 0, 255, 0.935);
--input-background-color: #0a0a0a;
--border-color: #525252;
--text-color: #ffffff;
--hover-text-color: rgba(255, 255, 255, 0.49);
--active-text-color: rgba(255, 255, 255, 0.81);
--utility-background-color: rgb(22, 22, 22);
--utility-shadow-color: rgba(66, 66, 66, 0.86);
--hr-background: rgba(160, 160, 160, 0.274);
--navbar-background-color: rgb(22, 22, 22);
--page-text-color: rgba(82, 82, 82, 0.97);
--shortcut-background-color: #fff;
--shortcut-box-shadow: 0 0 20px 1px #fff;
--image-outline-color: #6f00ff;
--button-background-color: #ff00ae;
--button-gradient-color: linear-gradient(
304deg,
rgb(245, 0, 192) 0%,
#4800ff 100%
);
--scrolltop-background-color: rgba(32, 32, 32, 0.37);
--scrolltop-backdrop-filter: blur(10px);
--random-btn-background-color: #0a0a0a;
--random-btn-hover-background-color: rgb(25, 25, 25);
--random-btn-active-background-color: rgb(15, 15, 15);
--settingsection-background-color: #0c0c0c;
--settingsection-background-color-hover: #101010;
--link-hover-color: #ff00bb;
--settingsection-hr-background: rgba(255, 255, 255, 0.22);
--button-reg-background-color: rgb(22, 22, 22);
--button-reg-hover-background-color: rgb(25, 25, 25);
--button-reg-active-background-color: rgb(15, 15, 15);
--dropdown-background-color: rgb(22, 22, 22);
--dropdown-hover-background-color: rgb(25, 25, 25);
--panic-key-successful-color: #24b95b;
--panic-key-failed-color: #4800ff;
--failtoast-background: rgb(255, 0, 200);
--failtoast-gradient: linear-gradient(
165deg,
rgb(16, 12, 251) 0%,
#ff00d9 45%
);
--toast-background: rgb(255, 0, 238);
--toast-gradient: linear-gradient(
165deg,
rgba(0, 68, 255, 0.145) 0%,
rgba(255, 255, 255, 0) 45%
);
--slider-background-color: #1900ff;
--slider-box-shadow: inset 1px 1px 2px 0px #4800ff;
--checkbox-background-color: rgb(175, 169, 255);
--checkbox-gradient: linear-gradient(
126deg,
rgb(0, 0, 245) 0%,
#3014ce 100%
);
--password-background-color: #252525;
--password-hover-background-color: #181818;

/* Widget */
--color-header: '#fff';
--accent-color: linear-gradient(
101deg,
#4000ff 0%,
rgba(25, 0, 255, 0.4) 100%
) !important;
--color-header: #ff0000 !important;
--dshadow1: #d0ff00;
--dshadow2: #3c00ff;
--dshadow3: #95ff00;
--dshadow4: #2600ff;
}

:root .yellow {
--background-color: #000;
--header-active-background-color: rgb(228, 252, 7) / 78%;
--header-hover-background-color: rgba(208, 255, 0, 0.935);
--input-background-color: #0a0a0a;
--border-color: #525252;
--text-color: #ffffff;
--hover-text-color: rgba(255, 255, 255, 0.49);
--active-text-color: rgba(255, 255, 255, 0.81);
--utility-background-color: rgb(22, 22, 22);
--utility-shadow-color: rgba(66, 66, 66, 0.86);
--hr-background: rgba(160, 160, 160, 0.274);
--navbar-background-color: rgb(22, 22, 22);
--page-text-color: rgba(82, 82, 82, 0.97);
--shortcut-background-color: #fff;
--shortcut-box-shadow: 0 0 20px 1px #fff;
--image-outline-color: #fffb00;
--button-background-color: #fffb00;
--button-gradient-color: linear-gradient(
304deg,
rgb(229, 245, 0) 0%,
#fffb00 100%
);
--scrolltop-background-color: rgba(32, 32, 32, 0.37);
--scrolltop-backdrop-filter: blur(10px);
--random-btn-background-color: #0a0a0a;
--random-btn-hover-background-color: rgb(25, 25, 25);
--random-btn-active-background-color: rgb(15, 15, 15);
--settingsection-background-color: #0c0c0c;
--settingsection-background-color-hover: #101010;
--link-hover-color: #fffb00;
--settingsection-hr-background: rgba(255, 255, 255, 0.22);
--button-reg-background-color: rgb(22, 22, 22);
--button-reg-hover-background-color: rgb(25, 25, 25);
--button-reg-active-background-color: rgb(15, 15, 15);
--dropdown-background-color: rgb(22, 22, 22);
--dropdown-hover-background-color: rgb(25, 25, 25);
--panic-key-successful-color: #24b95b;
--panic-key-failed-color: #e20b41;
--failtoast-background: rgb(255, 0, 0);
--failtoast-gradient: linear-gradient(
165deg,
rgb(247, 251, 12) 0%,
#d4ff00 45%
);
--toast-background: rgb(43, 255, 0);
--toast-gradient: linear-gradient(
165deg,
rgba(0, 255, 0, 0.145) 0%,
rgba(255, 255, 255, 0) 45%
);
--slider-background-color: #d84f68;
--slider-box-shadow: inset 1px 1px 2px 0px #ff7ca7;
--checkbox-background-color: rgb(252, 255, 169);
--checkbox-gradient: linear-gradient(
126deg,
rgb(221, 245, 0) 0%,
#a0ce14 100%
);
--password-background-color: #252525;
--password-hover-background-color: #181818;

/* Widget */
--color-header: '#fff';
--accent-color: linear-gradient(
101deg,
#fbff007e 0%,
rgba(246, 255, 0, 0.4) 100%
) !important;
--color-header: #ff0000 !important;
--dshadow1: #fffb00;
--dshadow2: #fffb00;
--dshadow3: #fffb00;
--dshadow4: #fffb00;
}

:root .orange {
--background-color: #000;
--header-active-background-color: rgb(252, 105, 7) / 78%;
--header-hover-background-color: rgba(255, 140, 0, 0.935);
--input-background-color: #0a0a0a;
--border-color: #525252;
--text-color: #ffffff;
--hover-text-color: rgba(255, 255, 255, 0.49);
--active-text-color: rgba(255, 255, 255, 0.81);
--utility-background-color: rgb(22, 22, 22);
--utility-shadow-color: rgba(66, 66, 66, 0.86);
--hr-background: rgba(160, 160, 160, 0.274);
--navbar-background-color: rgb(22, 22, 22);
--page-text-color: rgba(82, 82, 82, 0.97);
--shortcut-background-color: #fff;
--shortcut-box-shadow: 0 0 20px 1px #fff;
--image-outline-color: #ff6f00;
--button-background-color: #ff6f00;
--button-gradient-color: linear-gradient(
304deg,
rgb(245, 135, 0) 0%,
#ff6f00 100%
);
--scrolltop-background-color: rgba(32, 32, 32, 0.37);
--scrolltop-backdrop-filter: blur(10px);
--random-btn-background-color: #0a0a0a;
--random-btn-hover-background-color: rgb(25, 25, 25);
--random-btn-active-background-color: rgb(15, 15, 15);
--settingsection-background-color: #0c0c0c;
--settingsection-background-color-hover: #101010;
--link-hover-color: #ff6f00;
--settingsection-hr-background: rgba(255, 255, 255, 0.22);
--button-reg-background-color: rgb(22, 22, 22);
--button-reg-hover-background-color: rgb(25, 25, 25);
--button-reg-active-background-color: rgb(15, 15, 15);
--dropdown-background-color: rgb(22, 22, 22);
--dropdown-hover-background-color: rgb(25, 25, 25);
--panic-key-successful-color: #ff6f00;
--panic-key-failed-color: #e20b41;
--failtoast-background: rgb(255, 0, 0);
--failtoast-gradient: linear-gradient(
165deg,
rgb(251, 128, 12) 0%,
#ff6f00 45%
);
--toast-background: rgb(255, 123, 0);
--toast-gradient: linear-gradient(
165deg,
rgba(0, 255, 0, 0.145) 0%,
rgba(255, 255, 255, 0) 45%
);
--slider-background-color: #ff6f00;
--slider-box-shadow: inset 1px 1px 2px 0px #ff6f00;
--checkbox-background-color: rgb(255, 226, 169);
--checkbox-gradient: linear-gradient(
126deg,
rgb(245, 123, 0) 0%,
#ff6f00 100%
);
--password-background-color: #252525;
--password-hover-background-color: #181818;

/* Widget */
--color-header: '#fff';
--accent-color: linear-gradient(
101deg,
#ff6f00 0%,
rgba(246, 255, 0, 0.4) 100%
) !important;
--color-header: #ff0000 !important;
--dshadow1: #ff6f00;
--dshadow2: #ff6f00;
--dshadow3: #ff6f00;
--dshadow4: #ff6f00;
}

:root .supernova {
	--background-color: #000;
	--header-active-background-color: rgba(140, 175, 252, 0.55);
	--header-hover-background-color: rgba(137, 188, 255, 0.13);
	--input-background-color: #0a0a0a;
	--border-color: #525252;
	--text-color: #ffffff;
	--hover-text-color: rgba(255, 255, 255, 0.49);
	--active-text-color: rgba(255, 255, 255, 0.81);
	--utility-background-color: rgb(22, 22, 22);
	--utility-shadow-color: rgba(66, 66, 66, 0.86);
	--hr-background: rgba(160, 160, 160, 0.274);
	--navbar-background-color: rgb(22, 22, 22);
	--page-text-color: rgba(82, 82, 82, 0.97);
	--shortcut-background-color: #fff;
	--shortcut-box-shadow: 0 0 20px 1px #fff;
	--image-outline-color: #809bf3;
	--button-background-color: #97adf4;
	--button-gradient-color: linear-gradient(
		304deg,
		rgb(123, 166, 247) 0%,
		#97adf4 100%
	);
	--scrolltop-background-color: rgba(32, 32, 32, 0.37);
	--scrolltop-backdrop-filter: blur(10px);
	--random-btn-background-color: #0a0a0a;
	--random-btn-hover-background-color: rgb(25, 25, 25);
	--random-btn-active-background-color: rgb(15, 15, 15);
	--settingsection-background-color: #0c0c0c;
	--settingsection-background-color-hover: #101010;
	--link-hover-color: #97adf4;
	--settingsection-hr-background: rgba(255, 255, 255, 0.22);
	--button-reg-background-color: rgb(22, 22, 22);
	--button-reg-hover-background-color: rgb(25, 25, 25);
	--button-reg-active-background-color: rgb(15, 15, 15);
	--dropdown-background-color: rgb(22, 22, 22);
	--dropdown-hover-background-color: rgb(25, 25, 25);
	--panic-key-successful-color: #24b95b;
	--panic-key-failed-color: #e20b41;
	--failtoast-background: rgb(255, 0, 0);
	--failtoast-gradient: linear-gradient(
		165deg,
		rgba(255, 0, 0, 0.15) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--toast-background: rgb(43, 255, 0);
	--toast-gradient: linear-gradient(
		165deg,
		rgba(0, 255, 0, 0.145) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--slider-background-color: #d84f68;
	--slider-box-shadow: inset 1px 1px 2px 0px #e97cff;
	--checkbox-background-color: rgb(211, 127, 245);
	--checkbox-gradient: linear-gradient(
		126deg,
		rgb(221, 169, 255) 0%,
		rgb(255, 24, 236) 100%
	);
	--password-background-color: #252525;
	--password-hover-background-color: #181818;

	/* Widget */
	--color-header: '#fff';
	--accent-color: linear-gradient(
		101deg,
		#8400ff7e 0%,
		rgba(255, 153, 0, 0.336) 100%
	) !important;
	--color-header: #ff0000 !important;
	--dshadow1: #6b85d8;
	--dshadow2: #97adf4;
	--dshadow3: #ffffff;
	--dshadow4: #849df0;
}

:root .daydream {
	--background-color: #000;
	--header-active-background-color: rgba(140, 0, 255, 0.55);
	--header-hover-background-color: rgba(140, 0, 255, 0.13);
	--input-background-color: #0a0a0a;
	--link-hover-color: #7d2ae8;
	--border-color: #525252;
	--text-color: #ffffff;
	--hover-text-color: rgba(255, 255, 255, 0.49);
	--active-text-color: rgba(255, 255, 255, 0.81);
	--utility-background-color: rgb(22, 22, 22);
	--hr-background: rgba(171, 0, 250, 0.274);
	--utility-shadow-color: rgba(171, 0, 250, 0.86);
	--navbar-background-color: rgb(22, 22, 22);
	--page-text-color: rgba(82, 82, 82, 0.97);
	--shortcut-background-color: #fff;
	--shortcut-box-shadow: 0 0 20px 1px #fff;
	--image-outline-color: #4400ff;
	--button-background-color: #4400ff;
	--button-gradient-color: linear-gradient(
		304deg,
		rgb(135, 0, 245) 0%,
		#b700ff 100%
	);
	--scrolltop-background-color: rgba(32, 32, 32, 0.37);
	--scrolltop-backdrop-filter: blur(10px);
	--random-btn-background-color: #0a0a0a;
	--random-btn-hover-background-color: rgb(25, 25, 25);
	--random-btn-active-background-color: rgb(15, 15, 15);
	--settingsection-background-color: #0c0c0c;
	--settingsection-background-color-hover: #101010;
	--link-hover-color: #7d2ae8;
	--settingsection-hr-background: rgba(255, 255, 255, 0.22);
	--button-reg-background-color: rgb(22, 22, 22);
	--button-reg-hover-background-color: rgb(25, 25, 25);
	--button-reg-active-background-color: rgb(15, 15, 15);
	--dropdown-background-color: rgb(22, 22, 22);
	--dropdown-hover-background-color: rgb(25, 25, 25);
	--panic-key-successful-color: #24b95b;
	--panic-key-failed-color: #e20b41;
	--failtoast-background: rgb(255, 0, 0);
	--failtoast-gradient: linear-gradient(
		165deg,
		rgba(255, 0, 0, 0.15) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--toast-background: rgb(43, 255, 0);
	--toast-gradient: linear-gradient(
		165deg,
		rgba(0, 255, 0, 0.145) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--slider-background-color: #d84f68;
	--slider-box-shadow: inset 1px 1px 2px 0px #ff7ca7;
	--checkbox-background-color: rgb(255, 169, 250);
	--checkbox-gradient: linear-gradient(
		126deg,
		rgba(255, 169, 250, 1) 0%,
		rgba(73, 24, 255, 1) 100%
	);
	--password-background-color: #252525;
	--password-hover-background-color: #181818;

	/* Widget */
	--color-header: '#fff';
	--accent-color: linear-gradient(
		101deg,
		#4400ff7e 0%,
		rgba(242, 0, 255, 0.336) 100%
	) !important;
	--color-header: #ff0000 !important;
	--dshadow1: #ae00ff;
	--dshadow2: #8c00ff;
	--dshadow3: #b700ff;
	--dshadow4: #8400ff;
}

:root .ocean {
	--background-color: #000;
	--header-active-background-color: rgba(0, 76, 255, 0.55);
	--header-hover-background-color: rgba(140, 0, 255, 0.13);
	--input-background-color: #0a0a0a;
	--border-color: #525252;
	--text-color: #ffffff;
	--hover-text-color: rgba(255, 255, 255, 0.49);
	--active-text-color: rgba(255, 255, 255, 0.81);
	--utility-background-color: rgb(22, 22, 22);
	--utility-shadow-color: rgba(66, 66, 66, 0.86);
	--hr-background: rgba(160, 160, 160, 0.274);
	--navbar-background-color: rgb(22, 22, 22);
	--page-text-color: rgba(82, 82, 82, 0.97);
	--shortcut-background-color: #fff;
	--shortcut-box-shadow: 0 0 20px 1px #fff;
	--image-outline-color: #0040ff;
	--button-background-color: #0040ff;
	--button-gradient-color: linear-gradient(
		304deg,
		rgb(0 21 245) 0%,
		#0074ff 100%
	);
	--scrolltop-background-color: rgba(32, 32, 32, 0.37);
	--scrolltop-backdrop-filter: blur(10px);
	--random-btn-background-color: #0a0a0a;
	--random-btn-hover-background-color: rgb(25, 25, 25);
	--random-btn-active-background-color: rgb(15, 15, 15);
	--settingsection-background-color: #0c0c0c;
	--settingsection-background-color-hover: #101010;
	--link-hover-color: #006bff;
	--settingsection-hr-background: rgba(255, 255, 255, 0.22);
	--button-reg-background-color: rgb(22, 22, 22);
	--button-reg-hover-background-color: rgb(25, 25, 25);
	--button-reg-active-background-color: rgb(15, 15, 15);
	--dropdown-background-color: rgb(22, 22, 22);
	--dropdown-hover-background-color: rgb(25, 25, 25);
	--panic-key-successful-color: #24b95b;
	--panic-key-failed-color: #e20b41;
	--failtoast-background: rgb(255, 0, 0);
	--failtoast-gradient: linear-gradient(
		165deg,
		rgb(0 21 245) 0%,
		#0045ff 45%
	);
	--toast-background: rgb(43, 255, 0);
	--toast-gradient: linear-gradient(
		165deg,
		rgba(0, 255, 0, 0.145) 0%,
		rgba(255, 255, 255, 0) 45%
	);
	--slider-background-color: #d84f68;
	--slider-box-shadow: inset 1px 1px 2px 0px #ff7ca7;
	--checkbox-background-color: rgb(255, 169, 250);
	--checkbox-gradient: linear-gradient(
		126deg,
		rgb(0 21 245) 0%,
		#0045ff 100%
	);
	--password-background-color: #252525;
	--password-hover-background-color: #181818;

	/* Widget */
	--color-header: '#fff';
	--accent-color: linear-gradient(
		101deg,
		#000dff7e 0%,
		rgba(0, 81, 255, 0.401) 100%
	) !important;
	--color-header: #ff0000 !important;
	--dshadow1: #002fff;
	--dshadow2: #001eff;
	--dshadow3: #009dff;
	--dshadow4: #001aff;
}