/* RESET: */
html, body, div, span, ul, ol, li, table, td, th, input, textarea, button, h1, h2, h3, h4, h5, h6, p, time, article, section, video, img, hr {background: transparent; margin: 0; padding: 0; border: none; outline: none; font-style: normal; font-weight: normal; list-style: none outside none; font-size: 100%; font-variant: normal; font-family: inherit; appearance: none; resize: none; border-radius: 0;}

/* COLORS AND VARIABLES: */
:root {
	
	/* COLORS: */
	/* The fun offset color for button backgrounds and etc: */
	--color_fun: #9fe870;
	--color_fun_hover: #65d021;
	
	--color_alt: #163306;
	
	/* Fake black: */
	--color_black: #0e0f0c;
	--color_black_opacity: rgba(14, 15, 12, .9);
	
	/* Softer black: */
	--color_soft_black: #454745;
	
	/* Fake white */
	--color_white: #FFF;
	
	/* The grey background color of boxes and etc: */
	--color_grey: #ecefec;
	--color_grey_darker: #dde0dd;
	--color_grey_hover: #868685;
	
	/* Color silver: */
	--color_silver: #eeedf0;
	
	/* The red color for deletion and etc: */
	--color_red: #8f1b0b;
	--color_red_hover: #8e1a0b;
	
	/* Red is too much, we need something lighter: */
	--color_accountnotice: #c1e2f4;
	
	/* Error red: */
	--color_error_red: #cf2929;
	
	--color_yellow: #edc843;
	
	--color_green: #2ead4b;
	
	/* Used in the notification new icon */
	--color_new_blue: #0887e7;
	
	/* FONTS: */
	/* Main font: */
	--font_primary: Inter, Helvetica, Arial, sans-serif;
	
	/* Secondary fun font: */
	--font_secondary: "Anton", sans-serif;
	
	
	/* TRANSITIONS: */
	/* Main transition style for buttons: */
	--transition_buttons: .2s;
	
	--transition_blocks: .3s;
	
	--transition_bgs: .2s;
	
	--paragraph_lineheight: 22px;
	
	
	--overlay_bg: rgba(0, 0, 0, .35); /* --overlay_bg: rgba(22, 51, 6, .05); */
	--blur: 2px;
	--modal_shadow: 0px 0px 7px 0px #868685;
	
	/* SMALL TOOLTIP: */
	--tt-bg: var(--color_alt);
	--tt-fg: var(--color_grey);
	--tt-radius: 10px;
	--tt-shadow: 0 6px 24px rgba(0,0,0,.18);
	--tt-gap: 8px;              /* space between target and tooltip */
	--tt-arrow-size: 10px;      /* arrow square size before rotate */
	--tt-maxw: 320px;           /* you can tune this */
	--tt-font: 12px Inter, Helvetica, Arial, sans-serif;
}

/* FONT AND BODY: */
html {font-size: 14px; font-family: var(--font_primary);  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--color_black); height: 100vh;}
a, .fakelink {text-decoration: underline; color: var(--color_alt); font-weight: 600; cursor: pointer;}
.alt_font {font-size: 50px; font-family: var(--font_secondary); text-shadow: 1px 1px 1px #cacaca; line-height: 92%;}

/* No scroll body: */
.no_scroll {overflow: hidden;}

/* Blurry body: */
.blur {filter: blur(var(--blur));}

body {min-height: 100vh;}

/* Stand alone position center: */
body.sapc {display: flex; flex-direction: column; align-items: center;}

/* IMPORTANT: Hide the desktop stuff: */
.sidebar, .dt_header {display: none;}


/* GLOBAL SHORTCUTS: */
.h5 {height: 5px;}
.h10 {height: 10px;}
.h15 {height: 15px;}
.h20 {height: 20px;}
.h25 {height: 25px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h55 {height: 55px;}
.h100 {height: 100px;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

.fw600 {font-weight: 600;}
.nw {white-space: nowrap;}
.lt {text-decoration: line-through;}
.cp {cursor: pointer;}
.red {color: var(--color_red);}


/* INPUTS AND BUTTONS: */
/* General search input: */
.input_search {color: var(--color_black); background-color: transparent; border: 1px solid var(--color_black); padding: 12px 20px 12px 45px; border-radius: 25px; width: 100%; font-weight: 600; font-size: 16px; box-sizing: border-box; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M384 208A176 176 0 1 0 32 208a176 176 0 1 0 352 0zM343.3 366C307 397.2 259.7 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 51.7-18.8 99-50 135.3L507.3 484.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L343.3 366z"/></svg>') 15px / 22px no-repeat;}
	.input_search:focus {box-shadow: 0px 0px 0 1px black;}


input[type="checkbox"] {appearance: auto;}

/* Inputs: */
.input_wrap {border: 1px solid var(--color_black); background: var(--color_white); border-radius: 10px; display: grid; grid-template-columns: auto; /*width: calc(100vw - 40px);*/}
	
	/* For example password fields, we want the actual input be 100%, and the icon be on top of the field, so it looks good in autocomplete: */
	.input_wrap.input_wrap_icon {grid-template-columns: 100% 43.5px;}
		
		/* This is how we make the password not run into the icon itself: */
		.input_wrap.input_wrap_icon .input_field {padding-right: 43.5px;}
		
		.input_wrap.input_wrap_icon label.input_error {width: calc(100% - 61.5px);}
		
	.input_wrap.before {grid-template-columns: 45px auto;} /* TODO: Where is this used? */
	
	
	/* .input_wrap.input_wrap_2fa {grid-template-columns: repeat(6, minmax(0, 1fr));} */
	
	.input_field,
	.input_textarea,
	.input_big_textarea {padding: 12px; font-size: 16px; border-radius: 10px; width: 100%; box-sizing: border-box;}
	.input_big_textarea {height: 200px;}
	.input_field_2fa {padding: 10px; font-weight: bold; text-align: center; font-size: 20px; letter-spacing: 7.5px;}
	.input_select {width: 100%; padding: 12px; font-size: 16px; color: var(--color_black); border: none; border-radius: 10px; background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"/></svg>') right 10px center / 16px no-repeat; outline: none; -webkit-appearance: none; -moz-appearance: none;}
	.input_select::-ms-expand {display: none;}
	
	/* Force login case to be lower: */
	.logincase {text-transform: lowercase;}
	
	/* As a additional fallback: */
	select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}

		
	.input_field_button {height: 43.5px; transform: translate(-43.5px); cursor: pointer; outline: none;}
		.input_field_button_toggle_password {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M25.9 3.4C19-2 8.9-.8 3.4 6.1S-.8 23.1 6.1 28.6l608 480c6.9 5.5 17 4.3 22.5-2.6s4.3-17-2.6-22.5L25.9 3.4zM605.5 268.3c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-51.2 0-96 14.8-133.9 36.8l27.3 21.5C244.6 74.2 280.2 64 320 64c70.4 0 127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-9.2 22.1-25.9 52-49.5 81.5l25.1 19.8c25.6-32 43.7-64.4 53.9-89zM88.4 154.7c-25.6 32-43.7 64.4-53.9 89c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c51.2 0 96-14.8 133.9-36.8l-27.3-21.5C395.4 437.8 359.8 448 320 448c-70.4 0-127.7-32-170.8-72C106.1 336 77.3 288 64 256c9.2-22.1 25.9-52 49.5-81.5L88.4 154.7zM320 384c16.7 0 32.7-3.2 47.4-9.1l-30.9-24.4c-5.4 .9-10.9 1.4-16.5 1.4c-51 0-92.8-39.8-95.8-90.1l-30.9-24.4c-.9 6-1.3 12.2-1.3 18.5c0 70.7 57.3 128 128 128zM448 256c0-70.7-57.3-128-128-128c-16.7 0-32.7 3.2-47.4 9.1l30.9 24.4c5.4-.9 10.9-1.4 16.5-1.4c51 0 92.8 39.8 95.8 90.1l30.9 24.4c.9-6 1.3-12.2 1.3-18.5z"/></svg>') center / 17px no-repeat;} 
			.input_field_button_toggle_password.active {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg>') center / 16px no-repeat;}

	/* Inline input wrap version, where the button is inside the input border: */
	/* Example: <div class="input_wrap inline_submit"><input id="copy_protected_text" type="text" name="" value="Protected by VROTEK.com" class="input_field"><button class="button button_2" data-copy="copy_protected_text" data-copy-msg="Text copied!">Copy</button></div> */
	.input_wrap.inline_submit {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 5px;}
		
		.input_wrap.inline_submit .input_field, .input_wrap.inline_submit .button {box-sizing: border-box; flex-grow: 1; border-radius: 10px !important;}
		
		.input_wrap.inline_submit .input_field {margin: -5px 0 -5px -5px; padding: 10px;}
		.input_wrap.inline_submit .button {padding: 8px;}
	
.input_note {margin-top: 10px; font-size: 12px; line-height: normal; text-align: center;}

.input_info {padding: 15px 15px 15px 45px; border-radius: 10px; background: var(--color_silver) url('data:image/svg+xml,<svg fill="%230887e7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') left 12.5px center / 20px no-repeat; line-height: var(--paragraph_lineheight);}

/* Input error related: */
/* Adds nice red border around the wrapper, in case of an error: */
.input_wrap.err {border-color: var(--color_error_red);}
	
	/* Error label itself: */
	label.input_error {grid-column: 1 / -1; margin: -1px; font-size: 10px; background: var(--color_error_red); color: var(--color_white); padding: 7px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
	
	/* If wrapper has an error, lets remove the top border radius of elements, as otherwise it messes up the password fillers: */
	.input_wrap.err .input_field {border-top-left-radius: 0; border-top-right-radius: 0;}
	

/* Toggleble option row: */
.option_row {display: grid; grid-template-columns: auto 47px; align-items: center;}
	.option_row + .option_row {margin-top: 15px;}
	.option_desc {padding-right: 15px; font-size: 12px;}
		.option_desc b {font-size: 14px; display: inline-block; margin-bottom: 5px;}

	/* The actual toggler: */
	.toggle_switch {position: relative; display: inline-block; width: 47px; height: 28px; }
		.toggle_switch_input {opacity: 0; width: 0; height: 0;}
		.toggle_slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--color_grey_hover); -webkit-transition: .4s; transition: .4s; border-radius: 34px;}
		.toggle_slider:before {position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 4px; background-color: var(--color_white); -webkit-transition: .35s; transition: .35s; border-radius: 50%;}
		input.toggle_switch_input:checked + .toggle_slider {background-color: var(--color_black);}
		input.toggle_switch_input:checked + .toggle_slider:before {-webkit-transform: translateX(21px); -ms-transform: translateX(21px); transform: translateX(21px);}
	

/* Buttons: */
.button {border-radius: 25px; padding: 15px 20px; min-height: 17px; text-wrap: nowrap; font-weight: bold; text-decoration: none; text-align: center;}
	
	/* Button loading main class: */
	.button.loading i {display: inline-block; width: 17px; height: 17px; background: url('data:image/svg+xml,<svg fill="%230e0f0c" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M457 372c11.5 6.6 26.3 2.7 31.8-9.3C503.7 330.2 512 294.1 512 256C512 122.7 410.1 13.2 280 1.1C266.8-.1 256 10.7 256 24s10.8 23.9 24 25.4C383.5 61.2 464 149.2 464 256c0 29.3-6.1 57.3-17 82.6c-5.3 12.2-1.5 26.8 10 33.5z"/></svg>') center / 17px no-repeat; animation: 1s button_loader infinite;}
	
	/* Full width button or submit button styles: */
	.button_1 {color: var(--color_black); background-color: var(--color_fun);}
		.button_1:active:enabled {background-color: var(--color_fun_hover);}
			
	.button_2 {color: var(--color_white); background-color: var(--color_black); fill: var(--color_white);}
		.button_2:active:enabled {background-color: rgb(60, 60, 60);}
			.button_2.loading i {background-image: url('data:image/svg+xml,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M457 372c11.5 6.6 26.3 2.7 31.8-9.3C503.7 330.2 512 294.1 512 256C512 122.7 410.1 13.2 280 1.1C266.8-.1 256 10.7 256 24s10.8 23.9 24 25.4C383.5 61.2 464 149.2 464 256c0 29.3-6.1 57.3-17 82.6c-5.3 12.2-1.5 26.8 10 33.5z"/></svg>');}
		
	.button_3 {color: var(--color_black); background-color: transparent; border: 1px solid var(--color_black); fill: var(--color_black);}
		.button_3:active:enabled {box-shadow: 0px 0px 0 1px black;}
	
	.button_4 {color: var(--color_grey); background-color: var(--color_alt); fill: var(--color_grey);}
		.button_4:active:enabled {background-color: rgb(60, 60, 60);}
			.button_4.loading i {background-image: url('data:image/svg+xml,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M457 372c11.5 6.6 26.3 2.7 31.8-9.3C503.7 330.2 512 294.1 512 256C512 122.7 410.1 13.2 280 1.1C266.8-.1 256 10.7 256 24s10.8 23.9 24 25.4C383.5 61.2 464 149.2 464 256c0 29.3-6.1 57.3-17 82.6c-5.3 12.2-1.5 26.8 10 33.5z"/></svg>');}
	
	.button_5 {color: var(--color_white); background-color: var(--color_red); border: 1px solid var(--color_black); fill: var(--color_grey);}
		.button_5:active:enabled {background-color: rgb(60, 60, 60);}
			.button_5.loading i {background-image: url('data:image/svg+xml,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M457 372c11.5 6.6 26.3 2.7 31.8-9.3C503.7 330.2 512 294.1 512 256C512 122.7 410.1 13.2 280 1.1C266.8-.1 256 10.7 256 24s10.8 23.9 24 25.4C383.5 61.2 464 149.2 464 256c0 29.3-6.1 57.3-17 82.6c-5.3 12.2-1.5 26.8 10 33.5z"/></svg>');}
	
	/* The delete button: */
	.button_del {color: var(--color_red); background-color: transparent; border: 1px solid var(--color_black); fill: var(--color_red);}
		.button_del:active:enabled {border-color: var(--color_red_hover);}
	
	.button_trans {text-decoration: underline; color: var(--color_black);}
	
	/* SPECIAL BUTTONS: */
	/* Option button: */
	.button_option {color: var(--color_black); border: 1px solid var(--color_black); background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M432 256a48 48 0 1 1 -96 0 48 48 0 1 1 96 0zm-160 0a48 48 0 1 1 -96 0 48 48 0 1 1 96 0zM64 304a48 48 0 1 1 0-96 48 48 0 1 1 0 96z"/></svg>') center / 14px no-repeat;}
		.button_option:active:enabled {box-shadow: 0px 0px 0 1px black;}
	
	/* Override everything, in case its disabled: */
	.button:disabled {opacity: 0.7; cursor: default; box-shadow: none;}
	
	/* The main loading animation for loading buttons: */
	@keyframes button_loader {
		from {transform: rotate(0deg);}
		to {transform: rotate(360deg);}
	}
	
	.ss_button {display: inline-block; float: right;}
	
	.s_button {display: inline-block; min-width: 200px;}
		
		.s_button + .s_button,
		.s_button + .ss_button {margin-left: 15px;}
		
		.s_button.loading i,
		.ss_button.loading i {width: 13px; height: 13px; background-size: 13px;}
	
	.fw_button {display: flex; justify-content: center; align-items: center;}
	button.fw_button, input[type="submit"].fw_button {width: 100%;}
		
		.fw_button + .fw_button {margin-top: 15px;}
	
		.button .icon {width: 16px; height: 16px; fill: inherit;}
		.button .icon + .text {margin-left: 10px;}
		.button .text {font-weight: inherit; color: inherit;}
	
	/* Side by side button wrapper: */
	.sidebysidebtns {display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px;}


/* Master input spacer: */
.fw_button + .smaller_text,
.smaller_text + .fw_button,
.smaller_text + .small_label,
.smaller_text + .s_button,
.smaller_text + .option_row,
.input_wrap + .s_button,
.package + .fw_button,
.input_info + .fw_button,
.username_select + .fw_button,
.row + .fw_button,
.package + .row,
.input_wrap + .small_label,
.input_wrap + .button,
.input_wrap + .option_row,
.option_row + .input_wrap,
.option_row + .small_label,
.row + .input_info,
.package + .row,
.row + .package,
.input_info + .package,
.mc + .package,
.row + .notice_button,
.inputsplit + .small_label,
.inputsplit + .boxes,
.boxes + .inputsplit,
.row + .inputsplit,
.inputsplit + .row,
.row + .boxes,
.input_wrap + .inputsplit,
.inputsplit + .button,
.scan_row + .notice_button,
.package + .notice_button,
.inputsplit3 + .s_button,
.scan_table + .boxes,
.scan_table + .row,
.scan_table + .scan_table,
.input_wrap + .inputsplit3,
.input_info + .small_label,
.option_row + .inputsplit
 {margin-top: 15px;}
 
.samc .fw_button + .smaller_text,
.samc .smaller_text + .fw_button,
.samc .smaller_text + .small_label,
.samc .smaller_text + .s_button,
.samc .smaller_text + .option_row,
.samc .input_wrap + .s_button,
.samc .package + .fw_button,
.samc .input_info + .fw_button,
.samc .username_select + .fw_button,
.samc .row + .fw_button,
.samc .package + .row,
.samc .input_wrap + .small_label,
.samc .input_wrap + .button,
.samc .input_wrap + .option_row,
.samc .option_row + .input_wrap,
.samc .option_row + .small_label,
.samc .row + .input_info,
.samc .package + .row,
.samc .row + .package,
.samc .input_info + .package,
.samc .mc + .package,
.samc .input_note + .small_label,
.samc .input_note + .button
 {margin-top: 25px;}
	
/* Font, text block manipulation in relation to eachother: */
p {line-height: var(--paragraph_lineheight);}

	p + p, p + a, p + ul, p + ol {margin-top: 8px;}
	
	ul + p, ol + p {margin-top: 15px;}
	
	ol + .help_title, ul + .help_title {margin-top: 25px;}


ul.ul {list-style: disc inside none !important;}

	ul.ul li {margin-left: 20px; list-style: inherit !important; line-height: var(--paragraph_lineheight);}
		
		ul.ul li + li {margin-top: 5px;}


ol.ol {list-style: decimal inside none !important;}

	ol.ol li {margin-left: 20px; list-style: inherit !important; line-height: var(--paragraph_lineheight);}
		
		ol.ol li + li {margin-top: 5px;}




/* Overall verification styles: */
.verified {padding-left: 18px !important; background: url('data:image/svg+xml,<svg fill="%232ead4b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>') left / 11px no-repeat;}
.pending {padding-left: 18px !important; background: url('data:image/svg+xml,<svg fill="%23edc843" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>') left / 11px no-repeat;}
.unverified {padding-left: 18px !important; background: url('data:image/svg+xml,<svg fill="%238f1b0b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>') left / 11px no-repeat;}

/* Statuses styles global: */
.status_check, .status_doublecheck, .status_alert, .status_action {min-width: 20px; min-height: 20px;}
	.status_check {background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"/></svg>') center / 14px no-repeat;}
	.status_doublecheck {background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M331.3 75.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L160 201.4 91.3 132.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l80 80c6.2 6.2 16.4 6.2 22.6 0l160-160zm112 112c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L160 425.4 27.3 292.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l144 144c6.2 6.2 16.4 6.2 22.6 0l272-272z"/></svg>') center / 16px no-repeat;}
	.status_alert {background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>') center / 16px no-repeat;}


/* USE CASES: Account types: */
.website {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M317.9 422.7C296.4 465.6 272.7 480 256 480c-7.9 0-17.3-3.2-27.3-11l-6.9 18.6c-2.9 7.8-7.7 14.7-13.9 19.9c15.6 3 31.6 4.5 48.1 4.5c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256c0 16.4 1.5 32.5 4.5 48.1c5.3-6.2 12.1-11 19.9-13.9l9.6-3.5c-1.4-10-2.1-20.2-2.1-30.6c0-22.2 3.2-43.7 9.3-64l90.8 0c-2.5 19.2-3.9 39.3-4 60l32.2-11.9c.5-16.7 1.9-32.8 4.1-48.1l183.4 0c2.8 20.2 4.3 41.7 4.3 64s-1.5 43.8-4.3 64l-64.1 0-11.8 32 70.2 0c-5.9 27-14.2 50.9-24.1 70.7zM194.1 89.3C215.6 46.4 239.3 32 256 32s40.4 14.4 61.9 57.3c9.9 19.8 18.2 43.7 24.1 70.7l-172 0c5.9-27 14.2-50.9 24.1-70.7zM384 256c0-22.1-1.4-43.5-4-64l90.8 0c6 20.3 9.3 41.8 9.3 64s-3.2 43.7-9.3 64L380 320c2.6-20.5 4-41.9 4-64zm-9.3-96c-9.6-47.6-26.2-88-47.2-116.3c57.8 19.5 105 61.8 130.9 116.3l-83.8 0zM53.6 160c25.9-54.5 73.1-96.9 130.9-116.3c-21 28.3-37.5 68.8-47.2 116.3l-83.7 0zM374.7 352l83.8 0c-25.9 54.5-73.1 96.9-130.9 116.3c21-28.3 37.6-68.8 47.2-116.3zM271 261.5c2.2-5.9 .7-12.4-3.7-16.8s-11-5.9-16.8-3.7l-215 79.2c-6.2 2.3-10.3 8.1-10.5 14.7s3.8 12.6 9.9 15.1l74 30.5L4.7 484.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L131.5 403.1l30.5 74c2.5 6.1 8.5 10 15.1 9.9s12.4-4.3 14.7-10.5l79.2-215zM143.3 360L85.1 336 229 283 176 426.9l-24-58.2c-1.6-3.9-4.8-7.1-8.7-8.7z"/></svg>') left / 17px no-repeat;}

.product {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M293.8 421.8L304 397.9L304 547.5C301.3 546.5 298.7 545.4 296.2 543.9L136.2 452.5C121.2 444 112 428.1 112 410.9L112 359L248.5 437C265.1 446.5 286.3 439.4 293.8 421.8zM299.7 326.8L264.4 409.2L68.4 297.2L103.7 214.8L299.7 326.8zM128.2 192L296.2 96C311 87.6 329.1 87.6 343.8 96L511.8 192L320 301.6L128.2 192zM560 249.7L578.3 280.2C582.8 287.8 592.7 290.2 600.2 285.7C607.7 281.2 610.2 271.3 605.7 263.7L564.2 194.5C558.6 185.1 550.6 177.3 541.1 171.9L359.7 68.3C335.1 54.2 304.9 54.2 280.3 68.3L102 170.1C89.9 177 80.4 187.7 75 200.5L39 284.6C32.5 299.5 38.3 316.9 52.5 325L80.1 340.8L80.1 410.9C80.1 439.6 95.5 466.1 120.4 480.3L280.4 571.7C305 585.8 335.2 585.8 359.8 571.7L519.8 480.3C544.7 466.1 560.1 439.6 560.1 410.9L560.1 249.8zM336 329.3L528 219.5L528 410.9C528 428.1 518.8 444 503.8 452.6L343.8 544C341.3 545.4 338.6 546.6 336 547.6L336 329.3z"/></svg>') left / 17px no-repeat;}

.brand {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M480 448c0 17.7-14.3 32-32 32l-224 0 0 16c0 5.5-1 10.9-2.7 16L448 512c35.3 0 64-28.7 64-64l0-284.1c0-12.7-5.1-24.9-14.1-33.9L382.1 14.1c-9-9-21.2-14.1-33.9-14.1L192 0c-35.3 0-64 28.7-64 64l0 71.1 .1-.1c1.5-.7 4-2 6.6-3c8.2-3.4 16.9-4.6 25.3-4L160 64c0-17.7 14.3-32 32-32l128 0 0 112c0 26.5 21.5 48 48 48l112 0 0 256zm-.5-288L368 160c-8.8 0-16-7.2-16-16l0-111.5c2.8 .7 5.4 2.1 7.4 4.2L475.3 152.6c2.1 2.1 3.5 4.6 4.2 7.4zM249.8 288c0-.8 .2-2.4 3.5-10.4c6.3-15.4 1.6-33.1-11.6-43.2c-6.9-5.3-7.8-6.6-8.2-7.3s-1-2.1-2.2-10.7c-2.2-16.5-15.2-29.4-31.6-31.6c-8.6-1.2-10-1.8-10.7-2.2s-2-1.3-7.3-8.2c-10.2-13.1-27.9-17.9-43.2-11.6c-8 3.3-9.6 3.5-10.4 3.5s-2.4-.2-10.4-3.5c-15.4-6.3-33.1-1.6-43.2 11.6c-5.3 6.9-6.6 7.8-7.3 8.2s-2.1 1-10.7 2.2C39.9 187 27 199.9 24.7 216.4c-1.2 8.6-1.8 10-2.2 10.7s-1.3 2-8.2 7.3C1.2 244.5-3.5 262.2 2.8 277.6c3.3 8 3.5 9.6 3.5 10.4c0 0 0 0 0 0c0 .8-.2 2.4-3.5 10.4c-6.3 15.4-1.6 33.1 11.6 43.2c6.9 5.3 7.8 6.6 8.2 7.3s1 2.1 2.2 10.7C27 376.1 39.9 389 56.4 391.3c3.7 .5 6.1 .9 7.6 1.2L64 496c0 5.9 3.2 11.3 8.5 14.1s11.5 2.5 16.4-.8L128 483.2l39.1 26.1c4.9 3.3 11.2 3.6 16.4 .8s8.5-8.2 8.5-14.1l0-103.5c1.6-.3 3.9-.7 7.6-1.2c16.5-2.2 29.4-15.2 31.6-31.6c1.2-8.6 1.8-10 2.2-10.7s1.3-2 8.2-7.3c13.1-10.2 17.9-27.9 11.6-43.2c-3.3-8-3.5-9.6-3.5-10.4c0 0 0 0 0 0zM96 466.1l0-50.9c7.1 1.5 14.6 .9 21.6-2c8-3.3 9.6-3.5 10.4-3.5s2.4 .2 10.4 3.5c7 2.9 14.5 3.4 21.6 2l0 50.9-23.1-15.4c-5.4-3.6-12.4-3.6-17.8 0L96 466.1zM38.2 288s0 0 0 0c0-8.1-2.9-15.4-5.8-22.5c-.8-2.1-.2-4.4 1.6-5.8c6.1-4.7 12.3-9.6 16.3-16.6s5.2-14.8 6.2-22.4c.3-2.2 2-3.9 4.2-4.2c7.7-1 15.4-2.2 22.4-6.2s11.8-10.2 16.6-16.3c1.4-1.8 3.7-2.4 5.8-1.6c7.1 2.9 14.4 5.8 22.5 5.8s15.4-2.9 22.5-5.8c2.1-.8 4.4-.2 5.8 1.6c4.7 6.1 9.6 12.3 16.6 16.3s14.8 5.2 22.4 6.2c2.2 .3 3.9 2 4.2 4.2c1 7.7 2.2 15.4 6.2 22.4s10.2 11.8 16.3 16.6c1.8 1.4 2.4 3.7 1.6 5.8c-2.9 7.1-5.8 14.4-5.8 22.5c0 0 0 0 0 0c0 8.1 2.9 15.4 5.8 22.5c.8 2.1 .2 4.4-1.6 5.8c-6.1 4.7-12.3 9.6-16.3 16.6s-5.2 14.8-6.2 22.4c-.3 2.2-2 3.9-4.2 4.2c-7.7 1-15.4 2.2-22.4 6.2s-11.8 10.2-16.6 16.3c-1.4 1.8-3.7 2.4-5.8 1.6c-7.1-2.9-14.4-5.8-22.5-5.8s-15.4 2.9-22.5 5.8c-2.1 .8-4.4 .2-5.8-1.6c-4.7-6.1-9.6-12.3-16.6-16.3s-14.8-5.2-22.4-6.2c-2.2-.3-3.9-2-4.2-4.2c-1-7.7-2.2-15.4-6.2-22.4s-10.2-11.8-16.3-16.6c-1.8-1.4-2.4-3.7-1.6-5.8c2.9-7.1 5.8-14.4 5.8-22.5z"/></svg>') left / 17px no-repeat;}

.instagram {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>') left / 17px no-repeat;}

.twitter {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>') left / 17px no-repeat;}

.facebook {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg>') left / 10px no-repeat;}

.reddit {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M373 138.6c-25.2 0-46.3-17.5-51.9-41l0 0c-30.6 4.3-54.2 30.7-54.2 62.4l0 .2c47.4 1.8 90.6 15.1 124.9 36.3c12.6-9.7 28.4-15.5 45.5-15.5c41.3 0 74.7 33.4 74.7 74.7c0 29.8-17.4 55.5-42.7 67.5c-2.4 86.8-97 156.6-213.2 156.6S45.5 410.1 43 323.4C17.6 311.5 0 285.7 0 255.7c0-41.3 33.4-74.7 74.7-74.7c17.2 0 33 5.8 45.7 15.6c34-21.1 76.8-34.4 123.7-36.4l0-.3c0-44.3 33.7-80.9 76.8-85.5C325.8 50.2 347.2 32 373 32c29.4 0 53.3 23.9 53.3 53.3s-23.9 53.3-53.3 53.3zM157.5 255.3c-20.9 0-38.9 20.8-40.2 47.9s17.1 38.1 38 38.1s36.6-9.8 37.8-36.9s-14.7-49.1-35.7-49.1zM395 303.1c-1.2-27.1-19.2-47.9-40.2-47.9s-36.9 22-35.7 49.1c1.2 27.1 16.9 36.9 37.8 36.9s39.3-11 38-38.1zm-60.1 70.8c1.5-3.6-1-7.7-4.9-8.1c-23-2.3-47.9-3.6-73.8-3.6s-50.8 1.3-73.8 3.6c-3.9 .4-6.4 4.5-4.9 8.1c12.9 30.8 43.3 52.4 78.7 52.4s65.8-21.6 78.7-52.4z"/></svg>') left / 18px no-repeat;}

.tiktok {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z"/></svg>') left / 14px no-repeat;}

.youtube {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg>') left / 18px no-repeat;}

.wordpress {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8 .9 0 1.8 .1 2.8 .2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7 .3 13.7 .3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z"/></svg>') left / 18px no-repeat;}

.vk {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M31.5 63.5C0 95 0 145.7 0 247V265C0 366.3 0 417 31.5 448.5C63 480 113.7 480 215 480H233C334.3 480 385 480 416.5 448.5C448 417 448 366.3 448 265V247C448 145.7 448 95 416.5 63.5C385 32 334.3 32 233 32H215C113.7 32 63 32 31.5 63.5zM75.6 168.3H126.7C128.4 253.8 166.1 290 196 297.4V168.3H244.2V242C273.7 238.8 304.6 205.2 315.1 168.3H363.3C359.3 187.4 351.5 205.6 340.2 221.6C328.9 237.6 314.5 251.1 297.7 261.2C316.4 270.5 332.9 283.6 346.1 299.8C359.4 315.9 369 334.6 374.5 354.7H321.4C316.6 337.3 306.6 321.6 292.9 309.8C279.1 297.9 262.2 290.4 244.2 288.1V354.7H238.4C136.3 354.7 78 284.7 75.6 168.3z"/></svg>') left / 18px no-repeat;}

.tumblr {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1 .8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5 .9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"/></svg>') left / 10px no-repeat;}

.snapchat {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M496.9 366.6c-3.4-9.2-9.8-14.1-17.1-18.2-1.4-.8-2.6-1.5-3.7-1.9-2.2-1.1-4.4-2.2-6.6-3.4-22.8-12.1-40.6-27.3-53-45.4a102.9 102.9 0 0 1 -9.1-16.1c-1.1-3-1-4.7-.2-6.3a10.2 10.2 0 0 1 2.9-3c3.9-2.6 8-5.2 10.7-7 4.9-3.2 8.8-5.7 11.2-7.4 9.4-6.5 15.9-13.5 20-21.3a42.4 42.4 0 0 0 2.1-35.2c-6.2-16.3-21.6-26.4-40.3-26.4a55.5 55.5 0 0 0 -11.7 1.2c-1 .2-2.1 .5-3.1 .7 .2-11.2-.1-22.9-1.1-34.5-3.5-40.8-17.8-62.1-32.7-79.2A130.2 130.2 0 0 0 332.1 36.4C309.5 23.5 283.9 17 256 17S202.6 23.5 180 36.4a129.7 129.7 0 0 0 -33.3 26.8c-14.9 17-29.2 38.4-32.7 79.2-1 11.6-1.2 23.4-1.1 34.5-1-.3-2-.5-3.1-.7a55.5 55.5 0 0 0 -11.7-1.2c-18.7 0-34.1 10.1-40.3 26.4a42.4 42.4 0 0 0 2 35.2c4.1 7.8 10.7 14.7 20 21.3 2.5 1.7 6.4 4.2 11.2 7.4 2.6 1.7 6.5 4.2 10.3 6.7a11.1 11.1 0 0 1 3.3 3.3c.8 1.6 .8 3.4-.4 6.6a102 102 0 0 1 -8.9 15.8c-12.1 17.7-29.4 32.6-51.4 44.6C32.4 348.6 20.2 352.8 15.1 366.7c-3.9 10.5-1.3 22.5 8.5 32.6a49.1 49.1 0 0 0 12.4 9.4 134.3 134.3 0 0 0 30.3 12.1 20 20 0 0 1 6.1 2.7c3.6 3.1 3.1 7.9 7.8 14.8a34.5 34.5 0 0 0 9 9.1c10 6.9 21.3 7.4 33.2 7.8 10.8 .4 23 .9 36.9 5.5 5.8 1.9 11.8 5.6 18.7 9.9C194.8 481 217.7 495 256 495s61.3-14.1 78.1-24.4c6.9-4.2 12.9-7.9 18.5-9.8 13.9-4.6 26.2-5.1 36.9-5.5 11.9-.5 23.2-.9 33.2-7.8a34.6 34.6 0 0 0 10.2-11.2c3.4-5.8 3.3-9.9 6.6-12.8a19 19 0 0 1 5.8-2.6A134.9 134.9 0 0 0 476 408.7a48.3 48.3 0 0 0 13-10.2l.1-.1C498.4 388.5 500.7 376.9 496.9 366.6zm-34 18.3c-20.7 11.5-34.5 10.2-45.3 17.1-9.1 5.9-3.7 18.5-10.3 23.1-8.1 5.6-32.2-.4-63.2 9.9-25.6 8.5-42 32.8-88 32.8s-62-24.3-88.1-32.9c-31-10.3-55.1-4.2-63.2-9.9-6.6-4.6-1.2-17.2-10.3-23.1-10.7-6.9-24.5-5.7-45.3-17.1-13.2-7.3-5.7-11.8-1.3-13.9 75.1-36.4 87.1-92.6 87.7-96.7 .6-5 1.4-9-4.2-14.1-5.4-5-29.2-19.7-35.8-24.3-10.9-7.6-15.7-15.3-12.2-24.6 2.5-6.5 8.5-8.9 14.9-8.9a27.6 27.6 0 0 1 6 .7c12 2.6 23.7 8.6 30.4 10.2a10.7 10.7 0 0 0 2.5 .3c3.6 0 4.9-1.8 4.6-5.9-.8-13.1-2.6-38.7-.6-62.6 2.8-32.9 13.4-49.2 26-63.6 6.1-6.9 34.5-37 88.9-37s82.9 29.9 88.9 36.8c12.6 14.4 23.2 30.7 26 63.6 2.1 23.9 .3 49.5-.6 62.6-.3 4.3 1 5.9 4.6 5.9a10.6 10.6 0 0 0 2.5-.3c6.7-1.6 18.4-7.6 30.4-10.2a27.6 27.6 0 0 1 6-.7c6.4 0 12.4 2.5 14.9 8.9 3.5 9.4-1.2 17-12.2 24.6-6.6 4.6-30.4 19.3-35.8 24.3-5.6 5.1-4.8 9.1-4.2 14.1 .5 4.2 12.5 60.4 87.7 96.7C468.6 373 476.1 377.5 462.9 384.9z"/></svg>') left / 18px no-repeat;}

.onlyfans {background: url('data:image/svg+xml,<svg viewBox="-20.62 0.53 820.42 555.49" xmlns="http://www.w3.org/2000/svg"><path d="M266.82.53c35 0 69.65 6.91 101.98 20.34s61.71 33.11 86.45 57.93c24.75 24.81 44.37 54.27 57.77 86.7a267.919 267.919 0 0 1 20.29 102.27c0 108.09-64.93 205.53-164.51 246.89s-214.2 18.5-290.41-57.93C2.18 380.3-20.62 265.36 20.62 165.5 61.87 65.64 159.04.53 266.82.53zm0 347.4c10.5.01 20.9-2.05 30.61-6.07s18.52-9.93 25.95-17.38 13.31-16.29 17.33-26.02a80.365 80.365 0 0 0 6.06-30.7c0-32.43-19.48-61.66-49.35-74.07s-64.26-5.55-87.12 17.38-29.7 57.41-17.33 87.37 41.53 49.49 73.86 49.49z"/><path d="M566.35 200.96c67.71 19.54 147.63 0 147.63 0-23.19 101.55-96.75 165.15-202.81 172.89a266.766 266.766 0 0 1-40.48 65.86 266.208 266.208 0 0 1-57.62 51.43c-21.6 14.24-45.15 25.25-69.92 32.68s-50.48 11.19-76.33 11.18l79.95-254.81C428.95 18.28 471.08.54 665.98.54H799.8c-22.38 98.88-99.54 174.41-233.44 200.42z"/></svg>') left / 20px no-repeat;}

.fansly {background: url('data:image/svg+xml,<svg viewBox="-.09 .15 800.05 657.84" xmlns="http://www.w3.org/2000/svg"><path d="m197.44.38c13.02.2 22.34.78 27.72 1.71 4.46.77 11.75 2.32 16.2 3.45 4.46 1.13 12.13 3.43 17.06 5.11s14.71 5.89 21.75 9.34 16.82 8.96 21.75 12.24 12.6 9.03 17.06 12.79 19.9 18.66 60.53 59.4l.01 7.67-61.85 61.79-7.65-.04-28.14-27.96c-18.84-18.71-30.12-29.26-34.12-31.89-3.28-2.16-9.23-5.46-13.22-7.35-3.99-1.88-10.9-4.4-15.35-5.59-4.46-1.19-11.94-2.48-16.63-2.87s-12.17-.4-16.63-.03-11.36 1.5-15.35 2.5c-3.99 1.01-10.51 3.23-14.5 4.94s-10.7 5.36-14.93 8.1c-4.22 2.74-10.98 8.29-15.03 12.34-4.04 4.04-9.6 10.8-12.34 15.02-2.75 4.22-6.39 10.93-8.11 14.92-1.71 3.98-3.94 10.5-4.95 14.49-1.01 3.98-2.13 10.89-2.51 15.34-.37 4.45-.36 11.93.03 16.62s1.68 12.17 2.88 16.62c1.19 4.45 3.71 11.36 5.59 15.34s5.19 9.93 7.34 13.21c2.75 4.19 15.24 17.32 79.97 82.25l140.72-140.49c77.4-77.27 143.99-143.08 147.97-146.24 3.99-3.16 10.9-8.18 15.35-11.14 4.46-2.97 11.75-7.33 16.2-9.68 4.46-2.36 12.32-6.01 17.48-8.12s13.99-5.17 19.62-6.79 15.22-3.85 21.32-4.94c9.69-1.73 13.82-1.98 32.84-1.98 19.01 0 23.14.25 32.84 1.98 6.1 1.09 15.69 3.31 21.32 4.94 5.63 1.62 14.46 4.68 19.62 6.79s13.03 5.79 17.48 8.17c4.46 2.38 11.36 6.47 15.35 9.09s10.9 7.68 15.35 11.25c4.46 3.57 12.34 10.87 17.52 16.21s11.75 12.78 14.59 16.53 7.18 9.89 9.65 13.64c2.46 3.75 7.3 12.57 10.75 19.6s7.8 17.39 9.66 23.01c1.86 5.63 4.35 14.64 5.53 20.03 1.19 5.39 2.56 13.06 3.05 17.05.49 3.98 1.14 12.04 1.43 17.9.3 6.03.1 15.83-.48 22.59-.55 6.56-1.78 15.96-2.73 20.88s-2.68 12.4-3.86 16.62-3.51 11.31-5.18 15.77c-1.67 4.45-4.68 11.55-6.7 15.77s-5.86 11.31-8.54 15.77c-2.68 4.45-7.44 11.55-10.57 15.77s-9.36 11.7-13.85 16.62-18.08 18.82-52.26 52.82l-8.53.01-29.73-29.61c-16.94-16.87-30.24-30.8-30.92-32.38-.67-1.57-.96-3.79-.65-5.11.36-1.56 9.55-11.45 27.54-29.62 17.65-17.83 28.51-29.49 31.34-33.67 2.38-3.52 5.68-9.08 7.33-12.36s4-9.13 5.23-13 2.81-10.39 3.52-14.49 1.28-10.62 1.28-14.49-.43-10-.94-13.64c-.51-3.63-1.89-9.87-3.05-13.85s-3.45-10.12-5.09-13.64c-1.63-3.52-5.02-9.46-7.51-13.21-2.5-3.75-7.18-9.52-10.4-12.81-3.22-3.3-8.54-8.02-11.82-10.49s-9.62-6.35-14.07-8.62c-4.46-2.27-11.36-5.11-15.35-6.3s-9.74-2.6-12.79-3.13-10.15-.95-15.78-.93-13.3.62-17.06 1.34c-3.75.72-9.7 2.27-13.22 3.45-3.52 1.17-8.89 3.39-11.94 4.92s-8.42 4.67-11.94 6.97c-4.73 3.1-16.23 13.97-81.91 79.31l101.08 101c92.7 92.62 101.08 101.23 101.08 103.77 0 1.52-.55 3.82-1.22 5.11s-56.42 57.41-123.88 124.71c-92.64 92.41-123.7 122.91-126.92 124.6-2.35 1.23-6.57 2.84-9.38 3.57s-7.42 1.32-10.23 1.31-6.84-.43-8.96-.92c-2.11-.49-5.95-1.87-8.53-3.07-4.09-1.89-25.63-23.07-167.45-164.65-89.51-89.36-165.83-166.12-169.59-170.57s-9.26-11.74-12.21-16.19c-2.96-4.45-7.06-11.17-9.11-14.92s-5.21-10.08-7.03-14.06-4.61-11.08-6.21-15.77-3.83-12.17-4.95-16.62c-1.13-4.45-2.68-11.74-3.44-16.19-.82-4.79-1.57-15.4-1.83-26-.34-13.77-.12-20.36.96-28.55.77-5.86 2.39-15.06 3.6-20.46 1.21-5.39 3.71-14.21 5.56-19.6s5.67-14.6 8.48-20.46c2.82-5.86 6.89-13.53 9.05-17.05s7.22-10.8 11.23-16.19 11.91-14.41 17.55-20.05 14.67-13.53 20.06-17.54 12.69-9.06 16.2-11.22c3.52-2.16 11.19-6.23 17.06-9.05 5.86-2.81 15.07-6.63 20.47-8.48 5.39-1.85 14.22-4.35 19.62-5.57 5.39-1.21 13.84-2.78 18.76-3.47 6.49-.92 14.35-1.18 28.57-.96zm170.58 308.22c-2.81 1.01-8.76 3.72-13.22 6.03s-11.53 6.97-15.71 10.35-10.43 9.6-13.87 13.82c-4.15 5.09-7.99 11.12-11.38 17.9-3.17 6.35-5.96 13.46-7.34 18.75-1.73 6.6-2.32 11.31-2.65 20.88-.31 9.19-.07 14.22.94 19.6.75 3.98 2.16 9.74 3.14 12.78.98 3.05 3.44 8.99 5.47 13.21s5.97 10.74 8.76 14.49 8.01 9.6 11.61 13 9.51 8.13 13.15 10.5c3.64 2.38 8.91 5.42 11.73 6.75 2.81 1.33 7.52 3.22 10.45 4.2s8.11 2.37 11.51 3.1 10.02 1.55 14.71 1.82c4.95.29 11.75.06 16.2-.55 4.22-.57 10.94-1.99 14.93-3.15s10.32-3.54 14.07-5.29 9.89-5.27 13.65-7.82c3.75-2.56 9.89-7.72 13.65-11.47 3.75-3.75 8.92-9.89 11.48-13.64s6.08-9.89 7.83-13.64 4.12-10.08 5.28-14.06 2.58-11.08 3.17-15.77c.61-4.9.85-11.78.55-16.19-.28-4.22-1.09-10.36-1.79-13.64s-2.1-8.46-3.1-11.51c-1.01-3.05-3.71-9.18-6-13.64-2.3-4.45-6.05-10.59-8.35-13.64-2.29-3.05-7-8.24-10.46-11.53-3.46-3.3-9.16-7.94-12.68-10.32s-8.32-5.3-10.66-6.48c-2.35-1.18-7.72-3.37-11.94-4.85s-10.94-3.26-14.93-3.94c-3.99-.69-11.86-1.21-17.48-1.18-6.51.04-13.03.66-17.91 1.68-4.22.89-9.98 2.43-12.79 3.44zm33.69 29.31c3.99.19 9.28.86 11.75 1.47 3.47.86 4.37 1.41 3.94 2.4-.31.7-1.07 2.62-1.69 4.26s-1.14 4.61-1.16 6.61c-.02 1.99.72 5.64 1.65 8.1s2.79 5.82 4.14 7.46 4.52 4.13 7.05 5.54c3.97 2.21 5.48 2.56 11 2.56 5.64 0 6.97-.33 16.2-5.54l1.78 4.05c.98 2.23 2.57 7.12 3.52 10.87 1.45 5.68 1.66 8.52 1.28 17.05-.32 7.3-.99 11.81-2.32 15.77-1.03 3.05-2.98 7.65-4.34 10.23s-4.32 6.99-6.57 9.8c-2.26 2.81-6.39 6.96-9.18 9.22s-8.15 5.58-11.9 7.39c-3.75 1.8-9.51 3.92-12.79 4.72-4.54 1.09-8.52 1.35-16.63 1.06-8.72-.31-11.9-.8-17.48-2.7-3.75-1.28-9.51-3.98-12.79-6.01-3.31-2.04-8.82-6.68-12.37-10.41-4.59-4.83-7.41-8.77-9.97-13.95-1.97-3.97-4.2-9.71-4.97-12.76s-1.59-8.61-1.82-12.36c-.26-4.13.06-9.5.81-13.64.68-3.75 2.24-9.31 3.48-12.36s3.49-7.64 5.02-10.2c1.52-2.56 5.47-7.36 8.77-10.65 3.3-3.3 8.1-7.24 10.66-8.76s7.16-3.78 10.21-5.02 8.23-2.77 11.51-3.39c3.38-.65 9.11-.99 13.22-.79z"/></svg>') left / 18px no-repeat;}

.pornhub {background: url('data:image/svg+xml,<svg viewBox="0 0 177.36 49.7" xmlns="http://www.w3.org/2000/svg"><path d="M173.66 0h-72.12c-2.24.25-3.48 1.62-3.7 4.13v41.44c.22 2.5 1.45 3.87 3.68 4.13h72.16c2.23-.26 3.46-1.63 3.68-4.13V4.13c-.22-2.5-1.46-3.88-3.7-4.13"/><path d="M170.05 19.3c-1.22-1.35-2.87-2.22-4.66-2.62-.52-.13-1.1-.23-1.76-.26-2.37-.2-5.4.73-6.82 1.92l.34-9.7h-5.76v30.04h5.35v-1.66c1.23 1 3.2 2.15 6.23 2.15H163.54c2.53 0 4.68-1 6.45-3 1.77-2.02 2.65-4.88 2.65-8.6 0-3.6-.86-6.35-2.6-8.27M165.4 33c-.88 1.08-1.97 1.62-3.24 1.62-1.65 0-2.98-.76-3.97-2.3-.72-1.07-1.08-2.74-1.08-5 0-2.18.46-3.8 1.37-4.88.9-1.07 2.06-1.6 3.44-1.6 1.4 0 2.56.54 3.46 1.64s1.35 2.9 1.35 5.38c0 2.34-.45 4.05-1.34 5.13m-23.28-6.9c0 3.1-.14 5.07-.43 5.87-.3.8-.83 1.47-1.6 2-.8.55-1.67.8-2.65.8-.86 0-1.57-.2-2.13-.6s-.95-.94-1.16-1.63c-.2-.7-.32-2.56-.32-5.63v-10h-5.76v13.8c0 2.04.26 3.64.78 4.8s1.36 2.07 2.52 2.7c1.16.65 2.47.97 3.94.97.22 0 .43 0 .65-.02 3.68-.1 5.6-1.77 6.56-2.87v2.4h5.35V16.9h-5.76zm-18.8-7.05c-.53-.77-1.33-1.4-2.4-1.9-.96-.43-2.03-.67-3.2-.72h-.06c-2.43-.13-5.53.58-6.98 1.97V8.64h-5.76v30.04h5.76v-10.9c0-1.83.17-3.22.52-4.15.35-.94.9-1.64 1.65-2.1.75-.47 1.6-.7 2.56-.7.84 0 1.54.18 2.1.54.54.36.93.85 1.15 1.47.22.6.33 2.06.33 4.34v11.5h5.75V25.9c0-1.94-.1-3.38-.3-4.3-.2-.94-.56-1.8-1.1-2.55m-32.47 1.31c-.22-.94-.62-1.8-1.18-2.54-.57-.75-1.4-1.36-2.52-1.84s-2.32-.72-3.66-.72c-2.42-.14-6.36.78-7.54 2.67v-2.16h-5.63v22.9h6.06V28.3c0-2.56.14-4.3.45-5.26.3-.95.88-1.7 1.7-2.3.85-.56 1.8-.85 2.84-.85.8 0 1.5.2 2.1.6.57.4 1 .96 1.25 1.7.26.7.4 2.3.4 4.78v11.68h6.05V24.44c0-1.77-.12-3.13-.34-4.08M62 15.34c-1.8.23-3.5 1.68-4.25 2.6v-2.17h-5.63v22.9h6.06V31.6c0-3.9.17-6.46.5-7.68.34-1.22.8-2.06 1.4-2.53.58-.48 1.3-.7 2.15-.7.88 0 1.82.32 2.84.98l1.88-5.28c-1.28-.76-2.6-1.14-4-1.14-.32 0-.64.03-.95.08m-24.7-.08c-2.25 0-4.28.5-6.1 1.48-1.8 1-3.22 2.43-4.2 4.3-1 1.9-1.5 3.84-1.5 5.86 0 2.63.5 4.86 1.5 6.7.98 1.82 2.43 3.2 4.34 4.16 1.9.95 3.9 1.42 6 1.42 3.4 0 6.2-1.14 8.44-3.4s3.35-5.16 3.35-8.63c0-3.43-1.1-6.27-3.32-8.52-2.2-2.25-5.04-3.37-8.5-3.37m4 17.18c-1.08 1.2-2.4 1.8-3.98 1.8s-2.9-.6-4-1.8c-1.07-1.2-1.6-2.95-1.6-5.22s.53-4 1.6-5.22c1.1-1.2 2.42-1.8 4-1.8s2.9.6 3.98 1.8c1.07 1.2 1.6 2.93 1.6 5.18 0 2.3-.53 4.05-1.6 5.26M17.83 7.54c-1.18-.32-3.7-.48-7.6-.48H0v31.6h6.38V26.74h4.16c2.9 0 5.1-.15 6.62-.45 1.12-.25 2.22-.75 3.3-1.5s2-1.8 2.7-3.12 1.05-2.95 1.05-4.9c0-2.5-.6-4.56-1.82-6.15-1.23-1.6-2.74-2.62-4.55-3.1m-.92 11.8c-.47.7-1.13 1.22-1.98 1.55s-2.53.5-5.05.5h-3.5V12.4h3.1c2.3 0 3.82.08 4.58.23 1.04.18 1.9.65 2.57 1.4.67.74 1 1.7 1 2.84 0 .94-.23 1.76-.7 2.46"/></svg>') left / 24px no-repeat;}

.xhamster {background: url('data:image/svg+xml,<svg viewBox="0 0 92.3 85.3" xmlns="http://www.w3.org/2000/svg"><g><path d="m91.4 41.2c-2.3-5.2-5.1-6.9-8.6-9.5-1.3-.8-2.4-1.8-3.3-2.9-.4-.6-.6-1.3-.6-2.1 0-.9.2-1.8.5-2.6 1.2-3.5 1.9-7.1 1.9-10.8.1-5.1-2-13.3-8.4-13.3-.9 0-1.8.1-2.6.4-1.5.6-2.7 1.5-3.7 2.7-1.3 1.4-5 7.1-6.3 7.6-.3.1-.6.1-.8 0-4.3-1.4-8.7-2.2-13.3-2.2-4.5 0-9 .8-13.3 2.2-.3.1-.6.1-.8 0-1.3-.5-5-6.2-6.3-7.6-1-1.2-2.3-2.1-3.7-2.7-.9-.3-1.8-.4-2.7-.4-6.4 0-8.5 8.2-8.5 13.3 0 3.7.7 7.3 1.9 10.8.3.9.5 1.7.5 2.6 0 .7-.2 1.4-.6 2.1-.9 1.2-2 2.2-3.3 2.9-3.4 2.6-6.2 4.3-8.5 9.5-.6 1.6-.9 3.2-.9 4.9 0 2.8 1 5.2 2.5 8.1 3.2 6.5 9.7 14 14.1 17.8 8.5 7.5 19.2 12.8 28.5 13.3h2c9.3-.6 20-5.9 28.5-13.3 4.4-3.9 10.9-11.3 14.1-17.8 1.4-2.9 2.5-5.3 2.5-8.1.1-1.7-.2-3.3-.8-4.9zm-22.5-28.6c1.3-1.5 4.3-3.5 6.2-2.2 2.2 1.3 1.9 6.1 1.5 8.3-.3 1.4-.7 2.8-1.3 4.1-.5 1.1-.9 2.2-1.4 3.5-2.3-1.6-4.3-3.7-5.9-6-1.6-2.7-1.1-5.5.9-7.7zm-5.2 11.1c2.6 1.5 4.2 4.2 4.4 7.2.1 1.1-.2 2.2-.9 3.1-.4.5-1 .7-1.7.8 1.5-2 1.4-4.7-.2-6.6-.9-1.2-2.3-1.9-3.8-2-3.6-.1-6 2.7-6 6.2-.4-.6-.7-1.2-1-1.9-.8-2.3-.5-5.2 1.2-6.8 2.2-1.6 5.9-1.2 8 0zm-28.5-9.5c.4-.5 1-.9 1.6-1 3-.8 6.1-1.3 9.1-1.3h.4c3.1 0 6.2.5 9.1 1.3.6.1 1.2.5 1.6 1 .1.3.1.5 0 .8-.8 1-1.8 1.9-2.8 2.6-3.3 2.7-5.4 4.8-6.5 9.2-.6 2.2-.5 4.5.2 6.7 1.1 3.5 3.7 5.6 4.9 8.8.7 1.5.8 3.2.2 4.8-1.1 2.3-4.4 2.7-6.6 2.7h-.4c-2.3 0-5.5-.4-6.6-2.7-.6-1.5-.5-3.3.2-4.8 1.2-3.2 3.7-5.3 4.9-8.8.7-2.2.8-4.5.2-6.7-1.1-4.3-3.2-6.5-6.5-9.2-1-.8-2-1.7-2.8-2.6-.3-.2-.3-.5-.2-.8zm-6.7 9.5c2.1-1.3 5.8-1.6 7.8.1 1.8 1.5 2 4.4 1.2 6.8-.2.7-.5 1.3-1 1.9 0-3.5-2.4-6.4-6-6.2-1.5.1-2.9.8-3.8 2-1.6 1.9-1.7 4.6-.2 6.6-.6 0-1.2-.3-1.7-.8-.7-.9-1-2-.9-3.1.4-3 2.1-5.7 4.6-7.3zm-11.4-13.4c2-1.2 5 .8 6.2 2.2 2 2.3 2.5 5.1.9 7.7-1.6 2.3-3.6 4.4-5.9 6-.5-1.3-.9-2.5-1.4-3.5-.6-1.3-1-2.7-1.3-4.1-.4-2.2-.7-6.9 1.5-8.3zm70.4 37.9c-1.4 4-5.9 10.3-9.4 14.7-3.7 4.6-8.3 8.6-13.3 11.7-5.1 3.1-12.5 6.1-18.6 6.3-6.1-.2-13.5-3.2-18.6-6.3s-9.6-7-13.3-11.7c-3.6-4.4-8-10.7-9.4-14.7-.6-1.6-.6-3.4 0-5 1.1-2.9 3.1-5.4 5.7-7.2.7-.6 1.6-.9 2.5-.9 2 .3 3.1 3.1 3.9 4.7-.5.5-1.1 1-1.7 1.6-3.4 3.7-2.9 8.5-.8 13 2.9 6 8.6 12 13.5 16.4-3.5-8.3-2.2-19 6.4-23.9-.9 10.3 22.8 12.1 23.6-.1 8.5 4.8 9.9 15.5 6.4 23.9 5-4.3 10.7-10.3 13.6-16.4 2.1-4.6 2.6-9.3-.8-13-.5-.6-1.1-1-1.7-1.6.8-1.6 1.9-4.4 3.9-4.7.9 0 1.8.3 2.5.9 2.6 1.8 4.6 4.3 5.7 7.2.5 1.7.5 3.5-.1 5.1z"/><path d="m54.2 62c-1 .3-2 .4-3 .4-1.6 0-3-.9-3.8-2.3-.1-.3-.4-.3-1.2-.3h-.4c-.8 0-1 0-1.2.3-.7 1.4-2.2 2.3-3.8 2.3-1 .1-2-.1-3-.4-3.4-1.1-3.6-1.5-7.4-1.5 3.5 8.1 9.1 14.2 15.4 14.2h.2c6.3 0 11.8-6 15.4-14.2-3.6 0-3.8.4-7.2 1.5zm-9 11.1c-.7-.1-1.3-.2-1.9-.4-.6-.1-1.1-.4-1.6-.7-.3-.2-.5-.5-.6-.8-.9-2.1-1.7-4.4-2.3-6.6 2.3.3 4.6-.3 6.5-1.5zm6-2c-.1.3-.4.6-.6.8-.5.3-1.1.6-1.6.7-.6.2-1.3.4-1.9.4v-10c1.9 1.3 4.2 1.8 6.5 1.5-.7 2.3-1.4 4.5-2.4 6.6z"/></g></svg>') left / 18px no-repeat;}



/* HEADERS: */
/* Mobile header: */
.mobile_header {text-align: right; padding: 20px; display: grid; grid-template-columns: auto min-content min-content min-content; column-gap: 15px;}
	
	#mobile_logo, #dt_logo {background: url('../icons/logo.svg') -5px / 34px no-repeat;}
	
	#mobile_logo {}
		
	.head_button {display: flex; justify-content: center; align-items: center; text-align: center; font-weight: bold; box-sizing: border-box; text-decoration: none; border-radius: 25px; padding: 12px; background-color: var(--color_grey); color: var(--color_soft_black); white-space: nowrap;}
		
		.head_button.actv {background-color: var(--color_grey_darker); /* box-shadow: inset 0px 0px 0px 1px var(--color_grey_hover); */}
		
		/* .head_button + .head_button, .head_button + #submit_wrap, #submit_wrap + .head_button {margin-left: 15px;} */
		
		.actionrequired {}
			.actionrequired svg {animation: actionrequired 3.5s 0.5s infinite cubic-bezier(.36,.07,.19,.97) both;}
		@keyframes actionrequired {
			0% {transform: scale(1);}
			4% {transform: scale(1.3);}
			9% {transform: scale(1);}
			14% {transform: scale(1.25);}
			18% {transform: scale(1.3);}
			22% {transform: scale(1);}
		}
		
		.head_button.open_actionrequired {}
		
		.head_button > svg {width: 22px; height: 22px;}
		
			.head_button .new {position: absolute; margin: -13px 0 0 14px; width: 10px; height: 10px; background: url('data:image/svg+xml,<svg fill="%230887e7" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>') center no-repeat; border: 1px solid #ecefec; border-radius: 25px;}
	
	#submit_wrap {display: flex; justify-content: center; align-items: center; text-align: center; text-decoration: none; white-space: nowrap;}
		
		.head_submit {background: var(--color_fun); color: var(--color_black); text-align: center; font-weight: bold; border-radius: 25px; padding: 9px 13px;}
			.head_submit:active {background-color: var(--color_fun_hover);}
	

/* NAVBAR: 
.mobile_nav {z-index: 9; position: fixed; bottom: 0; left: 0; right: 0; display: grid; grid-template-columns: repeat(5, 1fr); padding: 20px 10px; background: #FFF; border-top: 1px solid rgba(237, 240, 237, 0.73);}
	.mobile_nav_link {text-align: center; font-weight: normal; display: inline-block; text-decoration: none; color: inherit;}
		.mobile_nav_link > svg {width: 24px; height: 24px; margin-bottom: 7px;}
		.mobile_nav_text {font-size: 10px; min-height: 12px; font-weight: inherit;}
		.mobile_nav_link.active {font-weight: 600;}

.h_button {display: inline-block; text-align: center; border-radius: 25px; padding: 10px 12px; margin: 5px 15px 0 0; vertical-align: top;}
	.h_button .text {font-weight: inherit; color: inherit;}

*/




/* Alternative grey full width header: */
.alt_header {background: var(--color_grey); width: calc(100vw - 40px); padding: 20px; margin: 0 -20px 20px;}
	.alt_header_back {display: inline-block; text-align: center; border-radius: 25px; width: 48px; height: 48px; background: var(--color_grey_darker) url('data:image/svg+xml,<svg class="head_button_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M4.7 244.7c-6.2 6.2-6.2 16.4 0 22.6l176 176c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L54.6 272 432 272c8.8 0 16-7.2 16-16s-7.2-16-16-16L54.6 240 203.3 91.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0l-176 176z"/></svg>') center / 21px no-repeat; color: var(--color_soft_black);}
	.alt_title {font-size: 22px; font-weight: 600; text-align: center; margin: 10px 0 5px;}
	.alt_username {font-size: 22px; font-weight: 600; margin: 10px auto 5px;}
	.alt_date {font-size: 16px; color: var(--color_grey_hover); text-align: center; margin-bottom: 20px;}
	.alt_link, .alt_desc {box-sizing: border-box; padding: 0 10px; cursor: pointer; width: 100%; font-size: 16px; color: var(--color_grey_hover); text-align: center; margin-bottom: 20px;}
			
		



/* OVERLAY POP MODAL DIALOG WINDOW: */
#overlay {background: var(--overlay_bg); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: flex; align-items: center; justify-content: center;}
	.pop {background: #FFF; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*transition: transform 0.3s ease-in; transform: translateY(35%);*/}
		#pop_close {float: right; padding: 19px 15px 12px 15px;}
			#pop_close svg {width: 30px; height: 30px;}
		#pop_title {font-size: 22px; font-weight: 600; border-bottom: 1px solid rgba(237, 240, 237, 0.73); padding: 20px;}
		#pop_content {padding: 20px 20px 150px; overflow-y: auto; max-height: calc(100vh - 157px); overflow-x: hidden;}
				
	
/* Message center main modal: */
.mc {z-index: 11; background: var(--color_black_opacity); color: var(--color_white); position: fixed; border-radius: 10px; padding: 15px; left: 20px; right: 20px; bottom: 100px; display: grid; grid-template-columns: 25px auto;}
	.mc_icon {display: flex; justify-content: left; align-items: center;}
		.mc_icon {background: url('data:image/svg+xml,<svg fill="%23219ed0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') left / 16px 16px no-repeat;}
		.mc.s .mc_icon {background: url('data:image/svg+xml,<svg fill="%2365d021" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>') left / 16px 16px no-repeat;}
		.mc.e .mc_icon {background: url('data:image/svg+xml,<svg fill="%23d93611" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>') left / 16px 16px no-repeat;}
	.mc_text {}

body.sapc .mc {top: 20px; bottom: auto;}
	
/* In-page tip or initial guide: */
.guide {border-radius: 10px; padding: 15px; padding-left: 75px; margin-bottom: 20px; background: var(--color_grey) url('data:image/svg+xml,<svg fill="%23868685" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216 192V224h24 48 24v24 88h8 24v48H296 216 192V336h24zm72-144H224V128h64v64z"/></svg>') -15px -15px / 80px no-repeat;}
	
	.guide .close {float: right; width: 27px; height: 27px; border-radius: 90%; margin: -5px -5px 7px 7px; background: var(--color_grey_darker) url('data:image/svg+xml,<svg fill="%23868685" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M41 39C31.6 29.7 16.4 29.7 7 39S-2.3 63.6 7 73l183 183L7 439c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l183-183L407 473c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-183-183L441 73c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-183 183L41 39z"/></svg>') center / 13px no-repeat;}
	.guide span.status_check, .guide span.status_doublecheck, .guide span.status_alert {display: inline-block; vertical-align: middle;}
	
	.guide.tt {z-index: 9999; margin: 0 20px; box-shadow: var(--modal_shadow); box-sizing: border-box;}

/* This adds blur transitions to main big block elements inside body: */
header, main, nav {transition: var(--transition_bgs);}

/* Under of things feedback question: */
.feedback {margin-top: 40px; text-align: center;}
	.open_feedback {display: inline-block; text-align: center; padding: 10px; font-size: 16px; text-decoration: underline; color: var(--color_black); font-weight: bold; cursor: pointer;}


/* Register wizard */
.wizard {display: grid; column-gap: 10px; margin-top: 30px;}
	
	.wizard_step {background: var(--color_grey_darker); color: var(--color_alt); font-weight: bold; border-radius: 999px; display: flex; justify-content: center; align-items: center; height: 30px; text-decoration: none;}
		
		.wizard_step.check {background: var(--color_fun) url('data:image/svg+xml,<svg fill="163306" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg>') center / 12px no-repeat; color: var(--color_alt);}
		
		.wizard_step.active {background: var(--color_alt); color: var(--color_fun);}
	
	.wizard_line {display: flex; justify-content: center; align-items: center;}
		
		.wizard_line div {display: inline-block; width: 100%; height: 1px; background: var(--color_grey_darker);}


/* General notice block, with a button */
.notice_button {display: grid; grid-template-columns: auto; grid-gap: 15px; border-radius: 10px; margin-bottom: 20px; background: var(--color_grey); color: var(--color_black); padding: 15px; transition: var(--transition_blocks); align-items: center;}
	
	/* When scheduled event is in play, like pause, cancel coming: */
	.notice_button.scheduled {background: var(--color_accountnotice);}
	
	/* When the account is current unprotected completely, these is the resubscribe notice: */
	.notice_button.unprotected {}
		
		.notice_button.unprotected b {color: var(--color_red);}
	
	/* When the account is paused and scheduled to be not paused: */
	.notice_button.paused {background: var(--color_accountnotice);}
	
	/* When some edits have happened to the current subscription and page should be reloaded: */
	.notice_button.changes_reload {}
	
	/* Notice button text part: */
	.notice_button_text {line-height: var(--paragraph_lineheight);}
		
		/* Notice button text title: */
		.notice_button_text b {display: block; font-weight: bold; margin-bottom: 2px;}
	
	/* Notice button special: */
	.notice_button .button {padding: 10px 15px;}


/* MAIN PARTS: */
main {padding: 0 20px 120px;}

	/* Standalone main container: */
	main.samc {width: calc(100vw - 40px); padding: 20px; margin: 0 auto;}
		
		main.samc.push {padding-top: 18vh;}
	
	/* Login / Register special: */
	.welcome {font-size: 30px; text-align: center; font-weight: 600;}
	.infoblock {text-align: center; margin: 15px 0 40px;}
	
	/* SAMC: Check email icon, big and green in the middle of the page. also has animation: */
	.checkmail {display: flex; margin: 0 auto 15px; width: 90px; height: 90px; border-radius: 999px; background: var(--color_fun) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23163306"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M352 208l0-96 0-56c0-13.3 10.7-24 24-24l80 0c13.3 0 24 10.7 24 24l0 48c0 13.3-10.7 24-24 24l-72 0 0 80c0 8.8-7.2 16-16 16s-16-7.2-16-16zM448 96l0-32-64 0 0 32 64 0zM320 64l0 32-85.5 0c32.6 26.4 53.5 66.8 53.5 112l0 176c0 11.7-3.1 22.6-8.6 32L512 416c17.7 0 32-14.3 32-32l0-176c0-32.7-14-62-36.3-82.5c2.7-6.6 4.3-13.9 4.3-21.5l0-15.8c38.6 25.8 64 69.8 64 119.8l0 176c0 35.3-28.7 64-64 64l-288 0L64 448c-35.3 0-64-28.7-64-64L0 208C0 128.5 64.5 64 144 64l176 0zM224 416c17.7 0 32-14.3 32-32l0-176c0-61.9-50.1-112-112-112S32 146.1 32 208l0 176c0 17.7 14.3 32 32 32l160 0zM96 208c0-8.8 7.2-16 16-16l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16z"/></svg>') center / 45px no-repeat; animation: mailboxanime 1.2s 0.2s 1 cubic-bezier(.36,.07,.19,.97) both;}
	
	.emailverify {display: flex; margin: 0 auto 15px; width: 90px; height: 90px; border-radius: 999px; background: var(--color_fun) url('data:image/svg+xml,<svg fill="%23163306" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"/></svg>') center / 45px no-repeat; animation: mailboxanime 1.2s 0.2s 1 cubic-bezier(.36,.07,.19,.97) both;}
	
	.emailbroken {display: flex; margin: 0 auto 15px; width: 90px; height: 90px; border-radius: 999px; background: var(--color_red) url('data:image/svg+xml,<svg fill="%23FFFFFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') center / 45px no-repeat; animation: mailboxanime 1.2s 0.2s 1 cubic-bezier(.36,.07,.19,.97) both;}
	
	.emailerror {display: flex; margin: 0 auto 15px; width: 90px; height: 90px; border-radius: 999px; background: var(--color_red) url('data:image/svg+xml,<svg fill="%23FFFFFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M256 32c-35.3 0-64 28.7-64 64l128 0c0-35.3-28.7-64-64-64zM160 96c0-53 43-96 96-96s96 43 96 96l0 3.6c0 15.7-12.7 28.4-28.4 28.4l-135.1 0c-15.7 0-28.4-12.7-28.4-28.4l0-3.6zM36.7 100.7c6.2-6.2 16.4-6.2 22.6 0L138.6 180c17.2-12.6 38.4-20 61.4-20l112 0c22.9 0 44.2 7.4 61.4 20l79.3-79.3c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L396 202.6c12.6 17.2 20 38.4 20 61.4l0 8 80 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-80 0 0 16c0 30.2-8.4 58.4-22.9 82.5l82.2 82.2c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0l-79-79C344.5 460.1 302.6 480 256 480s-88.5-19.9-117.7-51.6l-79 79c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l82.2-82.2C104.4 378.4 96 350.2 96 320l0-16-80 0c-8.8 0-16-7.2-16-16s7.2-16 16-16l80 0 0-8c0-22.9 7.4-44.2 20-61.4L36.7 123.3c-6.2-6.2-6.2-16.4 0-22.6zM128 320c0 65.3 48.9 119.1 112 127l0-191c0-8.8 7.2-16 16-16s16 7.2 16 16l0 191c63.1-7.9 112-61.7 112-127l0-32 0-24c0-39.8-32.2-72-72-72l-112 0c-39.8 0-72 32.2-72 72l0 24 0 32z"/></svg>') center / 45px no-repeat; animation: mailboxanime 1.2s 0.2s 1 cubic-bezier(.36,.07,.19,.97) both;}
	
	.pleasewait {display: flex; justify-content: center; align-items: center; margin: 0 auto 15px; width: 90px; height: 90px; border-radius: 999px; background: var(--color_yellow);}
		.pleasewait_icon {width: 60px; height: 60px; background: url('data:image/svg+xml,<svg fill="%23FFFFFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Pro 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M0 496c0 8.8 7.2 16 16 16l32 0 288 0 32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-16 0 0-41.6c0-49.4-22.8-96-61.8-126.3L218.1 256l72.2-56.1c39-30.3 61.8-76.9 61.8-126.3L352 32l16 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L336 0 48 0 16 0C7.2 0 0 7.2 0 16s7.2 16 16 16l16 0 0 41.6c0 49.4 22.8 96 61.8 126.3L165.9 256 93.8 312.1C54.8 342.4 32 389.1 32 438.4L32 480l-16 0c-8.8 0-16 7.2-16 16zm64-16l0-41.6c0-39.5 18.2-76.8 49.4-101L192 276.3l78.6 61.1c31.2 24.2 49.4 61.5 49.4 101l0 41.6L64 480zm49.4-305.4C97.3 162.1 84.6 146 76.1 128l231.7 0c-8.5 18-21.1 34.1-37.3 46.6L192 235.7l-78.6-61.1zM66 96c-1.3-7.3-2-14.8-2-22.4L64 32l256 0 0 41.6c0 7.6-.7 15.1-2 22.4L66 96z"/></svg>') center / 35px no-repeat; animation: processing 4.2s 0.2s infinite cubic-bezier(.36,.07,.19,.97) both;}
	.deactive, .problem {display: flex; justify-content: center; align-items: center; margin: 0 auto 15px; width: 90px; height: 90px; border-radius: 999px; background: var(--color_red);}
		.deactive_icon {width: 60px; height: 60px; background: url('data:image/svg+xml,<svg fill="%23FFFFFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') center / 35px no-repeat; animation: mailboxanime 1.2s 0.2s 1 cubic-bezier(.36,.07,.19,.97) both;}
		.problem_icon {width: 60px; height: 60px; background: url('data:image/svg+xml,<svg fill="%23FFFFFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM123.3 132.7L160 169.4l36.7-36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L182.6 192l36.7 36.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L160 214.6l-36.7 36.7c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L137.4 192l-36.7-36.7c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0zm192 0L352 169.4l36.7-36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L374.6 192l36.7 36.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L352 214.6l-36.7 36.7c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L329.4 192l-36.7-36.7c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0zM256 304c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80z"/></svg>') center / 35px no-repeat; animation: mailboxanime 1.2s 0.2s 1 cubic-bezier(.36,.07,.19,.97) both;}

	@keyframes mailboxanime {
		0% {transform: scale(1);}
		20% {transform: scale(1.15);}
		40% {transform: scale(1);}
		60% {transform: scale(1.15);}
		80% {transform: scale(1.25);}
		100% {transform: scale(1);}
	}
	
	@keyframes processing {
		0% {transform: rotate(0deg);}
		10% {transform: rotate(0deg);}
		48% {transform: rotate(180deg);}
		60% {transform: rotate(180deg);}
		100% {transform: rotate(0deg);}
	}
	
	/* H1 wrapper, that allows stuff to be put next to h1 tag: */
	.h1_to_side {display: grid; grid-template-columns: auto auto; margin-bottom: 25px;}
		.h1_to_side h1 {margin: 0;}
		.h1_to_side > div {display: flex; justify-content: right; align-items: center;}
		.h1_to_side .button {padding: 11px 20px; min-height: 39px;}
			.h1_to_side .button + .button {margin-left: 10px;}

	h1 {font-size: 30px; font-weight: 600; margin-bottom: 25px;}
		h1.skinny {margin: 0;}
		h1 span {font-size: 24px; color: var(--color_grey_hover);}
		.h1_float_link {float: right; font-size: 12px; font-weight: bold; padding: 8px 20px; margin: 6px -20px -10px 0;}
		
		/* H1 sub text for the special edition h1 header: */
		.h1_sub {font-size: 20px; color: var(--color_grey_hover); margin: 5px 0 25px;}
		
	h2 {font-size: 22px; font-weight: 600; margin-bottom: 25px;}
		.h2_float_link {float: right; font-size: 12px; font-weight: bold; padding: 8px 20px; margin-right: -20px;}
		
	h3 {font-size: 18px; font-weight: 600; margin-bottom: 10px;}
	
	b {font-weight: 600;}
	
	hr {border-top: 1px dotted var(--color_grey_hover); margin: 30px 0;}
	
	/* TODO: What is this and should .interr be used instead? */
	/* The innerbody error wrapper: */
	.innerbody_error_wrap {padding-top: 15vh; text-align: center;}
		
		.innerbody_error_wrap .err_title {font-size: 22px; padding-top: 15px; font-weight: 600;}
		
		.innerbody_error_wrap .err_desc {max-width: 450px; margin: 15px auto 30px; line-height: var(--paragraph_lineheight);}
	
	.small_label {display: block; font-size: 10px; text-transform: uppercase; margin-bottom: 5px;}
	
	/* Internal app error module: */
	.interr {margin: 12vh auto 0; max-width: 400px; text-align: center;}
		
		/* Internal app error icon: */
		.interr_icon {display: flex; margin: 0 auto 25px; width: 90px; height: 90px; border-radius: 999px; background: var(--color_alt); justify-content: center; align-items: center;}
			
			/* The actual icon for it: */
			.interr_icon svg {margin-top: 5px; width: 60px; height: 60px; animation: mailboxanime 1.2s 0.2s 1 cubic-bezier(.36,.07,.19,.97) both;}
		
		/* The title for the internal error: */
		.interr_title {font-size: 30px; text-align: center; font-weight: 600;}
		
		/* The description for the internal error: */
		.interr_desc {text-align: center; margin: 15px 0 40px; line-height: var(--paragraph_lineheight);}
		
		/* Back button design: */
		.interr_button {height: 46px; min-width: 240px; padding: 0 45px; text-align: center; font-weight: bold; box-sizing: border-box; text-decoration: none; border-radius: 25px; color: var(--color_soft_black); background: var(--color_grey) url('data:image/svg+xml,<svg fill="%23454745" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M4.7 244.7c-6.2 6.2-6.2 16.4 0 22.6l176 176c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L54.6 272 432 272c8.8 0 16-7.2 16-16s-7.2-16-16-16L54.6 240 203.3 91.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0l-176 176z"/></svg>') left 15px center / 18px no-repeat;}
	
	
	/* Date navigator, with arrows, usually next to h1: */
	.datenavi {display: grid; grid-template-columns: 22px auto 22px; align-items: center;}
		.dnavi_prev, .dnavi_next {height: 22px;}
		.dnavi_prev.disabled, .dnavi_next.disabled {opacity: 0.2;}
		.dnavi_prev {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M20.7 267.3c-6.2-6.2-6.2-16.4 0-22.6l192-192c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L54.6 256 235.3 436.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0l-192-192z"/></svg>') center / 22px 22px no-repeat;}
		.dnavi_current {text-align: center; text-transform: uppercase;}
		.dnavi_next {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z"/></svg>') center / 22px 22px no-repeat;}
	
	
	
	/* Under h1 or something else top buttons, they act like tabs: */
	.top_buttons {margin-bottom: 30px; }
		.top_button {display: inline-block; background: var(--color_grey); color: var(--color_soft_black); padding: 6px 12px 7px; text-decoration: none;}
		
			.top_button.left {border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
			.top_button.right {border-top-right-radius: 15px; border-bottom-right-radius: 15px;}

			.top_button_icon, top_button_text {vertical-align: middle;}
			.top_button_icon {width: 16px; height: 16px; margin: 0 7px 1px 0;}
			.top_button_text {display: inline-block; font-weight: 600;}
			
			.top_button.active {background-color: var(--color_fun);}
	
	
		/* Search function togglerer: */
		.top_search {display: grid; grid-template-columns: auto 40px 35px; position: relative; justify-content: right; align-items: center; float: right; width: 35px; overflow-x: hidden; background: #fff;}
		.top_search.open {width: calc(100vw - 40px); justify-content: normal; margin-bottom: -35px;}
			.top_search_field {display: flex; justify-content: center; align-items: center; padding: 6px 5px; font-weight: 600; font-size: 16px;}
			.top_search_clear {display: flex; justify-content: center; align-items: center; height: 35px;}
				.top_search_clear_icon {width: 13px; height: 13px;}
			.top_search_button {display: flex; justify-content: center; align-items: center; height: 35px; background: var(--color_grey); color: var(--color_soft_black); border-radius: 25px; -webkit-transition: var(--transition_buttons); -ms-transition: var(--transition_buttons); transition: var(--transition_buttons);}
				.top_search_button_icon {width: 16px; height: 16px;}
				.top_search.open .top_search_button { background-color: var(--color_black);}
					.top_search.open .top_search_button_icon {fill: var(--color_white);}


	
	/* Date spacer, that divides up lists with dates between: */
	.date_spacer {border-bottom: 1px solid var(--color_grey); font-size: 12px; padding-bottom: 5px; margin-bottom: 15px; text-transform: uppercase;}
		.scan_item + .date_spacer {margin-top: 40px;}
	
	
	/* Inviting friends block: */
	.invite {background: linear-gradient(203deg, rgb(215 255 0), rgba(255, 0, 0, 0) 70.71%), linear-gradient(97deg, rgb(0 255 0 / 75%), rgba(0, 255, 0, 0) 70.71%), linear-gradient(316deg, rgb(0 231 255), rgba(0, 0, 255, 0) 70.71%); padding: 40px 0 10px; border-radius: 15px; text-align: center;}
	
		.invite_caption {display: inline-block; text-align: center;}
		
		.invite_wrap {display: flex; flex-wrap: wrap;}
		
			.invite_code {box-sizing: border-box; flex-grow: 1; cursor: pointer; padding: 10px 28px 10px 10px; margin: 25px 20px; font-size: 14px; border: 1px solid var(--color_black); background: var(--color_white) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M384 352l-160 0c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l108.1 0c4.2 0 8.3 1.7 11.3 4.7l67.9 67.9c3 3 4.7 7.1 4.7 11.3L416 320c0 17.7-14.3 32-32 32zM433.9 81.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1L224 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64l160 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l160 0c35.3 0 64-28.7 64-64l0-32-32 0 0 32c0 17.7-14.3 32-32 32L64 480c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l64 0 0-32-64 0z"/></svg>') top 10px right 10px / 14px no-repeat; border-radius: 10px; overflow: hidden;}
			
		.invite_bullets_terms {text-align: center;}
		
			.invite_list {display: inline-block; text-align: left; font-size: 12px; line-height: 20px; font-weight: bold; padding: 0 5% 0 0;}
			
				.invite_list svg {margin-right: 10px; vertical-align: 2px;}
				
			.invite_terms {display: inline-block; padding: 10px; margin-top: 15px; font-size: 12px; font-weight: bold;}
	
	/* Home screen dashboard stats boxes: */
	.boxes {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 15px;}
		.grid_box {display: flex; flex-flow: column; border-radius: 15px; padding: 15px 0 15px 15px; margin-bottom: 15px; background: var(--color_grey); color: var(--color_soft_black);}
			
			.grid_box.full {grid-column: 1 / -1;}
			
			.grid_label {font-size: 14px; color: inherit;}
				.grid_info {margin: 0 15px -2.5px 5px; width: 13px; height: 13px; float: right; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM192 352v32h16 96 16V352H304 272V240 224H256 216 200v32h16 24v96H208 192zm88-168V136H232v48h48z"/></svg>') center / 13px no-repeat;}
				
			.grid_number {font-size: 24px; color: inherit; font-weight: bold; margin-top: 10px; word-spacing: -2.7px;}
			
			.grid_box.alt {background: var(--color_alt); color: var(--color_grey);}
				
				.grid_box.alt .grid_info {background-image: url('data:image/svg+xml,<svg fill="%23ecefec" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM192 352v32h16 96 16V352H304 272V240 224H256 216 200v32h16 24v96H208 192zm88-168V136H232v48h48z"/></svg>');}
				
				.grid_box.alt .grid_number {color: var(--color_fun);}
	
	
	/* Home catchup notification block: */
	/* Catchups ul: */
	#catchups {transition: 0.3s;}
		
		/* One specific catchup: */
		li.catchthis, #replay {background-color: var(--color_alt); color: var(--color_grey); padding: 15px; border-radius: 10px; line-height: 22px;}					
			/* This is important catchup with border: */
			.catchthis.attention {box-shadow: inset 0 0 0 2px var(--color_alt), inset 0 0 0 3px var(--color_yellow);}
			
			/* Replay button as the last default card: */
			#replay {box-shadow: inset 0 0 3px 2px var(--color_alt); background: var(--color_soft_black) url('data:image/svg+xml,<svg fill="%23ecefec" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M417.3 360.2c3.2-5 8.7-8.2 14.7-8.2c12.3 0 20.3 12.8 13.7 23.2C406 438.2 335.9 480 256 480C132.3 480 32 379.7 32 256S132.3 32 256 32c56.1 0 107.4 20.6 146.7 54.7L433.4 56c5.1-5.1 12.1-8 19.3-8C467.8 48 480 60.2 480 75.3L480 176c0 8.8-7.2 16-16 16l-100.7 0c-15.1 0-27.3-12.2-27.3-27.3c0-7.2 2.9-14.2 8-19.3l36-36C346.5 81.1 303.3 64 256 64C150 64 64 150 64 256s86 192 192 192c67.6 0 127.1-35 161.3-87.8zM448 86.6L374.6 160l73.4 0 0-73.4z"/></svg>') left 15px center / 16px no-repeat; padding-left: 37px;}
			
			#allset {text-align: center; font-weight: 600;}
				
				#allset > div {margin: 0 auto; margin-bottom: 10px; width: 24px; height: 24px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM363.3 203.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 297.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l64 64c6.2 6.2 16.4 6.2 22.6 0l128-128z"/></svg>') center top / 24px no-repeat; animation: icon_anim 1.5s 0.5s 1 cubic-bezier(.36,.07,.19,.97) both;}
				@keyframes icon_anim {
					0% {transform: scale(.75);}
					20% {transform: scale(1);}
					40% {transform: scale(.75);}
					60% {transform: scale(1);}
					80% {transform: scale(.75);}
					100% {transform: scale(.75);}
				}
			
			/* Mark it seen button: */
			button.mark {float: right; font-weight: 600; text-align: center; width: 25px; padding: 26px 0 5px 0; margin: -5px -5px 10px 10px; font-size: 12px; color: var(--color_grey_darker); border-radius: 5px; border: 1px solid var(--color_grey_hover); /* box-shadow: inset 0 0 3px var(--color_fun_hover); */ background: var(--color_alt) url('data:image/svg+xml,<svg fill="%23FFFFFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg>') center top 7px / 12px no-repeat;}
				button.mark:active {animation: 0.5s markBtn;}
				@keyframes markBtn {
				    0% {
					    background-color: var(--color_fun_hover); color: var(--color_black);
				    }
				    50% {
					    transform: scale(1.3); background-color: var(--color_fun_hover); color: var(--color_black);
				    }
				    100% {
				        transform: scale(1);
				    }
				}
				
			/* Title of the notification: */
			.catchwhat {font-weight: 600; color: var(--color_fun);}
			
			/* Link inside the notifications, by standard the most bottom: */
			.catchthis a {display: block; color: inherit; font-weight: 600;}
	
	
	/* FAQ: */
	/* TODO: DELETE THIS AFTER ITS CLEARED THAT NOT USED: */
	.faq {background: var(--color_grey); color: var(--color_soft_black); border-radius: 10px; padding: 15px;}
		.faq + .faq,
		.faq + .faq_category,
		.faq_category + .faq {margin-top: 15px;}
			.faq summary {font-weight: bold;}
			.faq summary + p {margin-top: 10px;}
			.faq p {}
	
	/* This is inside the modal: */
	h1.help_title {margin-bottom: 20px; text-align: center;}
	h2.help_title {margin-bottom: 10px;}
	
	.help_subs {display: block; font-size: 16px; margin: 40px 0 15px;}
	
	.help_helpful_buttons {display: grid; grid-template-columns: repeat(2, 85px); column-gap: 10px;}
		
		.help_helpful_buttons .button {padding: 7px 5px; box-sizing: border-box;}
	
	.help_related_articles {}
		
		.help_related_articles li {padding: 5px 0;}
			
			.help_related_articles li + li {margin-top: 7px;}
	
	
	
	/* Single help article block: */
	.help_block {display: block;}
		
		.help_block + .help_block {margin-top: 25px;}
	
		.help_block summary {display: block; display: grid; grid-template-columns: auto 22px;}
		.help_block summary::-webkit-details-marker {display: none;}
			
			.help_block summary div {font-weight: bold; font-size: 16px; display: flex; align-items: center;}
		
			.help_arrow {display: flex; transition: var(--transition_blocks); height: 22px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z"/></svg>') center / 22px 22px no-repeat;}
		.help_topics {padding: 15px 0 5px;}
			
			.help_topics li {display: block; padding: 7px 0 7px 15px;}
			
				.help_topics li + li{margin-top: 10px;}
		
		.help_block[open] .help_arrow {transform: rotate(90deg);}
	
	/* When its search results: */
	#help_search_results li {display: block; padding: 7px 0;}
	#help_search_results li + li {margin-top: 5px;}
	
	/* Help still need help block under help pages: */
	.help_contact {text-align: center; margin-top: 50px;}
		.help_contact_label {font-weight: 600; margin-bottom: 15px;}
		.help_contact .button {display: inline-block; width: 200px; padding: 12px 15px; box-sizing: border-box;}
	
	/* More random smaller items: */
	.smaller_text { line-height: var(--paragraph_lineheight);}
	
	/* Account / Settings page: */
	.setting_block {text-decoration: none; display: block;}
		.setting_block + .setting_block {margin-top: 8px;}
		.setting_summary {padding: 7px 10px 7px 7px; border-radius: 10px; color: var(--color_soft_black); display: grid; grid-template-columns: 50px auto 22px; align-items: center; transition: var(--transition_blocks);}
		.setting_summary::-webkit-details-marker {display: none;}
			.setting_sum_icon {background: var(--color_grey); border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; transition: var(--transition_blocks);}
				.setting_sum_icon svg {width: 22px; height: 22px;}
			.setting_sum_desc {color: inherit; padding: 5px 0 5px 10px; line-height: var(--paragraph_lineheight);}
				.setting_summary b {display: block; margin-bottom: 3px;}
			.setting_sum_arrow {transition: var(--transition_blocks); height: 22px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z"/></svg>') center / 22px 22px no-repeat;}
			.setting_sum_link {transition: var(--transition_blocks); height: 16px; /* background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M336 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l121.4 0L212.7 276.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L480 54.6 480 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-160c0-8.8-7.2-16-16-16L336 0zM64 32C28.7 32 0 60.7 0 96L0 448c0 35.3 28.7 64 64 64l352 0c35.3 0 64-28.7 64-64l0-144c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 144c0 17.7-14.3 32-32 32L64 480c-17.7 0-32-14.3-32-32L32 96c0-17.7 14.3-32 32-32l144 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L64 32z"/></svg>') center / 16px no-repeat; */}
		
			
		.setting_content {margin: 15px 0 30px;}
		
		.setting_block[open] .setting_summary {background: var(--color_grey);}
		.setting_block[open] .setting_sum_icon {background: var(--color_grey_darker);}
		.setting_block[open] .setting_sum_arrow {transform: rotate(90deg);}
	
	/* Small footnote solution, used on settings page: */
	.footnote {margin-top: 60px; line-height: var(--paragraph_lineheight); font-size: 12px;}
		.footnote .link  {font-size: inherit; font-weight: normal;}
	
	/* Scans page: */
	/* Scanner - Scanning today module: */
	#scanner {display: grid; grid-template-columns: auto 37px; border-radius: 10px; box-shadow: inset 0 0 3px var(--color_black); background: var(--color_alt); color: var(--color_grey); padding: 15px; transition: var(--transition_blocks);}
		#scanner.broken {background: var(--color_black); transform: rotate(-02deg) !important;}
			#scanner.broken .scanning_text b {color: var(--color_grey);}
			#scanner.broken .scanning_load {background: url('data:image/svg+xml,<svg fill="%23ecefec" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M480 256A224 224 0 1 0 32 256a224 224 0 1 0 448 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm260.2 80l-8.4 0c-29 0-53.2 20.6-58.6 48l125.7 0c-5.5-27.4-29.6-48-58.6-48zm-8.4-32l8.4 0c50.7 0 91.8 41.1 91.8 91.8c0 11.2-9 20.2-20.2 20.2l-151.6 0c-11.2 0-20.2-9-20.2-20.2c0-50.7 41.1-91.8 91.8-91.8zM100.7 132.7c6.2-6.2 16.4-6.2 22.6 0L160 169.4l36.7-36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L182.6 192l36.7 36.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L160 214.6l-36.7 36.7c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L137.4 192l-36.7-36.7c-6.2-6.2-6.2-16.4 0-22.6zm192 0c6.2-6.2 16.4-6.2 22.6 0L352 169.4l36.7-36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L374.6 192l36.7 36.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L352 214.6l-36.7 36.7c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L329.4 192l-36.7-36.7c-6.2-6.2-6.2-16.4 0-22.6z"/></svg>') center / 28px no-repeat;}
			.scanning_text b {display: block; margin-bottom: 3px; color: var(--color_fun);}
		.scanning_load div {justify-content: center; align-items: center; position: absolute; width: 37px; height: 37px; opacity: 1; animation: ripple 1.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; background: url('data:image/svg+xml,<svg fill="%239fe870" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>') center / 37px 37px no-repeat;}
			.scanning_load div:nth-child(2) {animation-delay: -0.9s;}
			@keyframes ripple {
				0% {background-size: 8px 8px; opacity: 0;}
				4.9% {background-size: 8px 8px; opacity: 0;}
				5% {background-size: 8px 8px; opacity: 1;}
				100% {background-size: 37px 37px; opacity: 0;}
			}
	
	/* One individual scan module: */
	.scan {display: grid; grid-template-columns: auto; border-radius: 10px; background: var(--color_grey); padding: 15px; margin-top: 20px;}
		.scan.notop {margin-top: 0px;}
		.scan_name {font-size: 22px; font-weight: 600; margin-bottom: 10px;}
		.scan_boxes {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 10px; margin-bottom: 10px;}
			.scan_box_grid {border: 1px solid var(--color_black); border-radius: 10px; padding: 10px 0 10px 10px;}
				.sbg_label {font-size: 12px;}
				.sbg_number {font-size: 18px; font-weight: bold; margin-top: 5px; word-spacing: -2.7px;}
		
		/* This is the scans result table: */
		.scan_table {border-radius: 10px;}
			.scan_wrap {border-radius: 10px; background: var(--color_grey); padding: 15px;}
			.scan_row {display: flex; align-items: center; padding: 7px 0; gap: 0;}
				
				.st_value:not(.statusbar) {margin-left: auto; box-sizing: border-box; margin: -8px -8px -8px auto; padding: 8px; font-weight: inherit; text-align: right;}
				.st_copy {margin-left: auto; box-sizing: border-box; margin: -8px -8px -8px auto; padding: 8px; width: 36ch; max-width: 100%; white-space: nowrap; text-align: right; cursor: pointer; font-weight: inherit;}
				.st_value.statusbar {float: right;}
				.st_value.platform {padding-left: 25px;}
				.st_value.attention {background: url('data:image/svg+xml,<svg fill="%238f1b0b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M256 32L0 480H512L256 32zm24 160v24V328v24H232V328 216 192h48zM232 384h48v48H232V384z"/></svg>') right / 14px 14px no-repeat; padding-right: 20px; margin-right: 0;}
					.scan_domain {box-sizing: border-box; font-weight: 600; cursor: pointer; width: 100%; text-align: right;}
			
		.scan_status {border-radius: 10px; font-size: 11px; margin: -6px 0 -7px 0; padding: 7px; text-transform: uppercase; text-align: center; font-weight: 600;}
				.scan_row.bold {font-weight: 600;}
				.scan_row.bigger {font-size: 18px;}
				.scan_row.removed {color: var(--color_grey_hover);}
				.scan_breaker {padding-top: 7px; margin-bottom: 7px; border-bottom: 1px dotted var(--color_grey_hover);}
				
		.scan_button {margin-top: 20px; padding: 15px 20px; border-radius: 25px;}
			/* .scan_button.attention .icon {fill: var(--color_red);} */
		
		.scan_info {display: inline-block; margin: 0 0 -1.5px 5px; width: 13px; height: 13px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM192 352v32h16 96 16V352H304 272V240 224H256 216 200v32h16 24v96H208 192zm88-168V136H232v48h48z"/></svg>') center / 13px no-repeat;}
	
	/* Datatable with smaller font (this belongs, to the alternative view): */
	/* This used to be keywords table: */
	.datatable {overflow-x: scroll; display: grid; align-items: center; column-gap: 15px; row-gap: 10.5px; padding: 0 20px; margin: 0 -20px; -ms-overflow-style: none; scrollbar-width: none;}
	.datatable_solid {display: grid; align-items: center; column-gap: 15px; row-gap: 12.5px;}
		
		/* Hide the invisible page number input, but keep it user validatable: */
		.datatable_pagenum {display: none;}
		
		.datatable_search {margin-bottom: 30px;}
		
		.dthead {font-weight: 600;}
		
		/* This is the checklist of multiselect: */
		.dtmusel {}
		
		.datatable::-webkit-scrollbar {display: none;}
		.datatable a, .datatable_solid a, .datatable > div, .datatable_solid > div {font-size: 12px; white-space: nowrap; min-height: 20px;} 
			.dt_flag {display: inline-block; width: 16px; height: 10px; background-repeat: no-repeat; background-size: cover; margin-right: 5px;}
			.dt_status {border-radius: 5px; font-size: 11px; font-weight: 600; padding: 3px 0; margin: -3px 0; text-align: center; text-transform: uppercase; margin-right: 5px;}
			.dt_field {box-sizing: border-box; width: 100%; font-size: 12px;}
			
			/* Deletion button style for datatable: */
			.dt_del {width: 20px; height: 20px; cursor: pointer; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M177.7 32l92.5 0c5.5 0 10.6 2.8 13.6 7.5L299.1 64 148.9 64l15.3-24.5c2.9-4.7 8.1-7.5 13.6-7.5zM336.9 64L311 22.6C302.2 8.5 286.8 0 270.3 0L177.7 0C161.2 0 145.8 8.5 137 22.6L111.1 64 64.1 64 32 64 16 64C7.2 64 0 71.2 0 80s7.2 16 16 16l18.3 0L59.8 452.6C62.1 486.1 90 512 123.6 512l200.8 0c33.6 0 61.4-25.9 63.8-59.4L413.7 96 432 96c8.8 0 16-7.2 16-16s-7.2-16-16-16l-16 0-32.1 0-47.1 0zm44.8 32L356.3 450.3C355.1 467 341.2 480 324.4 480l-200.8 0c-16.8 0-30.7-13-31.9-29.7L66.4 96l315.3 0z"/></svg>') center / 14px 14px no-repeat;}
			
		.datatable hr, .datatable_solid hr {grid-column: 1 / -1; border-top: 1px dotted var(--color_grey_hover); width: 100%; margin: 0;}
		
		/* When datatable has no results: */
		.datatable_noresult {grid-column: 1 / -1; padding: 10px 0; text-align: center; font-weight: 600;}
		
		/* Datatable paginationing: */
		.datatable_pagination {padding: 20px 0 15px; text-align: center;}
			
			.datatable_pagination > button {padding: 5px; margin: 0 2px; min-width: 29px; text-align: center; border-radius: 5px;}
				
				.dtpagi_first_last {display: none !important;}
				
				.datatable_pagination > button.active {font-weight: 600; border: 1px solid var(--color_black);}
			
			.datatable_pagi_info {margin-top: 10px;}

	
	/* Datatable selector, that shows bold count on the bottom: */
	.datatable_selector {display: none; grid-template-columns: auto auto; column-gap: 15px; align-items: center; padding: 12px 20px; bottom: 87.5px; margin: 0 -20px; background: var(--color_white);}
		.datatable_selector.sticky {display: grid !important; border-top: 1px solid rgba(237, 240, 237, 0.73); position: sticky;}
		.ds_count {font-weight: 600;}
		.ds_buttons {text-align: right; display: flex; justify-content: right; align-items: center;}
			.ds_buttons .button {padding: 7px 10px; font-size: 12px; height: 29px; min-width: 28px;}
				.ds_buttons .button + .button {margin-left: 10px;}

	/* Statuses tree: */
	.statuses {margin: 10px 15px 0;}
		li.status {display: grid; grid-template-columns: 25px auto; column-gap: 15px; row-gap: 5px; margin-top: 10px;}
				.status_check {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"/></svg>') center / 16px no-repeat;}
				.status_action {background: url('data:image/svg+xml,<svg fill="%238f1b0b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M256 32L0 480H512L256 32zm24 160v24V328v24H232V328 216 192h48zM232 384h48v48H232V384z"/></svg>') center / 16px no-repeat;}
			.status_update {font-weight: 600; display: flex; justify-content: left; align-items: center;}
				.status_update.attention {color: var(--color_red);}
			.status_line {display: flex; justify-content: center; align-items: center;}
				.status_line > div {display: inline-block; width: 1px; height: 100%;}
				
				li.status:not(:last-child) .status_line > div {background: var(--color_grey_darker);}
			
			.status_details {line-height: var(--paragraph_lineheight); padding-bottom: 20px;}
				
			.status_info {grid-column: 2; line-height: var(--paragraph_lineheight);}
				.status_info .button {display: block; width: 200px; padding: 12px 15px; box-sizing: border-box;}
					.status_info .button + .button {margin-top: 15px;}
	
	
	/* Steps systems: */
	.steps {padding: 10px 0 0 15px;}
		li.step {display: grid; grid-template-columns: 36px auto; column-gap: 15px; row-gap: 10px;}
			li.step + li.step {margin-top: 10px;}
			
			.step_number {font-weight: bold; background: var(--color_alt); color: var(--color_fun); border-radius: 999px; display: flex; justify-content: center; align-items: center; height: 36px;}
			
			.step_name {font-weight: 600; display: flex; justify-content: left; align-items: center;}
			
			.step_line {display: flex; justify-content: center; align-items: center;}
				
				.step_line > div {display: inline-block; width: 1px; height: 100%;}
				
				li.step:not(:last-child) .step_line > div {background: var(--color_grey_darker);}
			
			.step_content {line-height: var(--paragraph_lineheight); padding-bottom: 20px;}
				
				.step_text_copy {cursor: pointer; box-sizing: border-box; width: 280px; height: 65px; padding: 10px 28px 0 10px; font-size: 12px; border: 1px solid var(--color_black); background: var(--color_white) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M384 352l-160 0c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l108.1 0c4.2 0 8.3 1.7 11.3 4.7l67.9 67.9c3 3 4.7 7.1 4.7 11.3L416 320c0 17.7-14.3 32-32 32zM433.9 81.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1L224 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64l160 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l160 0c35.3 0 64-28.7 64-64l0-32-32 0 0 32c0 17.7-14.3 32-32 32L64 480c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l64 0 0-32-64 0z"/></svg>') top 10px right 10px / 14px no-repeat; border-radius: 10px; overflow: hidden;}
				
					.step_text_copy.small {height: auto; padding: 10px 28px 10px 10px; background-position: center right 10px;}
				
				.step_link {display: block;}
					
					.step_link + .step_link {margin-top: 15px;}
					
					.step_link.platform {padding-left: 25px; }
				
				.step_content > .button {display: block; width: 200px; padding: 12px 15px; box-sizing: border-box;}
				
					.step_content > .button + .button {margin-top: 15px;}
					
	/* Big row -- like single row, but just a grey wrapper basically: */
	.big_row {background: var(--color_grey); padding: 15px; border-radius: 10px; color: var(--color_black);}
	
	/* Single row format, can show account lists or stats: */
	.row {border-radius: 10px; background: var(--color_grey); padding: 15px; display: grid; grid-template-columns: auto min-content;}
		
		a.row {text-decoration: none;}
		
		.row + .row {margin-top: 15px;}
		
		.row_left, .row_right {display: flex; align-items: center;}
		
		.row_left {font-weight: bold; color: var(--color_soft_black);}
			
			.row_left.platform {padding-left: 26px;}
		
		.row_right {justify-content: right; text-align: right; white-space: nowrap;}
			
			.row .info {font-size: 12px; font-weight: normal;}
			
			.row .big_value {font-size: 16px; font-weight: bold; color: var(--color_soft_black);}
			
			.row .double_value {display: grid;}
			
				.row .double_value > div {font-size: 12px; color: var(--color_grey_hover); margin-top: 2px;}
				.row_right.double_value > div {text-align: right;}
	
	/* Package year vs month toggle wrapper: */
	.package_annual_toggle {display: grid; grid-template-columns: 1fr 50px 1fr; align-items: center; column-gap: 10px; margin-bottom: 10px;}
		
		/* Package discount label, can be added behind text: */
		.package_discount {display: inline-block; background: var(--color_fun); color: var(--color_alt); font-size: 11px; text-transform: uppercase; padding: 4px; border-radius: 5px; font-weight: bold; margin-left: 8px; vertical-align: middle;}
			
			.package_discount.active {animation: packagediscount 1.2s 0.2s 1 cubic-bezier(.36,.07,.19,.97) both;}
			
			@keyframes packagediscount {
				0% {transform: scale(1);}
				20% {transform: scale(1.15);}
				40% {transform: scale(1);}
				60% {transform: scale(1.15);}
				80% {transform: scale(1.25);}
				100% {transform: scale(1);}
			}
	
	/* Single package item: */
	.package {display: grid; grid-template-columns: auto min-content; border-radius: 10px; background: var(--color_grey) center / cover repeat; padding: 15px;}
		
		.package + .package {margin-top: 15px;}
		
		.package.selected {box-shadow: inset 0 0 0 2px var(--color_alt);}
		
		.package_name {font-weight: bold; color: var(--color_soft_black);}
		.package_wrap {display: flex; align-items: center; justify-content: right;}
			.package_price {color: var(--color_soft_black); white-space: nowrap;}
			
				.package_show_price {font-size: 18px; font-weight: bold; color: inherit; white-space: inherit; text-align: center;}
				.package_billing_cycle {font-size: 12px; color: inherit; white-space: inherit; text-align: right;}
			
		.package_details {margin-top: 5px; max-width: 85%;}
			
			.package_extra_user {}
		
		
		/* Backgrounds from: https://bggenerator.com/ -- Select "colorful3" template and change it to triangles. */
		
		.package.silver {background: url('../imgs/package_silver.png') center / cover no-repeat;}
		.package.gold {background: url('../imgs/package_gold.png') center / cover no-repeat;}
		.package.platinum {background: url('../imgs/package_platinum.png') center / cover no-repeat;}
		.package.enterprise {background: url('../imgs/package_enterprise.png') center / cover no-repeat;}
		
		/*
		.package.silver {background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);}
		.package.gold {background: linear-gradient(to bottom,  rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%);}
		.package.platinum {background: linear-gradient(to bottom,  rgba(235,233,249,1) 0%,rgba(193,191,234,1) 100%);}
		*/
	
	
	/* Username selector tool, small one, that goes into .row: */
	.username_selector {display: grid; grid-template-columns: 30px 40px 30px;}
		
		.username_selector.disabled {}
		
		.username_select_minus, .username_select_field, .username_select_plus {display: flex; justify-content: center; align-items: center; height: 30px;}
			
			.username_selector.disabled .username_select_plus, .username_selector.disabled .username_select_minus {opacity: 0.25;}
			
			
		.username_select_minus {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M432 256c0 13.3-10.7 24-24 24L40 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l368 0c13.3 0 24 10.7 24 24z"/></svg>') center / 16px no-repeat;}
		
		.username_select_field {text-align: center; font-size: 18px; font-weight: 600;}
		
		.username_select_plus {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M248 72c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 160L40 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l160 0 0 160c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160 160 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-160 0 0-160z"/></svg>') center / 16px no-repeat;}
	
	/* Breakdown subscription or totals: */
	#subscription_breakdown {}
		
		/* We use loader for waiting for the totals: */
		#subscription_breakdown .loader  {text-align: center;}
			
			#subscription_breakdown .loader i {display: inline-block; margin: 20px 0; width: 17px; height: 17px; background: url('data:image/svg+xml,<svg fill="%230e0f0c" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M457 372c11.5 6.6 26.3 2.7 31.8-9.3C503.7 330.2 512 294.1 512 256C512 122.7 410.1 13.2 280 1.1C266.8-.1 256 10.7 256 24s10.8 23.9 24 25.4C383.5 61.2 464 149.2 464 256c0 29.3-6.1 57.3-17 82.6c-5.3 12.2-1.5 26.8 10 33.5z"/></svg>') center / 17px no-repeat; animation: 1s button_loader infinite;}
	
	
	
	
	
	/* Platform selector logo thing in front of add new username: */
	#platform_logo {display: flex; justify-content: right; align-items: center; font-size: 18px; background-position: left 13px center;}
	

/* NAVBAR: */
.mobile_nav {z-index: 9; position: fixed; bottom: 0; left: 0; right: 0; display: grid; grid-template-columns: repeat(5, 1fr); padding: 20px 10px; background: #FFF; border-top: 1px solid rgba(237, 240, 237, 0.73);}
	.mobile_nav_link {text-align: center; font-weight: normal; display: inline-block; text-decoration: none; color: inherit;}
		.mobile_nav_link > svg {width: 24px; height: 24px; margin-bottom: 7px;}
		.mobile_nav_text {font-size: 10px; min-height: 12px; font-weight: inherit;}
		.mobile_nav_link.active {font-weight: 600;}

/* This is the chat bubble that runs along: */
#chat {display: none; position: fixed; right: 20px; bottom: calc(87px + 10px); border-radius: 999px; width: 55px; height: 55px; background: var(--color_alt) url('../imgs/chat.png') center / cover no-repeat;}
	
	#chat .online {position: absolute; margin: -26px 0 0 38px; width: 12px; height: 12px; background: url('data:image/svg+xml,<svg fill="%232ead4b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>') center / 12px no-repeat; border: 1px solid #ecefec; border-radius: 25px;}

/* Tooltip */
.tt{
  position: fixed;
  z-index: 2147483647;
  background: var(--tt-bg);
  color: var(--tt-fg);
  border-radius: var(--tt-radius);
  box-shadow: var(--tt-shadow);
  padding: 10px 12px;
  font: var(--tt-font);
  max-width: var(--tt-maxw);
  pointer-events: none;              /* becomes interactive when shown */
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .14s ease, transform .14s ease;
  will-change: opacity, transform;
  -webkit-font-smoothing: antialiased;
  user-select: text;                 /* allow selecting text/links */
}
.tt p {line-height: 20px;}
.tt[data-show]{ opacity: 1; transform: translateY(0); pointer-events: auto; }

/* Content styling inside tooltip */
.tt p{ margin: 0 0 .55em; }
.tt p:last-child{ margin-bottom: 0; }
.tt a{ color: inherit; text-decoration: underline; }
.tt a:focus-visible{ outline: 2px solid currentColor; outline-offset: 2px; border-radius: 2px; }

/* Arrow (diamond) */
.tt::after{
  content: "";
  position: absolute;
  width: var(--tt-arrow-size);
  height: var(--tt-arrow-size);
  background: var(--tt-bg);
  box-shadow: -1px -1px 1px rgba(0,0,0,.06);
  transform: rotate(45deg);
}
.tt[data-placement="top"]::after{
  bottom: calc(-1 * var(--tt-arrow-size) / 2);
  left: var(--tt-arrow-left, 50%);
  transform: translate(-50%, 0) rotate(45deg);
}
.tt[data-placement="bottom"]::after{
  top: calc(-1 * var(--tt-arrow-size) / 2);
  left: var(--tt-arrow-left, 50%);
  transform: translate(-50%, 0) rotate(45deg);
}
.tt[data-placement="left"]::after{
  right: calc(-1 * var(--tt-arrow-size) / 2);
  top: var(--tt-arrow-top, 50%);
  transform: translate(0, -50%) rotate(45deg);
}
.tt[data-placement="right"]::after{
  left: calc(-1 * var(--tt-arrow-size) / 2);
  top: var(--tt-arrow-top, 50%);
  transform: translate(0, -50%) rotate(45deg);
}

@media (prefers-reduced-motion: reduce){
  .tt{ transition: none; }
}