html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

strong {
	font-weight: bold;
}
:root {
	--badge_color: #ff0f63;
	--selection_background_color: rgba(255, 226, 158, 0.8);
	--rounded_corners_radius: 5px;
	--rounded_corners_radius_big: 7px;
	--rounded_corners_radius_fat: 8px;
	--rounded_corners_radius_fatter: 15px;
	--font_family_a: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--font_family_b: 'Source Serif Pro', Georgia, Cambria, 'Times New Roman', Times, serif;;
	--font_family_c: 'Source Serif Pro', Georgia, Cambria, 'Times New Roman', Times, serif;;
	--font_family_d: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--font_family_special_a: 'Miriam Libre','Sans Serif';
	--font_family_special_b: 'Miriam Libre','Sans Serif';
	--contents_width_normal: 620px;
	--contents_width_wide: 980px;
	--contents_width_narrow: 800px;
	--contents_width_wider: 1150px;
	--contents_portrait_width: 650px;
	--main_menu_height: 55px;
	--main_menu_subblock_height: 80px;
	--main_menu_app_header_height: 1.5cm;
	--main_menu_app_drawer_height: 1.5cm;
	--main_menu_header_icon_size: 0.43cm;
	--main_menu_drawer_icon_size: 0.6cm;
	--main_menu_color: #1b1d21;
	--main_menu_section_selected_color: #383d46;
	--main_menu_font_size: 14px;
	--main_menu_font_weight: 500;
	--a_text_font_family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--a_text_line_height: 1.4em;
	--a_text_font_size_bigger: 17px;
	--a_text_font_size_big: 16px;
	--a_text_font_size: 14px;
	--a_text_font_size_small: 13px;
	--a_text_font_size_smaller: 12px;
	--a_text_font_size_tiny: 11px;
	--a_text_font_weight: 400;
	--a_text_color_main: #383d46;
	--a_text_color_main_highlight: #822afc;
	--a_text_color_main_highlight_lighter: #9449fd;
	--a_text_color_primary: #6a02fc;
	--a_text_color_primary_highlight: #9449fd;
	--a_text_color_accent: #e50050;
	--a_text_color_accent_highlight: #ff0f63;
	--a_text_color_faint: #666e7f;
	--a_text_color_button: #6a02fc;
	--a_text_color_button_hover: #9449fd;
	--a_text_color_button_dark_background: #6a02fc;
	--a_text_color_button_dark_background_lighter: #822afc;
	--b_text_font_family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--b_text_color_main: #8c8c8c;
	--b_text_color_highlight: #777;
	--b_text_color_button: #666;
	--b_text_color_button_hover: #666;
	--b_background_color_main: #f1f1f1;
	--button_font_family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--button_font_size: 14px;
	--button_font_weight: 500;
	--button_height: 30px;
	--button_height_big: 35px;
	--button_height_app: 40px;
	--button_color_primary: #822afc;
	--button_color_accent: #ff0f63;
	--button_color_attention: #ff0f63;
	--button_color_warning: #fc4f35;
	--pill_font_family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--pill_font_size: 14px;
	--pill_font_weight: 400;
	--tab_font_size: 14px;
	--tab_font_weight: 500;
	--menu_vertical_font_weight: 400;
	--head_font_weight: 500;
	--head_font_letter_spacing: auto;
	--pagestatus_font_family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--pagestatus_font_size: 14px;
	--pagestatus_font_weight: 400;
	--forms_font_family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--forms_font_size: 14px;
	--forms_font_input_family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--forms_font_input_size: 14px;
	--forms_font_input_weight: 400;
	--forms_font_size_select: 14px;
	--forms_select_color_background: #666e7f;
	--forms_select_color_text: #e8e9ec;
	--forms_select_dark_color_background: #1b1d21;
	--forms_select_dark_color_text: #e8e9ec;
	--forms_label_color: #666e7f;
	--forms_text_color: #383d46;
	--forms_border_color: #d4d7dc;
	--forms_border_color_highlighted: #8d95a4;
	--forms_focus_background_color: ;
	--forms_accent_color: #fe4284;
	--forms_input_height_small: 25px;
	--forms_input_height: 35px;
	--forms_input_height_big: 40px;
	--contents_font_family: 'Source Serif Pro', Georgia, Cambria, 'Times New Roman', Times, serif;;
	--contents_font_family_titles: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--contents_text_color: #383d46;
	--contents_font_weight: 400;
	--contents_font_size: 20px;
	--contents_line_height: 32px;
	--contents_article_width_normal: 760px;
	--contents_article_width_wide: 980px;
	--contents_article_width_ultrawide: 1280px;
	--dropdown_light_background_color: #fff;
	--dropdown_dark_background_color: #262930;
	--badge_font_family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
	--badge_font_size: 9.5px;
	--badge_font_weight: 600;
	--badge_rounded_corners_radius: 5px;
	--badge_letter_spacing: 0;
	--primary_color: #822afc;
	--primary_color_lighter: #9449fd;
	--primary_color_darker: #5502c9;
	--attention_color: #ff0f63;
	--attention_color_lighter: #fe4284;
	--attention_color_darker: #7f002c;
	--info_color_lighter: #7919ff;
	--info_color: #7919ff;
	--info_color_darker: #5500cc;
	--warning_color_lighter: #fd8876;
	--warning_color: #fc4f35;
	--warning_color_darker: #fc391b;
	--error_color_lighter: #fe4261;
	--error_color: #ff0f37;
	--error_color_darker: #e50026;
	--critical_color_lighter: #e50026;
	--critical_color: #b2001d;
	--critical_color_darker: #7f0015;
	--help_color_lighter: #d4d7dc;
	--help_color: #666e7f;
	--help_color_darker: #4f5563;
	--success_color_lighter: #666e7f;
	--success_color: #4f5563;
	--success_color_darker: #383d46;
	--neutralHue: 220;
	--baseHue: 220;
	--primaryHue: 265;
	--accentHue: 339;
	--accentInfoHue: 265;
	--accentFailHue: 350;
	--accentWarnHue: 8;
	--accentOkHue: 265;
	--photofolderRegularHue: 198;
	--photofolderCollectionHue: 345.6;
	--photofolderCampaignHue: 64.8;
	--photofolderEditorialHue: 50.4;
	--photofolderLookbookHue: 180;
	--photofolderPolaroidsHue: 320.4;
	--plusHue: 220;
	--proHue: 265;
	--neutral_0: #1b1d21;
	--neutral_1: #262930;
	--neutral_2: #383d46;
	--neutral_3: #4f5563;
	--neutral_4: #666e7f;
	--neutral_5: #8d95a4;
	--neutral_6: #d4d7dc;
	--neutral_7: #e8e9ec;
	--neutral_8: #f6f7f8;
	--base_0: #0c1830;
	--base_1: #0e1c39;
	--base_2: #162c59;
	--base_3: #214386;
	--base_4: #3265cc;
	--base_5: #7093db;
	--base_6: #b9caed;
	--base_7: #dee6f6;
	--base_8: #f2f5fb;
	--primary_0: #400197;
	--primary_1: #2a0164;
	--primary_2: #35017e;
	--primary_3: #400197;
	--primary_4: #5502c9;
	--primary_5: #6a02fc;
	--primary_6: #822afc;
	--primary_7: #9449fd;
	--primary_8: #a667fd;
	--accent_0: #3d0015;
	--accent_1: #56001e;
	--accent_2: #7f002c;
	--accent_3: #b2003e;
	--accent_4: #e50050;
	--accent_5: #ff0f63;
	--accent_6: #fe4284;
	--accent_7: #ff7fac;
	--accent_8: #feccdd;
	--accentInfo_0: #16052d;
	--accentInfo_1: #2c0a5b;
	--accentInfo_2: #4a00b2;
	--accentInfo_3: #5500cc;
	--accentInfo_4: #7919ff;
	--accentInfo_5: #ab70ff;
	--accentInfo_6: #d2b2ff;
	--accentFail_0: #3d000a;
	--accentFail_1: #56000e;
	--accentFail_2: #7f0015;
	--accentFail_3: #b2001d;
	--accentFail_4: #e50026;
	--accentFail_5: #ff0f37;
	--accentFail_6: #fe4261;
	--accentFail_7: #ff7f94;
	--accentFail_8: #feccd4;
	--accentWarn_0: #4b0a00;
	--accentWarn_1: #7e1101;
	--accentWarn_2: #e32002;
	--accentWarn_3: #fc391b;
	--accentWarn_4: #fc4f35;
	--accentWarn_5: #fd8876;
	--accentWarn_6: #fed3cc;
	--accentOk_0: #231339;
	--accentOk_1: #3a1f5f;
	--accentOk_2: #5d3299;
	--accentOk_3: #743fbf;
	--accentOk_4: #9065cc;
	--accentOk_5: #b497dc;
	--accentOk_6: #e3d8f2;
	--white_color: #f6f7f8;
	--grey_darker_color: #666e7f;
	--grey_color: #8d95a4;
	--faint_color: #d4d7dc;
	--fainter_color: #e8e9ec;
	--faintest_color: #f6f7f8;
	--dark_color: #1b1d21;
	--dark_faint_color: #4f5563;
	--dark_fainter_color: #383d46;
	--dark_faintest_color: #262930;
	--primaryColor: #822afc;
	--accentColor: #b2003e;
	--accentColorLight: #e50050;
	--special_a_text_font_family: 'Miriam Libre','Sans Serif';
	--special_b_text_font_family: 'Miriam Libre','Sans Serif';
	--user_level_aspirant_color: #6ea0a8;
	--user_level_normal_color: #0aaab7;
	--user_level_staff_pick_color: #EB0041;
	--important_color: #400197;
	--ok_color: #5d3299;
	--scam_color: #de005e;
	--recent_activity_color: #ffcf00;
	--experience_color: #aa58b5;
	--photolancers_color: #d40d44;
	--hdr_color: #00CC66;
	--new_color: #ffcf00;
	--follow_color: #9b2;
	--unfollow_color: #de005e;
	--like_color: #e50050;
	--like_color_dark: #e50050;
	--like_color_bright: #ff0f63;
	--comment_color: #FFD34D;
	--photo_color: #D91B5B;
	--lightbox_color: #FF5099;
	--usertag_color: #4a00b2;
	--hashtag_color: #4f5563;
	--posts_color: #f2a000;
	--contents_color: #00d6f2;
	--site_message_color: #de005e;
	--privacy_color: #00a7de;
	--workgroup_color: #b2bf4e;
	--search_color: #3a3a3a;
	--placeholder_color: #e8e9ec;
	--castingsHue: 180;
	--jobsHue: 80;
	--servicesHue: 280;
	--trainingHue: 350;
	--othersHue: 40;
	--marketplaceHue: 40;
	--travelnoticeHue: 150;
	--projectsHue: 223;
	--noticeboard_color: #242424;
	--projects_color: #154ee4;
	--credits_color: #197;
	--verified_color: #0091EA;
	--verified_company_color: #00B794;
	--plus_color_darker: hsl(220 5 22);
	--plus_color: hsl(220 5 32);
	--plus_color_lighter: hsl(220 5 50);
	--pro_color_darker: hsl(265 98 50);
	--pro_color: hsl(265 98 58);
	--pro_color_lighter: hsl(265 98 63);
	--pro_verified_color: #ffdd20;
	--pro_verified_color_darker: #2f1d00;
	--user_color: #008aab;
	--paid_color: #ffc700;
	--agency_color: #1daba8;
	--magazine_color: #333;
	--ai_color: #eb4dc6;
	--usertype_a_background_color: #a9cb09;
	--usertype_a_background_color_darker: #779900;
	--usertype_b_background_color: #faa500;
	--usertype_b_background_color_darker: #c86900;
	--usertype_c_background_color: #e856a5;
	--usertype_c_background_color_darker: #b62473;
	--usertype_d_background_color: #00aee1;
	--usertype_d_background_color_darker: #007caf;
	--usertype_e_background_color: #fa4114;
	--usertype_e_background_color_darker: #c80f00;
	--icon_size_big: 18px;
	--icon_size_normal: 15px;
	--icon_size_medium: 14px;
	--icon_size_small: 13px;
	--icon_size_smaller: 12px;
	--linkHoverTransitionEnter: 0.02s;
	--linkHoverTransitionLeave: 0.15s;
}



html
{
	overflow: -moz-scrollbars-vertical;
	overflow-y: auto;
	position: relative;
	scroll-behavior: smooth;

	--activeOutlineColor: var(--primary_6);
}

body
{
	background: #fff;
	font-family: var(--a_text_font_family);
	line-height: var(--a_text_line_height);
	font-size: var(--a_text_font_size);
	font-weight: var(--a_text_font_weight);
	letter-spacing: normal;
	color: var(--a_text_color_main);
}

body.inApp {
	font-size: 12.5pt;
}

* {
	/** no text select **/

	/** no dragging **/
	-webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none;

    /** turn off tap highlights on iOS */
    -webkit-tap-highlight-color : transparent;
    -webkit-touch-callout : none;

   /* -webkit-tap-highlight-color: var(--a_text_color_primary); */

   touch-action: manipulation;
}

body.inApp p,
body.inApp a,
body.inApp div {
	-webkit-user-select: none !important;
}

.textSelect {
	-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
}

a {
	color: var(--a_text_color_primary);
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;

	transition: color var(--linkHoverTransitionLeave); ease-in-out;
}

a:hover {
	color: var(--a_text_color_primary_highlight);
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	transition: color var(--linkHoverTransitionEnter); ease-in-out;
}

b {
	font-weight: 600;
}


body.dark
{
	background-color: var(--dark_color);
}

a:hover,
a:focus,
}

a:focus-visible {
	text-decoration: none;
	outline: dotted var(--activeOutlineColor) 2.5px;
}

img
{
	border: none;
}

form
{
	margin: 0px;
}

p
{
	margin: 0px 0px 10px 0px;
}

hr {
	display: block;
	border: none;
	float: left;


	border-bottom: solid rgba(0, 0, 0, 0.1) 1px;

	clear: both;
	padding: 0px;
	margin: 10px 0px;
	width: 100%;
	overflow: hidden;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

hr.light {
	border-color: rgba(255, 255, 255, .1);
}

hr.dark {
	border-color: rgba(0, 0, 0, .1);
}

hr.short
{
	margin-left: 32%;
	margin-right: 32%;
	width: 36%;
}

hr.margin {
	margin: 40px 0;
}

hr.isolated,
hr.isolated_bottom {
	margin-bottom: 30px !important;
}

hr.isolated,
hr.isolated_top {
	margin-top: 30px !important;
}

hr.darkBackground {
	border-color: rgba(255, 255, 255, 0.3);
}

.paragraph
{
	margin: 10px;
	clear: both;
	display: block;
	overflow: hidden;
}

.paragraph.isolated {
	margin-top: 30px;
	margin-bottom: 30px;
}

::selection
{
	background: var(--selection_background_color);
}

::-moz-selection
{
	background: var(--selection_background_color);
}

img.shadow
{
	
			border-radius: var(--rounded_corners_radius);
	
			box-shadow: 0 3px 5px rgba(0, 80, 150, 0.2);
			-moz-box-shadow: 0 3px 5px rgba(0, 80, 150, 0.2);
			-webkit-box-shadow: 0 3px 5px rgba(0, 80, 150, 0.2);
}

img.smiley {
	width: 22px;
	height: 22px;
}

#noscript {
	position: fixed;
	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

	z-index: 10000;
	background: var(--warning_color);
	padding: 40pt;

	color: #fff;
}

#noscript > .title {
	font-size: 30pt;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
}

#noscript > .message {
	margin-top: 30px;
	font-size: 18pt;
	line-height: 1.3em;
}

.showOnlyWhenBlockingAds {
	display: none;
}

@media print {
	@page {
		size: landscape;
		margin: 0;
	}
}

.hdrjpg > img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.hdrjpg > video {
	width: 100%;
}

html {
	--scrollbarBG: transparent;
	--thumbBG: rgba(0, 0, 0, .3);
}

body div::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

body div {
	scrollbar-width: thin;
	scrollbar-color: transparent;
}

body div:hover {
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

body div::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 6px;
}

body div:hover::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}

body div::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 6px;
}

body div:hover::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG);
}

/* Hide scroll in app */
html.inApp {
	-ms-overflow-style: none;
	scrollbar-width: none;
	scrollbar-color: transparent;
}

html.inApp::-webkit-scrollbar,
html.inApp::-webkit-scrollbar-track,
html.inApp::-webkit-scrollbar-thumb {
  display: none;
}

/* b combination */

.b_text_combination
{ color: var(--b_text_color_main); }

.b_text_combination .button_text
{ color: var(--b_text_color_button); }

.b_text_combination .button_text:hover,
a:hover.b_text_combination
{ color: var(--b_text_color_button_hover); }

.b_background_color_main
{ background-color: var(--b_background_color_main); }

.color_plus { color: var(--plus_color); }
.color_pro { color: var(--pro_color); }

.backgroundPlus { background-color: var(--plus_color) !important; }
.backgroundPro { background-color: var(--pro_color) !important; }

.backgroundAttention { background-color: var(--attention_color) !important; }

/* usertype colors */

.background_color_usertype_a
{ background-color: var(--usertype_a_background_color) !important; }

.background_color_usertype_b
{ background-color: var(--usertype_b_background_color) !important; }

.background_color_usertype_c
{ background-color: var(--usertype_c_background_color) !important; }

.background_color_usertype_d
{ background-color: var(--usertype_d_background_color) !important; }

.background_color_usertype_e
{ background-color: var(--usertype_e_background_color) !important; }


.border_color_usertype_a
{ border-color: var(--usertype_a_background_color_darker) !important; }

.border_color_usertype_b
{ border-color: var(--usertype_b_background_color_darker) !important; }

.border_color_usertype_c
{ border-color: var(--usertype_c_background_color_darker) !important; }

.border_color_usertype_d
{ border-color: var(--usertype_d_background_color_darker) !important; }

.border_color_usertype_e
{ border-color: var(--usertype_e_background_color_darker) !important; }


.color_a_hover_usertype_a a:hover,
.color_usertype_a
{ color: var(--usertype_a_background_color) !important; }

.color_a_hover_usertype_b a:hover,
.color_usertype_b
{ color: var(--usertype_b_background_color) !important; }

.color_a_hover_usertype_c a:hover,
.color_usertype_c
{ color: var(--usertype_c_background_color) !important; }

.color_a_hover_usertype_d a:hover,
.color_usertype_d
{ color: var(--usertype_d_background_color) !important; }

.color_a_hover_usertype_e a:hover,
.color_usertype_e
{ color: var(--usertype_e_background_color) !important; }

.backgroundLogin {

}

.backgroundIdea {
	background: #FF512F !important;
	background: -webkit-linear-gradient(to left, #FF512F , #DD2476) !important;
	background: linear-gradient(to left, #FF512F , #DD2476) !important;
}

.backgroundSky {
	background-image: url('/gfx/img/gradients/sky.jpg') !important;
	background-color: #e9d0e5 !important,
	background-position: center;
	background-repeat: repeat;
}

.backgroundRoyalHeal {
	background-image: url('/gfx/img/gradients/royal_heal.jpg') !important;
	background-color: #cfbbfa !important;
	background-position: center;
	background-repeat: repeat;
}

.backgroundWisteria {
	background-image: url('/gfx/img/gradients/wisteria.jpg') !important;
	background-color: #d09abc !important;
	background-position: center;
	background-repeat: repeat;
}

.backgroundPlusGradient {
	background: var(--plus_color) !important;
	background: -moz-linear-gradient(90deg, var(--plus_color_lighter) 0%, var(--plus_color) 50%, var(--plus_color_darker) 100%) !important;
	background: -webkit-linear-gradient(90deg, var(--plus_color_lighter) 0%, var(--plus_color) 50%, var(--plus_color_darker) 100%) !important;
	background: linear-gradient(90deg, var(--plus_color_lighter) 0%, var(--plus_color) 50%, var(--plus_color_darker) 100%) !important;
}

.backgroundProGradient {
	background: var(--pro_color) !important;
	background: -moz-linear-gradient(90deg, var(--pro_color_lighter) 0%, var(--pro_color) 50%, var(--pro_color_darker) 100%) !important;
	background: -webkit-linear-gradient(90deg, var(--pro_color_lighter) 0%, var(--pro_color) 50%, var(--pro_color_darker) 100%) !important;
	background: linear-gradient(90deg, var(--pro_color_lighter) 0%, var(--pro_color) 50%, var(--pro_color_darker) 100%) !important;
}

.backgroundSerious {
	background-image: linear-gradient(to top, #09203f 0%, #537895 100%) !important;
}

/*
.backgroundSummerVibes {
	--base-color: #ff386a;
	background-color: var(--base-color) !important;
}

.backgroundSummerVibes.green {
	background-color: #40dad3 !important;
}

.backgroundSummerVibes.yellow {
	background-color: #ffd72b !important;
}

.backgroundSummerVibes.pink {
	background-color: #ca275d !important;
}

.backgroundSummerVibes.white {
	--base-color: #ffcc00;
	background-color: var(--base-color) !important;
}
*/

@media only screen and (min-width: 751px) {

	.backgroundFunnyGif_photographer_1 {
		background: url('/gfx/img/photographer_1.gif'), #111 !important;
		background-size: 350px !important;
		background-repeat: no-repeat !important;
		background-position: 95% 100% !important;
	}

	.backgroundFunnyGif_thinking {
		background: url('/gfx/img/thinking.gif'), #111 !important;
		background-size: 300px !important;
		background-repeat: no-repeat !important;
		background-position: 95% 100% !important;
	}

	.backgroundFunnyGif_click {
		background: url('/gfx/img/click.gif'), #111 !important;
		background-size: 350px !important;
		background-repeat: no-repeat !important;
		background-position: 95% 100% !important;
	}
}

.backgroundAnimated1 {
	background: url('/gfx/img/background_animated_1.gif'), #111 !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.backgroundAnimated2 {
	background: url('/gfx/img/background_animated_2.gif'), #111 !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.backgroundAnimated3 {
	background: url('/gfx/img/background_animated_3.webp'), #111 !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.backgroundColorfulAnimation {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) !important;
	background-size: 200% 200% !important;
	animation: backgroundColorfulAnimation 3s ease infinite !important;
}

@keyframes backgroundColorfulAnimation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

h1,h2,h3,h4,
h1 a, h2 a, h3 a, h4 a
{
	margin: 0px;
	padding: 0px;
	font-family: var(--b_text_font_family);
	line-height: 1.7em;
    font-weight: 600;
}

h1,
h1 a
{
	font-size: 30pt;
	text-transform: none;
	letter-spacing: var(--head_font_letter_spacing);
	font-weight: var(--head_font_weight);
	line-height: 1.15em;
}

@media only screen and (max-width: 750px) {
	h1 {
		font-size: 30pt;
	}
}

h1.highlighted,
h2.highlighted,
h3.highlighted
{
	color: var(--a_text_color_primary);
}

h2,
h2 a
{
	font-size: 19pt;
	line-height: 1.25em;
}

h3,
h3 a
{
	font-size: 17pt;
	line-height: 1.3em;
	font-weight: 500;
}

h4,
h4 a
{
	font-size: 13pt;
	line-height: 1.3em;
	font-weight: 500;
}

h1.lowercase,
h2.lowercase,
h3.lowercase
{
	text-transform: lowercase;
}

h1.text_shadow_over_image,
h2.text_shadow_over_image,
h3.text_shadow_over_image
{
	text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
}

h1.light,
h2.light,
h3.light,
h4.light {
	color: #fff;
}

h1.centered,
h2.centered,
h3.centered,
h4.centered {
	text-align: center;
}

.headerImage {
	float: left;
	width: 100%;
	text-align: center;
}

.headerImage.isolated {
	margin: 40px 0;
}

.headerImage > img {
	max-height: 150px;
	max-width: 350px;
}

@media only screen and (max-width: 750px) {
	.headerImage > img {
		max-width: calc(100vw - 40px);
	}
}

.headerTitle {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
	font-weight: 200;
	font-size: 35pt;
	line-height: 1.2em;
}

@media only screen and (max-width: 750px) {
	.headerTitle {
		font-size: 20pt;
	}
}

.columns {
    display: inline-flex;
    width: 100%;
	flex-wrap: wrap;
	clear: both;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.columns.centered {
	width: auto;

	-webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;

	margin-left: 50%;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

.columns.isolated {
    margin-top: 30px;
    margin-bottom: 30px;
}

.columns.border > .column {
	border: solid var(--faint_color) 1px;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.columns .column {
	flex-shrink: 0;
	max-width: 100%;
}

.columns.margin .column {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    margin: 10px;
}

.columns.padding .column {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    padding: 15px;
}

.columns.paddingBig .column {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    padding: 40px;
}

.columns .column {
    flex-grow: 1;
}

.columns .column.two_columns {
    flex: 1 0 50%;
}

.columns.margin .column.two_columns {
	flex: 1 0 calc(50% - 20px);
}

.columns .column.three_columns {
    flex: 1 0 33.3% !important;
}

.columns.margin .column.three_columns {
	flex: 1 0 calc(33.3% - 20px);
}

.column_centered {
    float: none;
    width: 80%;
    max-width: 620px;
    margin-left: auto !important;
    margin-right: auto !important;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.column_centered.smaller {
    width: 50%;
    max-width: 450px;
}

.column_centered.narrow {
    width: 500px;
    max-width: 100%;
}

.column_centered.isolated {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

@media only screen and (max-width: 750px) {
	.columns {
		flex-direction: column;
	}

    .column_centered,
    .column_centered.smaller {
        width: 100%;
        padding: 0 20px;
    }
}

ul {
	display: block;
	list-style-type: disc;
	clear: both;
	list-style-type: none;
}

ul.no_margin {
	margin-left: 0;
	padding-left: 0;
}

ul > li {
	text-align: left;
	position: relative;
	padding: 0 0 .7em 1.5em;
}

ul.tight > li {
	padding-bottom: 0;
}

ul > li:last-child {
	padding-bottom: 0;
}

ul > li:after {
	position: absolute;
	top: .2em;
	left: 0;
	width: 1.1em;
	height: 1.1em;
	content: '';
	-webkit-mask-image: url('/gfx/img/li_item.svg');
	mask-image: url('/gfx/img/li_item.svg');
	-webkit-mask-size: 14px;
	mask-size: 14px;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: currentColor;
}

ul.ticks > li:after {
	-webkit-mask-image: url('/gfx/img/li_item_tick.svg');
	mask-image: url('/gfx/img/li_item_tick.svg');
}

ul > li:after {
	background-color: currentColor;
}

ul.warning {
	color: var(--warning_color_darker);
}

ul.info > li:after {
	-webkit-mask-image: url('/gfx/icons/main/info.svg');
	mask-image: url('/gfx/icons/main/info.svg');
}

ul.prohibited > li {
	color: var(--warning_color);
}

ul.prohibited > li:after {
	-webkit-mask-image: url('/gfx/icons/main/forbidden.svg');
	mask-image: url('/gfx/icons/main/forbidden.svg');
}

ul.warning > li:after {
	-webkit-mask-image: url('/gfx/img/lists/warning.svg');
	mask-image: url('/gfx/img/lists/warning.svg');
}

ul.plus > li:after {
	-webkit-mask-image: url('/gfx/icons/main/membership.svg');
	mask-image: url('/gfx/icons/main/membership.svg');
}

ul.pro > li:after {
	-webkit-mask-image: url('/gfx/icons/main/membership.svg');
	mask-image: url('/gfx/icons/main/membership.svg');
}

ul.faint > li {
	color: #999;
}

ul.ticks > li.featured {
	font-weight: bold !important;
}

ul.ticks > li.super_featured {
	font-weight: bold;
	padding: 1em;
	background-image: none;
	background-color: #ffd;
	overflow: visible;
	
			border-radius: var(--rounded_corners_radius);
}


ul.faint > li b {
	color: var(--a_text_color_main);
}

ul.isolated {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

ul.narrow {
	padding: 0 50px;
	max-width: 400px;
	margin: 0 auto;
}

ul.short {
	max-width: 300px;
}

ul.centered {
	margin: 0 auto;
}

@media only screen and (max-width: 500px) {
	ul.isolated {
		padding-left: 0px;
		padding-right: 0px;
	}
}


/* fancy */

ul.fancy {
	float: left;
	padding: 0;
	width: 100%;
	margin: 0;
}

ul.fancy > li {
	display: flex;
	gap: 10px;

	position: relative;
	clear: both;
	background: var(--faintest_color);

	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	padding: 10px;

	
			border-radius: var(--rounded_corners_radius);

	list-style-type: none;
}

ul.fancy > li:after {
	display: none;
}

ul.fancy > li.selected {
	background: #fffaf0;
}

ul.fancy > li.inactive {
	background: #f8f8f8;
	border-bottom: solid #f3f3f3 1px;
}

ul.fancy > li > .icon {
	float: left;
	margin-top: 7px;
	margin-right: 10px;
}

ul.fancy > li > .icon.black {
	opacity: 0.7;
}

ul.fancy > li > .icon.size32 {
	margin-right: 15px;
}

ul.fancy > li > .thumbnail {
	float: left;
	margin-right: 10px;
	width: 80px;
	height: 50px;
	
			border-radius: var(--rounded_corners_radius);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

ul.fancy > li > .badge {
	position: absolute;

	top: -5px;
	right: 5px;

	padding: 1px 5px;

	font-size: 9pt;
	line-height: 20px;

	color: #fff;
	background: #999;

	text-align: center;
	white-space: nowrap;

	
			border-radius: var(--rounded_corners_radius);;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

ul.fancy > li > .badge.ok {
	background: #69ac00;
}

ul.fancy > li > .badge.ko {
	background: #e00035;
}

ul.fancy > li > .badge > .icon {
	float: left;
	margin: 2px 5px 2px 0;
}

ul.fancy > li > .thumbnail {
	max-width: 60px;
}

ul.fancy > li > .profile_image {
	flex-grow: 0;
	float: left;
	width: 64px;
	height: 64px;
	margin: 0 10px 0 0;
	
			border-radius: var(--rounded_corners_radius);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #666;
}

ul.fancy > li > .drag_handle {
	cursor: move;
}

ul.fancy > li > .texts {
}

ul.fancy > li .title,
ul.fancy > li .title a {
	font-size: 14pt;
}

ul.fancy > li > .texts > .title > .icon {
	margin-right: 10px;
	height: 25px;
}

ul.fancy > li .subtitle,
ul.fancy > li > .texts > .subtitle {
	display: block;
	font-family: var(--special_a_text_font_family);
	color: #888;
}

ul.fancy > li .buttons {
	text-align: right;
}

ul.fancy > li .buttons > .button {
	margin: 0 0 0 5px;
}

ul.fancy > li .buttons > .button:last-child {
	margin-right: 0;
}

ul.fancy > li > .additional {
	flex-basis: 100%;
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid rgba(0, 0, 0, 0.1) 1px;
	color: #888;
}

/* fancy 2 */

ul.fancy_2 {
	padding: 0;
}

ul.fancy_2 > li {
	list-style-type: none;

	background-image: url('/gfx/img/item_white.png');
	background-repeat: no-repeat;
	background-position: 0 3px;

	padding: 0 15px 0 15px;
}

/* fancy 3 */

ul.fancy_3 {
	margin: 0;
	padding: 0;
}

ul.fancy_3 > li {
	margin: 0 10px 0 0;
	padding: 0;
	list-style-type: none;
}

/* stats */

ul.stats {
	display: inline-block;
	float: none;
	width: auto;
	padding: 0;
	vertical-align: top;
}

ul.stats > li {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 1em;
}

ul.stats > li > .icon {
	margin-right: 12px;
}

ul.stats > li > .icon.black {
	opacity: 0.3;
}

ul.stats > li > .text {
	overflow: hidden;
	line-height: 1.4em
}

ul.stats.twocolumns {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
}

ul.stats.twocolumns > li {
	float: none;
	overflow: hidden;
}

ul.stats.fainted > li > .icon.black {
	opacity: 0.4;
}

ul.stats.fainted > li > .text {
	opacity: 0.4;
}

ul.stats.twocolumns > li {
	overflow: hidden;
}

@media only screen and (max-width: 750px) {
	ul.stats.twocolumns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	ul.stats > li > .icon {
		background-size: 13px;
		width: 13px;
		height: 10pt;
	}

	ul.stats li {
		font-size: 10pt;
	}
}

/* numbered */
dl.numbered {
	float: left;
	counter-reset: list-counter;
	margin: 0 20px;
}

dl.numbered.isolated {
	margin-top: 40px;
	margin-bottom: 40px;
}

dl.numbered dt {
	position: relative;
	vertical-align: middle;
	padding: 20px 20px 20px 65px;
}

dl.numbered dt.oneline {
	padding-top: 8px;
}

dl.numbered dt:last-child {
	margin-bottom: 0px;
}

dl.numbered dt:before {
	content: counter(list-counter);
	counter-increment: list-counter;

	position: absolute;
	left: 5px;
	top: 20px;

	width: 35px;
	height: 35px;

	border: solid var(--a_text_color_main) 1px;
	color: var(--a_text_color_main);

	text-align: center;
	font-size: 13pt;
	font-weight: 400;
	line-height: 35px;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

dl dt.highlighted,
dl.highlightFirst.numbered dt:first-child:before,
dl.highlightLast.numbered dt:last-child:before {
	background: var(--info_color);
	color: #fff;
	border: none;
}


/* images */
ul.images {
	margin: 0;
	padding: 0;
}

ul.images > li {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
	list-style-type: none;
}

ul.images > li.clickable {
	cursor: pointer;
}

ul.images > li > .image {
	width: 215px;
	height: 250px;
	background-position: center 15%;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f4f4f4;

	
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);
}

ul.images > li > .bar {
	padding: 5px;
	background: #444;
	color: #fff;
	
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);
	text-align: left;
}

ul.images > li.selected > .bar {
	background: var(--a_text_color_primary);
}

ul.images > li > .bar > .title {
	font-family: var(--special_a_text_font_family);
	font-size: var(--a_text_font_size_small);
}

ul.images > li:hover > .bar {
	background-color: var(--a_text_color_primary);
}

ul.images > li > .star {
	position: absolute;
	top: 10px;
	right: 10px;

	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	background-repeat: none;
}

ul.images > li.selected > .star {
	background-image: url('/gfx/img/star_selected.png');
}

ul.images > li.unselected > .star {
	background-image: url('/gfx/img/star_unselected.png');
}

/* withTitles */
ul.withTitles {
	float: left;
}

ul.withTitles > li {
	margin-bottom: 40px;
}

ul.withTitles.ticks > li:after,
ul.withTitles.prohibited > li:after {
	top: .65em;
}

/* pills */
ul.pills {
	list-style-type: none;
	font-size: 12pt;
}

ul.pills > li:not(:last-child) {
	margin-bottom: .3em;
}

ul.pills > li > b:first-child,
ul.pills > li > a:first-child {
	background: #666;
	color: #fff !important;
	border-radius: 25px;
	padding: .2em .6em;
	font-weight: normal;
	margin-right: .1em;
}

ul.pills > li > a:first-child:hover {
	background-color: var(--a_text_color_primary);
	color: #fff !important;
}

ul.pills > li > p {
	margin-top: 10px !important;
}

html {
	min-height: 100vh;
	overscroll-behavior-y: none;
}

body {
	max-width: 100vw;
	min-height: 100vh; /* Required to allow content.sticky to work*/
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

body:not(.withFaintMainMenu) {
	padding-top: var(--main_menu_height);
}

body.inApp {
	padding-top: calc(var(--main_menu_app_header_height));
	padding-top: calc(var(--main_menu_app_header_height) + env(safe-area-inset-top));
	padding-bottom: calc(var(--main_menu_app_drawer_height) + env(safe-area-inset-bottom)) !important;
	float: left;
	width: 100vw;
}

body.dark {
	color: #fff;
}

body.grey {
	background-color: var(--faintest_color);;
}

body.signupSection,
body.userSection {
	color: #fff;
	background-color: var(--dark_color);;
}

body > .content {
	display: block;
	max-width: var(--contents_width_wider);
	margin: 0 auto;
	clear: both;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

body > .content:before,
body > .content:after {
	content: " ";
	display: table;
}

body > .content:after {
	clear: both;
}

body > .content.with_subheader
{
	margin-top: 0;
}

body > .content.nomargins
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* content padding */
body > .content.padding {
	padding: 20px;
}

body > .content.paddingBottom {
	padding-bottom: 20px;
}

body > .content.paddingTop {
	padding-top: 20px;
}

body > .content.paddingHorizontal {
	padding-left: 20px;
	padding-right: 20px;
}

body > .content.paddingVertical {
	padding-top: 20px;
	padding-bottom: 20px;
}

/*
	When there is a subblock and padding was specified, remove padding top because the subblock itself has a padding.
	This exception should only apply when the body is not grey.
	Also, this exception should only apply when the subblock is not dark
	Additionally, this exception only should apply when there isn't a neatheader.
*/
/* body.withSubBlock:not(.withNeatHeader):not(.grey):not(:has(> #mainMenuSubBlock.dark)) > .content.padding,
body.withSubBlock:not(.withNeatHeader):not(.grey):not(:has(> #mainMenuSubBlock.dark)) > .content.paddingVertical,
body.withSubBlock:not(.withNeatHeader):not(.grey):not(:has(> #mainMenuSubBlock.dark)) > .content.paddingTop {
	padding-top: 0;
} */

/* content dark */
body > .content.dark {
	background-color: var(--dark_color);
	color: #fff;
}

/* content grey */
body > .content.grey {
	background-color: var(--faintest_color);
}

/* content wide */

body > .content.wide {
	position: relative;
	float: left;
	max-width: none;
	width: 100%;
}

body > .content.wide.margin_top {
	margin-top: 15px;
}

body > .content.wide.user {
	background-image: url('/gfx/img/signup_wood_floor.jpg');
	background-repeat: repeat;
	background-size: cover;
	background-position: center 30%;
	background-color: #975438;
	color: #fff;
	padding: 60px 0;
	text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
}

/* content wide backgrounded_non_wide_container */

body > .content.wide.backgrounded_non_wide_container
{
	background-color: #fff;

	box-shadow: inset 0 -3px 10px -3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 -3px 10px -3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 -3px 10px -3px rgba(0, 0, 0, 0.2);

	padding: 20px 0;
}

body > .content.wide.backgrounded_non_wide_container.add_top_inner_shadow
{
	box-shadow: inset 0 -3px 10px -3px rgba(0, 0, 0, 0.2), inset 0 3px 10px -3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 -3px 10px -3px rgba(0, 0, 0, 0.2), inset 0 3px 10px -3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 -3px 10px -3px rgba(0, 0, 0, 0.2), inset 0 3px 10px -3px rgba(0, 0, 0, 0.2);
}

body > .content.wide.backgrounded_non_wide_container.with_background_image
{
	background-size: cover;
	background-position: center center;
}

body > .content.wide.backgrounded_non_wide_container .huge_title
{
	font-family: var(--special_a_text_font_family);
	font-size: 40pt;
	text-align: center;
	line-height: 1em;
}

body > .content.wide.backgrounded_non_wide_container.with_background_image.light_fg
{
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0 2px;
}

body > .content.wide.backgrounded_non_wide_container.with_background_image.dark_fg
{
	color: #444;
	text-shadow: #fff 0 2px;
}

body > .content.wide.backgrounded_non_wide_container,
body > .content.wide.backgrounded_non_wide_container a
{

	font-size: 12pt;
	line-height: 1.2em;
}

body > .content.wide.backgrounded_non_wide_container a
{
	color: var(--a_text_color_button_hover);
}

body > .content.wide.backgrounded_non_wide_container a:hover
{
	text-decoration: none;
	color: var(--a_text_color_button_hover);
}

body > .content.wide.backgrounded_non_wide_container.padding
{
	width: 100%;
	padding: 20px 0;
}

body > .content.wide.backgrounded_non_wide_container > .container
{
	position: relative;
	width: var(--contents_width_wider);
	margin: 0 auto;
}

body > .content.wide.backgrounded_non_wide_container > .container > .arrow
{
	position: absolute;
	right: 30px;
	top: -35px;
	background: url('/gfx/img/subheader_arrow.png');
}

/* content wide shaded */

body > .content.wide.shaded
{
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

/* content narrow */
body > .content.narrow {
	max-width: var(--contents_width_narrow);
}

.subContentDivNarrow {
	max-width: var(--contents_width_narrow);
	margin: 0 auto;
}

/* content narrower */
body > .content.narrower {
	max-width: 500px;
}

#social_bar
{
	width: 950px;
	clear: both;
	margin: 0 auto;
	color: #a7a7a7;
	margin: 10px auto 0 auto;
}

/* content TwoColumnsMenuLayout */
body > .content > .twoColumnsContent {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 20px;
	padding: 0 40px;
}

@media only screen and (max-width: 980px) {
	body > .content > .twoColumnsContent {
		padding: 0 20px;
	}
}

body > .content > .twoColumnsContent.mainLeft > .column.left { flex-grow: 1; }

body > .content > .twoColumnsContent.mainRight > .column.left { flex-grow: 0; }

body > .content > .twoColumnsContent.mainLeft > .column.right,
body > .content > .twoColumnsContent.mainRight > .column.left {
	width: 310px;
	flex-grow: 0;
	flex-shrink: 0;
}

body > .beforeContent {
	float: left;
	width: 100%;
}

body > .beforeContent.withSeparator {
	border-bottom: solid var(--fainter_color) 1px;
}

@media only screen and (max-width: 980px) {
	body > .content > .twoColumnsContent {
		flex-direction: column;
	}

	body > .content > .twoColumnsContent > .column {
		width: 100% !important;
		margin: 0 !important;
	}
}

body.forPopup {
	padding: 0;
}

body.forPopup > .content {
	padding-top: 0;
	padding-bottom: 0;
}

#footer {

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	clear: both;
	margin: 0;
	padding: 0;

	border-top: solid var(--fainter_color) 1px;
}

#footer .threeColumns a {
	color: var(--grey_color);
	text-decoration: none;
}

#footer .threeColumns a:hover {
	color: var(--a_text_color_primary_highlight);
	text-decoration: underline;
}

/* for dark backgrounds */
body.dark #footer {
	border-top: solid rgba(255, 255, 255, .2) 1px;
	color: #fff;
}

body.dark #footer a {
	color: rgba(255, 255, 255, .7) !important;
}

body.dark #footer a:hover {
	color: rgba(255, 255, 255, 1);
}

/* above */

#footer .above {
	display: flex;
	gap: 30px;
	flex-direction: column;
	padding: 30px;
}

#footer .above + div {
	border-top: solid rgba(255, 255, 255, .3) 1px;
}

/* threeColumns */

#footer .threeColumns {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	max-width: var(--contents_width_wide);
	margin: 0 auto;
	padding: 50px;
}

body.inApp #footer .threeColumns {
}

#footer .threeColumns > .column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
}

#footer .threeColumns .right {
	text-align: right;
}

#footer .threeColumns > div:not(:last-child) {
	margin-right: 50px;
}

#footer .threeColumns + .below {
	margin-top: 40px;
}

#footer .threeColumns > div > a:not(:last-child):not(.button) {
	margin-right: 30px;
}

@media only screen and (max-width: 750px) {
	#footer {
		padding: 20px;
	}

	#footer .threeColumns {
		flex-direction: column;
		align-items: center;
		margin: 0 !important;
		width: 100%;
		padding: 0;
	}

	#footer .threeColumns > div {
		margin: 0 0 40px 0 !important;
	}
}

/* footer menu */
#footer .menu {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

@media only screen and (max-width: 750px) {
	#footer .menu {
		display: block;
	}

	#footer .menu > div {
		margin-bottom: 30px;
	}

	#footer .menu > .column {
		padding: 0;
		margin-right: 0 !important;
	}
}

#footer .menu > .column {
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: flex-start;
}

#footer .menu > .column:not(:last-child) {
	margin-right: 50px;
}

#footer .logos {
	padding-top: 30px;
	display: flex;
	justify-content: flex-start;
	clear: both;
}

#footer .logos.centered {
	justify-content: center;
}

#footer .logos > a:not(:last-child) {
	margin-right: 20px;
}

#footer .logos > a > img {
	filter: grayscale(1);
	opacity: .4;
	height: 40px;
	transition: all .2s;
}

#footer .logos > a:hover > img {
	filter: none;
	opacity: 1;
}

#footer .logos.photolancers {
	display: flex;
	justify-content: center;
}


/* footer floating */

#footer.floating {
	position: fixed;
	bottom: 0;
}

@media only screen and (max-width: 750px) {
	#footer.floating {
		position: relative;
	}
}

.clear_left
{
	clear: left;
}

.clear_right
{
	clear: right;
}

.clear_both
{
	clear: both;
}

.no_margin
{
	margin: 0;
}

.margin_right
{
	margin-right: 10px !important;
}

.margin_left
{
	margin-left: 10px !important;
}

.margin_left_double
{
	margin-left: 20px !important;
}

.margin_right_double
{
	margin-right: 20px !important;
}

.margin_bottom
{
	margin-bottom: 10px !important;
}

.margin_bottom_double
{
	margin-bottom: 20px !important;
}

.margin_bottom_triple
{
	margin-bottom: 30px !important;
}

.margin_bottom_quadruple
{
	margin-bottom: 40px !important;
}

.margin_top
{
	margin-top: 10px !important;
}

.margin_top_double
{
	margin-top: 20px !important;
}

.margin_top_triple {
	margin-top: 30px !important;
}

.margin_top_quadruple {
	margin-top: 40px !important;
}

.padding_top
{
	padding-top: 10px;
}

.padding_left
{
	padding-left: 10px;
}

.padding_bottom
{
	padding-bottom: 10px;
}

.padding_double
{
	padding: 20px;
}

.scrollable_y
{
	overflow-y: scroll;
	overflow-x: hidden;
}

.text_align_right
{
	text-align: right !important;
}

.text_align_center
{
	text-align: center;
}

.overflow_hidden
{
	overflow: hidden;
}

.width_100
{
	width: 100px;
}

.width_150
{
	width: 150px;
}

.width_200
{
	width: 200px;
}

.width_250
{
	width: 250px;
}

.width_300
{
	width: 300px;
}

.width_350
{
	width: 350px;
}

.width_400
{
	width: 400px;
}

.width_450
{
	width: 450px;
}

.width_500
{
	width: 500px;
}

.width_550
{
	width: 550px;
}

.width_600
{
	width: 600px;
}

.display_none
{
	display: none;
}

.float_left
{
	float: left;
}

.float_right
{
	float: right;
}

.lopd_footer
{
	float: left;
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 10px 0;
	text-align: center;
	border-top: solid #ddd 1px;
}

.message_sent {
	position: relative;
	width: 100%;
	max-width: min(400px, 100%);

	margin: 0 auto;
	padding: 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	-moz-transform:rotate(-5.5deg);
	-webkit-transform:rotate(-5.5deg);
	-o-transform:rotate(-5.5deg);
	-ms-transform:rotate(-5.5deg);
}

.message_sent > img {
	content: url('/gfx/img/envelope.jpg');
	max-width: 100%;
}

.message_sent > .addressee {
	position: absolute;

	font-size: 14px;

	line-height: 1.2em;
	color: rgba(0, 0, 0, 0.5);

	top: 15%;
	left: 25%;
	right: 25%;
	text-align: center;
	white-space: wrap;
	word-break: break-all;
}

.button_big .euro_character
{
	font-size:22px;
}

.bbCodeFontSize_1 {
	font-size: 9pt;
}

.bbCodeFontSize_2 {
	font-size: 10pt;
}

.bbCodeFontSize_3 {
	font-size: var(--a_text_font_size_small);
}

.bbCodeFontSize_4 {
	font-size: 12pt;
}

.bbCodeFontSize_5 {
	font-size: 13pt;
}

.bbCodeFontSize_6 {
	font-size: 14pt;
}

.bbCodeFontSize_7 {
	font-size: 15pt;
}

.bbCodeFontSize_8 {
	font-size: 16pt;
}

@media only screen and (max-width: 500px) {
	.hideOnTinyScreens { display: none !important; }
}

@media only screen and (min-width: 501px) {
	.showOnlyOnTinyScreens { display: none !important; }
}

@media only screen and (max-width: 750px) {
	.hideOnSmallScreens { display: none !important; }
}

@media only screen and (min-width: 751px) {
	.showOnlyOnSmallScreens { display: none !important; }
}

@media only screen and (max-width: 980px) {
	.hideOnNormalScreens { display: none !important; }
}

@media only screen and (min-width: 981px) {
	.showOnlyOnNormalScreens { display: none !important; }
}

.backgroundImageAlignDefine_0 { background-position: left top !important; }
.backgroundImageAlignDefine_1 { background-position: center top !important; }
.backgroundImageAlignDefine_2 { background-position: right top !important; }
.backgroundImageAlignDefine_3 { background-position: left center !important; }
.backgroundImageAlignDefine_4 { background-position: center center !important; }
.backgroundImageAlignDefine_5 { background-position: right center !important; }
.backgroundImageAlignDefine_6 { background-position: left bottom !important; }
.backgroundImageAlignDefine_7 { background-position: center bottom !important; }
.backgroundImageAlignDefine_8 { background-position: right bottom !important; }

.textStandoutStyle_0 { text-shadow: 0 0 5px rgba(0, 0, 0, .5); }
.textStandoutStyle_1 { text-shadow: 0 0 5px rgba(0, 0, 0, .5), 0 0 20px rgba(0, 0, 0, 1); }

.embeddedVideoContainer {
	width: 100%;
	float: left;
	text-align: center;
}

.embeddedVideoContainer > iframe {
	float: left;
}

.embeddedVideoContainer.aspectRatio_16_9 > iframe {
	aspect-ratio: 16 / 9;
}

.embeddedVideoContainer.aspectRatio_4_3 > iframe {
	aspect-ratio: 4 / 3;
}

.embeddedVideo {
	display: inline-block;
	width: 100%;
	height: 100%;

	background-image: url('/gfx/img/loading_dark.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.embeddedVideoContainer.isolated {
	margin: 60px 0;
}

/* code */

.code {
	position: relative;
	font-family: var(--special_a_text_font_family);
	padding: 10px;
	border: solid #aaa 1px;
	line-height: 1em;

	
			border-radius: var(--rounded_corners_radius);;
	-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
}

.code.coupon {
}

.code.isolated {
	margin: 1.5em 0;
}

.code.withTitle {
	margin-top: 1em;
}

.code.isolated.withTitle {
	margin-top: 2.5em;
}

.code.fullWidth {
	width: 100%;
}

.code > .title {
	position: absolute;
	left: 10px;
	bottom: 100%;

	font-family: var(--b_text_font_family);
	font-size: 9.5pt;
	line-height: 1em;

	text-transform: uppercase;
	letter-spacing: normal;

	background: #aaa;
	color: #fff;

	padding: 6px 7px;

	
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);;
}

.horizontallyDistributed {
	display: flex;
	flex-wrap: wrap;
}

.horizontallyDistributed.justifyCenter {
	justify-content: center;
}

.horizontallyDistributed > div,
.horizontallyDistributed > a {
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: .2em;
}

.h-captcha {
	float: left;
	width: 100%;
}

img.loading {
	width: 35px;
	height: 35px;
}

.userInput {
	overflow-wrap: break-word;
}

/* photofolder type colors */

.photofolder_type_0 {
	--bgColor: hsl(var(--photofolderRegularHue), 80%, 40%) !important;
	--fgColor: hsl(var(--photofolderRegularHue), 80%, 20%) !important;
}

.photofolder_type_1 {
	--bgColor: hsl(var(--photofolderCollectionHue), 85%, 55%) !important;
	--fgColor: #fff !important;
}

.photofolder_type_2 {
	--bgColor: hsl(var(--photofolderCampaignHue), 90%, 40%) !important;
	--fgColor: hsl(var(--photofolderCampaignHue), 90%, 20%) !important;
}

.photofolder_type_3 {
	--bgColor: hsl(var(--photofolderEditorialHue), 80%, 50%) !important;
	--fgColor: hsl(var(--photofolderEditorialHue), 80%, 20%) !important;
}

.photofolder_type_4 {
	--bgColor: hsl(var(--photofolderLookbookHue), 70%, 50%) !important;
	--fgColor: hsl(var(--photofolderLookbookHue), 80%, 20%) !important;
}

.photofolder_type_100 {
	--bgColor:hsl(var(--photofolderPolaroidsHue), 70%, 50%) !important;
	--fgColor: #fff !important;
}

.hideIfNoCloudflareTurnstileChallenge {
	display: none !important;
}

.hideIfNoCloudflareTurnstileChallenge.show {
	display: block !important;
}

.placeholderText {
	display: inline-block;
	vertical-align: baseline;
	background: var(--placeholder_color);
	content: ' ';
	height: 1em;
	
			border-radius: var(--rounded_corners_radius_fat);
	width: 7em;
	max-width: 100%;
}

/* subheader */

#subheader
{
    float: left;
    width: 100%;
}

#subheader.bottom_margin
{
    margin-bottom: 10px;
}

#subheader.no_margin
{
    margin-bottom: 0;
}

#subheader.bottom_margin_double
{
    margin-bottom: 20px;
}

#subheader.bottom_margin_triple
{
    margin-bottom: 30px;
}

/* subheader with a full screen background image */

#subheader.full_screen_image > .image
{
    position: relative;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#subheader.full_screen_image.inside_shadow > .image
{
    box-shadow: inset 0 -200px 100px -100px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 -200px 100px -100px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 -200px 100px -100px rgba(0, 0, 0, 0.2);
}

/* user_section */

#subheader.full_screen_image.user_section > .image
{
    background-image: url('/gfx/img/wood_floor.jpg');
    background-repeat: repeat;
    background-size: 933px 882px;
    background-position: center 30%;
    background-color: #975438;
}

/* upgrade_section */

#subheader.full_screen_image.upgrade_section > .image
{
	background-image: url('/gfx/img/wood_floor.jpg');
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	background-color: #975438;

}

#subheader.full_screen_image.upgrade_section > .image .icon.icon_as_title {
    width: 120px;
    height: 120px;
    background-size: 120px;

    float: none;
    margin: 0 auto 0 auto;
}

#subheader.full_screen_image.upgrade_section > .image h1
{
	font-size: 35pt;
	letter-spacing: -1px;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.15) 0 -1px;
    padding: 0 20px;
}

#subheader.full_screen_image.upgrade_section > .image h2
{
	font-size: 20pt;
	font-weight: 200;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.15) 0 -1px;
    padding: 0 20px;
}

/* photos_mosaic */

#subheader.full_screen_image.photos_mosaic > .image
{
    background-image: url('/gfx/img/photos_mosaic.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px bottom;
    background-color: #666;
    height: 400px;
}

#subheader.full_screen_image.photos_mosaic > .image > .circle
{
    position: absolute;
    width: 400px;
    height: 200px;
    background: #fff;
    left: 50%;
    margin-left: -200px;
    bottom: 0;
    -moz-border-radius-topleft: 200px;
    -moz-border-radius-topright: 200px;
    -webkit-border-top-left-radius: 200px;
    -webkit-border-top-right-radius: 200px;
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
}

#subheader.full_screen_image.photos_mosaic > .image > .circle > .title
{
    font-family: var(--special_a_text_font_family);
    text-align: center;
    margin-top: 40px;
    font-size: 18pt;
    font-weight: bold;
    line-height: 1em;
}

#subheader.full_screen_image.photos_mosaic > .image > .circle > .amount
{
    font-family: var(--special_a_text_font_family);
    text-align: center;
    font-size: 90pt;
    line-height: 1em;
    height: 90pt;
    letter-spacing: -6px;
}

#subheader.full_screen_image.photos_mosaic > .image > .circle > .amount > .currency_suffix
{
    font-size: 30pt;
    margin-left: 5px;
}

#subheader.full_screen_image.photos_mosaic > .image > .circle > .amount > .currency_prefix
{
    font-size: 30pt;
    margin-right: 5px;
}

#subheader.full_screen_image.photos_mosaic > .image > .circle > .subtitle
{
    text-align: center;
    font-family: var(--special_a_text_font_family);
    margin: 0 70px;
}

#subheader.full_screen_image > .image > .content
{
    position: relative;
    width: 100%;
    max-width: 980px;
    height: 100%;
    margin: 0 auto;

    color: #fff;
}

#subheader.full_screen_image > .image > .content a
{
    color: #fff;
}

#subheader.full_screen_image > .image > .content a:hover
{
	text-decoration: underline;
}

#subheader.full_screen_image > .image > .content .button_text
{
	text-decoration: underline;
}

#subheader.full_screen_image > .image > .content .button_text:hover
{
	color: var(--a_text_color_primary_highlight);
}

#subheader.full_screen_image.highres .content
{
    width: 1236px
}

#subheader.full_screen_image.with_contents.big_padding > .image > .content
{
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}

#subheader.full_screen_image.with_contents > .image > .content
{
    margin-top: 10px;
}

#subheader.full_screen_image > .image > .content > .texts
{
    position: absolute;
    bottom: 20px;
}

#subheader.full_screen_image > .image > .content > .like
{
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 150px;
}

#subheader.full_screen_image > .image > .big_overlay
{
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.29) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.29)), color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.29) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.29) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.29) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0.29) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a000000', endColorstr='#00000000',GradientType=1 );
}

#subheader.full_screen_image > .image > .big_overlay > h1,
#subheader.full_screen_image > .image > .big_overlay > h2
{
    text-align: center;
    color: #fff;
    line-height: 1em;
    text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
}

#subheader.full_screen_image > .image > .big_overlay > h2
{
    font-weight: 200;
    text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
}

#subheader.full_screen_image > .image > .big_overlay > .button_container
{
    margin: 20px 0 0 0;
}

#subheader .content > .texts
{
    position: absolute;
    color: #fff;
}

#subheader .content > .texts a
{
    color: #fff;
    font-weight: normal;
}

#subheader .content > .texts a:hover
{
    text-decoration: underline;
}

/* content default */

#subheader .content.default
{
    position: relative;
    background-color: #000;
}

#subheader .content.default > .texts
{
    position: relative;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 45px;
    text-align: center;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/* black_backdrop  and white_backdrop*/

#subheader .content.black_backdrop > .texts,
#subheader .content.white_backdrop > .texts
{

    position: relative;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
}

#subheader .content.black_backdrop > .texts
{
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
}

#subheader .content.white_backdrop > .texts
{
    color: #000;
    padding: 20px 0;
    text-shadow: rgba(255, 255, 255, 0.5) 0 0 2px;
}

#subheader .content.black_backdrop > .texts > .title,
#subheader .content.white_backdrop > .texts > .title
{
}

#subheader .content.black_backdrop > .texts > .subtitle,
#subheader .content.white_backdrop > .texts > .subtitle
{
}

#subheader .content.black_backdrop > .texts > .button,
#subheader .content.white_backdrop > .texts > .button
{
    align: center;
}


/* big black block and big white block*/

#subheader .content.big_block
{
    position: relative;
}

#subheader .content.big_block > .texts
{
    padding: 45px;
    bottom: 15px;
    left: 0;
    right: 0;
}

#subheader .content.big_block > .share_bar
{
    position: absolute;
    bottom: 25px;
    right: 15px;
}

#subheader .content.big_block.black > .texts
{
    background-color: #000;
}

#subheader .content.big_block.white > .texts
{
    background-color: #fff;
}

#subheader .content.big_block .texts > .title
{
    font-size: 40pt;
    line-height: 1.2em;
    letter-spacing: -1px;
    text-shadow: none;
}

#subheader .content.big_block .texts > .subtitle
{
    line-height: 1.6em;
    text-shadow: none;
}

#subheader .content.big_block .texts > .introduction
{
    margin-top: 20px;
    text-shadow: none;
}

/* credits */

#subheader.full_screen_image > .image > .credits
{
    position: absolute;
    left: 25px;
    bottom: 25px;
    color: #fff;
    font-weight: 200;
    text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
}

#subheader.full_screen_image > .image > .credits a
{
    color: #fff;
    font-weight: normal;
}

#subheader.full_screen_image > .image > .credits a:hover
{
    text-decoration: underline;
}

/* mobilapps */

#subheader.full_screen_image > .image > .center_message
{
    position: absolute;
    bottom: 10px;
    left: 550px;
    right: 550px;
    text-align: center;
    z-index: 100100;
}

#subheader.full_screen_image > .image > .center_message > .item
{
    position: relative;
    display: inline-block;

    width: 75px;
    height: 83px;
    background-size: 75px 58px;
    background-position: top center;
    background-repeat: no-repeat;

    margin-right: 30px;
}

#subheader.full_screen_image > .image > .center_message > .item:last-child
{
    margin-right: 0;
}

#subheader.full_screen_image > .image > .center_message > .item.ios
{
    background-image: url('/gfx/img/subheader_app_ios.png');
}

#subheader.full_screen_image > .image > .center_message > .item.twitter
{
    background-image: url('/gfx/img/subheader_twitter.png');
    width: 100px;
    height: 30px;
    padding-top: 70px;
}

#subheader.full_screen_image > .image > .center_message > .item > .title
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-weight: 200;
    text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
}

#subheader.full_screen_image > .image > .center_message > .item:hover > .title
{
    text-decoration: underline;
}

#MainMenu {
	position: fixed;
	top: 0px; left: 0px; right: 0px;
	z-index: 900 !important;
	height: var(--main_menu_height);
	background: var(--main_menu_color);
	-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
	transition: all var(--linkHoverTransitionLeave); ease-out;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}

#MainMenu > div {
	margin: 0 auto;
	max-width: var(--contents_width_wider);
	padding: 0 7px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	transition: all var(--linkHoverTransitionLeave); ease-out;
	height: 100%;
}

#MainMenu.faint:not(.scrolled) {
	background: none;
}

#MainMenu.faint:after {
	position: absolute;
	left: 0; right: 0; top: 0; bottom: -50px;
	content: '';
	pointer-events: none;
	transition: all var(--linkHoverTransitionLeave); ease-out;
	z-index: -1;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 0%,rgba(0, 0, 0, 0) 100%);
}

#MainMenu.faint.smallShadow:after {
	bottom: 0px;
}

#MainMenu.faint.scrolled:after {
	opacity: 0;
}

@media (pointer: fine) {
	#MainMenu.alwaysFaint,
	#MainMenu.completelyFaint:not(.scrolled) {
		background: none;
	}

	#MainMenu.alwaysFaint:not(:hover) > div,
	#MainMenu.completelyFaint:not(:hover) > div {
		opacity: 0;
	}

	#MainMenu.completelyFaint.scrolled > div {
		opacity: 1;
	}

	#MainMenu.alwaysFaint:after,
	#MainMenu.completelyFaint:after {
		position: absolute;
		left: 0; right: 0; top: 0; bottom: -50px;
		content: '';
		pointer-events: none;
		opacity: 0;
		transition: all var(--linkHoverTransitionLeave); ease-out;
		z-index: -1;

		background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 0%,rgba(0, 0, 0, 0) 100%);
	}

	#MainMenu.alwaysFaint:hover:after,
	#MainMenu.completelyFaint:not(.scrolled):hover:after {
		opacity: 1;
	}
}

#MainMenu > div > div {
	display: flex;
	align-items: center;
}

#MainMenu > div > div > div {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#MainMenu > div > div > div > .section {
	height: 100%;
	padding: 0 10px;
	display: flex;
	gap: 5px;
	align-items: center;
	cursor: pointer;
	text-decoration: none;
}

#MainMenu > div > div > div > .section > .icon {
	background-color: #fff;
}

#MainMenu > div > div > div:has(.section.logo) {
	margin-right: 5px;
}

#MainMenu > div > div > div > .section.logo.litmind > img {
	height: calc(var(--main_menu_height) - 28px);
	transform: translateY(2.5px);
}

#MainMenu > div > div > div > .section.logo.photolancers > img {
	height: calc(var(--main_menu_height) - 28px);
	transform: translateY(2.5px);
}

@media only screen and (max-width: 750px) {
	#MainMenu > div > div > div > .section.logo > img {
		max-width: 30vw;
	}
}

#MainMenu > div > div > div > .section > .profileImage {
	width: 27px;
	height: 27px;
	border-radius: 27px;
	background-size: cover;
	background-position: center;
	background-color: var(--fainter_color);
}

#MainMenu > div > div > div > .section > .profileImage + .title {
}

#MainMenu > div > div > div > .section:has(> .profileImage) {
	padding-left: .4em !important;
}

#MainMenu > div > div > div > .section > .icon + .title,
#MainMenu > div > div > div > .section > .icon + .right {

}

#MainMenu > div > div > div > .section > .title,
#MainMenu > div > div > div > .section > div > .title {
	white-space: nowrap;
	color: #fff;
	font-size: var(--main_menu_font_size);
	font-weight: var(--main_menu_font_weight);
}

/* selected */

#MainMenu > div > div > div + div.selected {
	/* background: var(--dark_fainter_color); */
	box-shadow: inset 0 1.5px 0 #fff;
}

/* #MainMenu > div > div > div + div.selected:after {
	position: absolute;
	content: '';
	left: 50%;
	top: 100%;
	transform: translateX(-50%);

	border-style: solid;
	border-width: 8px 8px 0 8px !important;
	border-color: var(--dark_fainter_color) transparent transparent transparent;
} */


/* highlighted */

#MainMenu > div > div > div + div.highlighted {
	margin-left: 10px;
}

#MainMenu > div > div > div.highlighted > .section {
	background: #fff;
	/* background: var(--dark_fainter_color); */
	
			border-radius: var(--rounded_corners_radius_big);
	height: 23px;
	padding: .5em .8em;
}

#MainMenu > div > div > div.highlighted > .section > .title {
	color: var(--a_text_color_main);
}

#MainMenu > div > div > div.highlighted > .section > .icon {
	background-color: var(--a_text_color_main);
}


/* featured */

#MainMenu > div > div > div + div.featured {
	margin-left: 10px;
}

#MainMenu > div > div > div.featured > .section {
	background: var(--primary_color);
	
			border-radius: var(--rounded_corners_radius_big);;
	height: 23px;
	padding: .5em .8em;
}

#MainMenu > div > div > div.featured > .section > .title {
	color: #fff;
	font-weight: 500;
}

#MainMenu > div > div > div.featured > .section > .icon {
	background-color: #fff;
}

#MainMenu > div > div > div > .section > .dotBadgeAttention {
    position: absolute;
    top: 7px;
    left: calc(50% - 3px);
    background: var(--badge_color);
    width: 6px;
    height: 6px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#MainMenu > div > div > div > .section > .badge {
	position: absolute;
	z-index: 9001;

	--badgeTop: -1px;

	top: var(--badgeTop);
	
			border-top-left-radius: 0;
			border-top-right-radius: 0;

	background: var(--badge_color);
	color: #fff;
}

#MainMenu > div > div > div > .section > .badge.align_1 {

}

#MainMenu > div > div > div > .section > .badge.appearOnHover {
	opacity: 0;
	transition: opacity .15s ease-in-out;
}

#MainMenu:hover > div > div > div > .section > .badge.appearOnHover {
	opacity: 1;
}

#MainMenu > div > div > div > .section.badgeAlign_0 > .badge {
	left: 5px;
}

#MainMenu > div > div > div > .section.badgeAlign_1 > .badge {
	left: 50%;
	transform: translate(-50%, 0);
}

#MainMenu > div > div > div > .section.badgeAlign_2 > .badge {
	right: 5px;
}

#MainMenu > div > div > div.highlighted > .section.badgeAlign_2 > .badge,
#MainMenu > div > div > div.featured > .section.badgeAlign_2 > .badge {
	right: 5px;
}

#MainMenu > div > div > div:not(.highlighted):not(.featured):hover {
	background: rgba(255, 255, 255, .07);
}

/* section.search */
#MainMenu > div .search {
	z-index: 901 !important;
	min-width: 40px;
}

#MainMenu > div .search input {
	position: absolute;
	background: none;
	border: 0;
	right: 0;
	top: 10px;

	width: auto;
	height: var(--forms_input_height);
	min-width: 36px;

	
			border-radius: var(--rounded_corners_radius);

	background-image: url('/gfx/icons/color/search_white.svg?3');
	background-repeat: no-repeat;
	background-position: 8px 50%;
	background-size: 17px;

	width: 0px;

	-webkit-transition: width 0.2s;
	transition: width 0.2s;

	color: transparent;

	cursor: pointer;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	padding: 0 0 0 36px;

	transition: min-width .2s;
}

#MainMenu > div .search.open input {
	background-image: url('/gfx/icons/color/search_black.svg?3');
	min-width: 200px;
	color: #000;
	cursor: text;
	background-color: #fff;
}

@media only screen and (max-width: 750px) {

	#MainMenu > div .search.open input {
		position: fixed;
		left: 55px;
		right: 0;
		width: calc(100% - 65px);
		outline: solid var(--main_menu_color) 3px; /* Ugly trick to hide some bits of menu that fall under the search input on small screens */
	}
}

#MainMenu > div .search input::-webkit-input-placeholder  {
	color: #fff;
}

#MainMenu > div .search input:-ms-input-placeholder {
	color: #fff;
}

#MainMenu > div .search.open input::-webkit-input-placeholder  {
	color: transparent;
}

#MainMenu > div .search.open input:-ms-input-placeholder {
	color: transparent;
}

/* Screen size */
@media only screen and (max-width: 870px) {
	/* Cause sections without .inSmallScreen to disappear in small screens */
	#MainMenu > div > div > div:not(.inSmallScreen) {
		display: none;
	}

	/* Cause option icons without .iconInSmallScreen to disappear in small screens */
	#MainMenu > div > div > div:not(.iconInSmallScreen) .mainMenuIcon,
	#MainMenu > div > div > div > a:not(.iconInSmallScreen) .mainMenuIcon {
		display: none;
	}

	/* Cause option titles without .titleInSmallScreen to disappear in small screens */
	#MainMenu > div > div > div:not(.titleInSmallScreen) .mainMenuTitle,
	#MainMenu > div > div > div > a:not(.titleInSmallScreen) .mainMenuTitle {
		display: none;
	}
}

@media only screen and (min-width: 871px) {
	/* Cause sections without .inBigScreen to disappear in big screens */
	#MainMenu > div > div > div:not(.inBigScreen) {
		display: none;
	}
}

body.withSubBlock {
	padding-top: calc(var(--main_menu_height) + var(--main_menu_subblock_height));
	padding-top: calc(var(--main_menu_height) + var(--main_menu_subblock_height) + env(safe-area-inset-top));
}

body.inApp.withSubBlock {
	padding-top: calc(var(--main_menu_app_header_height) + var(--main_menu_subblock_height));
	padding-top: calc(var(--main_menu_app_header_height) + var(--main_menu_subblock_height) + env(safe-area-inset-top));
}

#mainMenuSubBlock {
	position: fixed;
	top: var(--main_menu_height);
	left: 0;
	right: 0;
	background: #fff;
	z-index: 899;
	transition: box-shadow .5s;
	height: var(--main_menu_subblock_height);
}

body.grey #mainMenuSubBlock {
	background-color: var(--faintest_color);
}

#mainMenuSubBlock.bottomLine {
	border-bottom: solid #e4e4e4 1px;
}

#mainMenuSubBlock.scrolled,
body.scrolled #mainMenuSubBlock {
	
			box-shadow:
				0 1px 1px hsl(200deg 30% 50% / 0.05),
				0 2px 2px hsl(200deg 30% 50% / 0.05),
				0 4px 4px hsl(200deg 30% 50% / 0.05),
				0 8px 8px hsl(200deg 30% 50% / 0.05),
				0 16px 16px hsl(200deg 30% 50% / 0.05)
				;
		;
	border-bottom: none !important;
}

#mainMenuSubBlock.dark.scrolled,
body.scrolled #mainMenuSubBlock.dark {
	box-shadow: 0 -8px 10px 10px hsla(var(--neutralHue), 95%, 15%, 70%);
}

#mainMenuSubBlock > .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;

	position: relative;
	height: var(--main_menu_subblock_height);
	max-width: var(--contents_width_wider);

	margin: 0 auto;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	padding: 0 10px;
}

#mainMenuSubBlock.narrow > .wrapper {
	max-width: var(--contents_width_narrow);
}

#mainMenuSubBlock.wide > .wrapper {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

#mainMenuSubBlock.threeColumns > .wrapper {
	justify-content: space-between;
}

/* simpleContent */
#mainMenuSubBlock.withSimpleContent > .wrapper {
	height: auto;
	overflow: hidden;
}

/* left, middle and right contents */

#mainMenuSubBlock > .wrapper > div {
}

#mainMenuSubBlock > .wrapper > .left {
	padding-right: 20px;
}

#mainMenuSubBlock > .wrapper > .middle {
	text-align: center;
	width: 100%;
}

#mainMenuSubBlock > .wrapper > .right {
	padding-left: 20px;
}

#mainMenuSubBlock > .wrapper > div > .title {
	font-weight: bold;
}

#mainMenuSubBlock > .wrapper > div > .subTitle {
	opacity: .6;
	line-height: 1.4em;
}

@media only screen and (max-width: 750px) {
	#mainMenuSubBlock > .wrapper > div > .subTitle {
		font-size: 10pt;
	}
}

/* mainMenuSubBlock selectAndButtonsLayout */
#mainMenuSubBlock .selectAndButtonsLayout {
	display: flex;
	justify-content: center;
	margin: 10px;

}

#mainMenuSubBlock .selectAndButtonsLayout > .select {
	flex-basis: 100%;
}

#mainMenuSubBlock .selectAndButtonsLayout > .select > select {
	vertical-align: middle;
	width: 100%;
}

#mainMenuSubBlock .selectAndButtonsLayout > .buttons {
	display: flex;
	flex-wrap: nowrap;
	gap: 5px;
	margin-left: 5px;
}

#mainMenuSubBlock .selectAndButtonsLayout > .buttons > div,
#mainMenuSubBlock .selectAndButtonsLayout > .buttons > a {
	position: relative;
}

#mainMenuSubBlock .selectAndButtonsLayout > .buttons .button {
	margin: 0;
}

#mainMenuSubBlock.switchLanguage {
	text-align: center;
	background-color: #fff;
}

#mainMenuSubBlock.switchLanguage a {
	opacity: 1;
}

#mainMenuSubBlock.switchLanguage a > .icon {
	display: inline-block;
	float: none;
	width: 25px;
	height: 25px;
	background-size: 25px;
	vertical-align: middle;
	margin-right: 10px;
}

#mainMenuSubBlock.switchLanguage a > .text {
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
	color: #000;
}

#mainMenuSubBlock.switchLanguage a:hover {
	opacity: 0.8;
}

/* dark */
#mainMenuSubBlock.dark {
	background-color: var(--dark_color);
}

#mainMenuAppHead {
	position: fixed;
	display: flex;
	justify-content: space-between;
	align-items: center;
	top: 0;
	left: 0;
	right: 0;
	height: var(--main_menu_app_header_height);
	padding-top: env(safe-area-inset-top);
	background-color: var(--dark_color);
	z-index: 900 !important;
}

#mainMenuAppHead > .left,
#mainMenuAppHead > .right {
	display: flex;
}

#mainMenuAppHead > .left > .item,
#mainMenuAppHead > .right > .item {
	position: relative;
}

#mainMenuAppHead > .right > .item.attention {
	background-color: var(--attention_color);
}

#mainMenuAppHead > .right > .item.primary {
	background-color: var(--primary_color);
}

#mainMenuAppHead > .left > .item .icon,
#mainMenuAppHead > .right > .item .icon {
	background-color: #fff;
	width: var(--main_menu_header_icon_size);
	height: var(--main_menu_header_icon_size);
	margin:
		calc((var(--main_menu_app_header_height) - var(--main_menu_header_icon_size)) / 2)
		calc((var(--main_menu_app_header_height) - var(--main_menu_header_icon_size)) / 3.5);
}

#mainMenuAppHead > .left > .item:first-child {
	margin-left: calc((var(--main_menu_app_header_height) - #main_menu_header_item_size#) / 2);
}

#mainMenuAppHead > .right > .item:last-child {
	margin-right: calc(var(--main_menu_header_icon_size) / 2);
}

#mainMenuAppHead > .left > .item.tapped .icon,
#mainMenuAppHead > .right > .item.tapped .icon {
	background-color: rgba(255, 255, 255, 0.1);
}

#mainMenuAppHead .item[data-backbutton] {
	display: none;
}

#mainMenuAppHead .item.info {
	height: 100%;
}

#mainMenuAppHead .item.logo {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}

#mainMenuAppHead .item.logo .icon.litmind_logotype {
	width: 2.05cm;
	height: .6cm;
	transform: translateY(2px);
	background-color: #fff;
}

#mainMenuAppHead > .logo.tapped {
	background-color: rgba(255, 255, 255, 0.1);
}

#mainMenuAppHead > .right {
	float: right;
}

#mainMenuAppHead > .search {
	position: fixed;

	height: var(--main_menu_app_header_height);
	z-index: 901;

	transition: transform 250ms ease-out;
	will-change: transform;

	width: 100vw;

	top: 0;
	top: env(safe-area-inset-top);

	-webkit-transform: translateY(-200px);
	transform: translateY(-200px);
}

#mainMenuAppHead > .search input {
	position: absolute;
	background: #fff;
	border: 0;
	height: var(--main_menu_app_header_height);
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;

	background-image: url('/gfx/icons/color/search_black.svg?3');
	background-repeat: no-repeat;
	background-position: calc(var(--main_menu_header_icon_size) * 2) calc((var(--main_menu_app_header_height) - var(--main_menu_header_icon_size)) / 2);
	background-size: var(--main_menu_header_icon_size);

	color: #333;
	padding-left: calc(var(--main_menu_header_icon_size) * 3.6);
	
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;

			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;

			border-radius: 0 !important;

	cursor: pointer;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

#mainMenuAppHead > .search.open {
	-webkit-transform: none;
	transform: none;
}

#mainMenuAppHead > #mainMenuSubBlock {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	border: none;
}

#mainMenuAppDrawer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: var(--main_menu_app_drawer_height);
	background-color: var(--dark_color);

	padding-bottom: env(safe-area-inset-bottom);

	z-index: 900 !important;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding-left: 5%;
	padding-right: 5%;
}

#mainMenuAppDrawer .item {
	position: relative;
}

#mainMenuAppDrawer .item .icon {
	width: var(--main_menu_drawer_icon_size);
	height: var(--main_menu_drawer_icon_size);
	margin:
		calc((var(--main_menu_app_drawer_height) - var(--main_menu_drawer_icon_size)) / 2)
		calc((var(--main_menu_app_drawer_height) - var(--main_menu_drawer_icon_size)) / 2);
	background-color: #fff;
}

#mainMenuAppDrawer .item.tapped .icon {
	background-color: rgba(255, 255, 255, 0.1);
}

#mainMenuAppDrawer .item .profileImageContainer {
	width: var(--main_menu_drawer_icon_size);
	height: var(--main_menu_drawer_icon_size);
	margin:
		calc((var(--main_menu_app_drawer_height) - var(--main_menu_drawer_icon_size)) / 2)
		calc((var(--main_menu_app_drawer_height) - var(--main_menu_drawer_icon_size)) / 2);
}

#mainMenuAppDrawer .item .profileImageContainer > .profileImage {
	width: var(--main_menu_drawer_icon_size);
	height: var(--main_menu_drawer_icon_size);
	background-size: cover;
	background-repeat: no-repeat;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	box-shadow: 0 0 0 2px white;
}

#mainMenuAppHead .item.withNotifications:before,
#mainMenuAppDrawer .item.withNotifications:before {
	position: absolute;
	background-color: var(--badge_color);
	width: 6px;
	height: 6px;
	content: '';
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	left: calc(50% - 3px);
}

#mainMenuAppHead .item.withNotifications:before {
	top: 5px;
}

#mainMenuAppDrawer .item.withNotifications:before {
	bottom: 5px;
}

#mainMenuAppHead .item > .mainMenuBadge,
#mainMenuAppDrawer .item > .mainMenuBadge {
	position: absolute;
	background-color: var(--badge_color);

	min-width: 7px;
	height: 17px;

	padding: 0 5px;

	content: '';
	border-radius: var(--badge_rounded_corners_radius);

	left: 50%;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);

	text-align: center;
	color: #fff;
	line-height: 17px;

	font-size: var(--badge_font_size);
	font-weight: var(--badge_font_weight);
	font-family: var(--badge_font_family);
}

#mainMenuAppHead .item > .mainMenuBadge {
	
			border-top-left-radius: 0;
			border-top-right-radius: 0;
}

#mainMenuAppDrawer .item > .mainMenuBadge {
	
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
	animation-name: animation_effect_badge_mainmenu;
}

#mainMenuAppHead .item > .mainMenuBadge {
	top: -2px;
}

#mainMenuAppDrawer .item > .mainMenuBadge {
	bottom: -2px;
}

#mainMenuAppHead .item.isLoading .icon,
#mainMenuAppDrawer .item.isLoading .icon {
	-webkit-mask-box-image: url('/gfx/icons/main/spinner.svg');
	mask: url('/gfx/icons/main/spinner.svg');
}

#mainMenuAppHead .item.isLoading .icon,
#mainMenuAppDrawer .item.isLoading .icon {
	animation: spin 3s infinite linear;
}

#mainMenuAppHead .item .icon.isLoading > .mainMenuBadge ,
#mainMenuAppDrawer .item .icon.isLoading > .mainMenuBadge {
	display: none;
}

.mainMenuAppPopup {
	position: fixed;

	will-change: transform;

	overflow-y: auto;-webkit-overflow-scrolling: touch;

	z-index: 899 !important;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	width: 100vw;

	top: var(--main_menu_app_header_height);
	top: calc(var(--main_menu_app_header_height) + env(safe-area-inset-top));

	height: calc(100vh - var(--main_menu_app_header_height) - var(--main_menu_app_drawer_height));
	height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--main_menu_app_header_height) - var(--main_menu_app_drawer_height));

	-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;

	notificationsMessenger
}

.mainMenuAppPopup.animated {
	transition: transform 250ms ease-out;
}

.mainMenuAppPopup.dark {
	background-color: var(--dark_color);;
	color: #fff;
}

.mainMenuAppPopup.light {
	background: #fff;;
	color: #000;
}

.mainMenuAppPopup.light a {
	color: #000;
}

.mainMenuAppPopup.loading {
	background-size: 5vw;
	background-position: center;
	background-repeat: no-repeat;
}

.mainMenuAppPopup.loading.light {
	background-image: url('/gfx/img/loading_light.svg');
}

.mainMenuAppPopup.loading.dark {
	background-image: url('/gfx/img/loading_dark.svg');
}

.mainMenuAppPopup.bottom {
	-webkit-transform: translateY(100vh);
	transform: translateY(100vh);
}

.mainMenuAppPopup.top {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.mainMenuAppPopup.left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mainMenuAppPopup.right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.mainMenuAppPopup.left.open,
.mainMenuAppPopup.top.open,
.mainMenuAppPopup.bottom.open,
.mainMenuAppPopup.right.open {
	-webkit-transform: none;
	transform: none;
}

.mainMenuAppPopup > hr.light {
	border-color: rgba(255, 255, 255, .1);
}

.mainMenuAppPopup > hr.dark {
	border-color: rgba(0, 0, 0, .1);
}

.mainMenuAppPopup > .item {
	position: relative;
	padding: 13px 25px;
	display: flex;
	gap: 10px;
	color: #fff;
	text-decoration: none;
}

.mainMenuAppPopup > .item:active {
	background-color: rgba(255, 255, 255, .1);
}

.mainMenuAppPopup > .item.info {
	background-color: var(--info_color);
}

.mainMenuAppPopup > .item.warning {
	background-color: var(--warning_color);
}

.mainMenuAppPopup > .item.attention {
	background-color: var(--attention_color);
}

.mainMenuAppPopup > .item > .icon {
	position: relative;
	width: 20px;
	height: 20px;
	min-width: 20px;
	margin-top: 1px;
}

.mainMenuAppPopup > .item > .icon > .icon {
	position: absolute;
	right: -5px;
	top: -5px;
}

.mainMenuAppPopup > .item .title {
	line-height: 24px;
}

.mainMenuAppPopup > .item .subTitle {
	font-size: 10pt;
	opacity: .6;
	line-height: 1.3em;
	margin-top: 2px;
}

.mainMenuAppPopup > .item > .mainMenuBadge {
	position: absolute;

	top: 15px;
	right: 15px;

	min-width: 22px;
	background: var(--badge_color);
	color: #fff;

	font-size: var(--badge_font_size);
	font-weight: var(--badge_font_weight);
	font-family: var(--badge_font_family);

	line-height: 22px;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	text-align: center;

	padding: 0 8px;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mainMenuAppPopup > .item > .mainMenuBadge > .icon {
	width: 18px;
	height: 18px;
	background-size: 14px;
}

.mainMenuAppPopup > .item > .badge.align_0 {
	left: 7px;
}

.mainMenuAppPopup > .item.topLine {
	padding-top: 20px;
	margin-top: 10px;
}

.mainMenuAppPopup.dark > .item.topLine {
	border-top: solid rgba(255, 255, 255, 0.1) 1px;
}

.mainMenuAppPopup.light > .item.topLine {
	border-top: solid rgba(0, 0, 0, 0.1) 1px;
}

.mainMenuAppPopup > .item.bottomLine {
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.mainMenuAppPopup.dark > .item.bottomLine {
	border-bottom: solid rgba(255, 255, 255, 0.1) 1px;
}

.mainMenuAppPopup.light > .item.bottomLine {
	border-bottom: solid rgba(0, 0, 0, 0.1) 1px;
}

.mainMenuAppPopup > .item > .title > .mainMenuBadge {
	position: inline-block;
	float: right;

	min-width: 22px;
	background: #ffc510;
	color: #fff;

	font-size: var(--badge_font_size);
	font-weight: var(--badge_font_weight);
	font-family: var(--badge_font_family);

	text-align: center;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	text-align: center;

	padding: 0 8px;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mainMenuAppPopup > .item .title > .count {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;

	border: solid #aaa 1px;

	min-width: 15px;

	padding: 0 2px !important;

	font-weight: bold;
	line-height: 14px;
	text-align: center;
	font-size: 10px;

	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;

	text-align: center;

	padding: 0 8px;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/* item.profiles */

.mainMenuAppPopup > .item.profiles {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
	padding-right: 15px;
}

.mainMenuAppPopup > .item.profiles > .otherProfiles {
	display: flex;
	align-items: center;
	gap: 5px;
}

.mainMenuAppPopup > .item.profiles .profile {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	background-size: cover;
	background-color: var(--faint_color);
}

.mainMenuAppPopup > .item.profiles a.profile:hover {
	filter: brightness(1.1) saturate(1.3);
}

/* mainMenuAppPopup listItems */

.mainMenuAppPopup .listItems {
	background: #fff;
	padding: 5px 0;
}

.mainMenuAppPopup .listItems > .header
{
	float: left;
	width: 100%;
	border-bottom: solid #ddd 1px;
	margin: 15px 0 15px 0;
}

.mainMenuAppPopup .listItems > .header > .title
{
	float: right;

	padding: 4px 10px 1px 10px;

	color: #888;
	margin: 0 15px -1px 0;

	border-top: solid #ddd 1px;
	border-left: solid #ddd 1px;
	border-right: solid #ddd 1px;

	
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);
}

/* mainMenuAppPopup bottomBar */
.mainMenuAppPopup .bottomBar {
	border-top: solid #ddd 1px;
	padding: 20px;
	text-align: center;
}

.mainMenuAppPopup .bottomBar .button_text_icon {
	display: inline-block;
}

/* mainMenuAppPopup infoBlock */
.mainMenuAppPopup .infoBlock {
	padding: 20px;
	margin: 40px;
	text-align: center;
	background: var(--info_color);
	
			border-radius: var(--rounded_corners_radius);
	color: #fff;
}

#bottom_notice {
	position: fixed;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 1000;
	pointer-events: none;
}

#bottom_notice > div {
	background: #fff;
	color: var(--a_text_color_main);
	padding: 15px 5px;
	pointer-events: all;

	box-shadow: 0 -5px 10px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 -5px 10px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, .05);

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#bottom_notice > div > .content + .buttons {
	margin-left: 20px;
}

#bottom_notice > div > .buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#bottom_notice > div > .buttons a {
	margin: 3px;
}

.neatHeader {
	float: left;
	width: 100%;
}

/* header */

.neatHeader > .header {
	position: relative;
	background: #eee;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.neatHeader > .header.darkBackground {
	background-color: background-color: var(--dark_color);;
	color: #fff !important;
}

.neatHeader > .header.lightBackground {
	background-color: #f0f0f0;
	color: #000 !important;
}

.neatHeader.roundedCorners > .header {
	
			border-radius: var(--rounded_corners_radius);
}

.neatHeader.transparent > .header {
	background-color: transparent !important;
}

.neatHeader > .header.tall {
	height: 200px;
}

.neatHeader > .header.outlinedText * {
	text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0;
}

.neatHeader > .header.readableTextOverLight * {
	text-shadow:
		rgba(0, 0, 0, .7) 0px 0px 5px,
		rgba(0, 0, 0, .5) 0px 0px 10px;
}

/* header userSection */
.neatHeader > .header.userSection {
	background-color: var(--user_color) !important;
	background-image: url('/gfx/img/wood_floor.jpg');
}

/* header noticeboard */
.neatHeader > .header.noticeboard {
	background-color: var(--noticeboard_color) !important;
}

.neatHeader > .header.noticeboard .button_text {
	color: #fff;
}

/* header castings */
.neatHeader > .header.castings {
	background-color: hsl(var(--castingsHue), 70%, 50%) !important;
}

.neatHeader > .header.castings .button_text {
	color: #fff;
}

/* header castings */
.neatHeader > .header.travelnotice {
	background-color: hsl(var(--travelnoticeHue), 70%, 50%) !important;
}

/* header workgroups */
.neatHeader > .header.workgroups {
	background-color: var(--workgroup_color) !important;
}

.neatHeader > .header.workgroups .button_text {
	color: #fff;
}

/* header search */
.neatHeader > .header.search {
	background-color: var(--search_color) !important;
}

.neatHeader > .header.search .button_text {
	color: #fff;
}

/* header hashtag */
.neatHeader > .header.hashtag {
	padding: 5vh 0 !important;
}

.neatHeader > .header.hashtag > .content > h1 {
}

/* header lightbox */
.neatHeader > .header.lightbox {
	padding: 5vh 0 !important;
}

.neatHeader > .header.lightbox > .content > h1 {
	font-size: 30pt;
}

/* content */

.neatHeader > .header .content {
	position: relative;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 0 80px;
}

.neatHeader > .header .content > * {
	position: relative;
}

.neatHeader > .header .content > .background {
	position: absolute;
	content: '';
	left: 20px; right: 20px; top: 0; bottom: 0;
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.neatHeader > .header .content.align_center {
	text-align: center;
}

/* content text standout */
.neatHeader > .header .content.textStandoutLight {
	text-shadow: 0 0 5px rgba(0, 0, 0, .5), 0 0 20px rgba(0, 0, 0, 1);
}

.neatHeader > .header.darkBackground,
.neatHeader > .header.darkBackground h1,
.neatHeader > .header.darkBackground h2,
.neatHeader > .header.darkBackground h3 {
	color: #fff;
}

.neatHeader > .header .content.darkBackground,
.neatHeader > .header .content.darkBackground h1,
.neatHeader > .header .content.darkBackground h2,
.neatHeader > .header .content.darkBackground h3 {
	color: #fff;
}

.neatHeader > .header .content.darkBackground .button_text,
.neatHeader > .header .content.darkBackground h1 .button_text,
.neatHeader > .header .content.darkBackground h2 .button_text,
.neatHeader > .header .content.darkBackground h3 .button_text {
	color: var(--a_text_color_button);
}

.neatHeader > .header.darkBackground a:not(.button),
.neatHeader > .header .content.darkBackground a:not(.button) {
	color: rgba(255, 255, 255, 1) !important;
}

.neatHeader > .header.darkBackground a.button_text,
.neatHeader > .header .content.darkBackground a.button_text {
	text-decoration: underline;
}
}

.neatHeader > .header .content.darkBackground .button_text {
	color: #fff;
}

.neatHeader > .header .content.lightBackground,
.neatHeader > .header .content.lightBackground h1,
.neatHeader > .header .content.lightBackground h2,
.neatHeader > .header .content.lightBackground h3 {
	color: var(--a_text_color_main);
}

.neatHeader > .header .content.lightBackground .button_text,
.neatHeader > .header .content.lightBackground h1 .button_text,
.neatHeader > .header .content.lightBackground h2 .button_text,
.neatHeader > .header .content.lightBackground h3 .button_text {
	color: var(--a_text_color_button);
}

.neatHeader > .header .content > .icon {
	display: block;
	float: none;
	width: 70px;
	height: 70px;
	background-size: 70px;
	margin: 0 auto 30px auto;
}

.neatHeader > .header .content > .icon.litmind {
	width: 10vw;
	height: 10vh;
	background-size: contain;
	min-width: 100px;
	min-height: 100px;
}

.neatHeader > .header .content > img {
	max-width: 100%;
}

.neatHeader > .header .content > img.wide {
	width: 400px;
}

.neatHeader > .header .content > img.wide.starring {
	padding-left: 1.5%;
}


@media only screen and (max-width: 750px) {
	.neatHeader > .header .content > .icon.size128 {
		width: 64px !important;
		height: 64px !important;
		background-size: 64px !important;
	}

	.neatHeader > .header .content {
		padding-left: 20px;
		padding-right: 20px;
	}

}

.neatHeader > .header .content > h1,
.neatHeader > .header .content > h2,
.neatHeader > .header .content > h3 {
	text-align: center;
	text-wrap: balance;
	margin: 0 auto !important;
	padding: 0 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.neatHeader > .header.bigImage.withImage .content > h1,
.neatHeader > .header.bigImage.withImage .content > h2,
.neatHeader > .header.bigImage.withImage .content > h3 {
}

.neatHeader > .header .content > h1,
.neatHeader > .header .content > h1 a {
	font-size: 18pt;
}

.neatHeader > .header .content > h2 {
}

.neatHeader > .header .content > h3 {
}

.neatHeader > .header .content > h1.superTitle {
	font-size: 48pt;
	font-weight: 600;
	letter-spacing: var(--head_font_letter_spacing);
	line-height: 1.1em;
}

.neatHeader > .header .content > .aboveTitle,
.neatHeader > .header .content > .belowTitle {
	text-transform: uppercase;
}

.neatHeader > .header > .content > .emoji {
	font-size: 60pt;
	margin-bottom: 35px;
}

.neatHeader > .header .content > h1.title {
	font-size: 28pt;
	line-height: 1.1em;
}

.neatHeader > .header .content > h2.subTitle {
	font-family: var(--a_text_font_family);
	font-weight: 400;
	font-size: 14pt;
	line-height: 1.3em;
}

.neatHeader > .header .content > h2.subTitle a {
	font-family: var(--a_text_font_family);
	font-size: inherit;
	text-decoration: underline;
}

.neatHeader > .header .content > .superTitle + .subTitle {
	margin-top: 15px !important;
}

.neatHeader > .header .content > .title + .subTitle {
	margin-top: 15px !important;
}

.neatHeader > .header.darkBackground .content a.button_text {
	color: var(--a_text_color_button_dark_background_lighter);
}

@media only screen and (max-width: 750px) {
	.neatHeader > .header .content > h1,
	.neatHeader > .header .content > h1 a {
		font-size: 25pt !important;
	}

	.neatHeader > .header .content > h1.superTitle {
		font-size: 27pt !important;
		padding: 0;
	}

	.neatHeader > .header .content > h1.title,
	.neatHeader > .header .content > h1.title a {
		font-size: 23pt !important;
	}

	.neatHeader > .header .content > h2,
	.neatHeader > .header .content > h2 a {
		font-size: 14pt !important;
	}

	.neatHeader > .header .content > h3,
	.neatHeader > .header .content > h3 a {
		font-size: 13pt !important;
	}
}

.neatHeader > .header.tight .content > h1,
.neatHeader > .header.tight .content > h2,
.neatHeader > .header.tight .content > h3 {
	max-width: 700px;
}

@media only screen and (max-width: 980px) {
	.neatHeader > .header.tight .content > h1,
	.neatHeader > .header.tight .content > h2,
	.neatHeader > .header.tight .content > h3 {
		width: 100%;
		max-width: 400px;
	}
}

.neatHeader > .header .content > .subTitle > .help:hover {
	opacity: 1;
}

.neatHeader > .header .content > .subSubTitle {
	line-height: 1.2em;
}

.neatHeader > .header .content > .superTitle + .subSubTitle {
	margin-top: 10px !important;
}

.neatHeader > .header .content > .subTitle.boxed,
.neatHeader > .header .content > .subSubTitle.boxed {
	padding: 40pt;
	border: dashed rgba(255, 255, 255, 0.4) 2px;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	margin-top: 40pt !important;
	margin-bottom: 40pt !important;

	text-align: left;
}

.neatHeader > .header .content > .subTitle.boxed,
.neatHeader > .header .content > .subSubTitle.boxed,
.neatHeader > .header .content > .subTitle.boxed a,
.neatHeader > .header .content > .subSubTitle.boxed a {
	font-size: 13pt;
	font-weight: normal;
}

.neatHeader > .header .content > .subSubTitle.tight {
	width: 40%;
}

@media only screen and (max-width: 750px) {
	.neatHeader > .header .content > .subSubTitle.tight {
		width: 80%;
	}
}

.neatHeader > .header .content > .statsPanel {
	display: inline-flex;
	margin-top: 10px;
}

.neatHeader > .header .content > .button {
	margin-top: 20px;
}

.neatHeader > .header .content > .subTitle + .plainContent {
	margin-top: 20px !important;
}

.neatHeader > .header .content > .plainContent {
}

.neatHeader > .header .content > .plainContent.limitedWidth {
	margin: 0 auto;
	max-width: 700px;
	text-wrap: balance;
}

.neatHeader > .header .content > .quote {
	float: left;

	width: 50%;
	min-width: 300px;

	margin-bottom: 50px;
}

.neatHeader > .header .content > .quote:last-child {
	margin-bottom: 0px;
}

@media only screen and (max-width: 500px) {
	.neatHeader > .header .content > .plainContent > .dropdown_inline_text,
	.neatHeader > .header .content > .plainContent > .dropdown_trigger {
		display: block;
		margin: 0px 20px 20px 20px !important;
	}
}

.neatHeader > .header > .centeringWrapper {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.neatHeader > .header > .centeringWrapper > .content {
	max-width: 850px;
}

@media only screen and (max-width: 980px) {
	.neatHeader > .header > .centeringWrapper > .content {

	}

	.neatHeader > .header .content .lineBreak {
		display: none;
	}
}

@media only screen and (min-width: 751px) {
	.neatHeader > .header.contentCenteredTop > .centeringWrapper {
		align-items.: flex-start;
	}

	.neatHeader > .header.contentCenteredHalfwayUp > .centeringWrapper {
		align-items: flex-start;
		position: relative;
		top: 10%;
		height: 75%;
	}

	.neatHeader > .header.contentCenteredHalfwayDown > .centeringWrapper {
		align-items: flex-end;
		position: relative;
		top: 10%;
		height: 75%;
	}

	.neatHeader > .header.contentCenteredBottom > .centeringWrapper {
		align-items: flex-end;
	}
}

.neatHeader > .header.paddingFaintMainMenu .content {
	padding-top: 30px;
}

.neatHeader > .header.withMenuTabs .content {
	padding-bottom: 45px !important;
}

.neatHeader > .paddingSmall .content {
	padding: 20px 0;
}

.neatHeader > .paddingSmall.withMenuTabs .content {
	padding-bottom: 20px !important;
}

.neatHeader > .paddingBig .content {
	padding: 40px 0 !important;
	float: left;
	width: 100%;
}

@media only screen and (max-width: 750px) {
	.neatHeader > .paddingBig .content {
		padding: 20px !important;
	}
}

.neatHeader > .paddingBig.withMenuTabs .content {
	padding-bottom: 40px !important;
}

body:not(.inApp) .neatHeader > .paddingBig.paddingFaintMainMenu .content {
	padding-top: 70px !important;
}

.neatHeader > .paddingHuge .content {
	padding: 100px !important;
}

body:not(.inApp) .neatHeader > .paddingHuge.paddingFaintMainMenu .content {
	padding-top: 90px !important;
}

@media only screen and (max-width: 750px) {
	.neatHeader > .paddingHuge .content {
		padding: 20px !important;
	}
}

.neatHeader > .paddingHuge.withMenuTabs .content {

}

.neatHeader > .paddingHugeAlmostFullscreen .content {
	padding: 150px 20px;
}

@media only screen and (max-width: 500px) {
	.neatHeader > .header > .content {
	}

	.neatHeader > .header.withMenuTabs > .content {

	}
}

/* menu */

.neatHeader > .header + .menu {
	margin-top: 20px;
	float: left;
}

/* menu.tabs */

.neatHeader > .header .menu.tabs {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	clear: both;
}

/* dropdown */


/* mosaic */

.neatHeader > .header > .mosaic {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	white-space: nowrap !important;
	text-align: center;
	overflow: hidden;
}

.neatHeader > .header > .mosaic > .item {
	position: relative;
	display: inline-block;
	float: none;
	height: 100%;
	white-space: normal;

	-webkit-transition: all var(--linkHoverTransitionLeave); ease-out;
	-moz-transition: all var(--linkHoverTransitionLeave); ease-out;
	-o-transition: all var(--linkHoverTransitionLeave); ease-out;
	transition: all var(--linkHoverTransitionLeave); ease-out;
}

.neatHeader > .header > .mosaic > .item > img {
	height: 100%;
}

.neatHeader > .header > .mosaic > .item > .title {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;

	text-align: center;

	font-size: 10pt;
	line-height: 1.2em;
	color: #fff;

	padding: 10px 20px 60px 20px;
	opacity: 0;

	transition: opacity .20s ease-in-out;
	-moz-transition: opacity .20s ease-in-out;
	-webkit-transition: opacity .20s ease-in-out;
}

.neatHeader > .header > .mosaic > .item:hover > .title {
	opacity: 1;
}

.neatHeader > .header > .mosaic.fainted > .item {
	opacity: 0.5;
}

.neatHeader > .header > .mosaic.fainted > .item:hover {
	opacity: 1;
}

.neatHeader > .header > .credits {
	position: absolute;
	right: 15px;
	bottom: 15px;
	text-align: right;
	font-size: var(--a_text_font_size_small);
}

.neatHeader > .header.lightBackground > .credits {
	color: #000 !important;
}

.neatHeader > .header.lightBackground > .credits a{
	color: var(--a_text_color_button) !important;
}

.neatHeader > .header > .credits .userName {
	font-weight: bold !important;
}

@media only screen and (max-width: 750px) {
	.neatHeader > .header > .credits {
		font-size: 9pt;
		right: 10px;
		bottom: 0px;
		font-size: 8pt;
	}
}

/* buttonsMenu */

.neatHeader > .header > .buttonsMenu {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
}

.neatHeader > .header > .buttonsMenu > .button {
	margin: 0 0 0 5px;
}

.neatHeader > .header:has(.MosaicBillboard) > .content {
	pointer-events: none;
}

.neatHeader > .header > .MosaicBillboard {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.neatHeader > .header > .badge {
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
	opacity: 0.5;
	max-width: 80px;
	margin: 20px;
}

.neatHeader > .header > .badge > .content {
	display: block;
	font-size: 8pt;
	text-align: center;
	padding: 10px;
}

.neatHeader > .header > .badge > .content > .icon {
	width: 100%;
	height: 48px;
	background-size: 48px;
	margin: 0;
}

.neatHeader > .header > .badge > .content > .title {
	display: block;
	clear: both;
	text-align: center;
	color: #fff;
	line-height: 1.3em;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
}

@media only screen and (max-width: 750px) {
	.neatHeader > .header > .badge {
		margin: 0;
	}

	.neatHeader > .header > .badge > .content > .icon {
		height: 20px;
		background-size: 20px;
	}

	.neatHeader > .header > .badge > .content > .title {
		font-size: 6pt;
	}

	.neatHeader > .header > .scrollDownHint {
		display: none !important;
	}
}

.neatHeader > .header > .scrollDownHint {
	position: absolute;
	bottom: 20px;

	left: calc(50%);
	transform: translateX(-50%);

	cursor: pointer;

	color: var(--dark_color);
	text-align: center;

	background: #fff;

	padding: 15px;
	
			border-radius: var(--rounded_corners_radius_fatter);;

	z-index: 1;

	display: flex;
	align-items: center;
	gap: 10px;
}

.neatHeader > .header > .scrollDownHint > .text {
	color: var(--dark_color);
	line-height: 1.2em;
}

.neatHeader > .header > .scrollDownHint > .icon {
	background-color: var(--dark_color);
}

@keyframes scrollDownHintAnimation {
    0%, 100% {
		transform: translateY(0);
	}
    50% {
		transform: translateY(-10px);
	}
}

.neatHeader > .header > .scrollDownHint.animated {
	animation: scrollDownHintAnimation 1s infinite ease !important;
}

.neatHeader.backgroundImageAlignDefine_0 { background-position: left top !important; }
.neatHeader.backgroundImageAlignDefine_1 { background-position: center top !important; }
.neatHeader.backgroundImageAlignDefine_2 { background-position: right top !important; }
.neatHeader.backgroundImageAlignDefine_3 { background-position: left center !important; }
.neatHeader.backgroundImageAlignDefine_4 { background-position: center center !important; }
.neatHeader.backgroundImageAlignDefine_5 { background-position: right center !important; }
.neatHeader.backgroundImageAlignDefine_6 { background-position: left bottom !important; }
.neatHeader.backgroundImageAlignDefine_7 { background-position: center bottom !important; }
.neatHeader.backgroundImageAlignDefine_8 { background-position: right bottom !important; }

/* header bigImage */
.neatHeader > .header.bigImage,
.neatHeader > .header.bigVideo {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	max-height: 1000px;
}

.neatHeader > .header.bigImage.fullScreen,
.neatHeader > .header.bigVideo.fullScreen {
	height: calc(100vh - var(--main_menu_height));
}

body.withFaintMainMenu .neatHeader > .header.bigImage.fullScreen,
body.withFaintMainMenu .neatHeader > .header.bigVideo.fullScreen {
	height: 100vh;
	max-height: none;
}

body.inApp .neatHeader > .header.bigImage.fullScreen,
body.inApp .neatHeader > .header.bigVideo.fullScreen {
	height: calc(100vh - var(--main_menu_app_header_height) - var(--main_menu_app_drawer_height));
	height: calc(100vh - var(--main_menu_app_header_height) - var(--main_menu_app_drawer_height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));
}

.neatHeader > .header.bigImage.almostFullScreen,
.neatHeader > .header.bigVideo.almostFullScreen {
	height: 75vh !important;
	min-height: 500px;
}

.neatHeader > .header.bigImage.fullScreen.withMainMenu,
.neatHeader > .header.bigVideo.fullScreen.withMainMenu {
	height: calc(100vh - 55px);
}

.neatHeader > .header.bigImage.halfScreen,
.neatHeader > .header.bigVideo.halfScreen {
	height: 50vh;
	min-height: 400px;
}

.neatHeader > .header.bigImage .content,
.neatHeader > .header.bigVideo .content {
	position: relative;
}

.neatHeader > .header .content.coloredBackground  {
	padding: 30pt 20pt;
}

.neatHeader > .header.bigImage .content:before,
.neatHeader > .header.bigVideo .content:before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
}

.neatHeader > .header.bigImage .content h1,
.neatHeader > .header.bigVideo .content h1 {
	margin: 0;
}

.neatHeader > .header.bigImage .content h2,
.neatHeader > .header.bigVideo .content h2 {
}

.neatHeader > .header.bigImage .content h1 u,
.neatHeader > .header.bigVideo .content h1 u,
.neatHeader > .header.bigImage .content h2 u,
.neatHeader > .header.bigVideo .content h2 u {
	text-decoration: none;
	border-bottom: dashed #fff 1px;
}

.neatHeader > .header.bigImage > .credits {
	color: #fff;
	font-weight: 200;
	opacity: .8;
	z-index: 1;
}

.neatHeader > .header.bigImage > .credits:hover {
	opacity: 1;
}

.neatHeader > .header.bigImage > .credits a {
	color: #fff;
	font-weight: 200;
}

.neatHeader > .header.bigImage > .credits a:hover {
	text-decoration: underline;
}

/* header bigVideo */
.neatHeader > .header.bigVideo {
	overflow: hidden;
}

.neatHeader > .header.bigVideo > video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Header special styles */

.neatHeader > .header.rainbow {
	background-color: #fc0 !important;
	background: -webkit-linear-gradient(-55deg, #ffeeb0 30%, #a2d49f 30%, #a2d49f 40%, #c7c12f 40%, #c7c12f 50%, #f26247 50%, #f26247 60%, #ec2045 60%, #ec2045 70%, #ffeeb0 70% );
	background: -moz-linear-gradient(-55deg, #ffeeb0 30%, #a2d49f 30%, #a2d49f 40%, #c7c12f 40%, #c7c12f 50%, #f26247 50%, #f26247 60%, #ec2045 60%, #ec2045 70%, #ffeeb0 70% );
	background: linear-gradient(-55deg, #ffeeb0 30%, #a2d49f 30%, #a2d49f 40%, #c7c12f 40%, #c7c12f 50%, #f26247 50%, #f26247 60%, #ec2045 60%, #ec2045 70%, #ffeeb0 70% );
}

.neatHeader > .header.film {
	padding-top: 24px;
	background-image: url('/gfx/img/film_strip_background.png');
	background-repeat: repeat-x;
	background-position: top center;
	background-size: 200px 24px;
}

.neatHeader > .header.valentinesday {
	background:
		radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187,0,51,0) 27%),
		radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187,0,51,0) 27%),
		radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221,51,85,0) 46%),
		radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221,51,85,0) 46%),
		radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221,51,85,0) 31%),

		radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187,0,51,0) 27%) 50px 50px,
		radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187,0,51,0) 27%) 50px 50px,
		radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221,51,85,0) 46%) 50px 50px,
		radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221,51,85,0) 46%) 50px 50px,
		radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221,51,85,0) 31%) 50px 50px;
	background-color: #b03 !important;
	background-size: 100px 100px;
}

.neatHeader > .header.paris {
	background-color: #fc0 !important;
	background: -webkit-linear-gradient(-55deg, #e08 0%, #e08 30%, white 30%, white 70%, #38e 70%, #38e 100%);
	background: -moz-linear-gradient(-55deg, #e08 0%, #e08 30%, white 30%, white 70%, #38e 70%, #38e 100%);
	background: linear-gradient(-55deg, #e08 0%, #e08 30%, white 30%, white 70%, #38e 70%, #38e 100%);
}

.neatHeader > .header.fashionfilm {
	background-color: #151515 !important;
}

.neatHeader > .header.ai {
	background-color: var(--ai_color) !important;
}

.neatHeader > .header.hdr {
	background-color: var(--hdr_color) !important;
}


/* style summerOffer */
.neatHeader > .header.summerOffer {
	--baseHue: var(--primaryHue);
	--fg-color: hsla(var(--baseHue), 90%, 45%, 100%);
	--bg-color: hsla(var(--baseHue), 70%, 50%, 100%);
	--bg-color-lighter: hsla(var(--baseHue), 80%, 95%, 100%);
	background-color: var(--dark_color);
	color: var(--fg-color);
}

.neatHeader > .header.summerOffer > .content {
	color: var(--fg-color);
	background: radial-gradient(circle,  var(--bg-color-lighter) 40%,  var(--bg-color) 100%);
}

.neatHeader > .header.summerOffer > .content:before {
	position: absolute;
	content: '';
	inset: 0;
	background-color: var(--bg-color-lighter);
	mask-image: url('/gfx/img/litmind-background-01.svg?v=2');
	mask-size: 900px;
	mask-position: center;
}

.neatHeader > .header.summerOffer > .content > .title,
.neatHeader > .header.summerOffer > .content > .superTitle {
	color: var(--fg-color) !important;
	font-size: 33pt;
	font-weight: 600;
	line-height: 0.9em !important;
}

.neatHeader > .header.summerOffer > .content > .title,
.neatHeader > .header.summerOffer > .content > .superTitle,
.neatHeader > .header.summerOffer > .content > .subTitle {
}

.neatHeader > .header.summerOffer > .content > .subTitle {
	color: var(--fg-color) !important;
	font-family: var(--special_a_text_font_family);
	text-decoration: none;
}

.neatHeader > .header.summerOffer > .content > .subTitle a {
	background: var(--fg-color);
	color: var(--bg-color-lighter) !important;
	text-decoration: none;
	padding: 0 .4em .1em .4em;
	border-radius: 100vw;
	text-shadow: none;
	font-weight: 600 !important;

	transition: all .5s ease-in-out;
	display: inline-block;
}

.neatHeader > .header.summerOffer > .content > .subTitle a:hover {
	transform: scale(1.2);
}

/* .neatHeader > .header.summerOffer .buttons {
	gap: 35px;
} */

/*
.neatHeader > .header.summerOffer .buttons > .button:after {
	position: absolute;
	content: '';
	inset: -8px;
	pointer-events: none;
	border: dotted #fff 2.5px;
	
			border-radius: var(--rounded_corners_radius_fatter);
} */


/* style flashOffer */
.neatHeader > .header.flashOffer {
	--fg-color: #fff;
	--bg-color: var(--grey_darker_color);
	--bg-color-2: var(--dark_color);
	color: var(--fg-color);
	background: linear-gradient(0deg, var(--bg-color) 0%, var(--bg-color-2) 100%) !important;
}

.neatHeader > .header.flashOffer > .content > .title,
.neatHeader > .header.flashOffer > .content > .superTitle,
.neatHeader > .header.flashOffer > .content > .subTitle {
	color: var(--fg-color) !important;
}

/* style blackFriday */
.neatHeader > .header.blackFriday {
	--fg-color: #fff;
	--bg-color: var(--dark_color);
	color: var(--fg-color);
	background-color: var(--bg-color);

	background-image:
		radial-gradient(ellipse, rgba(0,0,0, .8), rgba(0,0,0, 0)),
		url('/gfx/img/black_friday_bg.jpg');
	background-size: cover;
	background-position: center;
}

.neatHeader > .header.blackFriday > .content > .title {
	font-size: 50pt;
	font-weight: 500;
	letter-spacing: 3px;
}

.neatHeader > .header.blackFriday > .content > .title > sub {
	font-size: 11pt;
	letter-spacing: 0px;
}

/* header staffpicks */
.neatHeader > .header.staffpicks {
	background-color: #fff !important;
}

.neatHeader > .header.staffpicks > .content > h1,
.neatHeader > .header.staffpicks > .content > h2 {
	color: var(--user_level_staff_pick_color) !important;
}

.neatHeader > .header.darken:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 0;
}

.neatHeader > .header.borderBottom {
	border-bottom: solid var(--fainter_color) 1px;
}

.neatHeader > .header.darkBackground.borderBottom {
	border-color: rgba(255, 255, 255, 0.15);
}

.neatHeader > .header.borderTop {
	border-top: solid #ddd 1px;
}

.neatHeader > .header.darkBackground.borderTop {
	border-color: rgba(255, 255, 255, 0.15);
}

.neatHeader > .header.borderTop {
	border-top: solid #ddd 1px;
}


/* Rewind 2023 */

.neatHeader.rewind2024 > .header {
	position: relative;
	background: white !important;
	box-shadow:
		inset 0 -14px 10px -10px rgba(180, 0, 10, 0.2),
		inset 0 14px 10px -10px rgba(180, 0, 10, 0.2);
}

.neatHeader.rewind2024 > .header .menu.tabs.darkBackground > div > div > .item {
	font-size: 15pt;
	font-weight: 600 !important;
}

.neatHeader.rewind2024 > .header .menu.tabs.darkBackground > div > div > .item.selected {
	color: var(--attention_color) !important;
}

.neatHeader.rewind2024 > .header .menu.tabs.darkBackground > div > div > .item:not(.selected) {
	background-color: var(--attention_color);
	opacity: 1;
}

.neatHeader.rewind2024 > .header .menu.tabs.darkBackground > div > div > .item:not(.selected):hover {
	filter: brightness(1.2);
}

.neatHeader.rewind2024 > .header > .content > .plainContent {
	padding: 80px 0 30px 0;
}

.neatHeader.rewind2024 > .header > .content > .plainContent > .logoContainer {
	display: flex;
}

.neatHeader.rewind2024 > .header > .content > .plainContent > .logoContainer > .logo {
	margin: 0 auto;
	width: min(100%, 400px);
	padding: 25px;
	background: rgba(255, 255, 255, 1);
	border-radius: 40px;
}

.neatHeader.rewind2024 > .header > .content > .plainContent > .logoContainer > .logo > img {
	width: 100%;
	float: left;
}

/* separator */

.neatHeader > .separator {
	border-bottom: solid #ddd 1px;
}

body.dark .neatHeader > .separator {
	border-color: #333;
}

/* bigBlocks */

.neatHeader > .bigBlocks {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	overflow: hidden;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.neatHeader > .bigBlocks.darkBackground {
	color: #fff;
}

.neatHeader > .bigBlocks.darkBackground a {
	color: var(--a_text_color_button_dark_background);
}

.neatHeader > .bigBlocks.paddingBig {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.neatHeader > .bigBlocks > .item {
	display: inline-block;
	vertical-align: top;
	width: 33.3%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;;
	text-align: left;
	padding: 30px;
}

.neatHeader > .bigBlocks.columns2 > .item {
	width: 50%;
}

@media only screen and (max-width: 980px) {
	.neatHeader > .bigBlocks > .item { width: 50% !important; }
}

@media only screen and (max-width: 750px) {
	.neatHeader > .bigBlocks > .item { width: 100% !important; }
}

.neatHeader > .bigBlocks > .item > .icon {
	margin-right: 17px;
	width: 25px;
	height: 25px;
	background-size: 25px;
}

.neatHeader > .bigBlocks > .item > .icon.black {
	opacity: 0.7;
}

.neatHeader > .bigBlocks > .item > .content {
	overflow: hidden;
	float: none !important;
	width: auto !important;
	padding: 0 !important;
}

.neatHeader > .bigBlocks > .item > .content > .title {
	font-size: 25pt;
}

.neatHeader > .bigBlocks > .item > .content > .title,
.neatHeader > .bigBlocks > .item > .content > .superTitle {
	margin-bottom: 15px;
}

.neatHeader > .bigBlocks > .item > .content > .superTitle {
	font-size: 24pt;
}

.neatHeader > .bigBlocks > .item > .content > .button {
	margin: 20px 0 0 0;
}

@media only screen and (max-width: 980px) {
	.neatHeader > .bigBlocks > .item > .content > .title,
	.neatHeader > .bigBlocks > .item > .content > .superTitle {
		font-size: 18pt;
	}
}

@media only screen and (max-width: 500px) {
	.neatHeader > .bigBlocks > .item > .content > .title,
	.neatHeader > .bigBlocks > .item > .content > .superTitle {
		font-size: 15pt;
	}
}

/* banner style */

.neatHeader.banner {
	margin: 0 25px;
	padding: 0 0 25px 0;
	width: calc(100% - 50px);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.neatHeader.banner > .header {
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.neatHeader.banner > .header > .content {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

@media only screen and (max-width: 750px) {
	.neatHeader.banner {
		margin: 0;
		width: 100%;
	}
}

.neatHeader2 {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.neatHeader2 > .shadow {
	position: absolute;
	content: '';
	top: 0; bottom: 0; left: 0; right: 0;
}

.neatHeader2 > .wrapper {
	margin: 0 auto;
	max-width: var(--contents_width_wider);
	padding: 40px;
	gap: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.neatHeader2.darkBackground {
	color: #fff;
}

.neatHeader2 > .wrapper > .main {
	position: relative;
	z-index: 1;
	max-width: 450px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
}

.neatHeader2 > .wrapper > .main > .title {
	font-size: 30pt;
	font-family: var(--b_text_font_family);
	line-height: 1.05em;
	margin: 0;
	text-wrap: balance;
}

.neatHeader2 > .wrapper > .main > .subTitle {
	margin: 0;
}

.neatHeader2 > .wrapper > .main > .author {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--a_text_font_size_smaller);
}

.neatHeader2 > .wrapper > .main > .author > .profileImage {
	width: 30px; height: 30px;
	border-radius: 15px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.neatHeader2 > .wrapper > .banners {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 310px;
	z-index: 1;
}

.neatHeader2 > .wrapper > .banners > a {
	background: #fff;
	
			border-radius: var(--rounded_corners_radius_fat);
	
			box-shadow:
				0 1px 1px hsl(200deg 30% 50% / 0.05),
				0 2px 2px hsl(200deg 30% 50% / 0.05),
				0 4px 4px hsl(200deg 30% 50% / 0.05),
				0 8px 8px hsl(200deg 30% 50% / 0.05),
				0 16px 16px hsl(200deg 30% 50% / 0.05)
				;
		
	padding: 17px 20px;
	color: var(--a_text_color_main);

	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.neatHeader2 > .wrapper > .banners > a:hover {
	color: var(--a_text_color_primary);
}

.neatHeader2 > .wrapper > .banners > a > div {
	display: flex;
	gap: 5px;
	flex-direction: column;
}

.neatHeader2 > .wrapper > .banners > a > div > .title {
	line-height: 1.2em;
	font-weight: bold;
}

.neatHeader2 > .wrapper > .banners > a > div > .description {
	font-size: var(--a_text_font_size_smaller);
	font-weight: normal;
	line-height: 1.2em;
}

.neatHeader2 > .wrapper > .banners > a > .icon {
	flex-shrink: 0;
	background-color: currentColor;
	margin-top: 2px;
}

@media only screen and (max-width: 980px) {

	.neatHeader2 > .wrapper > .main {
		max-width: none;
	}

	.neatHeader2 > .wrapper > .banners {
		max-width: none;
	}
}

@media only screen and (max-width: 750px) {
	.neatHeader2 > .wrapper > .main > .title {
		font-size: 30pt;
		line-height: 1em;
	}
}

.dropdown_element {
	position: relative;
}

/* dropdown_inline_text */

.dropdown_inline_text {
	position: relative;
	display: inline-block;

	padding: 3px 4px 3px 10px;

	font-size: 13pt;
	line-height: 35px;

	vertical-align: middle;
}

/* dropdown_trigger */

.dropdown_trigger_center_wrapper {
	text-align: center;
}

.dropdown_trigger {
	display: inline-flex;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	justify-content: center;
	align-items: center;

	position: relative;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;

	cursor: pointer;
}

.dropdown_trigger.border {
	padding: 11px 10px 11px 15px;
	border: solid #dfdfdf 1px;
	
			border-radius: var(--rounded_corners_radius);
}

.dropdown_trigger > .title {
	font-size: var(--a_text_font_size);
	line-height: 1.5em;
	color: var(--a_text_color_main);
	max-width: 100%;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropdown_trigger > .title + .icon {
	margin-left: 7px;
}

.dropdown_trigger > .icon + .title {
	margin-left: 7px;
}

.dropdown_trigger.big > .title {
	font-size: 26pt;
	font-weight: 200;
}

.dropdown_trigger.big > .icon {
	margin-left: 10px;
}

.dropdown_trigger.darkBackground {
	color: #fff;
	border-color: #fff;
}

.dropdown_trigger.darkBackground:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 750px) {
	.dropdown_trigger.big > .title {
		white-space: normal;
		text-align: left;
		font-size: 18pt !important;
		line-height: 1.3em;
	}
}

.dropdown_trigger:hover {
	color: var(--a_text_color_primary);
}

.dropdown_trigger.big > .dropdown {
	left: 10px;
	top: 100%;
}

/* dropdown */

.dropdown {
	position: absolute;
	display: none;
	z-index: 1000;
}

.dropdown > .arrow {
	position: absolute;

	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: transparent transparent var(--dropdown_light_background_color) transparent;

	z-index: 101;

	-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
}

.dropdown.smallScreen > .arrow {
	display: none !important;
}

.dropdown > .dropdownContent {
	position: absolute;

	background: var(--dropdown_light_background_color);

	padding: 0px !important;

	line-height: 1.3em;
	color: var(--a_text_color_main);

	min-height: 65px;
	min-width: 35px;

	max-width: 100vw;

	max-height: calc(100vh - var(--main_menu_height) - 10px);

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	text-transform: none;

	text-shadow: none !important;

	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: none;

	-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
	overflow-y: auto;-webkit-overflow-scrolling: touch;

	border-radius: 7px;

	box-shadow:
		0 0 1px rgba(0, 0, 0, 0.6),
		0 0 10px rgba(0, 0, 0, 0.2);

	display: flex;

	font-family: var(--a_text_font_family);
	font-size: var(--a_text_font_size);
}

/* When a buttonBanner is placed inside a dropdown */
.dropdownContent .buttonBanner {
	padding: 0;
	border: none;
	box-shadow: none;
}

@media only screen and (max-width: 500px) {
	.dropdown > .dropdownContent {
		max-height: 300px !important;
	}
}

.dropdown.smallScreen > .dropdownContent {
	position: fixed !important;
	top: var(--main_menu_height) !important;
	top: calc(var(--main_menu_height)) !important;
	top: calc(var(--main_menu_height) + env(safe-area-inset-top)) !important;
	width: 100% !important;
	height: calc(100vh - var(--main_menu_height)) !important;
	height: calc(100vh - var(--main_menu_height) - env(safe-area-inset-top)) !important;
	left: 0px !important;
	right: 0px !important;
	bottom: 0px !important;
	max-height: none !important;
	max-height: 300px;
	z-index: 400 !important;
	padding-bottom: 70px !important; /* to avoid the last bottom portion of the contents to be obfuscated by the buttons bar of Safari in iPhone (a bar of buttons that appears or disappears automatically depending on the scroll position of the page) */
	
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;

			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;

			border-radius: 0 !important;;
}

body.inApp .dropdown.smallScreen > .dropdownContent {
	top: var(--main_menu_app_header_height) !important;
	bottom: var(--main_menu_app_drawer_height) !important;
	bottom: calc(var(--main_menu_app_drawer_height) + env(safe-area-inset-bottom)) !important;
	padding-bottom: 0px !important;
}

.dropdown > .dropdownContent > .closeButton {
	margin: 10px 10px 0 0;
}

.dropdown.smallScreen > .dropdownContent > .closeButton {
	display: none !important;
}

.dropdown > .smallScreenClose {
	display: none;
	z-index: 900 !important;
	-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
}

.dropdown.smallScreen > .smallScreenClose {
	display: block;
	position: fixed;
	background: var(--main_menu_color);
	top: var(--main_menu_height);
	top: calc(var(--main_menu_height) + env(safe-area-inset-top));
	top: 0;
	left: 0;
	width: 55px;
	height: var(--main_menu_height);
	display: flex;
	justify-content: center;
	align-items: center;
}

.dropdown.smallScreen > .smallScreenClose > .icon {
	width: 20px;
	height: 20px;
}

body.inApp .dropdown.smallScreen > .smallScreenClose {
	top: 0;
	width: var(--main_menu_header_icon_size);
	height: var(--main_menu_header_icon_size);
	padding: calc((var(--main_menu_app_header_height) - var(--main_menu_header_icon_size)) / 2);
}


/* dropdown_contenr */
.dropdown_content {
	display: inline-block;
}


/* align_left */

.dropdown.align_left {
	left: 0;
}

.dropdown.align_left > .arrow {
	left: 12px;
}

.dropdown.align_left > .dropdownContent {
	left: 0;
}


/* align_right */

.dropdown.align_right {
	right: 0;
}

.dropdown.align_right > .arrow {
	right: 10px;
}

.dropdown.align_right > .dropdownContent {
	right: 0;
}

/* valign_top */

.dropdown.valign_top {
	top: 0px;
}

.dropdown.valign_top > .dropdownContent {
	bottom: 8px;
}

.dropdown.valign_top > .arrow {
	top: auto;
	bottom: 0px;
	border-width: 8px 8px 0 8px !important;
	border-color: var(--dropdown_light_background_color) transparent transparent transparent !important;
}

/* valign_bottom */

.dropdown.valign_bottom {
	bottom: 10px;
}

.dropdown.valign_bottom > .arrow {
	top: 3px;
}

.dropdown.valign_bottom > .dropdownContent {
	top: 10px;
}

.dropdown.valign_bottom > .arrow {
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent var(--dropdown_light_background_color) transparent;
}


/* dropdown.dark */
.dropdown.dark > .dropdownContent {
	background: var(--dropdown_dark_background_color);
	color: #fff;
	border: none;
}

.dropdown.dark.valign_bottom > .arrow {
	border-color: transparent transparent var(--dropdown_dark_background_color) transparent !important;
}

.dropdown.dark.valign_top > .arrow {
	border-color: var(--dropdown_dark_background_color) transparent transparent transparent !important;
}

/* dropdown.info */
.dropdown.info > .dropdownContent {
	background: var(--info_color);
	color: rgba(255, 255, 255, .8);

	font-family: var(--a_text_font_family) !important;
	font-weight: 200 !important;
	font-size: 11pt !important;
}

.dropdown.info.valign_bottom > .arrow {
	border-color: transparent transparent var(--info_color) transparent !important;
}

.dropdown.info.valign_top > .arrow {
	border-color: var(--info_color) transparent transparent transparent !important;
}

/* dropdown.help */
.dropdown.help > .dropdownContent {
	background: var(--help_color);
	color: rgba(255, 255, 255, .8);
	border: none;
}

.dropdown.help.valign_bottom > .arrow {
	border-color: transparent transparent var(--help_color) transparent !important;
}

.dropdown.help.valign_top > .arrow {
	border-color: var(--help_color) transparent transparent transparent !important;
}


/* dropdown.small_hook */
.dropdown.small_hook
{
	margin-left: -10px;
}

/* dropdown.tooltip */

.dropdown.tooltip {
	width: 200px;
}

.dropdown.tooltip > .dropdownContent
{
	background: #fff;
	color: var(--a_text_color_main);

	padding: 8px 10px !important;

	font-size: var(--a_text_font_size_smaller);

	text-align: left;

	min-height: 0;
	min-width: 0;
}

.dropdown.tooltip.bigContent > .dropdownContent {
	min-width: 250px;
}

/* tooltip with badge */
.dropdown.tooltip > .dropdownContent .title {
	font-weight: 600;
}

.dropdown.tooltip > .dropdownContent .description {
	font-weight: var(--a_text_font_weight);
}

.dropdown.tooltip > .arrow
{
	border-color: transparent transparent var(--dropdown_light_background_color) transparent;
}


/* dropdown.floating */

.dropdown.floating
{
	position: absolute;
	left: 100px;
	top: 100px;
}

/* loadingPage */

@keyframes dropdown_loading_page {
	from { background-position: 0 bottom; }
	to { background-position: 15px bottom; }
}

.dropdown.loadingPage > .dropdownContent {
	padding-bottom: 20px !important;
	background-size: 15px 15px !important;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.05) 25%,
		rgba(0, 0, 0, 0.05) 25%,
		rgba(0, 0, 0, 0.05) 50%,
		rgba(255, 255, 255, 0.05) 50%,
		rgba(255, 255, 255, 0.05) 75%,
		rgba(0, 0, 0, 0.05) 75%,
		rgba(0, 0, 0, 0.05)
	) !important;
	animation: dropdown_loading_page .3s linear infinite;
}

.dropdown > .dropdownContent > .wrapper {
	width: 100%;
}

/* header */

.dropdown > .dropdownContent .header > .title {
	background: var(--dropdown_light_background_color);
}

.dropdown.dark > .dropdownContent .header {
	background: transparent;
	border-color: #888;
}

.dropdown.dark > .dropdownContent .header > .title {
	background: #222;
	color: #fff;
	border-color: #888;
}

/* block_warning */
/* block_info */

.dropdown > .dropdownContent .block_warning,
.dropdown > .dropdownContent .block_info
{
	float: left;
	width: 100%;
	padding: 15px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.dropdown > .dropdownContent .block_warning > .text,
.dropdown > .dropdownContent .block_info > .text
{
	font-size: var(--a_text_font_size_smaller);
	font-weight: normal;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	float: left;
	white-space: normal;
	line-height: 1.2em;
}


/* link_list */
.dropdown > .dropdownContent .block_link_list
{
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.dropdown > .dropdownContent .block_link_list.standard_max_height
{
}

.dropdown.smallScreen > .dropdownContent .block_link_list.standard_max_height {
}

.dropdown > .dropdownContent .block_link_list a {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 5px 15px;
	font-family: var(--a_text_font_family);
	font-size: var(--a_text_font_size);
	color: var(--a_text_color_main);
	border-bottom: solid #eee 1px;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
	cursor: pointer;
	text-align: left;
	z-index: 10000 !important;
	text-decoration: none;
}

.dropdown > .dropdownContent .block_link_list a > .icon {
	flex-shrink: 0;
	background-color: currentColor;
}

.dropdown > .dropdownContent .block_link_list a > .title
{
	line-height: 35px;
	white-space: nowrap;
	color: currentColor;
}

.dropdown > .dropdownContent .block_link_list a > .subtitle
{
	font-size: 9pt;
}

.dropdown > .dropdownContent .block_link_list a.follow {
	background: var(--follow_color);
}

.dropdown > .dropdownContent .block_link_list a.follow:hover {
	background: #follow_color_lighter# !important;
}

.dropdown > .dropdownContent .block_link_list a.warning {
	background: var(--warning_color);
}

.dropdown > .dropdownContent .block_link_list a.warning:hover {
	background: var(--warning_color_lighter) !important;
}

.dropdown.dark > .dropdownContent .block_link_list a > .subtitle {
	color: #999;
}

.dropdown.dark > .dropdownContent .block_link_list a
{
	color: #fff !important;
	border-bottom: none;
	cursor: pointer;
}

.dropdown > .dropdownContent .block_link_list a:hover {
	background: var(--faintest_color);
	color: var(--a_text_color_main_highlight);
}

.dropdown > .dropdownContent .block_link_list a:hover > .icon {
	background: currentColor;
}

.dropdown.dark > .dropdownContent .block_link_list a:hover
{
	background: rgba(255, 255, 255, 0.15);
	color: #fff !important;
}

.dropdown > .dropdownContent .block_link_list a:last-child
{
	border-bottom: none;
}

.dropdown > .dropdownContent .block_link_list a > .additional {
	position: absolute;

	top: 10px;
	right: 10px;

	min-width: 22px;
	background: var(--badge_color);
	color: #fff;

	font-family: var(--a_text_font_family);
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	font-size: 8.5pt;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	text-align: center;

	padding: 0 8px;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	z-index: 901;

	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 3px;
}

.dropdown > .dropdownContent .block_link_list a > .additional > .icon {
	width: var(--icon_size_small);
	height: var(--icon_size_small);
}

.dropdown > .dropdownContent .block_link_list a.highlight
{
	font-weight: bold;
}

.dropdown > .dropdownContent .block_link_list a > .icon
{
	float: left;
	margin-right: 8px;
}

.dropdown > .dropdownContent .block_link_list a > .title
{
	overflow: hidden;
}

.dropdown > .dropdownContent .block_link_list a.bottomLine {
	border-bottom: solid #eee 1px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.dropdown.dark > .dropdownContent .block_link_list a.bottomLine {
	border-bottom: solid rgba(255, 255, 255, .2) 1px;
}


/* block_simple */

.dropdown > .dropdownContent .block_simple
{
	float: left;
	width: 100%;
	padding: 10px 15px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	text-align: left;
	white-space: normal !important;
	line-height: 1.2em;
}

.dropdown > .dropdownContent .block_simple.paddingBig {
	padding: 30px;
}

.dropdown > .dropdownContent .block_simple.paddingBigLeftRight {
	padding-left: 20px;
	padding-right: 20px;
}

.dropdown > .dropdownContent .block_simple.noTopPadding {
	padding-top: 0;
}

.dropdown > .dropdownContent .block_simple.noBottomPadding {
	padding-bottom: 0;
}

.dropdown > .dropdownContent .block_simple.noBottomLine {
	border-bottom: none;
}

.dropdown > .dropdownContent .block_simple:last-child
{
	border-bottom: none;
}

.dropdown.dark > .dropdownContent .block_simple,
.dropdown.dark > .dropdownContent .block_simple a {
	color: #fff;
}

.dropdown > .dropdownContent .block_simple > .user {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	line-height: 1.5em;
}

.dropdown > .dropdownContent .block_simple > .user a:hover {
	color: var(--a_text_color_button_dark_background);
}

.dropdown > .dropdownContent .block_simple > .user > .right {
	display: flex;
	gap: 5px;
}

.dropdown > .dropdownContent .block_simple > .user > .right > .membershipTag {
}

.dropdown > .dropdownContent .block_simple > .user > .right > .icon {
	float: left;
	margin-left: 5px;
}

.dropdown > .dropdownContent .block_simple > .user .badges {
	display: flex;
	gap: 5px;
}

.dropdown > .dropdownContent .block_simple > .user .badges > .userBadge {
	display: inline-flex;
	align-items: center;

	float: right;
	cursor: default;

    background-color: #fff;
    color: #000 !important;

    font-size: 9pt;
    text-transform: uppercase;
    font-weight: 600 !important;
    line-height: 25px;
	height: 24px;

	padding: 0 5px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    white-space: nowrap;

    text-shadow: none;
}

.dropdown > .dropdownContent .block_simple > .user .badges > a.userBadge {
	cursor: pointer;
}

.dropdown > .dropdownContent .block_simple > .user .badges > a.userBadge:hover {
    opacity: .8;
}

.dropdown > .dropdownContent .block_simple > .user .badges > .userBadge > .icon {
    height: 14px;
	width: 14px;
}

.dropdown > .dropdownContent .block_simple > .user .badges > .userBadge > .text {
	padding: 0 5px;
}


.dropdown > .dropdownContent .block_simple > .user .badges > .userBadge.credits {
    background-color: var(--credits_color);
}

.dropdown > .dropdownContent .block_simple > .user .badges > .userBadge.credits > .text {
	color: #fff;
}

.dropdown > .dropdownContent .block_simple.highlighted a {
	color: #fff;
}

.dropdown > .dropdownContent .block_simple.highlighted a:hover {
	color: #fff;
}

.dropdown > .dropdownContent .block_simple.promo {
	text-align: center;
	padding: 25px;
}

.dropdown > .dropdownContent .block_simple.promo a {
	color: var(--a_text_color_button_dark_background);
}

.dropdown > .dropdownContent .block_simple.promo a:hover {
	color: var(--a_text_color_button_dark_background_lighter);
	text-decoration: none;
}


/* accounts */
.dropdown > .dropdownContent .block_simple.profiles {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 0;
	gap: 10px;
}

.dropdown > .dropdownContent .block_simple.profiles > .otherProfiles {
	display: flex;
	align-items: center;
	gap: 5px;
}

.dropdown > .dropdownContent .block_simple.profiles .profile {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	background-size: cover;
	background-color: var(--faint_color);
}

.dropdown > .dropdownContent .block_simple.profiles a.profile:hover {
	filter: brightness(1.1) saturate(1.3);
}

/* block_bottom_bar */

.dropdown.withBottomBar > .dropdownContent {
}

.dropdown > .dropdownContent .block_bottom_bar
{
	float: left;
	width: 100%;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 15px 20px;
	text-align: center;

	border-top: solid rgba(0, 0, 0, 0.07) 1px;

	color: var(--a_text_color_main);

	text-align: center;
}

.dropdown > .dropdownContent .block_bottom_bar.noTopPadding {
	padding-top: 0;
}

/* dark */
.dropdown.dark > .dropdownContent .block_bottom_bar {
	border-color: var(--a_text_color_main) !important;
}

.dropdown.dark > .dropdownContent .block_bottom_bar a {
	color: var(--a_text_color_main);
}

.dropdown.dark > .dropdownContent .block_bottom_bar a:hover {
	color: #fff;
}

.dropdown > .dropdownContent .block_bottom_bar a {
}

.dropdown > .dropdownContent .block_bottom_bar a:hover
{
	color: var(--a_text_color_button_hover);
}

.dropdown > .dropdownContent .block_bottom_bar a:not(.button) > .icon {
	margin-right: 5px;
}

.dropdown > .dropdownContent .block_bottom_bar > hr {
	margin-left: -10px;
	margin-right: -10px;
}

.dropdown.dark> .dropdownContent .block_bottom_bar > .buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.dropdown.dark> .dropdownContent .block_bottom_bar > .buttons > .button {
	margin: 0 5px 5px 0;
}

/* block_buttons */

.dropdown > .dropdownContent .block_buttons {
	display: flex;
	float: left;
	width: 100%;
	padding: 10px 15px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.dropdown > .dropdownContent .block_buttons + .block_buttons,
.dropdown > .dropdownContent .block_buttons.noTopPadding {
	padding-top: 0;
}

.dropdown > .dropdownContent .block_buttons.noBottomPadding {
	padding-bottom: 0;
}

.dropdown > .dropdownContent .block_buttons > .button {
	float: left;
	width: 100%;
	margin: 0 5px;
}

@media only screen and (max-width: 500px) {
	.dropdown > .dropdownContent .block_buttons {
		display: block;
		padding-bottom: 0;
	}

	.dropdown > .dropdownContent .block_buttons > .button {
		margin-bottom: 10px;
	}
}

.dropdownContent.hiddenOnStart {
	display: none;
}

.dropdown.noRoundedCornersTop > .dropdownContent {
	
			border-top-left-radius: 0;
			border-top-right-radius: 0;
}


/* listItems */
.dropdown > .dropdownContent > div > .listItems > .listItem {
}

/* block_menu */

.block_menu {
	--margin: 10px;

	float: left;
	width: calc(100% - (var(--margin) * 2));
	margin: var(--margin);

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	--borderColor: hsl(var(--neutralHue), 35%, 95%);
}

.dropdown.dark .block_menu {
	--borderColor: hsl(var(--neutralHue), 35%, 30%);
}

.block_menu + .block_menu {
	border-top: solid var(--fainter_color) 1px;
	margin-top: 5px !important;
	padding-top: 5px !important;
}

.dropdown.dark .block_menu + .block_menu {
	border-color: var(--borderColor);
}

.block_menu.topLine {
	border-top: solid #eee 1px;
}

.block_menu.topSeparator {
	border-top: solid #444 1px;
}

.block_menu.block_menu_columns {
	display: flex;
	justify-content: flex-start;
}

.block_menu.block_menu_columns.padding {

}

.block_menu.block_menu_columns > .column {
	display: flex;
	flex-direction: column;
}

.block_menu.block_menu_columns.equalWidths > .column {
	flex-grow: 1;
	flex-basis: 0;
}

.block_menu.block_menu_columns.padding {

}

.block_menu.block_menu_columns.fat {
	> .column > .item {
		padding: 15px;
	}
}

@media only screen and (max-width: 500px) {
	.block_menu.block_menu_columns {
		display: block;
	}
}

.block_menu.block_menu_columns:has(.spanEnd) {
	justify-content: flex-end;

	.spanEnd {
		margin-left: auto;
	}
}

.dropdown.dark .block_menu hr {
	border-color: var(--borderColor) !important;
}

.block_menu .item {
	--titleColor: var(--a_text_color_main);
	--hoverTitleColor: var(--a_text_color_primary);
	--hoverBackgroundColor: var(--neutral_8);
	--subTitleColor: var(--a_text_color_faint);
	--hoverSubTitleColor: var(--subTitleColor);

	position: relative;
	display: flex;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	clear: both;
	padding: 7px;
	white-space: normal;
	line-height: 1.2em !important;
	color: var(--titleColor);

	
			border-radius: var(--rounded_corners_radius_fat);
}

.block_menu a.item {
	cursor: pointer;
}

.block_menu .item.featured {
	--titleColor: var(--a_text_color_primary);
}

.dropdown.dark .block_menu .item,
.mainMenuAppPopup.dark .block_menu .item {
	--titleColor: #fff;
	--hoverBackgroundColor: var(--neutral_1);
	--subTitleColor: #fff;
}

.dropdown.dark .block_menu .item.lightBackground {
}

.block_menu .item > .thumbnail {
	display: inline-block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 1px 10px 0 0;
	background-color: rgba(0, 0, 0, 0.2);
	background-size: cover;
	background-positin: center;
	background-repeat: no-repeat;
}

.block_menu .item > .icon {
	margin: 2px 10px 0 0;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background-color: var(--titleColor);
}

.block_menu a.item > .boxedIcon {
	background-color: var(--titleColor);
	
			border-radius: var(--rounded_corners_radius);
	padding: 6px;
	margin-right: 10px;
	align-self: flex-start;
}

.block_menu a.item > .boxedIcon > .icon {
	background-color: #fff;
}

.block_menu a.item:hover {
	background-color: var(--hoverBackgroundColor);
}

.block_menu a.item:hover > .icon {
	background-color: var(--hoverTitleColor);
}

.block_menu a.item:hover > .right > .title {
	color: var(--hoverTitleColor);
}

.block_menu .item > .right {
	float: none;
	overflow: hidden;
	line-height: 1.3em;
	margin-top: 2px;
}

.block_menu .item > .right > .title {
	font-size: var(--a_text_font_size);
	color: var(--titleColor);
	font-weight: var(--button_font_weight);
	float: left;
	width: 100%;
}

.block_menu .item > .right > .title > i {
	font-style: normal;
	font-weight: 400;
	opacity: .7;
}

.block_menu .item > .right > .subtitle {
	float: left;
	width: 100%;
	font-size: var(--a_text_font_size_small);
	line-height: 1.4em;
	margin-top: 3px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.dropdown.dark .block_menu .item > .right > .subtitle {
	float: left;
}

.block_menu .item.topLine {
	border-top: solid rgba(0, 0, 0, 0.07) 1px;
	padding-top: 15px;
	margin-top: 10px;
}

.block_menu .item.bottomLine {
	border-bottom: solid rgba(0, 0, 0, 0.07) 1px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.dropdown.dark .block_menu .item.topLine,
.dropdown.dark .block_menu .item.bottomLine {
	border-color: rgba(255, 255, 255, 0.1);
}

.block_menu .item > .dotBadgeAttention {
	position: absolute;
    top: 7px;
    left: 5px;
    background: var(--badge_color);
    width: 6px;
    height: 6px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.block_menu .item > .badges {
	margin-right: 5px;
}

.block_menu .item > .badges.appearOnHover {
	opacity: 0;
	transition: opacity .15s ease-in-out;
}

.block_menu .item:hover > .badges.appearOnHover {
	opacity: 1;
}

.block_menu .item > .badge {
	position: absolute;

	margin-left: 10px;
	margin-right: 10px;

	min-width: 14px;
	background: var(--badge_color);
	color: #fff;

	line-height: 15px;
	text-align: center;

	font-size: var(--badge_font_size);
	font-weight: var(--badge_font_weight);
	font-family: var(--badge_font_family);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	text-align: center;

	padding: 0 4px;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.block_menu .item > .badge.right {
	left: auto;
	right: 10px;
}

.block_menu .item > .badge.new {
	background: var(--new_color);
	color: var(--dark_color) !important;
}

.block_menu .item > .badge.info {
	background: var(--info_color);
}

.block_menu .item > .right > .title > .badge {
	display: inline-flex;
	background: transparent;
	margin-left: 5px;

	border: solid currentColor 1px;

	opacity: .5;
}

.block_menu .item > .right > .subTitle {
	float: left;
	font-size: var(--a_text_font_size_small);
	line-height: 1.3em;
	margin-top: 3px;
	color: var(--subTitleColor);
}

.block_menu .item:hover > .right > .subTitle {
	color: var(--hoverSubTitleColor);
}

.columnStacker {
	position: relative;
	display: flex;
	flex-wrap: nowrap !important;
	justify-content: center;
	align-items: flex-start !important;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.columnStacker > div {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;

    display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: inherit;
}

body.inApp .columnStacker:not(.singleColumn) > div {
	max-width: min-content !important;
}

body:not(.inApp) .columnStacker:not(.singleColumn) > div {
	max-width: max-content !important;
}

.columnStacker.loadMoreOnScroll {
	padding-bottom: calc(var(--icon_size_big) * 3) !important;
}

.columnStacker:after {
	--iconSize: 30px;

	position: absolute;

	bottom: 0px;

	content: '';

	height: var(--iconSize);
	width: var(--iconSize);
	left: 50%;
	transform: translateX(-50%);

	background-color: #fff;
	border-radius: 50%;
	padding: 20px;

	background-image: url('/gfx/img/loading_dark.svg');

	background-size: var(--iconSize);
	background-repeat: no-repeat;
	background-position: center;

	z-index: 100;

	opacity: 0;
	pointer-events: none;

	transition: opacity .5s ease-in-out;
}

.columnStacker.loading:after {
	opacity: 1;
}

.columnStacker .card {
	width: 100%;
}

.block_list_items
{
    position: relative;
    float: left;
    width: 100%;

    border: solid #eee 1px;
    
			border-radius: var(--rounded_corners_radius);
    overflow: hidden;
}

.block_list_items:after
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    content: '';

    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    pointer-events: none;
}

.block_list_items > .container
{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;

    overflow-y: auto;
}

.block_list_items .block_list_item:last-child
{
}

.block_list_item
{
    overflow: hidden;
    padding: 30pt;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    border-bottom: solid #eee 1px;

    line-height: 1.32em;
}

.block_list_item,
.block_list_item a
{
}

.block_list_item:nth-child(1)
{
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.block_list_item:last-child
{
    border-bottom: none;

    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;

    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.block_list_item > .icon
{
    float: left;
    margin-right: 10px;

    background-color: var(--button_main_color);
    padding: 10px;

    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.block_list_item > .icon.verified,
.block_list_item > .icon.premium
{
    background-color: transparent !important;

    background-size: 32px 32px;
    width: 32px;
    height: 32px;

    margin: -6px 0 0 -6px !important;
}

.block_list_item .text
{
    overflow: hidden;
    font-family: var(--special_a_text_font_family);
}

.block_list_item .text h2 {
    line-height: 1.2em;
    margin-bottom: 10px;
}

.block_list_item .text > .button
{
    margin-top: 10px;
    margin-right: 5px;
}

.block_list_item .text > .button_text_icon.help {
    display: block;
}

.block_list_item > .detail
{
    margin: 15px 0 0 40px;
}

/* styles */

.block_list_item.critical > .icon,
.block_list_item.important > .icon
{
    background-size: 32px;
    width: 32px;
    height: 32px;
    background-color: transparent;
    padding: 0;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

    margin: 5px 17px 0 5px !important;
}

.block_list_item.critical
 {
    text-shadow: none;
    
			background: repeating-linear-gradient(
				-55deg,
				var(--warning_color),
				var(--warning_color) 10px,
				var(--warning_color_lighter) 10px,
				var(--warning_color_lighter) 20px
			);
			animation: warningStripes 1s linear infinite;
		
    border: none;
 }

.block_list_item.critical > .text,
.block_list_item.critical > .text a
{
    color: #850;
}

.block_list_item.critical > .text a
{
}

.block_list_item.critical a:hover
{
    color: rgba(0, 0, 0, 0.4);
}


.block_list_item.important
{
    text-shadow: none;
    background-color: var(--a_text_color_button);

    color: #fff;

    border-bottom: solid #fff 1px;
}

.block_list_item.important > .text,
.block_list_item.important > .text a
{
}

.block_list_item.important a
{
    color: #fff;
}
.block_list_item.important a:hover
{
    color: rgba(255, 255, 255, 0.7);
}


/* styles */
.block_list_item.castings > .icon { background-color: hsl(var(--castingsHue), 70%, 50%); }
.block_list_item.jobs > .icon { background-color: hsl(var(--jobsHue), 70%, 50%); }
.block_list_item.services > .icon { background-color: hsl(var(--servicesHue), 70%, 50%); }
.block_list_item.training > .icon { background-color: hsl(var(--trainingHue), 70%, 50%); }
.block_list_item.others > .icon { background-color: hsl(var(--othersHue), 70%, 50%); }
.block_list_item.marketplace > .icon { background-color: hsl(var(--marketplaceHue), 70%, 50%); }
.block_list_item.travelnotice > .icon { background-color: hsl(var(--travelnoticeHue), 70%, 50%); }

.icon {
	position: relative;
    float: left;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
}

.icon {
	background-color: currentColor;
}

.icon.size16,
.icon {
    width: var(--icon_size_normal);
    height: var(--icon_size_normal);
}

.icon.small {
	width: var(--icon_size_small);
    height: var(--icon_size_small);
}

.icon.size10 {
    width: 10px !important;
    height: 10px !important;
}

.icon.size12 {
    width: 12px !important;
    height: 12px !important;
}

.icon.size24 {
    width: 24px !important;
    height: 24px !important;
}

.icon.size32 {
    width: 32px !important;
    height: 32px !important;
}

.icon.size64 {
    width: 64px !important;
    height: 64px !important;
}

.icon.size96 {
    width: 96px !important;
    height: 96px !important;
}

.icon.size128 {
    width: 128px !important;
    height: 128px !important;
}

.icon.size200 {
    width: 200px !important;
    height: 200px !important;
}

.icon.size256 {
	width: 256px !important;
	height: 256px !important;
}

.icon.clickable {
	cursor: pointer;
}

.icon.inline {
    display: inline-block !important;
    vertical-align: middle;
    float: none !important;
	background-color: currentColor;
}

.icon.main.representedusers,.icon.representedusers,.icon.main.agencymodels,.icon.agencymodels{-webkit-mask-image:url('/gfx/icons/main/representedusers-agencymodels.svg?1752019200');mask-image:url('/gfx/icons/main/representedusers-agencymodels.svg?1752019200');}
.icon.main.newwindow,.icon.newwindow{-webkit-mask-image:url('/gfx/icons/main/newwindow.svg?1752019200');mask-image:url('/gfx/icons/main/newwindow.svg?1752019200');}
.icon.main.announcement,.icon.announcement,.icon.main.site_message,.icon.site_message,.icon.main.advertising,.icon.advertising,.icon.main.published,.icon.published,.icon.main.global_message,.icon.global_message{-webkit-mask-image:url('/gfx/icons/main/announcement-site_message-advertising-published-global_message.svg?1752019200');mask-image:url('/gfx/icons/main/announcement-site_message-advertising-published-global_message.svg?1752019200');}
.icon.main.files,.icon.files,.icon.main.file,.icon.file,.icon.main.page,.icon.page{-webkit-mask-image:url('/gfx/icons/main/files-file-page.svg?1752019200');mask-image:url('/gfx/icons/main/files-file-page.svg?1752019200');}
.icon.main.trash,.icon.trash{-webkit-mask-image:url('/gfx/icons/main/trash.svg?1752019200');mask-image:url('/gfx/icons/main/trash.svg?1752019200');}
.icon.main.liked,.icon.liked,.icon.main.like,.icon.like,.icon.main.like_photo,.icon.like_photo,.icon.main.like_post,.icon.like_post{-webkit-mask-image:url('/gfx/icons/main/liked-like-like_photo-like_post.svg?1752019200');mask-image:url('/gfx/icons/main/liked-like-like_photo-like_post.svg?1752019200');}
.icon.main.amazon,.icon.amazon{-webkit-mask-image:url('/gfx/icons/main/amazon.svg?1752019200');mask-image:url('/gfx/icons/main/amazon.svg?1752019200');}
.icon.main.skinography_sk,.icon.skinography_sk{-webkit-mask-image:url('/gfx/icons/main/skinography_sk.svg?1752019200');mask-image:url('/gfx/icons/main/skinography_sk.svg?1752019200');}
.icon.main.automotive,.icon.automotive{-webkit-mask-image:url('/gfx/icons/main/automotive.svg?1752019200');mask-image:url('/gfx/icons/main/automotive.svg?1752019200');}
.icon.main.user_not_validated,.icon.user_not_validated{-webkit-mask-image:url('/gfx/icons/main/user_not_validated.svg?1752019200');mask-image:url('/gfx/icons/main/user_not_validated.svg?1752019200');}
.icon.main.staff_picks_starring,.icon.staff_picks_starring{-webkit-mask-image:url('/gfx/icons/main/staff_picks_starring.svg?1752019200');mask-image:url('/gfx/icons/main/staff_picks_starring.svg?1752019200');}
.icon.main.videographers,.icon.videographers{-webkit-mask-image:url('/gfx/icons/main/videographers.svg?1752019200');mask-image:url('/gfx/icons/main/videographers.svg?1752019200');}
.icon.main.studio,.icon.studio,.icon.main.studios,.icon.studios{-webkit-mask-image:url('/gfx/icons/main/studio-studios.svg?1752019200');mask-image:url('/gfx/icons/main/studio-studios.svg?1752019200');}
.icon.main.photolancers_logo,.icon.photolancers_logo{-webkit-mask-image:url('/gfx/icons/main/photolancers_logo.svg?1752019200');mask-image:url('/gfx/icons/main/photolancers_logo.svg?1752019200');}
.icon.main.starringmakeupartist,.icon.starringmakeupartist{-webkit-mask-image:url('/gfx/icons/main/starringmakeupartist.svg?1752019200');mask-image:url('/gfx/icons/main/starringmakeupartist.svg?1752019200');}
.icon.main.ban,.icon.ban,.icon.main.bans,.icon.bans,.icon.main.spam,.icon.spam{-webkit-mask-image:url('/gfx/icons/main/ban-bans-spam.svg?1752019200');mask-image:url('/gfx/icons/main/ban-bans-spam.svg?1752019200');}
.icon.main.instagram,.icon.instagram{-webkit-mask-image:url('/gfx/icons/main/instagram.svg?1752019200');mask-image:url('/gfx/icons/main/instagram.svg?1752019200');}
.icon.main.nsfw,.icon.nsfw{-webkit-mask-image:url('/gfx/icons/main/nsfw.svg?1752019200');mask-image:url('/gfx/icons/main/nsfw.svg?1752019200');}
.icon.main.new,.icon.new{-webkit-mask-image:url('/gfx/icons/main/new.svg?1752019200');mask-image:url('/gfx/icons/main/new.svg?1752019200');}
.icon.main.paid,.icon.paid,.icon.main.price,.icon.price{-webkit-mask-image:url('/gfx/icons/main/paid-price.svg?1752019200');mask-image:url('/gfx/icons/main/paid-price.svg?1752019200');}
.icon.main.stripe,.icon.stripe{-webkit-mask-image:url('/gfx/icons/main/stripe.svg?1752019200');mask-image:url('/gfx/icons/main/stripe.svg?1752019200');}
.icon.main.legal_document,.icon.legal_document,.icon.main.notepad,.icon.notepad,.icon.main.textfile,.icon.textfile{-webkit-mask-image:url('/gfx/icons/main/legal_document-notepad-textfile.svg?1752019200');mask-image:url('/gfx/icons/main/legal_document-notepad-textfile.svg?1752019200');}
.icon.main.hire,.icon.hire{-webkit-mask-image:url('/gfx/icons/main/hire.svg?1752019200');mask-image:url('/gfx/icons/main/hire.svg?1752019200');}
.icon.main.forhire,.icon.forhire,.icon.main.jobs,.icon.jobs{-webkit-mask-image:url('/gfx/icons/main/forhire-jobs.svg?1752019200');mask-image:url('/gfx/icons/main/forhire-jobs.svg?1752019200');}
.icon.main.slide,.icon.slide{-webkit-mask-image:url('/gfx/icons/main/slide.svg?1752019200');mask-image:url('/gfx/icons/main/slide.svg?1752019200');}
.icon.main.artdirector,.icon.artdirector{-webkit-mask-image:url('/gfx/icons/main/artdirector.svg?1752019200');mask-image:url('/gfx/icons/main/artdirector.svg?1752019200');}
.icon.main.log,.icon.log{-webkit-mask-image:url('/gfx/icons/main/log.svg?1752019200');mask-image:url('/gfx/icons/main/log.svg?1752019200');}
.icon.main.users,.icon.users,.icon.main.gender,.icon.gender{-webkit-mask-image:url('/gfx/icons/main/users-gender.svg?1752019200');mask-image:url('/gfx/icons/main/users-gender.svg?1752019200');}
.icon.main.arrow_down_right,.icon.arrow_down_right{-webkit-mask-image:url('/gfx/icons/main/arrow_down_right.svg?1752019200');mask-image:url('/gfx/icons/main/arrow_down_right.svg?1752019200');}
.icon.main.opinion,.icon.opinion,.icon.main.opinions,.icon.opinions{-webkit-mask-image:url('/gfx/icons/main/opinion-opinions.svg?1752019200');mask-image:url('/gfx/icons/main/opinion-opinions.svg?1752019200');}
.icon.main.new_face,.icon.new_face,.icon.main.new_user,.icon.new_user{-webkit-mask-image:url('/gfx/icons/main/new_face-new_user.svg?1752019200');mask-image:url('/gfx/icons/main/new_face-new_user.svg?1752019200');}
.icon.main.user_cancelled,.icon.user_cancelled{-webkit-mask-image:url('/gfx/icons/main/user_cancelled.svg?1752019200');mask-image:url('/gfx/icons/main/user_cancelled.svg?1752019200');}
.icon.main.sedcard_layout_a,.icon.sedcard_layout_a{-webkit-mask-image:url('/gfx/icons/main/sedcard_layout_a.svg?1752019200');mask-image:url('/gfx/icons/main/sedcard_layout_a.svg?1752019200');}
.icon.main.horizontalmove,.icon.horizontalmove{-webkit-mask-image:url('/gfx/icons/main/horizontalmove.svg?1752019200');mask-image:url('/gfx/icons/main/horizontalmove.svg?1752019200');}
.icon.main.starring,.icon.starring{-webkit-mask-image:url('/gfx/icons/main/starring.svg?1752019200');mask-image:url('/gfx/icons/main/starring.svg?1752019200');}
.icon.main.photos,.icon.photos,.icon.main.new_photos,.icon.new_photos,.icon.main.photographers,.icon.photographers,.icon.main.artwork,.icon.artwork,.icon.main.photographer,.icon.photographer,.icon.main.raw,.icon.raw,.icon.main.services,.icon.services,.icon.main.portfolio,.icon.portfolio{-webkit-mask-image:url('/gfx/icons/main/photos-new_photos-photographers-artwork-photographer-raw-services-portfolio.svg?1752019200');mask-image:url('/gfx/icons/main/photos-new_photos-photographers-artwork-photographer-raw-services-portfolio.svg?1752019200');}
.icon.main.error_500,.icon.error_500{-webkit-mask-image:url('/gfx/icons/main/error_500.svg?1752019200');mask-image:url('/gfx/icons/main/error_500.svg?1752019200');}
.icon.main.experience,.icon.experience{-webkit-mask-image:url('/gfx/icons/main/experience.svg?1752019200');mask-image:url('/gfx/icons/main/experience.svg?1752019200');}
.icon.main.columns_2,.icon.columns_2{-webkit-mask-image:url('/gfx/icons/main/columns_2.svg?1752019200');mask-image:url('/gfx/icons/main/columns_2.svg?1752019200');}
.icon.main.files,.icon.files,.icon.main.file,.icon.file,.icon.main.textfile,.icon.textfile,.icon.main.page,.icon.page,.icon.main.content,.icon.content{-webkit-mask-image:url('/gfx/icons/main/files-file-textfile-page-content.svg?1752019200');mask-image:url('/gfx/icons/main/files-file-textfile-page-content.svg?1752019200');}
.icon.main.blackandwhitefriday,.icon.blackandwhitefriday{-webkit-mask-image:url('/gfx/icons/main/blackandwhitefriday.svg?1752019200');mask-image:url('/gfx/icons/main/blackandwhitefriday.svg?1752019200');}
.icon.main.cancel,.icon.cancel,.icon.main.close,.icon.close,.icon.main.cancelled,.icon.cancelled,.icon.main.unfollow,.icon.unfollow{-webkit-mask-image:url('/gfx/icons/main/cancel-close-cancelled-unfollow.svg?1752019200');mask-image:url('/gfx/icons/main/cancel-close-cancelled-unfollow.svg?1752019200');}
.icon.main.warning,.icon.warning,.icon.main.suspicious,.icon.suspicious{-webkit-mask-image:url('/gfx/icons/main/warning-suspicious.svg?1752019200');mask-image:url('/gfx/icons/main/warning-suspicious.svg?1752019200');}
.icon.main.login,.icon.login,.icon.main.key,.icon.key{-webkit-mask-image:url('/gfx/icons/main/login-key.svg?1752019200');mask-image:url('/gfx/icons/main/login-key.svg?1752019200');}
.icon.main.placeholder,.icon.placeholder{-webkit-mask-image:url('/gfx/icons/main/placeholder.svg?1752019200');mask-image:url('/gfx/icons/main/placeholder.svg?1752019200');}
.icon.main.checked,.icon.checked,.icon.main.checkmark,.icon.checkmark{-webkit-mask-image:url('/gfx/icons/main/checked-checkmark.svg?1752019200');mask-image:url('/gfx/icons/main/checked-checkmark.svg?1752019200');}
.icon.main.starringphotographer,.icon.starringphotographer{-webkit-mask-image:url('/gfx/icons/main/starringphotographer.svg?1752019200');mask-image:url('/gfx/icons/main/starringphotographer.svg?1752019200');}
.icon.main.site_message,.icon.site_message{-webkit-mask-image:url('/gfx/icons/main/site_message.svg?1752019200');mask-image:url('/gfx/icons/main/site_message.svg?1752019200');}
.icon.main.list,.icon.list,.icon.main.item,.icon.item{-webkit-mask-image:url('/gfx/icons/main/list-item.svg?1752019200');mask-image:url('/gfx/icons/main/list-item.svg?1752019200');}
.icon.main.active_in_chat,.icon.active_in_chat{-webkit-mask-image:url('/gfx/icons/main/active_in_chat.svg?1752019200');mask-image:url('/gfx/icons/main/active_in_chat.svg?1752019200');}
.icon.main.user,.icon.user,.icon.main.account,.icon.account,.icon.main.profile,.icon.profile,.icon.main.age,.icon.age,.icon.main.profile_image,.icon.profile_image{-webkit-mask-image:url('/gfx/icons/main/user-account-profile-age-profile_image.svg?1752019200');mask-image:url('/gfx/icons/main/user-account-profile-age-profile_image.svg?1752019200');}
.icon.main.cherrycake,.icon.cherrycake{-webkit-mask-image:url('/gfx/icons/main/cherrycake.svg?1752019200');mask-image:url('/gfx/icons/main/cherrycake.svg?1752019200');}
.icon.main.price,.icon.price{-webkit-mask-image:url('/gfx/icons/main/price.svg?1752019200');mask-image:url('/gfx/icons/main/price.svg?1752019200');}
.icon.main.linkedin,.icon.linkedin{-webkit-mask-image:url('/gfx/icons/main/linkedin.svg?1752019200');mask-image:url('/gfx/icons/main/linkedin.svg?1752019200');}
.icon.main.message,.icon.message,.icon.main.notifications_messages,.icon.notifications_messages,.icon.main.mailbox,.icon.mailbox,.icon.main.comment,.icon.comment,.icon.main.comments,.icon.comments,.icon.main.comment_photo,.icon.comment_photo,.icon.main.forum_message,.icon.forum_message,.icon.main.reply,.icon.reply,.icon.main.post_reply,.icon.post_reply{-webkit-mask-image:url('/gfx/icons/main/message-notifications_messages-mailbox-comment-comments-comment_photo-forum_message-reply-post_reply.svg?1752019200');mask-image:url('/gfx/icons/main/message-notifications_messages-mailbox-comment-comments-comment_photo-forum_message-reply-post_reply.svg?1752019200');}
.icon.main.video,.icon.video,.icon.main.play,.icon.play{-webkit-mask-image:url('/gfx/icons/main/video-play.svg?1752019200');mask-image:url('/gfx/icons/main/video-play.svg?1752019200');}
.icon.main.technicians,.icon.technicians{-webkit-mask-image:url('/gfx/icons/main/technicians.svg?1752019200');mask-image:url('/gfx/icons/main/technicians.svg?1752019200');}
.icon.main.presets,.icon.presets{-webkit-mask-image:url('/gfx/icons/main/presets.svg?1752019200');mask-image:url('/gfx/icons/main/presets.svg?1752019200');}
.icon.main.add,.icon.add,.icon.main.more,.icon.more,.icon.main.postadd,.icon.postadd{-webkit-mask-image:url('/gfx/icons/main/add-more-postadd.svg?1752019200');mask-image:url('/gfx/icons/main/add-more-postadd.svg?1752019200');}
.icon.main.add,.icon.add,.icon.main.postadd,.icon.postadd{-webkit-mask-image:url('/gfx/icons/main/add-postadd.svg?1752019200');mask-image:url('/gfx/icons/main/add-postadd.svg?1752019200');}
.icon.main.soundstudio,.icon.soundstudio{-webkit-mask-image:url('/gfx/icons/main/soundstudio.svg?1752019200');mask-image:url('/gfx/icons/main/soundstudio.svg?1752019200');}
.icon.main.marketplace,.icon.marketplace{-webkit-mask-image:url('/gfx/icons/main/marketplace.svg?1752019200');mask-image:url('/gfx/icons/main/marketplace.svg?1752019200');}
.icon.main.eventagencies,.icon.eventagencies{-webkit-mask-image:url('/gfx/icons/main/eventagencies.svg?1752019200');mask-image:url('/gfx/icons/main/eventagencies.svg?1752019200');}
.icon.main.litmind,.icon.litmind{-webkit-mask-image:url('/gfx/icons/main/litmind.svg?1752019200');mask-image:url('/gfx/icons/main/litmind.svg?1752019200');}
.icon.main.starringrentalstudio,.icon.starringrentalstudio{-webkit-mask-image:url('/gfx/icons/main/starringrentalstudio.svg?1752019200');mask-image:url('/gfx/icons/main/starringrentalstudio.svg?1752019200');}
.icon.main.dropdown_arrow,.icon.dropdown_arrow,.icon.main.unfold,.icon.unfold{-webkit-mask-image:url('/gfx/icons/main/dropdown_arrow-unfold.svg?1752019200');mask-image:url('/gfx/icons/main/dropdown_arrow-unfold.svg?1752019200');}
.icon.main.unlike_photo,.icon.unlike_photo{-webkit-mask-image:url('/gfx/icons/main/unlike_photo.svg?1752019200');mask-image:url('/gfx/icons/main/unlike_photo.svg?1752019200');}
.icon.main.error,.icon.error{-webkit-mask-image:url('/gfx/icons/main/error.svg?1752019200');mask-image:url('/gfx/icons/main/error.svg?1752019200');}
.icon.main.shop,.icon.shop{-webkit-mask-image:url('/gfx/icons/main/shop.svg?1752019200');mask-image:url('/gfx/icons/main/shop.svg?1752019200');}
.icon.main.lookbook,.icon.lookbook{-webkit-mask-image:url('/gfx/icons/main/lookbook.svg?1752019200');mask-image:url('/gfx/icons/main/lookbook.svg?1752019200');}
.icon.main.community,.icon.community{-webkit-mask-image:url('/gfx/icons/main/community.svg?1752019200');mask-image:url('/gfx/icons/main/community.svg?1752019200');}
.icon.main.tag,.icon.tag,.icon.main.usertag,.icon.usertag,.icon.main.usertag_photo,.icon.usertag_photo,.icon.main.usertag_photofolder,.icon.usertag_photofolder{-webkit-mask-image:url('/gfx/icons/main/tag-usertag-usertag_photo-usertag_photofolder.svg?1752019200');mask-image:url('/gfx/icons/main/tag-usertag-usertag_photo-usertag_photofolder.svg?1752019200');}
.icon.main.notepad,.icon.notepad{-webkit-mask-image:url('/gfx/icons/main/notepad.svg?1752019200');mask-image:url('/gfx/icons/main/notepad.svg?1752019200');}
.icon.main.models_manager,.icon.models_manager{-webkit-mask-image:url('/gfx/icons/main/models_manager.svg?1752019200');mask-image:url('/gfx/icons/main/models_manager.svg?1752019200');}
.icon.main.buy,.icon.buy{-webkit-mask-image:url('/gfx/icons/main/buy.svg?1752019200');mask-image:url('/gfx/icons/main/buy.svg?1752019200');}
.icon.main.cancel,.icon.cancel,.icon.main.close,.icon.close,.icon.main.cancelled,.icon.cancelled,.icon.main.unfollow,.icon.unfollow,.icon.main.delete,.icon.delete{-webkit-mask-image:url('/gfx/icons/main/cancel-close-cancelled-unfollow-delete.svg?1752019200');mask-image:url('/gfx/icons/main/cancel-close-cancelled-unfollow-delete.svg?1752019200');}
.icon.main.draganddrop,.icon.draganddrop{-webkit-mask-image:url('/gfx/icons/main/draganddrop.svg?1752019200');mask-image:url('/gfx/icons/main/draganddrop.svg?1752019200');}
.icon.main.mastodon,.icon.mastodon{-webkit-mask-image:url('/gfx/icons/main/mastodon.svg?1752019200');mask-image:url('/gfx/icons/main/mastodon.svg?1752019200');}
.icon.main.inbox,.icon.inbox{-webkit-mask-image:url('/gfx/icons/main/inbox.svg?1752019200');mask-image:url('/gfx/icons/main/inbox.svg?1752019200');}
.icon.main.retouchers,.icon.retouchers{-webkit-mask-image:url('/gfx/icons/main/retouchers.svg?1752019200');mask-image:url('/gfx/icons/main/retouchers.svg?1752019200');}
.icon.main.selfie,.icon.selfie{-webkit-mask-image:url('/gfx/icons/main/selfie.svg?1752019200');mask-image:url('/gfx/icons/main/selfie.svg?1752019200');}
.icon.main.customize,.icon.customize{-webkit-mask-image:url('/gfx/icons/main/customize.svg?1752019200');mask-image:url('/gfx/icons/main/customize.svg?1752019200');}
.icon.main.verified,.icon.verified,.icon.main.verified_company,.icon.verified_company{-webkit-mask-image:url('/gfx/icons/main/verified-verified_company.svg?1752019200');mask-image:url('/gfx/icons/main/verified-verified_company.svg?1752019200');}
.icon.main.help,.icon.help,.icon.main.unknown,.icon.unknown{-webkit-mask-image:url('/gfx/icons/main/help-unknown.svg?1752019200');mask-image:url('/gfx/icons/main/help-unknown.svg?1752019200');}
.icon.main.columns_3,.icon.columns_3{-webkit-mask-image:url('/gfx/icons/main/columns_3.svg?1752019200');mask-image:url('/gfx/icons/main/columns_3.svg?1752019200');}
.icon.main.shadow,.icon.shadow{-webkit-mask-image:url('/gfx/icons/main/shadow.svg?1752019200');mask-image:url('/gfx/icons/main/shadow.svg?1752019200');}
.icon.main.empty,.icon.empty{-webkit-mask-image:url('/gfx/icons/main/empty.svg?1752019200');mask-image:url('/gfx/icons/main/empty.svg?1752019200');}
.icon.main.text,.icon.text{-webkit-mask-image:url('/gfx/icons/main/text.svg?1752019200');mask-image:url('/gfx/icons/main/text.svg?1752019200');}
.icon.main.search_zoom,.icon.search_zoom{-webkit-mask-image:url('/gfx/icons/main/search_zoom.svg?1752019200');mask-image:url('/gfx/icons/main/search_zoom.svg?1752019200');}
.icon.main.verified,.icon.verified{-webkit-mask-image:url('/gfx/icons/main/verified.svg?1752019200');mask-image:url('/gfx/icons/main/verified.svg?1752019200');}
.icon.main.musicvideo,.icon.musicvideo{-webkit-mask-image:url('/gfx/icons/main/musicvideo.svg?1752019200');mask-image:url('/gfx/icons/main/musicvideo.svg?1752019200');}
.icon.main.folder,.icon.folder{-webkit-mask-image:url('/gfx/icons/main/folder.svg?1752019200');mask-image:url('/gfx/icons/main/folder.svg?1752019200');}
.icon.main.wardrobestylist,.icon.wardrobestylist{-webkit-mask-image:url('/gfx/icons/main/wardrobestylist.svg?1752019200');mask-image:url('/gfx/icons/main/wardrobestylist.svg?1752019200');}
.icon.main.carousel_previous,.icon.carousel_previous{-webkit-mask-image:url('/gfx/icons/main/carousel_previous.svg?1752019200');mask-image:url('/gfx/icons/main/carousel_previous.svg?1752019200');}
.icon.main.fwd,.icon.fwd{-webkit-mask-image:url('/gfx/icons/main/fwd.svg?1752019200');mask-image:url('/gfx/icons/main/fwd.svg?1752019200');}
.icon.main.noticeboard,.icon.noticeboard,.icon.main.noticeboard_new,.icon.noticeboard_new,.icon.main.pin,.icon.pin{-webkit-mask-image:url('/gfx/icons/main/noticeboard-noticeboard_new-pin.svg?1752019200');mask-image:url('/gfx/icons/main/noticeboard-noticeboard_new-pin.svg?1752019200');}
.icon.main.crop,.icon.crop{-webkit-mask-image:url('/gfx/icons/main/crop.svg?1752019200');mask-image:url('/gfx/icons/main/crop.svg?1752019200');}
.icon.main.models,.icon.models,.icon.main.actors,.icon.actors{-webkit-mask-image:url('/gfx/icons/main/models-actors.svg?1752019200');mask-image:url('/gfx/icons/main/models-actors.svg?1752019200');}
.icon.main.litmind_logo_m_hollow,.icon.litmind_logo_m_hollow{-webkit-mask-image:url('/gfx/icons/main/litmind_logo_m_hollow.svg?1752019200');mask-image:url('/gfx/icons/main/litmind_logo_m_hollow.svg?1752019200');}
.icon.main.publications,.icon.publications{-webkit-mask-image:url('/gfx/icons/main/publications.svg?1752019200');mask-image:url('/gfx/icons/main/publications.svg?1752019200');}
.icon.main.stuntsspecialist,.icon.stuntsspecialist{-webkit-mask-image:url('/gfx/icons/main/stuntsspecialist.svg?1752019200');mask-image:url('/gfx/icons/main/stuntsspecialist.svg?1752019200');}
.icon.main.order,.icon.order{-webkit-mask-image:url('/gfx/icons/main/order.svg?1752019200');mask-image:url('/gfx/icons/main/order.svg?1752019200');}
.icon.main.select_all,.icon.select_all{-webkit-mask-image:url('/gfx/icons/main/select_all.svg?1752019200');mask-image:url('/gfx/icons/main/select_all.svg?1752019200');}
.icon.main.invitation,.icon.invitation{-webkit-mask-image:url('/gfx/icons/main/invitation.svg?1752019200');mask-image:url('/gfx/icons/main/invitation.svg?1752019200');}
.icon.main.sedcard_layout_b,.icon.sedcard_layout_b{-webkit-mask-image:url('/gfx/icons/main/sedcard_layout_b.svg?1752019200');mask-image:url('/gfx/icons/main/sedcard_layout_b.svg?1752019200');}
.icon.main.gallery_type_editorial,.icon.gallery_type_editorial{-webkit-mask-image:url('/gfx/icons/main/gallery_type_editorial.svg?1752019200');mask-image:url('/gfx/icons/main/gallery_type_editorial.svg?1752019200');}
.icon.main.product,.icon.product{-webkit-mask-image:url('/gfx/icons/main/product.svg?1752019200');mask-image:url('/gfx/icons/main/product.svg?1752019200');}
.icon.main.starringphotographers,.icon.starringphotographers{-webkit-mask-image:url('/gfx/icons/main/starringphotographers.svg?1752019200');mask-image:url('/gfx/icons/main/starringphotographers.svg?1752019200');}
.icon.main.stylist,.icon.stylist{-webkit-mask-image:url('/gfx/icons/main/stylist.svg?1752019200');mask-image:url('/gfx/icons/main/stylist.svg?1752019200');}
.icon.main.public,.icon.public,.icon.main.worldwide,.icon.worldwide,.icon.main.geographical_scope,.icon.geographical_scope{-webkit-mask-image:url('/gfx/icons/main/public-worldwide-geographical_scope.svg?1752019200');mask-image:url('/gfx/icons/main/public-worldwide-geographical_scope.svg?1752019200');}
.icon.main.campaign,.icon.campaign{-webkit-mask-image:url('/gfx/icons/main/campaign.svg?1752019200');mask-image:url('/gfx/icons/main/campaign.svg?1752019200');}
.icon.main.polaroid,.icon.polaroid{-webkit-mask-image:url('/gfx/icons/main/polaroid.svg?1752019200');mask-image:url('/gfx/icons/main/polaroid.svg?1752019200');}
.icon.main.import_video,.icon.import_video{-webkit-mask-image:url('/gfx/icons/main/import_video.svg?1752019200');mask-image:url('/gfx/icons/main/import_video.svg?1752019200');}
.icon.main.messenger_message_read,.icon.messenger_message_read{-webkit-mask-image:url('/gfx/icons/main/messenger_message_read.svg?1752019200');mask-image:url('/gfx/icons/main/messenger_message_read.svg?1752019200');}
.icon.main.castingdirector,.icon.castingdirector{-webkit-mask-image:url('/gfx/icons/main/castingdirector.svg?1752019200');mask-image:url('/gfx/icons/main/castingdirector.svg?1752019200');}
.icon.main.previous,.icon.previous,.icon.main.arrow_left,.icon.arrow_left{-webkit-mask-image:url('/gfx/icons/main/previous-arrow_left.svg?1752019200');mask-image:url('/gfx/icons/main/previous-arrow_left.svg?1752019200');}
.icon.main.at,.icon.at{-webkit-mask-image:url('/gfx/icons/main/at.svg?1752019200');mask-image:url('/gfx/icons/main/at.svg?1752019200');}
.icon.main.view,.icon.view,.icon.main.eye,.icon.eye,.icon.main.visible,.icon.visible,.icon.main.impressions,.icon.impressions{-webkit-mask-image:url('/gfx/icons/main/view-eye-visible-impressions.svg?1752019200');mask-image:url('/gfx/icons/main/view-eye-visible-impressions.svg?1752019200');}
.icon.main.locationmanager,.icon.locationmanager{-webkit-mask-image:url('/gfx/icons/main/locationmanager.svg?1752019200');mask-image:url('/gfx/icons/main/locationmanager.svg?1752019200');}
.icon.main.tick,.icon.tick{-webkit-mask-image:url('/gfx/icons/main/tick.svg?1752019200');mask-image:url('/gfx/icons/main/tick.svg?1752019200');}
.icon.main.paid,.icon.paid{-webkit-mask-image:url('/gfx/icons/main/paid.svg?1752019200');mask-image:url('/gfx/icons/main/paid.svg?1752019200');}
.icon.main.star,.icon.star,.icon.main.featured,.icon.featured,.icon.main.agency,.icon.agency,.icon.main.events,.icon.events,.icon.main.client,.icon.client,.icon.main.modelagencies,.icon.modelagencies{-webkit-mask-image:url('/gfx/icons/main/star-featured-agency-events-client-modelagencies.svg?1752019200');mask-image:url('/gfx/icons/main/star-featured-agency-events-client-modelagencies.svg?1752019200');}
.icon.main.thumbs_up,.icon.thumbs_up{-webkit-mask-image:url('/gfx/icons/main/thumbs_up.svg?1752019200');mask-image:url('/gfx/icons/main/thumbs_up.svg?1752019200');}
.icon.main.equal,.icon.equal{-webkit-mask-image:url('/gfx/icons/main/equal.svg?1752019200');mask-image:url('/gfx/icons/main/equal.svg?1752019200');}
.icon.main.clip,.icon.clip,.icon.main.attach,.icon.attach{-webkit-mask-image:url('/gfx/icons/main/clip-attach.svg?1752019200');mask-image:url('/gfx/icons/main/clip-attach.svg?1752019200');}
.icon.main.edit,.icon.edit{-webkit-mask-image:url('/gfx/icons/main/edit.svg?1752019200');mask-image:url('/gfx/icons/main/edit.svg?1752019200');}
.icon.main.link,.icon.link{-webkit-mask-image:url('/gfx/icons/main/link.svg?1752019200');mask-image:url('/gfx/icons/main/link.svg?1752019200');}
.icon.main.fxtechnician,.icon.fxtechnician{-webkit-mask-image:url('/gfx/icons/main/fxtechnician.svg?1752019200');mask-image:url('/gfx/icons/main/fxtechnician.svg?1752019200');}
.icon.main.actorsagency,.icon.actorsagency{-webkit-mask-image:url('/gfx/icons/main/actorsagency.svg?1752019200');mask-image:url('/gfx/icons/main/actorsagency.svg?1752019200');}
.icon.main.fashionbrands,.icon.fashionbrands{-webkit-mask-image:url('/gfx/icons/main/fashionbrands.svg?1752019200');mask-image:url('/gfx/icons/main/fashionbrands.svg?1752019200');}
.icon.main.director,.icon.director{-webkit-mask-image:url('/gfx/icons/main/director.svg?1752019200');mask-image:url('/gfx/icons/main/director.svg?1752019200');}
.icon.main.ai,.icon.ai{-webkit-mask-image:url('/gfx/icons/main/ai.svg?1752019200');mask-image:url('/gfx/icons/main/ai.svg?1752019200');}
.icon.main.tfp,.icon.tfp{-webkit-mask-image:url('/gfx/icons/main/tfp.svg?1752019200');mask-image:url('/gfx/icons/main/tfp.svg?1752019200');}
.icon.main.production,.icon.production{-webkit-mask-image:url('/gfx/icons/main/production.svg?1752019200');mask-image:url('/gfx/icons/main/production.svg?1752019200');}
.icon.main.unlimited,.icon.unlimited{-webkit-mask-image:url('/gfx/icons/main/unlimited.svg?1752019200');mask-image:url('/gfx/icons/main/unlimited.svg?1752019200');}
.icon.main.featured_extra,.icon.featured_extra{-webkit-mask-image:url('/gfx/icons/main/featured_extra.svg?1752019200');mask-image:url('/gfx/icons/main/featured_extra.svg?1752019200');}
.icon.main.like_hollow,.icon.like_hollow,.icon.main.popular,.icon.popular{-webkit-mask-image:url('/gfx/icons/main/like_hollow-popular.svg?1752019200');mask-image:url('/gfx/icons/main/like_hollow-popular.svg?1752019200');}
.icon.main.sedcard_layout_f,.icon.sedcard_layout_f{-webkit-mask-image:url('/gfx/icons/main/sedcard_layout_f.svg?1752019200');mask-image:url('/gfx/icons/main/sedcard_layout_f.svg?1752019200');}
.icon.main.clients,.icon.clients{-webkit-mask-image:url('/gfx/icons/main/clients.svg?1752019200');mask-image:url('/gfx/icons/main/clients.svg?1752019200');}
.icon.main.ban,.icon.ban,.icon.main.bans,.icon.bans{-webkit-mask-image:url('/gfx/icons/main/ban-bans.svg?1752019200');mask-image:url('/gfx/icons/main/ban-bans.svg?1752019200');}
.icon.main.payments,.icon.payments,.icon.main.pay,.icon.pay{-webkit-mask-image:url('/gfx/icons/main/payments-pay.svg?1752019200');mask-image:url('/gfx/icons/main/payments-pay.svg?1752019200');}
.icon.main.color_setting,.icon.color_setting{-webkit-mask-image:url('/gfx/icons/main/color_setting.svg?1752019200');mask-image:url('/gfx/icons/main/color_setting.svg?1752019200');}
.icon.main.forbidden,.icon.forbidden{-webkit-mask-image:url('/gfx/icons/main/forbidden.svg?1752019200');mask-image:url('/gfx/icons/main/forbidden.svg?1752019200');}
.icon.main.explore,.icon.explore{-webkit-mask-image:url('/gfx/icons/main/explore.svg?1752019200');mask-image:url('/gfx/icons/main/explore.svg?1752019200');}
.icon.main.beforeandafter,.icon.beforeandafter{-webkit-mask-image:url('/gfx/icons/main/beforeandafter.svg?1752019200');mask-image:url('/gfx/icons/main/beforeandafter.svg?1752019200');}
.icon.main.status,.icon.status{-webkit-mask-image:url('/gfx/icons/main/status.svg?1752019200');mask-image:url('/gfx/icons/main/status.svg?1752019200');}
.icon.main.info,.icon.info{-webkit-mask-image:url('/gfx/icons/main/info.svg?1752019200');mask-image:url('/gfx/icons/main/info.svg?1752019200');}
.icon.main.video,.icon.video{-webkit-mask-image:url('/gfx/icons/main/video.svg?1752019200');mask-image:url('/gfx/icons/main/video.svg?1752019200');}
.icon.main.error,.icon.error,.icon.main.critical,.icon.critical{-webkit-mask-image:url('/gfx/icons/main/error-critical.svg?1752019200');mask-image:url('/gfx/icons/main/error-critical.svg?1752019200');}
.icon.main.search,.icon.search,.icon.main.zoom,.icon.zoom{-webkit-mask-image:url('/gfx/icons/main/search-zoom.svg?1752019200');mask-image:url('/gfx/icons/main/search-zoom.svg?1752019200');}
.icon.main.renew,.icon.renew,.icon.main.back_in_time,.icon.back_in_time{-webkit-mask-image:url('/gfx/icons/main/renew-back_in_time.svg?1752019200');mask-image:url('/gfx/icons/main/renew-back_in_time.svg?1752019200');}
.icon.main.fashiondesigners,.icon.fashiondesigners{-webkit-mask-image:url('/gfx/icons/main/fashiondesigners.svg?1752019200');mask-image:url('/gfx/icons/main/fashiondesigners.svg?1752019200');}
.icon.main.lightbox,.icon.lightbox,.icon.main.lightboxed,.icon.lightboxed{-webkit-mask-image:url('/gfx/icons/main/lightbox-lightboxed.svg?1752019200');mask-image:url('/gfx/icons/main/lightbox-lightboxed.svg?1752019200');}
.icon.main.twitter,.icon.twitter{-webkit-mask-image:url('/gfx/icons/main/twitter.svg?1752019200');mask-image:url('/gfx/icons/main/twitter.svg?1752019200');}
.icon.main.travelnotice,.icon.travelnotice{-webkit-mask-image:url('/gfx/icons/main/travelnotice.svg?1752019200');mask-image:url('/gfx/icons/main/travelnotice.svg?1752019200');}
.icon.main.forum,.icon.forum{-webkit-mask-image:url('/gfx/icons/main/forum.svg?1752019200');mask-image:url('/gfx/icons/main/forum.svg?1752019200');}
.icon.main.scriptsupervisor,.icon.scriptsupervisor{-webkit-mask-image:url('/gfx/icons/main/scriptsupervisor.svg?1752019200');mask-image:url('/gfx/icons/main/scriptsupervisor.svg?1752019200');}
.icon.main.star,.icon.star,.icon.main.featured,.icon.featured,.icon.main.highlighted,.icon.highlighted,.icon.main.agency,.icon.agency,.icon.main.events,.icon.events,.icon.main.client,.icon.client,.icon.main.modelagencies,.icon.modelagencies,.icon.main.represented_user,.icon.represented_user{-webkit-mask-image:url('/gfx/icons/main/star-featured-highlighted-agency-events-client-modelagencies-represented_user.svg?1752019200');mask-image:url('/gfx/icons/main/star-featured-highlighted-agency-events-client-modelagencies-represented_user.svg?1752019200');}
.icon.main.arrow_down_left,.icon.arrow_down_left{-webkit-mask-image:url('/gfx/icons/main/arrow_down_left.svg?1752019200');mask-image:url('/gfx/icons/main/arrow_down_left.svg?1752019200');}
.icon.main.news,.icon.news{-webkit-mask-image:url('/gfx/icons/main/news.svg?1752019200');mask-image:url('/gfx/icons/main/news.svg?1752019200');}
.icon.main.more_options_small,.icon.more_options_small{-webkit-mask-image:url('/gfx/icons/main/more_options_small.svg?1752019200');mask-image:url('/gfx/icons/main/more_options_small.svg?1752019200');}
.icon.main.gallery_type_mosaic,.icon.gallery_type_mosaic{-webkit-mask-image:url('/gfx/icons/main/gallery_type_mosaic.svg?1752019200');mask-image:url('/gfx/icons/main/gallery_type_mosaic.svg?1752019200');}
.icon.main.security,.icon.security,.icon.main.authority,.icon.authority,.icon.main.official,.icon.official{-webkit-mask-image:url('/gfx/icons/main/security-authority-official.svg?1752019200');mask-image:url('/gfx/icons/main/security-authority-official.svg?1752019200');}
.icon.main.filter_remove,.icon.filter_remove{-webkit-mask-image:url('/gfx/icons/main/filter_remove.svg?1752019200');mask-image:url('/gfx/icons/main/filter_remove.svg?1752019200');}
.icon.main.thumbs_down,.icon.thumbs_down,.icon.main.declined,.icon.declined{-webkit-mask-image:url('/gfx/icons/main/thumbs_down-declined.svg?1752019200');mask-image:url('/gfx/icons/main/thumbs_down-declined.svg?1752019200');}
.icon.main.stopmodelscams,.icon.stopmodelscams{-webkit-mask-image:url('/gfx/icons/main/stopmodelscams.svg?1752019200');mask-image:url('/gfx/icons/main/stopmodelscams.svg?1752019200');}
.icon.main.voiceactors,.icon.voiceactors{-webkit-mask-image:url('/gfx/icons/main/voiceactors.svg?1752019200');mask-image:url('/gfx/icons/main/voiceactors.svg?1752019200');}
.icon.main.forbidden,.icon.forbidden,.icon.main.nsfw,.icon.nsfw{-webkit-mask-image:url('/gfx/icons/main/forbidden-nsfw.svg?1752019200');mask-image:url('/gfx/icons/main/forbidden-nsfw.svg?1752019200');}
.icon.main.nudity,.icon.nudity,.icon.main.nudity_index,.icon.nudity_index{-webkit-mask-image:url('/gfx/icons/main/nudity-nudity_index.svg?1752019200');mask-image:url('/gfx/icons/main/nudity-nudity_index.svg?1752019200');}
.icon.main.filmindustry,.icon.filmindustry,.icon.main.industry,.icon.industry{-webkit-mask-image:url('/gfx/icons/main/filmindustry-industry.svg?1752019200');mask-image:url('/gfx/icons/main/filmindustry-industry.svg?1752019200');}
.icon.main.food,.icon.food{-webkit-mask-image:url('/gfx/icons/main/food.svg?1752019200');mask-image:url('/gfx/icons/main/food.svg?1752019200');}
.icon.main.resolution,.icon.resolution{-webkit-mask-image:url('/gfx/icons/main/resolution.svg?1752019200');mask-image:url('/gfx/icons/main/resolution.svg?1752019200');}
.icon.main.credit,.icon.credit{-webkit-mask-image:url('/gfx/icons/main/credit.svg?1752019200');mask-image:url('/gfx/icons/main/credit.svg?1752019200');}
.icon.main.waiting,.icon.waiting,.icon.main.pending,.icon.pending{-webkit-mask-image:url('/gfx/icons/main/waiting-pending.svg?1752019200');mask-image:url('/gfx/icons/main/waiting-pending.svg?1752019200');}
.icon.main.delete,.icon.delete{-webkit-mask-image:url('/gfx/icons/main/delete.svg?1752019200');mask-image:url('/gfx/icons/main/delete.svg?1752019200');}
.icon.main.play,.icon.play{-webkit-mask-image:url('/gfx/icons/main/play.svg?1752019200');mask-image:url('/gfx/icons/main/play.svg?1752019200');}
.icon.main.photolancers,.icon.photolancers,.icon.main.project_new,.icon.project_new,.icon.main.projectquotation_status_changed,.icon.projectquotation_status_changed,.icon.main.project,.icon.project,.icon.main.quotation,.icon.quotation{-webkit-mask-image:url('/gfx/icons/main/photolancers-project_new-projectquotation_status_changed-project-quotation.svg?1752019200');mask-image:url('/gfx/icons/main/photolancers-project_new-projectquotation_status_changed-project-quotation.svg?1752019200');}
.icon.main.reoutchers,.icon.reoutchers{-webkit-mask-image:url('/gfx/icons/main/reoutchers.svg?1752019200');mask-image:url('/gfx/icons/main/reoutchers.svg?1752019200');}
.icon.main.catwalk,.icon.catwalk{-webkit-mask-image:url('/gfx/icons/main/catwalk.svg?1752019200');mask-image:url('/gfx/icons/main/catwalk.svg?1752019200');}
.icon.main.more,.icon.more{-webkit-mask-image:url('/gfx/icons/main/more.svg?1752019200');mask-image:url('/gfx/icons/main/more.svg?1752019200');}
.icon.main.minor_authorization,.icon.minor_authorization{-webkit-mask-image:url('/gfx/icons/main/minor_authorization.svg?1752019200');mask-image:url('/gfx/icons/main/minor_authorization.svg?1752019200');}
.icon.main.security,.icon.security,.icon.main.authority,.icon.authority,.icon.main.official,.icon.official,.icon.main.certified,.icon.certified{-webkit-mask-image:url('/gfx/icons/main/security-authority-official-certified.svg?1752019200');mask-image:url('/gfx/icons/main/security-authority-official-certified.svg?1752019200');}
.icon.main.fashionfilm,.icon.fashionfilm,.icon.main.videographers,.icon.videographers{-webkit-mask-image:url('/gfx/icons/main/fashionfilm-videographers.svg?1752019200');mask-image:url('/gfx/icons/main/fashionfilm-videographers.svg?1752019200');}
.icon.main.arrow_down,.icon.arrow_down{-webkit-mask-image:url('/gfx/icons/main/arrow_down.svg?1752019200');mask-image:url('/gfx/icons/main/arrow_down.svg?1752019200');}
.icon.main.next,.icon.next,.icon.main.go,.icon.go,.icon.main.arrow_right,.icon.arrow_right,.icon.main.move,.icon.move{-webkit-mask-image:url('/gfx/icons/main/next-go-arrow_right-move.svg?1752019200');mask-image:url('/gfx/icons/main/next-go-arrow_right-move.svg?1752019200');}
.icon.main.calendar,.icon.calendar,.icon.main.prorate,.icon.prorate{-webkit-mask-image:url('/gfx/icons/main/calendar-prorate.svg?1752019200');mask-image:url('/gfx/icons/main/calendar-prorate.svg?1752019200');}
.icon.main.gallery_type_stripe,.icon.gallery_type_stripe{-webkit-mask-image:url('/gfx/icons/main/gallery_type_stripe.svg?1752019200');mask-image:url('/gfx/icons/main/gallery_type_stripe.svg?1752019200');}
.icon.main.starringtransportation,.icon.starringtransportation{-webkit-mask-image:url('/gfx/icons/main/starringtransportation.svg?1752019200');mask-image:url('/gfx/icons/main/starringtransportation.svg?1752019200');}
.icon.main.mute,.icon.mute,.icon.main.shun,.icon.shun{-webkit-mask-image:url('/gfx/icons/main/mute-shun.svg?1752019200');mask-image:url('/gfx/icons/main/mute-shun.svg?1752019200');}
.icon.main.influencer,.icon.influencer{-webkit-mask-image:url('/gfx/icons/main/influencer.svg?1752019200');mask-image:url('/gfx/icons/main/influencer.svg?1752019200');}
.icon.main.sedcard_layout_h,.icon.sedcard_layout_h{-webkit-mask-image:url('/gfx/icons/main/sedcard_layout_h.svg?1752019200');mask-image:url('/gfx/icons/main/sedcard_layout_h.svg?1752019200');}
.icon.main.noticeboard,.icon.noticeboard,.icon.main.noticeboard_new,.icon.noticeboard_new{-webkit-mask-image:url('/gfx/icons/main/noticeboard-noticeboard_new.svg?1752019200');mask-image:url('/gfx/icons/main/noticeboard-noticeboard_new.svg?1752019200');}
.icon.main.trophy,.icon.trophy{-webkit-mask-image:url('/gfx/icons/main/trophy.svg?1752019200');mask-image:url('/gfx/icons/main/trophy.svg?1752019200');}
.icon.main.lightbox_create,.icon.lightbox_create{-webkit-mask-image:url('/gfx/icons/main/lightbox_create.svg?1752019200');mask-image:url('/gfx/icons/main/lightbox_create.svg?1752019200');}
.icon.main.download,.icon.download{-webkit-mask-image:url('/gfx/icons/main/download.svg?1752019200');mask-image:url('/gfx/icons/main/download.svg?1752019200');}
.icon.main.skypeshooting_logo,.icon.skypeshooting_logo{-webkit-mask-image:url('/gfx/icons/main/skypeshooting_logo.svg?1752019200');mask-image:url('/gfx/icons/main/skypeshooting_logo.svg?1752019200');}
.icon.main.photoshop,.icon.photoshop{-webkit-mask-image:url('/gfx/icons/main/photoshop.svg?1752019200');mask-image:url('/gfx/icons/main/photoshop.svg?1752019200');}
.icon.main.invisible,.icon.invisible{-webkit-mask-image:url('/gfx/icons/main/invisible.svg?1752019200');mask-image:url('/gfx/icons/main/invisible.svg?1752019200');}
.icon.main.messenger_message_read,.icon.messenger_message_read,.icon.main.messenger_message_sent,.icon.messenger_message_sent,.icon.main.completed,.icon.completed{-webkit-mask-image:url('/gfx/icons/main/messenger_message_read-messenger_message_sent-completed.svg?1752019200');mask-image:url('/gfx/icons/main/messenger_message_read-messenger_message_sent-completed.svg?1752019200');}
.icon.main.fresh_faces,.icon.fresh_faces{-webkit-mask-image:url('/gfx/icons/main/fresh_faces.svg?1752019200');mask-image:url('/gfx/icons/main/fresh_faces.svg?1752019200');}
.icon.main.button_loading,.icon.button_loading{-webkit-mask-image:url('/gfx/icons/main/button_loading.svg?1752019200');mask-image:url('/gfx/icons/main/button_loading.svg?1752019200');}
.icon.main.productionequipmentrental,.icon.productionequipmentrental{-webkit-mask-image:url('/gfx/icons/main/productionequipmentrental.svg?1752019200');mask-image:url('/gfx/icons/main/productionequipmentrental.svg?1752019200');}
.icon.main.gallery_type_stacked,.icon.gallery_type_stacked,.icon.main.photos_grid,.icon.photos_grid{-webkit-mask-image:url('/gfx/icons/main/gallery_type_stacked-photos_grid.svg?1752019200');mask-image:url('/gfx/icons/main/gallery_type_stacked-photos_grid.svg?1752019200');}
.icon.main.warning,.icon.warning{-webkit-mask-image:url('/gfx/icons/main/warning.svg?1752019200');mask-image:url('/gfx/icons/main/warning.svg?1752019200');}
.icon.main.move_handle,.icon.move_handle{-webkit-mask-image:url('/gfx/icons/main/move_handle.svg?1752019200');mask-image:url('/gfx/icons/main/move_handle.svg?1752019200');}
.icon.main.telegram,.icon.telegram{-webkit-mask-image:url('/gfx/icons/main/telegram.svg?1752019200');mask-image:url('/gfx/icons/main/telegram.svg?1752019200');}
.icon.main.keyenter,.icon.keyenter{-webkit-mask-image:url('/gfx/icons/main/keyenter.svg?1752019200');mask-image:url('/gfx/icons/main/keyenter.svg?1752019200');}
.icon.main.filter,.icon.filter{-webkit-mask-image:url('/gfx/icons/main/filter.svg?1752019200');mask-image:url('/gfx/icons/main/filter.svg?1752019200');}
.icon.main.left,.icon.left,.icon.main.back,.icon.back{-webkit-mask-image:url('/gfx/icons/main/left-back.svg?1752019200');mask-image:url('/gfx/icons/main/left-back.svg?1752019200');}
.icon.main.mute,.icon.mute{-webkit-mask-image:url('/gfx/icons/main/mute.svg?1752019200');mask-image:url('/gfx/icons/main/mute.svg?1752019200');}
.icon.main.down,.icon.down{-webkit-mask-image:url('/gfx/icons/main/down.svg?1752019200');mask-image:url('/gfx/icons/main/down.svg?1752019200');}
.icon.main.lightbox_add,.icon.lightbox_add{-webkit-mask-image:url('/gfx/icons/main/lightbox_add.svg?1752019200');mask-image:url('/gfx/icons/main/lightbox_add.svg?1752019200');}
.icon.main.training,.icon.training,.icon.main.schools,.icon.schools{-webkit-mask-image:url('/gfx/icons/main/training-schools.svg?1752019200');mask-image:url('/gfx/icons/main/training-schools.svg?1752019200');}
.icon.main.magazine,.icon.magazine,.icon.main.submission,.icon.submission,.icon.main.editorial,.icon.editorial{-webkit-mask-image:url('/gfx/icons/main/magazine-submission-editorial.svg?1752019200');mask-image:url('/gfx/icons/main/magazine-submission-editorial.svg?1752019200');}
.icon.main.apple,.icon.apple{-webkit-mask-image:url('/gfx/icons/main/apple.svg?1752019200');mask-image:url('/gfx/icons/main/apple.svg?1752019200');}
.icon.main.workgroup,.icon.workgroup,.icon.main.workgroup_global_message,.icon.workgroup_global_message,.icon.main.workgroup_new_topic,.icon.workgroup_new_topic,.icon.main.workgroup_new_topic_message,.icon.workgroup_new_topic_message,.icon.main.workgroup_new_file,.icon.workgroup_new_file,.icon.main.workgroup_new_calendar_event,.icon.workgroup_new_calendar_event,.icon.main.workgroup_new_member,.icon.workgroup_new_member,.icon.main.extra,.icon.extra,.icon.main.workgroup_new_request,.icon.workgroup_new_request{-webkit-mask-image:url('/gfx/icons/main/workgroup-workgroup_global_message-workgroup_new_topic-workgroup_new_topic_message-workgroup_new_file-workgroup_new_calendar_event-workgroup_new_member-extra-workgroup_new_request.svg?1752019200');mask-image:url('/gfx/icons/main/workgroup-workgroup_global_message-workgroup_new_topic-workgroup_new_topic_message-workgroup_new_file-workgroup_new_calendar_event-workgroup_new_member-extra-workgroup_new_request.svg?1752019200');}
.icon.main.tools,.icon.tools{-webkit-mask-image:url('/gfx/icons/main/tools.svg?1752019200');mask-image:url('/gfx/icons/main/tools.svg?1752019200');}
.icon.main.stock,.icon.stock{-webkit-mask-image:url('/gfx/icons/main/stock.svg?1752019200');mask-image:url('/gfx/icons/main/stock.svg?1752019200');}
.icon.main.statistics,.icon.statistics{-webkit-mask-image:url('/gfx/icons/main/statistics.svg?1752019200');mask-image:url('/gfx/icons/main/statistics.svg?1752019200');}
.icon.main.brand,.icon.brand{-webkit-mask-image:url('/gfx/icons/main/brand.svg?1752019200');mask-image:url('/gfx/icons/main/brand.svg?1752019200');}
.icon.main.outbox,.icon.outbox{-webkit-mask-image:url('/gfx/icons/main/outbox.svg?1752019200');mask-image:url('/gfx/icons/main/outbox.svg?1752019200');}
.icon.main.picture,.icon.picture{-webkit-mask-image:url('/gfx/icons/main/picture.svg?1752019200');mask-image:url('/gfx/icons/main/picture.svg?1752019200');}
.icon.main.users,.icon.users{-webkit-mask-image:url('/gfx/icons/main/users.svg?1752019200');mask-image:url('/gfx/icons/main/users.svg?1752019200');}
.icon.main.profile_photo,.icon.profile_photo{-webkit-mask-image:url('/gfx/icons/main/profile_photo.svg?1752019200');mask-image:url('/gfx/icons/main/profile_photo.svg?1752019200');}
.icon.main.arrow_up_right,.icon.arrow_up_right{-webkit-mask-image:url('/gfx/icons/main/arrow_up_right.svg?1752019200');mask-image:url('/gfx/icons/main/arrow_up_right.svg?1752019200');}
.icon.main.lightingspecialist,.icon.lightingspecialist{-webkit-mask-image:url('/gfx/icons/main/lightingspecialist.svg?1752019200');mask-image:url('/gfx/icons/main/lightingspecialist.svg?1752019200');}
.icon.main.admin,.icon.admin{-webkit-mask-image:url('/gfx/icons/main/admin.svg?1752019200');mask-image:url('/gfx/icons/main/admin.svg?1752019200');}
.icon.main.messenger_message_read,.icon.messenger_message_read,.icon.main.completed,.icon.completed{-webkit-mask-image:url('/gfx/icons/main/messenger_message_read-completed.svg?1752019200');mask-image:url('/gfx/icons/main/messenger_message_read-completed.svg?1752019200');}
.icon.main.locationscouts,.icon.locationscouts{-webkit-mask-image:url('/gfx/icons/main/locationscouts.svg?1752019200');mask-image:url('/gfx/icons/main/locationscouts.svg?1752019200');}
.icon.main.whatsapp,.icon.whatsapp{-webkit-mask-image:url('/gfx/icons/main/whatsapp.svg?1752019200');mask-image:url('/gfx/icons/main/whatsapp.svg?1752019200');}
.icon.main.crop,.icon.crop,.icon.main.choose_initial_frame,.icon.choose_initial_frame{-webkit-mask-image:url('/gfx/icons/main/crop-choose_initial_frame.svg?1752019200');mask-image:url('/gfx/icons/main/crop-choose_initial_frame.svg?1752019200');}
.icon.main.files,.icon.files,.icon.main.file,.icon.file,.icon.main.textfile,.icon.textfile,.icon.main.page,.icon.page{-webkit-mask-image:url('/gfx/icons/main/files-file-textfile-page.svg?1752019200');mask-image:url('/gfx/icons/main/files-file-textfile-page.svg?1752019200');}
.icon.main.wallpaper,.icon.wallpaper{-webkit-mask-image:url('/gfx/icons/main/wallpaper.svg?1752019200');mask-image:url('/gfx/icons/main/wallpaper.svg?1752019200');}
.icon.main.youtube,.icon.youtube{-webkit-mask-image:url('/gfx/icons/main/youtube.svg?1752019200');mask-image:url('/gfx/icons/main/youtube.svg?1752019200');}
.icon.main.acting,.icon.acting{-webkit-mask-image:url('/gfx/icons/main/acting.svg?1752019200');mask-image:url('/gfx/icons/main/acting.svg?1752019200');}
.icon.main.checked,.icon.checked,.icon.main.checkmark,.icon.checkmark,.icon.main.check_all,.icon.check_all{-webkit-mask-image:url('/gfx/icons/main/checked-checkmark-check_all.svg?1752019200');mask-image:url('/gfx/icons/main/checked-checkmark-check_all.svg?1752019200');}
.icon.main.dashboard,.icon.dashboard{-webkit-mask-image:url('/gfx/icons/main/dashboard.svg?1752019200');mask-image:url('/gfx/icons/main/dashboard.svg?1752019200');}
.icon.main.skip,.icon.skip{-webkit-mask-image:url('/gfx/icons/main/skip.svg?1752019200');mask-image:url('/gfx/icons/main/skip.svg?1752019200');}
.icon.main.ok,.icon.ok,.icon.main.follow,.icon.follow,.icon.main.notice,.icon.notice,.icon.main.join,.icon.join,.icon.main.accepted,.icon.accepted,.icon.main.post,.icon.post,.icon.main.save,.icon.save{-webkit-mask-image:url('/gfx/icons/main/ok-follow-notice-join-accepted-post-save.svg?1752019200');mask-image:url('/gfx/icons/main/ok-follow-notice-join-accepted-post-save.svg?1752019200');}
.icon.main.postfxspecialist,.icon.postfxspecialist{-webkit-mask-image:url('/gfx/icons/main/postfxspecialist.svg?1752019200');mask-image:url('/gfx/icons/main/postfxspecialist.svg?1752019200');}
.icon.main.main_menu,.icon.main_menu,.icon.main.sidebar,.icon.sidebar{-webkit-mask-image:url('/gfx/icons/main/main_menu-sidebar.svg?1752019200');mask-image:url('/gfx/icons/main/main_menu-sidebar.svg?1752019200');}
.icon.main.messenger,.icon.messenger{-webkit-mask-image:url('/gfx/icons/main/messenger.svg?1752019200');mask-image:url('/gfx/icons/main/messenger.svg?1752019200');}
.icon.main.blog,.icon.blog{-webkit-mask-image:url('/gfx/icons/main/blog.svg?1752019200');mask-image:url('/gfx/icons/main/blog.svg?1752019200');}
.icon.main.sedcard_layout_c,.icon.sedcard_layout_c{-webkit-mask-image:url('/gfx/icons/main/sedcard_layout_c.svg?1752019200');mask-image:url('/gfx/icons/main/sedcard_layout_c.svg?1752019200');}
.icon.main.publication,.icon.publication{-webkit-mask-image:url('/gfx/icons/main/publication.svg?1752019200');mask-image:url('/gfx/icons/main/publication.svg?1752019200');}
.icon.main.checked,.icon.checked{-webkit-mask-image:url('/gfx/icons/main/checked.svg?1752019200');mask-image:url('/gfx/icons/main/checked.svg?1752019200');}
.icon.main.report,.icon.report{-webkit-mask-image:url('/gfx/icons/main/report.svg?1752019200');mask-image:url('/gfx/icons/main/report.svg?1752019200');}
.icon.main.actorsschool,.icon.actorsschool{-webkit-mask-image:url('/gfx/icons/main/actorsschool.svg?1752019200');mask-image:url('/gfx/icons/main/actorsschool.svg?1752019200');}
.icon.main.clothing,.icon.clothing{-webkit-mask-image:url('/gfx/icons/main/clothing.svg?1752019200');mask-image:url('/gfx/icons/main/clothing.svg?1752019200');}
.icon.main.litmind_logotype,.icon.litmind_logotype{-webkit-mask-image:url('/gfx/icons/main/litmind_logotype.svg?1752019200');mask-image:url('/gfx/icons/main/litmind_logotype.svg?1752019200');}
.icon.main.switch,.icon.switch{-webkit-mask-image:url('/gfx/icons/main/switch.svg?1752019200');mask-image:url('/gfx/icons/main/switch.svg?1752019200');}
.icon.main.scenographer,.icon.scenographer{-webkit-mask-image:url('/gfx/icons/main/scenographer.svg?1752019200');mask-image:url('/gfx/icons/main/scenographer.svg?1752019200');}
.icon.main.logout,.icon.logout{-webkit-mask-image:url('/gfx/icons/main/logout.svg?1752019200');mask-image:url('/gfx/icons/main/logout.svg?1752019200');}
.icon.main.notifications_social,.icon.notifications_social{-webkit-mask-image:url('/gfx/icons/main/notifications_social.svg?1752019200');mask-image:url('/gfx/icons/main/notifications_social.svg?1752019200');}
.icon.main.pin,.icon.pin,.icon.main.clip,.icon.clip,.icon.main.attach,.icon.attach{-webkit-mask-image:url('/gfx/icons/main/pin-clip-attach.svg?1752019200');mask-image:url('/gfx/icons/main/pin-clip-attach.svg?1752019200');}
.icon.main.starringotherservices,.icon.starringotherservices{-webkit-mask-image:url('/gfx/icons/main/starringotherservices.svg?1752019200');mask-image:url('/gfx/icons/main/starringotherservices.svg?1752019200');}
.icon.main.pinterest,.icon.pinterest{-webkit-mask-image:url('/gfx/icons/main/pinterest.svg?1752019200');mask-image:url('/gfx/icons/main/pinterest.svg?1752019200');}
.icon.main.dropdown_arrow,.icon.dropdown_arrow{-webkit-mask-image:url('/gfx/icons/main/dropdown_arrow.svg?1752019200');mask-image:url('/gfx/icons/main/dropdown_arrow.svg?1752019200');}
.icon.main.data,.icon.data{-webkit-mask-image:url('/gfx/icons/main/data.svg?1752019200');mask-image:url('/gfx/icons/main/data.svg?1752019200');}
.icon.main.sms,.icon.sms,.icon.main.mobile,.icon.mobile{-webkit-mask-image:url('/gfx/icons/main/sms-mobile.svg?1752019200');mask-image:url('/gfx/icons/main/sms-mobile.svg?1752019200');}
.icon.main.activity,.icon.activity,.icon.main.latest,.icon.latest{-webkit-mask-image:url('/gfx/icons/main/activity-latest.svg?1752019200');mask-image:url('/gfx/icons/main/activity-latest.svg?1752019200');}
.icon.main.calendar,.icon.calendar{-webkit-mask-image:url('/gfx/icons/main/calendar.svg?1752019200');mask-image:url('/gfx/icons/main/calendar.svg?1752019200');}
.icon.main.clock,.icon.clock{-webkit-mask-image:url('/gfx/icons/main/clock.svg?1752019200');mask-image:url('/gfx/icons/main/clock.svg?1752019200');}
.icon.main.makeup,.icon.makeup{-webkit-mask-image:url('/gfx/icons/main/makeup.svg?1752019200');mask-image:url('/gfx/icons/main/makeup.svg?1752019200');}
.icon.main.unchecked,.icon.unchecked{-webkit-mask-image:url('/gfx/icons/main/unchecked.svg?1752019200');mask-image:url('/gfx/icons/main/unchecked.svg?1752019200');}
.icon.main.cancel,.icon.cancel,.icon.main.close,.icon.close,.icon.main.cancelled,.icon.cancelled,.icon.main.unfollow,.icon.unfollow,.icon.main.ko,.icon.ko{-webkit-mask-image:url('/gfx/icons/main/cancel-close-cancelled-unfollow-ko.svg?1752019200');mask-image:url('/gfx/icons/main/cancel-close-cancelled-unfollow-ko.svg?1752019200');}
.icon.main.sedcard,.icon.sedcard{-webkit-mask-image:url('/gfx/icons/main/sedcard.svg?1752019200');mask-image:url('/gfx/icons/main/sedcard.svg?1752019200');}
.icon.main.up,.icon.up{-webkit-mask-image:url('/gfx/icons/main/up.svg?1752019200');mask-image:url('/gfx/icons/main/up.svg?1752019200');}
.icon.main.home,.icon.home,.icon.main.main,.icon.main{-webkit-mask-image:url('/gfx/icons/main/home-main.svg?1752019200');mask-image:url('/gfx/icons/main/home-main.svg?1752019200');}
.icon.main.error_404,.icon.error_404{-webkit-mask-image:url('/gfx/icons/main/error_404.svg?1752019200');mask-image:url('/gfx/icons/main/error_404.svg?1752019200');}
.icon.main.blog,.icon.blog,.icon.main.content,.icon.content{-webkit-mask-image:url('/gfx/icons/main/blog-content.svg?1752019200');mask-image:url('/gfx/icons/main/blog-content.svg?1752019200');}
.icon.main.momentum_ranking_algorithm,.icon.momentum_ranking_algorithm{-webkit-mask-image:url('/gfx/icons/main/momentum_ranking_algorithm.svg?1752019200');mask-image:url('/gfx/icons/main/momentum_ranking_algorithm.svg?1752019200');}
.icon.main.click,.icon.click{-webkit-mask-image:url('/gfx/icons/main/click.svg?1752019200');mask-image:url('/gfx/icons/main/click.svg?1752019200');}
.icon.main.folder_move,.icon.folder_move{-webkit-mask-image:url('/gfx/icons/main/folder_move.svg?1752019200');mask-image:url('/gfx/icons/main/folder_move.svg?1752019200');}
.icon.main.semi_private,.icon.semi_private,.icon.main.unlocked,.icon.unlocked{-webkit-mask-image:url('/gfx/icons/main/semi_private-unlocked.svg?1752019200');mask-image:url('/gfx/icons/main/semi_private-unlocked.svg?1752019200');}
.icon.main.notepad,.icon.notepad,.icon.main.textfile,.icon.textfile{-webkit-mask-image:url('/gfx/icons/main/notepad-textfile.svg?1752019200');mask-image:url('/gfx/icons/main/notepad-textfile.svg?1752019200');}
.icon.main.edit,.icon.edit,.icon.main.editing,.icon.editing{-webkit-mask-image:url('/gfx/icons/main/edit-editing.svg?1752019200');mask-image:url('/gfx/icons/main/edit-editing.svg?1752019200');}
.icon.main.arrow_up,.icon.arrow_up{-webkit-mask-image:url('/gfx/icons/main/arrow_up.svg?1752019200');mask-image:url('/gfx/icons/main/arrow_up.svg?1752019200');}
.icon.main.localization,.icon.localization,.icon.main.location,.icon.location,.icon.main.locations,.icon.locations{-webkit-mask-image:url('/gfx/icons/main/localization-location-locations.svg?1752019200');mask-image:url('/gfx/icons/main/localization-location-locations.svg?1752019200');}
.icon.main.thumbs_down,.icon.thumbs_down,.icon.main.declined,.icon.declined,.icon.main.low_quality,.icon.low_quality{-webkit-mask-image:url('/gfx/icons/main/thumbs_down-declined-low_quality.svg?1752019200');mask-image:url('/gfx/icons/main/thumbs_down-declined-low_quality.svg?1752019200');}
.icon.main.archived,.icon.archived{-webkit-mask-image:url('/gfx/icons/main/archived.svg?1752019200');mask-image:url('/gfx/icons/main/archived.svg?1752019200');}
.icon.main.messenger_message_unread,.icon.messenger_message_unread{-webkit-mask-image:url('/gfx/icons/main/messenger_message_unread.svg?1752019200');mask-image:url('/gfx/icons/main/messenger_message_unread.svg?1752019200');}
.icon.main.jquerymosaic,.icon.jquerymosaic{-webkit-mask-image:url('/gfx/icons/main/jquerymosaic.svg?1752019200');mask-image:url('/gfx/icons/main/jquerymosaic.svg?1752019200');}
.icon.main.send,.icon.send{-webkit-mask-image:url('/gfx/icons/main/send.svg?1752019200');mask-image:url('/gfx/icons/main/send.svg?1752019200');}
.icon.main.lightbox,.icon.lightbox,.icon.main.lightboxed,.icon.lightboxed,.icon.main.lightbox_add,.icon.lightbox_add{-webkit-mask-image:url('/gfx/icons/main/lightbox-lightboxed-lightbox_add.svg?1752019200');mask-image:url('/gfx/icons/main/lightbox-lightboxed-lightbox_add.svg?1752019200');}
.icon.main.soundspecialist,.icon.soundspecialist{-webkit-mask-image:url('/gfx/icons/main/soundspecialist.svg?1752019200');mask-image:url('/gfx/icons/main/soundspecialist.svg?1752019200');}
.icon.main.configuration,.icon.configuration{-webkit-mask-image:url('/gfx/icons/main/configuration.svg?1752019200');mask-image:url('/gfx/icons/main/configuration.svg?1752019200');}
.icon.main.pdf,.icon.pdf{-webkit-mask-image:url('/gfx/icons/main/pdf.svg?1752019200');mask-image:url('/gfx/icons/main/pdf.svg?1752019200');}
.icon.main.honor,.icon.honor{-webkit-mask-image:url('/gfx/icons/main/honor.svg?1752019200');mask-image:url('/gfx/icons/main/honor.svg?1752019200');}
.icon.main.hair,.icon.hair{-webkit-mask-image:url('/gfx/icons/main/hair.svg?1752019200');mask-image:url('/gfx/icons/main/hair.svg?1752019200');}
.icon.main.post_view_full_conversation,.icon.post_view_full_conversation{-webkit-mask-image:url('/gfx/icons/main/post_view_full_conversation.svg?1752019200');mask-image:url('/gfx/icons/main/post_view_full_conversation.svg?1752019200');}
.icon.main.folder_create,.icon.folder_create{-webkit-mask-image:url('/gfx/icons/main/folder_create.svg?1752019200');mask-image:url('/gfx/icons/main/folder_create.svg?1752019200');}
.icon.main.phone,.icon.phone{-webkit-mask-image:url('/gfx/icons/main/phone.svg?1752019200');mask-image:url('/gfx/icons/main/phone.svg?1752019200');}
.icon.main.starringhairstylist,.icon.starringhairstylist{-webkit-mask-image:url('/gfx/icons/main/starringhairstylist.svg?1752019200');mask-image:url('/gfx/icons/main/starringhairstylist.svg?1752019200');}
.icon.main.print,.icon.print{-webkit-mask-image:url('/gfx/icons/main/print.svg?1752019200');mask-image:url('/gfx/icons/main/print.svg?1752019200');}
.icon.main.privacy,.icon.privacy,.icon.main.private,.icon.private,.icon.main.locked,.icon.locked{-webkit-mask-image:url('/gfx/icons/main/privacy-private-locked.svg?1752019200');mask-image:url('/gfx/icons/main/privacy-private-locked.svg?1752019200');}
.icon.main.spam,.icon.spam{-webkit-mask-image:url('/gfx/icons/main/spam.svg?1752019200');mask-image:url('/gfx/icons/main/spam.svg?1752019200');}
.icon.main.sedcard_layout_d,.icon.sedcard_layout_d{-webkit-mask-image:url('/gfx/icons/main/sedcard_layout_d.svg?1752019200');mask-image:url('/gfx/icons/main/sedcard_layout_d.svg?1752019200');}
.icon.main.center,.icon.center{-webkit-mask-image:url('/gfx/icons/main/center.svg?1752019200');mask-image:url('/gfx/icons/main/center.svg?1752019200');}
.icon.main.android,.icon.android{-webkit-mask-image:url('/gfx/icons/main/android.svg?1752019200');mask-image:url('/gfx/icons/main/android.svg?1752019200');}
.icon.main.photoshoot,.icon.photoshoot,.icon.main.photos,.icon.photos,.icon.main.new_photos,.icon.new_photos,.icon.main.photographers,.icon.photographers,.icon.main.artwork,.icon.artwork,.icon.main.photographer,.icon.photographer,.icon.main.raw,.icon.raw,.icon.main.services,.icon.services,.icon.main.portfolio,.icon.portfolio{-webkit-mask-image:url('/gfx/icons/main/photoshoot-photos-new_photos-photographers-artwork-photographer-raw-services-portfolio.svg?1752019200');mask-image:url('/gfx/icons/main/photoshoot-photos-new_photos-photographers-artwork-photographer-raw-services-portfolio.svg?1752019200');}
.icon.main.support,.icon.support,.icon.main.ticket,.icon.ticket{-webkit-mask-image:url('/gfx/icons/main/support-ticket.svg?1752019200');mask-image:url('/gfx/icons/main/support-ticket.svg?1752019200');}
.icon.main.facebook,.icon.facebook{-webkit-mask-image:url('/gfx/icons/main/facebook.svg?1752019200');mask-image:url('/gfx/icons/main/facebook.svg?1752019200');}
.icon.main.api,.icon.api{-webkit-mask-image:url('/gfx/icons/main/api.svg?1752019200');mask-image:url('/gfx/icons/main/api.svg?1752019200');}
.icon.main.upload,.icon.upload,.icon.main.share,.icon.share{-webkit-mask-image:url('/gfx/icons/main/upload-share.svg?1752019200');mask-image:url('/gfx/icons/main/upload-share.svg?1752019200');}
.icon.main.columns_4,.icon.columns_4{-webkit-mask-image:url('/gfx/icons/main/columns_4.svg?1752019200');mask-image:url('/gfx/icons/main/columns_4.svg?1752019200');}
.icon.main.right,.icon.right{-webkit-mask-image:url('/gfx/icons/main/right.svg?1752019200');mask-image:url('/gfx/icons/main/right.svg?1752019200');}
.icon.main.architecture,.icon.architecture{-webkit-mask-image:url('/gfx/icons/main/architecture.svg?1752019200');mask-image:url('/gfx/icons/main/architecture.svg?1752019200');}
.icon.main.hashtag,.icon.hashtag{-webkit-mask-image:url('/gfx/icons/main/hashtag.svg?1752019200');mask-image:url('/gfx/icons/main/hashtag.svg?1752019200');}
.icon.main.copy,.icon.copy{-webkit-mask-image:url('/gfx/icons/main/copy.svg?1752019200');mask-image:url('/gfx/icons/main/copy.svg?1752019200');}
.icon.main.magazine,.icon.magazine,.icon.main.submission,.icon.submission,.icon.main.editorial,.icon.editorial,.icon.main.publications,.icon.publications{-webkit-mask-image:url('/gfx/icons/main/magazine-submission-editorial-publications.svg?1752019200');mask-image:url('/gfx/icons/main/magazine-submission-editorial-publications.svg?1752019200');}
.icon.main.logo,.icon.logo{-webkit-mask-image:url('/gfx/icons/main/logo.svg?1752019200');mask-image:url('/gfx/icons/main/logo.svg?1752019200');}
.icon.main.sedcard_layout_g,.icon.sedcard_layout_g{-webkit-mask-image:url('/gfx/icons/main/sedcard_layout_g.svg?1752019200');mask-image:url('/gfx/icons/main/sedcard_layout_g.svg?1752019200');}
.icon.main.export,.icon.export{-webkit-mask-image:url('/gfx/icons/main/export.svg?1752019200');mask-image:url('/gfx/icons/main/export.svg?1752019200');}
.icon.main.checkmark,.icon.checkmark{-webkit-mask-image:url('/gfx/icons/main/checkmark.svg?1752019200');mask-image:url('/gfx/icons/main/checkmark.svg?1752019200');}
.icon.main.size,.icon.size{-webkit-mask-image:url('/gfx/icons/main/size.svg?1752019200');mask-image:url('/gfx/icons/main/size.svg?1752019200');}
.icon.main.attention,.icon.attention{-webkit-mask-image:url('/gfx/icons/main/attention.svg?1752019200');mask-image:url('/gfx/icons/main/attention.svg?1752019200');}
.icon.main.unarchive,.icon.unarchive{-webkit-mask-image:url('/gfx/icons/main/unarchive.svg?1752019200');mask-image:url('/gfx/icons/main/unarchive.svg?1752019200');}
.icon.main.gift,.icon.gift,.icon.main.new_features,.icon.new_features{-webkit-mask-image:url('/gfx/icons/main/gift-new_features.svg?1752019200');mask-image:url('/gfx/icons/main/gift-new_features.svg?1752019200');}
.icon.main.actoragent,.icon.actoragent{-webkit-mask-image:url('/gfx/icons/main/actoragent.svg?1752019200');mask-image:url('/gfx/icons/main/actoragent.svg?1752019200');}
.icon.main.alert,.icon.alert{-webkit-mask-image:url('/gfx/icons/main/alert.svg?1752019200');mask-image:url('/gfx/icons/main/alert.svg?1752019200');}
.icon.main.screenshot,.icon.screenshot{-webkit-mask-image:url('/gfx/icons/main/screenshot.svg?1752019200');mask-image:url('/gfx/icons/main/screenshot.svg?1752019200');}
.icon.main.archive,.icon.archive,.icon.main.close_ad,.icon.close_ad{-webkit-mask-image:url('/gfx/icons/main/archive-close_ad.svg?1752019200');mask-image:url('/gfx/icons/main/archive-close_ad.svg?1752019200');}
.icon.main.rewind,.icon.rewind{-webkit-mask-image:url('/gfx/icons/main/rewind.svg?1752019200');mask-image:url('/gfx/icons/main/rewind.svg?1752019200');}
.icon.main.more_options,.icon.more_options,.icon.main.range,.icon.range,.icon.main.other,.icon.other{-webkit-mask-image:url('/gfx/icons/main/more_options-range-other.svg?1752019200');mask-image:url('/gfx/icons/main/more_options-range-other.svg?1752019200');}
.icon.main.spinner,.icon.spinner{-webkit-mask-image:url('/gfx/icons/main/spinner.svg?1752019200');mask-image:url('/gfx/icons/main/spinner.svg?1752019200');}
.icon.main.dropdown_arrow_up,.icon.dropdown_arrow_up{-webkit-mask-image:url('/gfx/icons/main/dropdown_arrow_up.svg?1752019200');mask-image:url('/gfx/icons/main/dropdown_arrow_up.svg?1752019200');}
.icon.main.costumedesigner,.icon.costumedesigner{-webkit-mask-image:url('/gfx/icons/main/costumedesigner.svg?1752019200');mask-image:url('/gfx/icons/main/costumedesigner.svg?1752019200');}
.icon.main.refund,.icon.refund{-webkit-mask-image:url('/gfx/icons/main/refund.svg?1752019200');mask-image:url('/gfx/icons/main/refund.svg?1752019200');}
.icon.main.video,.icon.video,.icon.main.videographers,.icon.videographers{-webkit-mask-image:url('/gfx/icons/main/video-videographers.svg?1752019200');mask-image:url('/gfx/icons/main/video-videographers.svg?1752019200');}
.icon.main.mail,.icon.mail{-webkit-mask-image:url('/gfx/icons/main/mail.svg?1752019200');mask-image:url('/gfx/icons/main/mail.svg?1752019200');}
.icon.main.artdepartment,.icon.artdepartment{-webkit-mask-image:url('/gfx/icons/main/artdepartment.svg?1752019200');mask-image:url('/gfx/icons/main/artdepartment.svg?1752019200');}
.icon.main.reload,.icon.reload,.icon.main.republish,.icon.republish{-webkit-mask-image:url('/gfx/icons/main/reload-republish.svg?1752019200');mask-image:url('/gfx/icons/main/reload-republish.svg?1752019200');}
.icon.main.starringproductioncompany,.icon.starringproductioncompany{-webkit-mask-image:url('/gfx/icons/main/starringproductioncompany.svg?1752019200');mask-image:url('/gfx/icons/main/starringproductioncompany.svg?1752019200');}
.icon.main.hdr,.icon.hdr{-webkit-mask-image:url('/gfx/icons/main/hdr.svg?1752019200');mask-image:url('/gfx/icons/main/hdr.svg?1752019200');}
.icon.main.casting,.icon.casting,.icon.main.productionagencies,.icon.productionagencies{-webkit-mask-image:url('/gfx/icons/main/casting-productionagencies.svg?1752019200');mask-image:url('/gfx/icons/main/casting-productionagencies.svg?1752019200');}
.icon.main.renew,.icon.renew{-webkit-mask-image:url('/gfx/icons/main/renew.svg?1752019200');mask-image:url('/gfx/icons/main/renew.svg?1752019200');}
.icon.main.producer,.icon.producer{-webkit-mask-image:url('/gfx/icons/main/producer.svg?1752019200');mask-image:url('/gfx/icons/main/producer.svg?1752019200');}
.icon.main.staff_picks,.icon.staff_picks,.icon.main.staff_picks_litmind,.icon.staff_picks_litmind,.icon.main.hashtag_official,.icon.hashtag_official,.icon.main.hashtag_recommended,.icon.hashtag_recommended{-webkit-mask-image:url('/gfx/icons/main/staff_picks-staff_picks_litmind-hashtag_official-hashtag_recommended.svg?1752019200');mask-image:url('/gfx/icons/main/staff_picks-staff_picks_litmind-hashtag_official-hashtag_recommended.svg?1752019200');}
.icon.main.carousel_next,.icon.carousel_next{-webkit-mask-image:url('/gfx/icons/main/carousel_next.svg?1752019200');mask-image:url('/gfx/icons/main/carousel_next.svg?1752019200');}
.icon.main.statistics,.icon.statistics,.icon.main.rank,.icon.rank{-webkit-mask-image:url('/gfx/icons/main/statistics-rank.svg?1752019200');mask-image:url('/gfx/icons/main/statistics-rank.svg?1752019200');}
.icon.main.localization,.icon.localization,.icon.main.location,.icon.location,.icon.main.locations,.icon.locations,.icon.main.locationscouts,.icon.locationscouts{-webkit-mask-image:url('/gfx/icons/main/localization-location-locations-locationscouts.svg?1752019200');mask-image:url('/gfx/icons/main/localization-location-locations-locationscouts.svg?1752019200');}
.icon.main.idea,.icon.idea{-webkit-mask-image:url('/gfx/icons/main/idea.svg?1752019200');mask-image:url('/gfx/icons/main/idea.svg?1752019200');}
.icon.main.loading,.icon.loading{-webkit-mask-image:url('/gfx/icons/main/loading.svg?1752019200');mask-image:url('/gfx/icons/main/loading.svg?1752019200');}
.icon.main.hdrjpg,.icon.hdrjpg{-webkit-mask-image:url('/gfx/icons/main/hdrjpg.svg?1752019200');mask-image:url('/gfx/icons/main/hdrjpg.svg?1752019200');}
.icon.main.new_window,.icon.new_window{-webkit-mask-image:url('/gfx/icons/main/new_window.svg?1752019200');mask-image:url('/gfx/icons/main/new_window.svg?1752019200');}
.icon.main.premium,.icon.premium,.icon.main.membership,.icon.membership{-webkit-mask-image:url('/gfx/icons/main/premium-membership.svg?1752019200');mask-image:url('/gfx/icons/main/premium-membership.svg?1752019200');}
.icon.main.litmind_logo,.icon.litmind_logo{-webkit-mask-image:url('/gfx/icons/main/litmind_logo.svg?1752019200');mask-image:url('/gfx/icons/main/litmind_logo.svg?1752019200');}
.icon.main.invoice,.icon.invoice{-webkit-mask-image:url('/gfx/icons/main/invoice.svg?1752019200');mask-image:url('/gfx/icons/main/invoice.svg?1752019200');}
.icon.main.scam,.icon.scam{-webkit-mask-image:url('/gfx/icons/main/scam.svg?1752019200');mask-image:url('/gfx/icons/main/scam.svg?1752019200');}
.icon.main.rwd,.icon.rwd{-webkit-mask-image:url('/gfx/icons/main/rwd.svg?1752019200');mask-image:url('/gfx/icons/main/rwd.svg?1752019200');}
.icon.main.sedcard_layout_e,.icon.sedcard_layout_e{-webkit-mask-image:url('/gfx/icons/main/sedcard_layout_e.svg?1752019200');mask-image:url('/gfx/icons/main/sedcard_layout_e.svg?1752019200');}
.icon.main.back_in_time,.icon.back_in_time{-webkit-mask-image:url('/gfx/icons/main/back_in_time.svg?1752019200');mask-image:url('/gfx/icons/main/back_in_time.svg?1752019200');}
.icon.main.admincontrolpanel,.icon.admincontrolpanel{-webkit-mask-image:url('/gfx/icons/main/admincontrolpanel.svg?1752019200');mask-image:url('/gfx/icons/main/admincontrolpanel.svg?1752019200');}
.icon.main.gallery_type_stacked_big,.icon.gallery_type_stacked_big{-webkit-mask-image:url('/gfx/icons/main/gallery_type_stacked_big.svg?1752019200');mask-image:url('/gfx/icons/main/gallery_type_stacked_big.svg?1752019200');}
.icon.main.paypal,.icon.paypal{-webkit-mask-image:url('/gfx/icons/main/paypal.svg?1752019200');mask-image:url('/gfx/icons/main/paypal.svg?1752019200');}
.icon.main.package,.icon.package{-webkit-mask-image:url('/gfx/icons/main/package.svg?1752019200');mask-image:url('/gfx/icons/main/package.svg?1752019200');}
.icon.main.coupon,.icon.coupon{-webkit-mask-image:url('/gfx/icons/main/coupon.svg?1752019200');mask-image:url('/gfx/icons/main/coupon.svg?1752019200');}
.icon.main.percentage,.icon.percentage{-webkit-mask-image:url('/gfx/icons/main/percentage.svg?1752019200');mask-image:url('/gfx/icons/main/percentage.svg?1752019200');}
.icon.main.ok_thick,.icon.ok_thick{-webkit-mask-image:url('/gfx/icons/main/ok_thick.svg?1752019200');mask-image:url('/gfx/icons/main/ok_thick.svg?1752019200');}
.icon.main.cameraoperator,.icon.cameraoperator{-webkit-mask-image:url('/gfx/icons/main/cameraoperator.svg?1752019200');mask-image:url('/gfx/icons/main/cameraoperator.svg?1752019200');}
.icon.main.arrow_up_left,.icon.arrow_up_left{-webkit-mask-image:url('/gfx/icons/main/arrow_up_left.svg?1752019200');mask-image:url('/gfx/icons/main/arrow_up_left.svg?1752019200');}
.icon.main.support,.icon.support{-webkit-mask-image:url('/gfx/icons/main/support.svg?1752019200');mask-image:url('/gfx/icons/main/support.svg?1752019200');}
.icon.main.gender,.icon.gender{-webkit-mask-image:url('/gfx/icons/main/gender.svg?1752019200');mask-image:url('/gfx/icons/main/gender.svg?1752019200');}


.icon.color.amazon{background-image:url('/gfx/icons/color/amazon.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.competition{background-image:url('/gfx/icons/color/competition.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.ban,.icon.color.bans,.icon.color.spam{background-image:url('/gfx/icons/color/ban-bans-spam.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.ok,.icon.color.approved{background-image:url('/gfx/icons/color/ok-approved.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.new{background-image:url('/gfx/icons/color/new.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.verified_company{background-image:url('/gfx/icons/color/verified_company.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.approved{background-image:url('/gfx/icons/color/approved.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.new_face,.icon.color.new_user{background-image:url('/gfx/icons/color/new_face-new_user.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.search_black{background-image:url('/gfx/icons/color/search_black.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.active_in_chat{background-image:url('/gfx/icons/color/active_in_chat.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.fire{background-image:url('/gfx/icons/color/fire.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.placeholder_posts_2{background-image:url('/gfx/icons/color/placeholder_posts_2.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.error{background-image:url('/gfx/icons/color/error.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.photolancers_right_arrow{background-image:url('/gfx/icons/color/photolancers_right_arrow.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.verified{background-image:url('/gfx/icons/color/verified.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.help_text{background-image:url('/gfx/icons/color/help_text.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.invitation{background-image:url('/gfx/icons/color/invitation.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.error,.icon.color.ko{background-image:url('/gfx/icons/color/error-ko.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.search_white{background-image:url('/gfx/icons/color/search_white.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.christmastree{background-image:url('/gfx/icons/color/christmastree.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.star_unselected{background-image:url('/gfx/icons/color/star_unselected.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.play{background-image:url('/gfx/icons/color/play.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.minor_authorization{background-image:url('/gfx/icons/color/minor_authorization.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.offer{background-image:url('/gfx/icons/color/offer.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.skypeshooting_logo{background-image:url('/gfx/icons/color/skypeshooting_logo.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.vimeo{background-image:url('/gfx/icons/color/vimeo.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.ambassador{background-image:url('/gfx/icons/color/ambassador.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.summer{background-image:url('/gfx/icons/color/summer.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.hashtag_official{background-image:url('/gfx/icons/color/hashtag_official.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.youtube{background-image:url('/gfx/icons/color/youtube.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.help_text_left{background-image:url('/gfx/icons/color/help_text_left.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.gift{background-image:url('/gfx/icons/color/gift.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.search_grey{background-image:url('/gfx/icons/color/search_grey.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.star{background-image:url('/gfx/icons/color/star.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.cyberweek{background-image:url('/gfx/icons/color/cyberweek.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.sun{background-image:url('/gfx/icons/color/sun.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.like{background-image:url('/gfx/icons/color/like.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.star_novote{background-image:url('/gfx/icons/color/star_novote.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.paypal{background-image:url('/gfx/icons/color/paypal.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.color.placeholder_posts{background-image:url('/gfx/icons/color/placeholder_posts.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}


.icon.detailed.announce{background-image:url('/gfx/icons/detailed/announce.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.film{background-image:url('/gfx/icons/detailed/film.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.gopro{background-image:url('/gfx/icons/detailed/gopro.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.locked{background-image:url('/gfx/icons/detailed/locked.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.lighting{background-image:url('/gfx/icons/detailed/lighting.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.puzzle{background-image:url('/gfx/icons/detailed/puzzle.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.search{background-image:url('/gfx/icons/detailed/search.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.tripod{background-image:url('/gfx/icons/detailed/tripod.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.lomo{background-image:url('/gfx/icons/detailed/lomo.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.framing{background-image:url('/gfx/icons/detailed/framing.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.tasks{background-image:url('/gfx/icons/detailed/tasks.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.planet{background-image:url('/gfx/icons/detailed/planet.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.app{background-image:url('/gfx/icons/detailed/app.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.help,.icon.detailed.empty{background-image:url('/gfx/icons/detailed/help-empty.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.lens{background-image:url('/gfx/icons/detailed/lens.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.summit{background-image:url('/gfx/icons/detailed/summit.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.retrocamera{background-image:url('/gfx/icons/detailed/retrocamera.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.polaroid{background-image:url('/gfx/icons/detailed/polaroid.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.launch{background-image:url('/gfx/icons/detailed/launch.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.business{background-image:url('/gfx/icons/detailed/business.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.group{background-image:url('/gfx/icons/detailed/group.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.trophy{background-image:url('/gfx/icons/detailed/trophy.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.video_camera{background-image:url('/gfx/icons/detailed/video_camera.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.frame_face{background-image:url('/gfx/icons/detailed/frame_face.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.warning{background-image:url('/gfx/icons/detailed/warning.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.umbrella{background-image:url('/gfx/icons/detailed/umbrella.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.statistics{background-image:url('/gfx/icons/detailed/statistics.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.membership{background-image:url('/gfx/icons/detailed/membership.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.calendar{background-image:url('/gfx/icons/detailed/calendar.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.camera_top{background-image:url('/gfx/icons/detailed/camera_top.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.camera{background-image:url('/gfx/icons/detailed/camera.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.connect{background-image:url('/gfx/icons/detailed/connect.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.negatives{background-image:url('/gfx/icons/detailed/negatives.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.options{background-image:url('/gfx/icons/detailed/options.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.configuration{background-image:url('/gfx/icons/detailed/configuration.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.target{background-image:url('/gfx/icons/detailed/target.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.invite{background-image:url('/gfx/icons/detailed/invite.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.memory{background-image:url('/gfx/icons/detailed/memory.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.photographer{background-image:url('/gfx/icons/detailed/photographer.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.strobist{background-image:url('/gfx/icons/detailed/strobist.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.idea{background-image:url('/gfx/icons/detailed/idea.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.detailed.low,.icon.detailed.range,.icon.detailed.camera{background-image:url('/gfx/icons/detailed/low-range-camera.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}


.icon.geolocations.amsterdam,.icon.geolocations.netherlands{-webkit-mask-image:url('/gfx/icons/geolocations/amsterdam-netherlands.svg?1752019200');mask-image:url('/gfx/icons/geolocations/amsterdam-netherlands.svg?1752019200');}
.icon.geolocations.south_africa,.icon.geolocations.cape,.icon.geolocations.town{-webkit-mask-image:url('/gfx/icons/geolocations/south_africa-cape-town.svg?1752019200');mask-image:url('/gfx/icons/geolocations/south_africa-cape-town.svg?1752019200');}
.icon.geolocations.paris,.icon.geolocations.france{-webkit-mask-image:url('/gfx/icons/geolocations/paris-france.svg?1752019200');mask-image:url('/gfx/icons/geolocations/paris-france.svg?1752019200');}
.icon.geolocations.berlin,.icon.geolocations.germany{-webkit-mask-image:url('/gfx/icons/geolocations/berlin-germany.svg?1752019200');mask-image:url('/gfx/icons/geolocations/berlin-germany.svg?1752019200');}
.icon.geolocations.barcelona{-webkit-mask-image:url('/gfx/icons/geolocations/barcelona.svg?1752019200');mask-image:url('/gfx/icons/geolocations/barcelona.svg?1752019200');}
.icon.geolocations.tokyo,.icon.geolocations.japan{-webkit-mask-image:url('/gfx/icons/geolocations/tokyo-japan.svg?1752019200');mask-image:url('/gfx/icons/geolocations/tokyo-japan.svg?1752019200');}
.icon.geolocations.madrid{-webkit-mask-image:url('/gfx/icons/geolocations/madrid.svg?1752019200');mask-image:url('/gfx/icons/geolocations/madrid.svg?1752019200');}
.icon.geolocations.sydney,.icon.geolocations.australia{-webkit-mask-image:url('/gfx/icons/geolocations/sydney-australia.svg?1752019200');mask-image:url('/gfx/icons/geolocations/sydney-australia.svg?1752019200');}
.icon.geolocations.austin,.icon.geolocations.texas{-webkit-mask-image:url('/gfx/icons/geolocations/austin-texas.svg?1752019200');mask-image:url('/gfx/icons/geolocations/austin-texas.svg?1752019200');}
.icon.geolocations.dublin,.icon.geolocations.ireland{-webkit-mask-image:url('/gfx/icons/geolocations/dublin-ireland.svg?1752019200');mask-image:url('/gfx/icons/geolocations/dublin-ireland.svg?1752019200');}
.icon.geolocations.san_francisco,.icon.geolocations.california{-webkit-mask-image:url('/gfx/icons/geolocations/san_francisco-california.svg?1752019200');mask-image:url('/gfx/icons/geolocations/san_francisco-california.svg?1752019200');}
.icon.geolocations.new_york{-webkit-mask-image:url('/gfx/icons/geolocations/new_york.svg?1752019200');mask-image:url('/gfx/icons/geolocations/new_york.svg?1752019200');}
.icon.geolocations.london,.icon.geolocations.united_kingdom{-webkit-mask-image:url('/gfx/icons/geolocations/london-united_kingdom.svg?1752019200');mask-image:url('/gfx/icons/geolocations/london-united_kingdom.svg?1752019200');}
.icon.geolocations.stockholm,.icon.geolocations.sweden{-webkit-mask-image:url('/gfx/icons/geolocations/stockholm-sweden.svg?1752019200');mask-image:url('/gfx/icons/geolocations/stockholm-sweden.svg?1752019200');}
.icon.geolocations.wellington,.icon.geolocations.new_zealand{-webkit-mask-image:url('/gfx/icons/geolocations/wellington-new_zealand.svg?1752019200');mask-image:url('/gfx/icons/geolocations/wellington-new_zealand.svg?1752019200');}


.icon.customization.germany,.icon.customization.german,.icon.customization.de{background-image:url('/gfx/icons/customization/germany-german-de.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.customization.france,.icon.customization.french,.icon.customization.fr{background-image:url('/gfx/icons/customization/france-french-fr.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.customization.catalonia,.icon.customization.catalan,.icon.customization.cat{background-image:url('/gfx/icons/customization/catalonia-catalan-cat.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.customization.spain,.icon.customization.spanish,.icon.customization.es{background-image:url('/gfx/icons/customization/spain-spanish-es.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.customization.italy,.icon.customization.italian,.icon.customization.it{background-image:url('/gfx/icons/customization/italy-italian-it.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}
.icon.customization.united_kingdom,.icon.customization.english,.icon.customization.england,.icon.customization.en{background-image:url('/gfx/icons/customization/united_kingdom-english-england-en.svg?1752019200');background-color:transparent !important;-webkit-mask-image:none;mask-image:none;}



.icon.white {
	background-color: #fff;
}

.icon.black {
	background-color: var(--dark_color);
}

.icon.grey {
	background-color: var(--grey_color);
}

.icon.faint {
	background-color: var(--faint_color);
}

.icon.color_ok {
	background-color: var(--ok_color);
}

.icon.color_error {
	background-color: var(--error_color);
}

.icon.attention {
	background-color: var(--attention_color);
}

.icon.hdr {
	background-color: var(--hdr_color);
}

.icon.color_plus {
	background-color: var(--plus_color);
}

.icon.color_pro {
	background-color: var(--pro_color);
}

/* solve glitches */
.icon.comments {
	width: 16px;
}

/* icons size exceptions */
.icon.litmind_logotype {
    width: 60px;
    background-size: 60px;
}

/* icons colors exceptions */
.icon.membership.pro {
	background-color: var(--pro_color);
}

.icon.membership.plus {
	background-color: var(--plus_color);
}

.icon.colorOk {
	background-color: var(--ok_color);
}

.icon.colorError {
	background-color: var(--error_color);
}

.icon.colorCritical {
	background-color: var(--critical_color);
}

.icon.colorWarning {
	background-color: var(--warning_color);
}

.icon.colorAttention {
	background-color: var(--attention_color);
}

.icon.colorVerified {
	background-color: var(--verified_color);
}

.icon.colorVerifiedCompany {
	background-color: var(--verified_company_color);
}

/* faint */
.icon.faint {
    opacity: 0.5;
}

a.icon.faint:hover {
    opacity: 1;
}

/* showcased */

.icon.showcased {
    margin: 0 auto;
    float: none;
}

.icon.showcased.isolated {
    margin-top: 20px;
    margin-bottom: 20px;
}

.icon.showcased {
    width: 80px;
	height: 80px;
}


/* iconsBadge */
.iconsBadge {
	display: flex;
	align-items: center;
	gap: 5px;
	background: var(--faintest_color);
	padding: 1px 6px;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.iconsBadge > .icons {
	display: flex;
	align-items: center;
	gap: 2px;
}

.iconsBadge > .title {
	font-size: var(--a_text_font_size_smaller);
}

 /* cards / common css */

.cards {
    display: flex;
	clear: both;
	flex-wrap: wrap;
	gap: var(--gap);
	justify-content: center;
	align-items: stretch;

	--gap: 20px;
}

.cards.raised {
	background: #fff;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	
			border-radius: var(--rounded_corners_radius_fatter);
	padding: var(--gap) calc(var(--gap) / 1.4);
}

.cards.alignLeft {
	justify-content: flex-start;
}

.cards.isolated {
	margin-top: 20px;
	margin-bottom: 20px;
}

.cards > .card {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: min(45%, 210px);
}

.cards.small {
	--gap: 10px;
}

.cards.small > .card{
	flex-basis: auto;
}

.cards.wide > .card {
	flex-basis: 300px;
}

.cards.wider > .card {
	flex-basis: 313px;
}

.cards.freeSize > .card {
	flex-basis: auto;
}


.card.displayBlock {
    display: block;
}

.cards.centered {
    text-align: center;
}

.cards.extraPadding {
    padding: 30px 0 20px 0 !important;
}

.cards.bigColumnGap .card {
	margin: 25px 0 !important;
}

.cards.narrow {
	max-width: var(--contents_width_narrow);
	margin: 0 auto;
}

/* cards > .preContent and .postContent */

.cards > .preContent {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.cards > .postContent {
    float: left;
    width: 100%;
    margin-top: 20px;
}

/* columnStacker / when applying a columnStacker to .cards */

.cards > .columnStacker .card {
    margin-bottom: 20px;
    width: 100%;
}

.cards > .columnStacker .card.big,
.cards.big > .columnStacker .card {
    margin-bottom: 15px;
}

/* When not applying a columnStacker to .cards, the following grids can be applied */


/* vertical */
.cards.vertical {
    display: flex;
	flex-direction: column;
	gap: 15px;
}

.cards.vertical.centered {
	align-items: center !important;
}

.cards.vertical.bigGap {
	gap: 40px;
}

.cards.vertical.stretch {
	align-items: stretch !important;
}

.cards.vertical > .card {
	flex-basis: auto;
}

@media only screen and (max-width: 500px) {

	.cards.vertical.bigGap {
		gap: 20px;
	}

	.cards.vertical {
		padding: 0;
	}
}


.cards.transparentBackground {
    background: transparent;
}

/* Headers */
.cards > h1,
.cards > h2,
.cards > h3,
.cards > h4 {
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
    border-top: solid rgba(0, 0, 0, 0.1) 1px;
    padding-top: 20px;
    margin-top: 40px;
}

.cards > h1:first-child,
.cards > h2:first-child,
.cards > h3:first-child,
.cards > h4:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.cards.regularGrid.normalGrid > .card {
    width: calc(100% - 20px);
}

@media all and (min-width: 400px) {
    .cards.regularGrid.normalGrid > .card {
        width: calc(100% - 20px);
    }
}

@media all and (min-width: 600px) {
    .cards.regularGrid.normalGrid > .card {
        width: calc(50% - 20px);
    }
}

@media all and (min-width: 1000px) {
    .cards.regularGrid.normalGrid > .card {
        width: calc(33.3333% - 20px);
    }
}

@media all and (min-width: 1500px) {
    .cards.regularGrid.normalGrid > .card {
        width: calc(25% - 20px);
    }
}

@media all and (min-width: 2000px) {
    .cards.regularGrid.normalGrid > .card {
        width: calc(20% - 20px);
    }
}

@media all and (min-width: 2500px) {
    .cards.regularGrid.normalGrid > .card {
        width: calc(16.66666% - 20px);
    }
}

@media all and (min-width: 3000px) {
    .cards.regularGrid.normalGrid > .card {
        width: calc(14.285714% - 20px);
    }
}

/* tightGrid */

.cards.tightGrid {
    background-color: var(--faintest_color);;
}

.cards.tightGrid > .card {
    width: calc(100% - 20px);
}

@media all and (min-width: 200px) {
    .cards.regularGrid.tightGrid > .card {
        width: calc(100% - 20px);
    }
}

@media all and (min-width: 600px) {
    .cards.regularGrid.tightGrid > .card {
        width: calc(50% - 20px);
    }
}

@media all and (min-width: 750px) {
    .cards.regularGrid.tightGrid > .card {
        width: calc(33.3333% - 20px);
    }
}

@media all and (min-width: 950px) {
    .cards.regularGrid.tightGrid > .card {
        width: calc(25% - 20px);
    }
}

@media all and (min-width: 1200px) {
    .cards.regularGrid.tightGrid > .card {
        width: calc(20% - 20px);
    }
}

@media all and (min-width: 1600px) {
    .cards.regularGrid.tightGrid > .card {
        width: calc(16.66666% - 20px);
    }
}

@media all and (min-width: 1900px) {
    .cards.regularGrid.tightGrid > .card {
        width: calc(14.285714% - 20px);
    }
}


/* fullSmallScreen */

@media only screen and (max-width: 500px) {

	.cards.fullSmallScreen {
		gap: 0;
	}

	.cards.fullSmallScreen .card {
		border: none !important;
	}

	.cards.fullSmallScreen .card:not(:last-child):after {
		position: absolute;
		content: '';
		bottom: -5px;
		left: 0;
		right: 0;
		height: 1px;
		border-top: solid var(--fainter_color) 1px !important;
		
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;

			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;

			border-radius: 0 !important;
	}

	.cards.fullSmallScreen .card.dark:not(:last-child):after {
		border-color: var(--dark_faintest_color) !important;
	}
}

.Tiles {
	display: flex;
	gap: var(--gap);

	--margin: 13px;
	--gap: 10px;
}

.Tiles.column {
	flex-direction: column;
}

.Tiles.raised {
	background: #fff;
	
			border-radius: var(--rounded_corners_radius_fatter);
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	padding: var(--gap) calc(var(--gap) / 1.4);
}

.Tiles.margin {
	margin: var(--margin);
}

.Tiles > .Tile {
	flex-basis: 33%;
}

.Tile {
	display: flex;
	flex-direction: column;

	--gap: 5px;
	--radius: 15px;

	background: #fff;
	border-radius: var(--radius);
	border: solid hsl(200deg 30% 50% / 0.2) 1px;
}

.Tile.clickable {
	cursor: pointer;
}


/* styles */
.Tile.Neutral { --bgColor: var(--grey_darker_color); --fgColor: #fff; }
.Tile.Info { --bgColor: var(--info_color); --fgColor: #fff; }
.Tile.Warning { --bgColor: var(--warning_color); --fgColor: #fff; }
.Tile.Error { --bgColor: var(--error_color); --fgColor: #fff; }
.Tile.Critical { --bgColor: var(--critical_color); --fgColor: #fff; }
.Tile.Help { --bgColor: #fff; --fgColor: var(--help_color); }
.Tile.Success { --bgColor: var(--success_color); --fgColor: #fff; }

/* decorations */
.Tile.WarningStripes {
	border: dashed var(--warning_color) 1px;
}

.Tiles.raised > .Tile {
	box-shadow: none;
}

.Tile .tileBlocks {
	display: flex;
	flex-direction: column;
	border-radius: calc(var(--radius) * 0.93);
	overflow: hidden;
}


.Tile .tileBlocks > .sideBar {
	display: flex;
}

.Tile .tileBlocks > .sideBar > .bar {
	flex-shrink: 0;
	background-color: var(--bgColor);
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	padding: var(--gap) calc(var(--gap) * .8) 0 var(--gap);
}

.Tile .tileBlocks > .sideBar > .bar > .icon {
	background-color: var(--fgColor);
	mask-size: 14px;
}

.Tile .tileBlocks > .sideBar > .tileBlocks {
	flex-grow: 1;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.Tile .tileBlocks > .sideBar.limitHeight > .tileBlocks {
	max-height: 300px;
	overflow-y: auto;
	overscroll-behavior: none;
}

.Tile .tileBlocks > .header {
	font-size: var(--a_text_font_size_small);

	display: flex;
	align-items: flex-start;

	background: var(--faintest_color);

	min-height: calc(var(--gap) * 5.4);
}

.Tile .tileBlocks > .header > .title {
	line-height: 1em;
	padding: calc(var(--gap) * 1.3) calc(var(--gap) * 2.5) 0 calc(var(--gap) * 2.5);
}

.Tile .tileBlocks > .header > .Path {
	padding: calc(var(--gap) * 2.5) calc(var(--gap) * 2.5) calc(var(--gap) * 3) calc(var(--gap) * 2.5);
}

.Tile .tileBlocks > .header > .rightEnd {
	flex-shrink: 0;
	margin-left: auto;
	padding: calc(var(--gap) * 0.8) calc(var(--gap) * 1.5) 0 calc(var(--gap) * 0.8);
	color: var(--grey_darker_color);
	font-size: var(--a_text_font_size_smaller);

	display: flex;
	gap: var(--gap);
}


.Tile .tileBlocks > .propertyList {
	margin: var(--gap);
}


.Tile .tileBlocks > .text {
	padding: calc(var(--gap) * 2) calc(var(--gap) * 2.5);
}

.Path {
	display: inline-flex;
	flex-wrap: wrap;
	--gap: 0.15em;
	gap: var(--gap);
	color: var(--grey_darker_color);
	font-weight: 400;
	line-height: 1em;
}

.Path > .component:not(:last-child) {
	color: var(--grey_color);
}

.Path > .component:not(:last-child):after {
	content: '/';
	margin-left: var(--gap);
}

.Path > .component:last-child {
	font-weight: 600;
}

.card.photo {
    position: relative;
	float: left;
}


.card.photo > .content,
.card.photo > .hoverContent {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: center center;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 1.2em;
}

.card.photo > .content > .overlay,
.card.photo > .hoverContent > .overlay {
    padding: 20pt;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.card.photo > .content:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25%;
    background: inherit;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-filter: opacity(0);

    -webkit-filter: blur(17px);
    filter: blur(17px);
    -moz-filter: blur(17px);
    -o-filter: blur(17px);

    transform: scale(1.5) translateY(20px);
    -moz-transform: scale(1.5) translateY(20px);
    -webkit-transform: scale(1.5) translateY(20px);
    -o-transform: scale(1.5) translateY(20px);

    background-position: 0 bottom !important;
    box-sizing: border-box;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .card.photo > .content:before {
        display: none;
   }
}

.card.photo > .content.darkBackground > .overlay {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
}

.card.photo > .content > .overlay > .title,
.card.photo > .hoverContent > .overlay > .title {
    font-size: 16pt !important;
    line-height: 1.2em;
}

.card.photo > .content > .overlay > .subTitle,
.card.photo > .hoverContent > .overlay > .subTitle {
    line-height: 1.2em;
    opacity: 0.5;
    margin-top: 5px;
}

.card.photo > .hoverContent {
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;

    -webkit-transition: -webkit-opacity var(--linkHoverTransitionLeave);;
    -moz-transition: -moz-opacity var(--linkHoverTransitionLeave);;
    -o-transition: -o-opacity var(--linkHoverTransitionLeave);;
    transition: opacity var(--linkHoverTransitionLeave);;
}

.card.photo:hover > .hoverContent {
    opacity: 1;
}

.card.photo > .content.lightBackground,
.card.photo > .hoverContent.lightBackground {
    color: #111;
}

.card.photo > .content.darkBackground,
.card.photo > .hoverContent.darkBackground {
    color: #fff;
}

.card.photo > .hoverContent > .additionalContent {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 12pt;
    font-weight: 200;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10%;
}

.card.photo > .hoverContent > .additionalContent > .description {
    font-weight: 200;
    margin-bottom: 20px;
}

a.card.photo > .hoverContent > .additionalContent > .statsPanel {
    pointer-events: none;
}


/* small */

.card.photo.small > .content > .overlay,
.card.photo.small > .hoverContent > .overlay {
    padding: 20pt;
}

.card.photo.small > .content > .overlay > .title,
.card.photo.small > .hoverContent > .overlay > .title {
    font-size: var(--a_text_font_size_small);
}

.card.photo.small > .content > .overlay > .subTitle,
.card.photo.small > .hoverContent > .overlay > .subTitle {
    font-size: 10pt;
}

/* This should be refactored to use the Card and Cards Ui components */

.card.profile {
	position: relative;
	text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	color: var(--a_text_color_main);

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;

	overflow: hidden;

	font-family: var(--a_text_font_family);
	text-decoration: none !important;
}

.card.profile:not(.transparent) {
	background: #fff;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.card.profile.centered {
	margin: 0 auto;
}

.card.profile.isolated {
	margin-top: 40px;
	margin-bottom: 40px
}

.card.profile > div,
.card.profile > a {
	flex-shrink: 0;
}

.card.profile.isolatedContent {
	padding-bottom: 30px;
}

.card.profile > .wallpaper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100px;
	
			border-top-left-radius: var(--rounded_corners_radius_fat);
			border-top-right-radius: var(--rounded_corners_radius_fat);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.card.profile.small > .wallpaper {
	height: auto;
	bottom: 0;
}

.card.profile > .wallpaper > .overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: .4;
}

.card.profile > .wallpaper > .images {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	display: flex;
	opacity: 0.3;
	transition: filter 0.07s ease-in-out;
}

.card.profile > .wallpaper > .images > .image {
	width: 100%;
	height: 100%;
	background-color: var(--fainter_color);
	background-size: cover;
	background-position: center;
	flex-shrink: 1;
	flex-grow: 0;
}

.card.profile > .image,
.card.profile > .iconContainer {
	position: absolute;
	left: 0;
	right: 0;
	margin: 10px auto 0 auto;
	background-position: center;
}

.card.profile > .iconContainer > .icon {
	mix-blend-mode:screen;
	background-color: var(--grey_color);
}

.card.profile > .iconContainer > .icon.black {
	mix-blend-mode: color-dodge;
	background-color: var(--grey_color);
}

.card.profile > .iconContainer > .icon.grey {
	mix-blend-mode: normal;
	background-color: var(--grey_color);
}

.card.profile > .image {
	display: flex;
	align-items: center;
	transition: filter 0.07s ease-in-out;
}

.card.profile > a.image:hover {
	filter: brightness(1.1);
}

.card.profile > .image > div {
	position: relative;
}

.card.profile > .image.coveredCircle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 110px;
	height: 110px;
}

.card.profile > .image.coveredCircle > div {
	background-size: cover;
	background-position: center;
	width: 100%;
    height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	border-bottom: solid rgba(50, 100, 150, .1) 1px;

}

.card.profile > .image.containedSquare {
	height: 110px;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card.profile > .image.containedSquare > div {
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	min-width: 0;
	max-width: 140px;
	max-height: 140px;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.card.profile > .image > .icon.important {
	background-color: var(--important_color);
}

.card.profile > .image > .icon:first-child {
	bottom: 7px;
	right: 7px;
}

.card.profile > .image > .icon:nth-child(2) {
	top: 7px;
	right: 7px;
}

.card.profile > .image > div > .badge.membership {
	position: absolute;
}

.card.profile > .image.coveredCircle > div > .badge.membership {
	top: 4px;
	right: 4px;
}

.card.profile > .image.containedSquare > div > .badge.membership {
	top: -7px;
	right: -7px;
}

.card.profile > .iconContainer {
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	width: min-content;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.card.profile > .iconContainer > .icon {
	width: 55px;
	height: 55px;
}

.card.profile.small > .iconContainer {
	padding: 0;
}

.card.profile.small > .iconContainer > .icon {
	width: 24px;
	height: 24px;
}

.card.profile > .iconContainer:has(.emoji) {
	padding: 15px;
}

.card.profile > .iconContainer > .emoji {
	width: 1.2em;
	line-height: 1.2em;
	font-size: 60px;
	float: left;
}

.card.profile.small > .iconContainer:has(.emoji) {
	padding: 0px;
}

.card.profile.small > .iconContainer > .emoji {
	font-size: 24px;
}

/* trick to make the top corners of the serdcard to be rounded without cutting the membership icon below with an overflow: hidden */
.card.profile > .sedCard {
	background: none;
	transition: filter 0.07s ease-in-out;
}

.card.profile > .sedCard > .aspectRatioWrapper {
	
			border-top-left-radius: var(--rounded_corners_radius_fat);
			border-top-right-radius: var(--rounded_corners_radius_fat);;
	overflow: hidden;
}

.card.profile .badges {
	position: absolute;
	top: 6px;
	right: 7px;
}

.card.profile > .image > .icon.withText {
	width: auto !important;
	overflow: hidden;

	background-image: none;

	font-size: var(--badge_font_size);
	font-weight: var(--badge_font_weight);
	font-family: var(--badge_font_family);

	line-height: 1.1em;
	color: var(--grey_color);

	height: auto;
	padding: 5px 0;

	min-width: 12px;

	text-align: center;
	padding-left: 4px;
	padding-right: 4px;

}

.card.profile > .image > .icon.info { background-color: var(--info_color); color: #fff; }
.card.profile > .image > .icon.warning { background-color: var(--warning_color); color: #fff; }
.card.profile > .image > .icon.error { background-color: var(--error_color); color: #fff; }
.card.profile > .image > .icon.help { background-color: var(--help_color); color: #fff; }
.card.profile > .image > .icon.scam { background-color: var(--scam_color); color: #fff; }
.card.profile > .image > .icon.notification { background-color: var(--badge_color); color: #fff; height: auto !important; /* height: auto to solve problem with .icon.notification in icons.css */}

.card.profile > .image > .icon.recent_activity { background-color: var(--recent_activity_color); color: #fff; }
.card.profile > .image > .icon.privacy { background-color: var(--privacy_color); color: #fff; }
.card.profile > .image > .icon.new { background-color: var(--new_color); color: rgba(0, 0, 0, 0.5); }

.card.profile > .image > div > .icons {
	position: absolute;
	top: 7px;
	right: 7px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.card.profile.small > .image > div > .icons {
	right: -2px;
	top: -3px;
}

.card.profile.small > .image.coveredCircle > div > .badge.membership {
	top: 0px;
	right: 0px;
}

.card.profile > .image > div > .icons > div {
	padding: 3px;
	background: #fff;
	overflow: hidden;
	border-radius: 50px;
}

.card.profile > .image > div > .icons > div > .icon {
	width: 20px;
	height: 20px;
}

.card.profile > .image.containedSquare > div > .icons {
	right: -10px;
	top: -10px;
}

.card.profile > .content {
	margin-top: 130px;
	padding: 0 20px;
	overflow: hidden;
}

.card.profile > .content:is(:last-child) {
	padding-bottom: 20px;
}

.card.profile.small:has(.wallpaper) > .content {
	color: #fff;
}

.card.profile.withSedCard > .content {
	margin-top: 10px;
}

.card.profile > .content > .title {
	font-size: 12pt;
	line-height: 1.2em;
	text-decoration: none;
	overflow-wrap: break-word;
}

.card.profile > .content > a.title:not(:hover) {
	color: currentColor;
}

.card.profile > .content > .title > .icons {
	margin-left: 3px;
	display: inline-flex;
	gap: 1px;
	vertical-align: middle;
	margin-top: -3px;
}

.card.profile > .content > .title > .icons > .icon {
	width: var(--icon_size_small);
	height: var(--icon_size_small);
	background-color: currentColor;
}

a.card.profile:hover > .content > .title > > .icons > .icon {
	background-color: currentColor;
}

.card.profile.small:has(.wallpaper) > .content > .title > .icons > .icon {
	background-color: #fff;
}

a.card.profile:hover {
	color: var(--a_text_color_primary);
}

.card.profile > .content > .title + .subTitle {

}

.card.profile > .content > .subTitle {
	font-size: 9.5pt;
	line-height: 1.2em;
	opacity: .6;
}

.card.profile > .content > .badge.membership {
	margin-top: 5px;
}

.card.profile > .content > .content {
	text-align: left;
	line-height: 1.4em;
	margin: 20px 0;
	font-size: var(--a_text_font_size_smaller);
}

.card.profile > .content > .statsPanel {
	margin-top: 10px;
}

a.card.profile > .content > .statsPanel {
	cursor: pointer;
}

.card.profile > .subContent {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;;
	padding: 15px;
	border-top: solid var(--fainter_color) 1px;
}

.card.profile > .subContent > .statsPanel {
	width: 100%;
}

a.card.profile > .subContent > .statsPanel {
	cursor: pointer;
}

.card.profile  > .additionalContent {
	margin: 0 15px;
	text-align: center;
}

.card.profile > .additionalContent > .stars {
	display: inline-block;
}

.card.profile > .additionalContent > .stars > .icon {
	opacity: 0.3;
}

/* style small */
.card.profile.small {
	text-align: left;
	min-height: 90px;
}

.card.profile.small > .content {

}

.card.profile.small > .image {
	margin: 10px;
	width: 50px;
	height: 50px;
}

.card.profile.small > .image.containedSquare {
	width: auto;
}

.card.profile.small > .iconContainer {
	margin: 15px 0 0 15px;
	width: 50px;
	height: 50px;
}

.card.profile.small > .image > .icon {
	width: 12px;
	height: 12px;
}

.card.profile.small > .image > .icon:first-child {
	bottom: auto;
	left: auto;
	right: -3px;
	top: -3px;
}

.card.profile.small > .image > .icon:nth-child(2) {
	top: auto;
	left: auto;
	right: -3px;
	bottom: -3px;
}

.card.profile.small.withImage > .content {
	margin: 15px 0 0 50px;
	min-height: 55px;
}

.card.profile.small.withSubContent > .content {
	min-height: 40px;
}

.card.profile.small > .content > .title {
}

.card.profile.small > .content > .subTitle {
	margin-bottom: 10px;
}

.card.profile.small > .image > .icon {
}

/* subStyle jobposting */
.card.profile.casting {
	color: hsl(var(--castingsHue), 70%, 40%);
}

/* subStyle jobposting */
.card.profile.jobposting {
	color: hsl(var(--jobsHue), 70%, 40%);;
}

/* subStyle topic */
.card.profile.topic {
}

/* buttons */

.card.profile > .buttons {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;;

	padding: 15px;
	padding-top: 0;

	flex-shrink: 1;
}

.card.profile > .buttons.floating {
	position: absolute;
	padding: 0;
	top: 10px;
	left: 10px;

	border-top-left-radius: calc(var(--rounded_corners_radius_fatter) * .65);
	overflow: hidden;
}

@media (pointer: fine) {
	.card.profile > .buttons.floating {
		opacity: 0;
		transition: opacity .1s;
	}

	.card.profile:hover > .buttons.floating {
		opacity: 1;
	}
}

/* hover */

a.card.profile:hover {
}

/* placeholder */
.card.profile.placeholder {
}

.card.profile.placeholder > .image.coveredCircle > div {
	background-color: var(--placeholder_color);
	border: none;
}

.card.profile.placeholder > .content > .subTitle {
	opacity: 1;
}

.card.postit {
	position: relative;
	display: block;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	border-color: hsl(var(--accentHue), 30%, 80%);
	
			border-radius: var(--rounded_corners_radius_fatter);
	overflow: hidden;
	--padding: 12px 15px;
	max-width: 350px;
	background: #fff;
}

a.card.postit {
	color: var(--a_text_color_main);
	transition: transform .07s ease-in-out;
	text-decoration: none;
}

a.card.postit:hover {
	filter: brightness(1.03);
}

.card.postit > .container {
	display: flex;
	flex-direction: column;
}

.card.postit > .container > .image > img {
	float: left;
	width: 100%;
}

.card.postit > .container > .image.placeholder {
	aspect-ratio: 1.2;
	background-image: url('/gfx/img/project_placeholder.jpg');
	background-size: cover;
	background-position: center;
}

.card.postit > .container > .title {
	padding: var(--padding);

	background-color: hsl(var(--accentHue), 70%, 95%);
	color: hsl(var(--accentHue), 40%, 30%);

	display: flex;
	flex-direction: column;
	gap: .5em;
}

.card.postit > .container > a.title {
	text-decoration: none;
}

.card.postit > .container > a.title:hover {
	color: var(--a_text_color_main_highlight);
}

.card.postit > .container > .title > .text {
	font-family: var(--b_text_font_family);
	text-wrap: balance;
	text-align: left;
}

@media only screen and (max-width: 750px) {
	.card.postit > .container > .title > .text {
		font-size: var(--a_text_font_size_small);
		line-height: 1.3em;
	}
}


.card.postit > .container > .statsPanel {
	/* border-top: solid var(--fainter_color) 1px; */
	padding: var(--padding);
	color: hsl(var(--accentHue), 30%, 50%);
}

.card.postit:has(.badges) > .container > .title {
	padding-right: 80px;
}

.card.postit:has(.badges) > .container > a.title {
	text-decoration: none;
}

.card.postit:has(.badges) > .container > a.title:hover {
	color: var(--a_text_color_main_highlight);
}

.card.postit > .badges {
	margin: 5px;
}

.card.postit > .badges > .badge:last-child {
	border-top-right-radius: calc(var(--rounded_corners_radius_fatter) * .75);
	padding-right: 3px;
}

.card.postit > .container > .buttons {
	padding: var(--padding);
}

.card.postit > .container > .statsPanel + .buttons {
	padding-top: 0;
}

.card.postit.castings { --accentHue: var(--castingsHue); }
.card.postit.jobs { --accentHue: var(--jobsHue); }
.card.postit.services { --accentHue: var(--servicesHue); }
.card.postit.training { --accentHue: var(--trainingHue); }
.card.postit.others { --accentHue: var(--othersHue); }
.card.postit.marketplace { --accentHue: var(--marketplaceHue); }
.card.postit.travelnotice { --accentHue: var(--travelnoticeHue); }
.card.postit.projects { --accentHue: var(--projectsHue); }

.card.group {
	max-width: 100%;
	width: 100%;
}

.cardBig {
	--borderColor: hsl(var(--accentHue), 30%, 80%);
	--backgroundColor: hsl(var(--accentHue), 70%, 95%);
	--textColor: hsl(var(--accentHue), 20%, 40%);

	position: relative;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	border-color: var(--borderColor);
	
			border-radius: var(--rounded_corners_radius_fatter);
	overflow: hidden;
	--padding: 30px;
	margin: 20px;
	color: var(--textColor);

	display: flex;
	flex-direction: column;
}

.cardBig a {
	color: var(--a_text_color_primary);
}

.cardBig a:hover {
	color: var(--a_text_color_primary_highlight);
}

.cardBig > .images {
	grid-area: images;

	height: min(400px, 50vh);
	background-color: var(--backgroundColor);
}

.cardBig > .images.carousel.panelled {
	margin-bottom: -10px;
}

.cardBig > .title {
	grid-area: title;

	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	padding: var(--padding);

	font-family: var(--b_text_font_family);
	font-size: 20pt;
	line-height: 1.3em;

	background-color: var(--backgroundColor);
	color: hsl(var(--accentHue), 40%, 30%);

	text-wrap: balance;

	> .interaction {
		margin-top: 5px;
	}
}

.cardBig > .content {
	display: flex;
}

.cardBig > .content > .left {
	min-width: 250px;
	padding: var(--padding);

	display: flex;
	flex-direction: column;
	gap: var(--padding);
}

.cardBig > .content > .right {
	display: flex;
	flex-direction: column;
	padding: var(--padding);
	padding-left: 10%;
	padding-right: 10%;
}

.cardBig .specs {
	color: currentColor;
	width: 100%;
}

.cardBig .secondarySpecs {
	color: currentColor;
	padding-top: var(--padding);
}

.cardBig .user {
	padding: 0;
}

.cardBig .interaction {
	display: flex;
	flex-direction: column;
	gap: var(--padding);
}

.cardBig .statusContent {
	display: flex;
	flex-direction: column;

	border-bottom: solid var(--borderColor) 1px;
}

.cardBig .statusContent > .item {
	padding: var(--padding);
	display: flex;
	flex-direction: column;
	gap: var(--padding);
	--accentColor: var(--a_text_color_main);
	--accentFgColor: #fff;
	--fgColor: var(--a_text_color_main);
	color: var(--fgColor);

	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	max-width: 600px;
	margin: 0 auto;
}

.cardBig .statusContent > .item > .header {
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--accentFgColor);
	background: var(--accentColor);
	padding: calc(var(--padding) / 2);
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.cardBig .statusContent > .item > .header > .icon {
	background-color: currentColor;
	width: 20px;
	height: 20px;
}

.cardBig .statusContent > .item > .header > .title {
	font-family: var(--b_text_font_family);
	font-size: 17pt;
	font-weight: 400;
}

.cardBig .statusContent > .item > .texts > blockquote {
	padding: 10px 15px;
	margin-top: 1em;
	border: dotted var(--faint_color) 1px;
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.cardBig .statusContent > .item.warning {
	--accentColor: var(--warning_color);
	--fgColor: var(--warning_color_darker);
}

.cardBig .statusContent > .item.error {
	--accentColor: var(--error_color);
	--fgColor: var(--error_color_darker);
}

.cardBig .statusContent > .item.info {
	--accentColor: var(--info_color);
	--fgColor: var(--info_color_darker);
}

.cardBig .statusContent > .item.help {
	--accentColor: var(--help_color);
	--fgColor: var(--help_color_darker);
}

.cardBig .description {
	font-size: var(--a_text_font_size_big);
	line-height: 1.6em;
	padding-top: 1em;
	word-wrap: break-word;
	overflow-wrap: anywhere;
	overflow: hidden;
}

.cardBig .subContent {
	border-top: solid var(--borderColor) 1px;
	padding: var(--padding);
}

.cardBig > .content > .badges {
	margin: 10px;
}

.cardBig > .content > .badges > .badge:last-child {
	border-top-right-radius: calc(var(--rounded_corners_radius_fatter) * .6);
	padding-right: 5px;
}

.cardBig > .floatingButtons {
	position: absolute;
	margin: 10px;
	top: 0;
	left: 0;
}

.cardBig.castings { --accentHue: var(--castingsHue); }
.cardBig.jobs { --accentHue: var(--jobsHue); }
.cardBig.services { --accentHue: var(--servicesHue); }
.cardBig.training { --accentHue: var(--trainingHue); }
.cardBig.others { --accentHue: var(--othersHue); }
.cardBig.marketplace { --accentHue: var(--marketplaceHue); }
.cardBig.travelnotice { --accentHue: var(--travelnoticeHue); }
.cardBig.projects { --accentHue: var(--projectsHue); }


/* Long content */
.cardBig.longContent > .content {
	flex-direction: column;
}

.cardBig.longContent > .content > .left {
	flex-direction: row;
	align-items: flex-start;
}

.cardBig.longContent > .content > .right {
	border-top: solid var(--borderColor) 1px;
}


/* Small screens */

@media only screen and (max-width: 750px) {
	.cardBig > .content {
		flex-direction: column;
	}

	.cardBig > .content > .right {
		border-top: solid var(--borderColor) 1px;
		padding: var(--padding);
	}

}

/* This should be refactored to use the Card and Cards Ui components */

.card.multi {
	position: relative;

	vertical-align: top;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	background-color: #fff;
	border-top: none;
	overflow: hidden;
	width: auto;
}

.card.multi.dark {
	border: none;
}

.card.multi > .content {
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0; /* To avoid problems with the .content element when inside a content from the blog section, messed up CSS */
	width: min(100%, max-content);
}

	.card.multi,
	.card.multi > .content {
		
			border-radius: var(--rounded_corners_radius_fat);
	}

.card.multi > .content > img,
.card.multi > .content > a > img,
.card.multi > .content > picture,
.card.multi > .content > picture > img,
.card.multi > .content > a > picture,
.card.multi > .content > a > picture > img {
	float: left;
	max-width: 100%;
	max-height: 100%;
}

/**
	This width: 100% must be assigned here with this exception to avoid a bug that caused card.multis to cover 100% screen width in a singleColumn ColumnStacker configuration and be cropped vertically when using the .responsive modifier.
	If this is placed directly in .card.multi.responsive avobe, regular .cards listings with non-single column ColumnStacker configurations listings are then broken.
	This can be observed by viewing an advanced photofolder (which shows as a vertical, single-column, responsive .cards list) and a regular photofolder (Which is shown as a multi-column .cards list)
**/
.cards:not(.vertical) .card.multi.responsive {
	width: 100%;
}

.card.multi.responsive > .content {
	max-height: 90vh;
	width: 100%;
}

.card.multi > .content .imageSwitchOnHover {
	position: relative;
}

.card.multi > .content .imageSwitchOnHover > img {
	display: block;
	width: 100%;
}

.card.multi > .content .imageSwitchOnHover > .onHover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: opacity .25s ease-in-out;
}

.card.multi > .content .imageSwitchOnHover:hover > .onHover {
	opacity: 1;
}

a.card.multi:hover > .content {
	opacity: 0.9;
}

.card.multi > .content > .imageFitted,
.card.multi > .content > a > .imageFitted {
	aspect-ratio: 1.5;
	background-position: center;
	background-size: cover;
}

a.card.multi:hover > .content {
	opacity: 0.9;
}

.card.multi.faintedImage > .content > .imageFitted,
.card.multi.faintedImage > .content > a > .imageFitted {
	opacity: .2;
}

.card.multi > .content .icon.iconOverlay {
	position: absolute;
	width: 40px;
	height: 40px;

	left: 50%;
	top: 50%;

	transform: translate(-50%, -50%);

	transition: opacity .2s ease-in-out;
	opacity: 1;
}

.card.multi > .content > .imageOverlay {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

	padding: 10px;

	pointer-events: none;
}

.card.multi > .content > .imageOverlay.whiteContainer {
	background: #fff;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.card.multi > .content > .imageOverlay > img {
	width: 100%;
	float: left;
}

.card.multi > .buttons {
	position: absolute;
	left: 7px;
	top: 7px;
	pointer-events: none;
}

.card.multi > .buttons > .button {
	pointer-events: all;
}

.card.multi > .badge {
	position: absolute;
	right: -65px;
	top: -65px;

	text-align: center;

	width: 120px;
	height: 120px;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);

	background: #fff;

	border-radius: 0;
}

.card.multi > .badge > .text {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;

	text-transform: uppercase;
	font-size: 12pt;
	font-weight: 600;

	color: var(--attention_color);
}

.card.multi > .badge.big > .text {
	font-size: 17pt;
}

.card.multi > .content > .overlay {
	position: absolute;
	bottom: -50px;
	left: 0px;
	right: 0px;

	background-color: rgba(0, 0, 0, 0.7);

	opacity: 0;

	padding: 15px;

	transition: all 0.1s ease-out;
}

.card.multi:hover > .content > .overlay {
	bottom: 0px;
	opacity: 1;
}

.card.multi > .content > .overlay > .texts {
	text-align: center;
	line-height: 1.4em;
}

.card.multi > .content > .overlay > .texts > .title {
	line-height: 1.6em;
}

.card.multi.dark > .content > .overlay > .texts,
.card.multi.dark > .content > .overlay > .texts a {
	color: rgba(255, 255, 255, .8);
}

.card.multi.dark > .content > .overlay > .texts a:hover {
	color: rgba(255, 255, 255, 1);
}

.card.multi > .panel {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 15px;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.card.multi.withoutImage {
	border-radius: 0;
}

.card.multi.panelCentered > .panel {
	text-align: center;
}

.card.multi > .panel {
	color: var(--a_text_color_main);
}

.card.multi > .panel a {
	text-decoration: none;
	color: currentColor;
}

.card.multi > .panel a:hover {
	color: var(--a_text_color_primary);
}

.card.multi > .panel > .aboveTitle,
.card.multi > .panel > .belowTitle {
	text-transform: uppercase;
}

.card.multi > .panel > .title {
	font-family: var(--b_text_font_family);
	font-size: var(--a_text_font_size);
	font-weight: 400;
	line-height: 1.2em;
}

.card.multi > .panel > .subTitle {
    white-space: wrap !important;
    overflow: hidden;
	line-height: 1.4em;

	transition: opacity .1s linear;
	color: var(--grey_darker_color);

}

.card.multi > .panel > .title + .subTitle {

}

.card.multi:hover > .panel > .subTitle {
	opacity: 1;
}

/* icons */
.card.multi .icons {
    position: absolute;
    top: 10px;
    right: 10px;

	display: flex;
	gap: 5px;
}

.card.multi .icons > .icon.staff_picks_litmind,
.card.multi .icons > .icon.staff_picks_starring {
	background-size: 24px;
}

.card.multi .badges {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/* big */
@media only screen and (min-width: 751px) {
	.card.multi.big > .panel {
		font-size: var(--a_text_font_size);
		padding: 25px;
		line-height: 1.2em;
	}

	.card.multi.big > .panel > .title {
		color: #444;
		font-size: 15pt;
		font-weight: normal;
	}

	.card.multi.big > .panel > a.title:hover,
	a.card.multi.big:hover > .panel > .title {
		color: var(--a_text_color_button_hover);
	}

	.card.multi.big > .panel > .title.smaller {
	}

	.card.multi.big > .panel > .subTitle {
		font-size: var(--a_text_font_size);
		line-height: 1.4em;
		font-size: var(--a_text_font_size_small);
	}

	.card.multi.big > .panel > .description {
		margin-top: 15px;
	}

	.card.multi.big > .panel > .additional {
		margin-top: 15px;
		border-top: solid #eee 1px;
	}

	/* to prevent showing the border-top on .additional when it is the only div on panel*/
	.card.multi.big > .panel > div:first-child.additional {
		border-top: none;
		margin-top: 0px;
	}
}

/* cardMultiContent (And also cardMultiGeneric) */
.card.multi.cardMultiContent,
.card.multi.cardMultiGeneric {
	
			border-radius: var(--rounded_corners_radius_fatter);
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width: 100%;
}

.card.multi.cardMultiContent > .content,
.card.multi.cardMultiGeneric > .content {
	border-radius: 0;
}

.card.multi.cardMultiContent > .panel,
.card.multi.cardMultiGeneric > .panel {
	padding: 30px;
}

.card.multi.cardMultiContent:hover > .panel,
.card.multi.cardMultiGeneric:hover > .panel {
	border-color: transparent;
}

.card.multi.cardMultiContent > .panel > .aboveTitle,
.card.multi.cardMultiContent > .panel > .belowTitle {
	font-size: 10pt;
}

.card.multi.cardMultiContent > .panel > .aboveTitle a,
.card.multi.cardMultiContent > .panel > .belowTitle a {
	color: var(--grey_color)
}

.card.multi.cardMultiContent > .panel > .aboveTitle a:hover,
.card.multi.cardMultiContent > .panel > .belowTitle a:hover {
	opacity: 1;
}

.card.multi.cardMultiContent > .panel > a.title:hover,
.card.multi.cardMultiGeneric > .panel > a.title:hover {

}


.card.multi.cardMultiContent > .panel > .title,
.card.multi.cardMultiGeneric > .panel > .title {
	font-size: 16pt;
	font-weight: 500;

	text-transform: none;
}

.card.multi.cardMultiContent > .panel > .subTitle,
.card.multi.cardMultiGeneric > .panel > .subtTitle {
	color: var(--grey_darker_color);

}

/* This should be refactored to use the Card and Cards Ui components */

.card.mosaic {
	position: relative;
	display: inline-block;
	vertical-align: top;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	background-color: #fff;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.card.mosaic.cardMosaicPhoto,
.card.mosaic.cardMosaicPhotofolder,
.card.mosaic.cardMosaicPublication,
.card.mosaic.cardMosaicContent,
.card.mosaic.cardMosaicProfessional,
.card.mosaic.cardMosaicProfessionalLogo {
	/* default size for when there is no image */
	width: 400px;
	height: 400px;
}

.card.mosaic > .hoverImage {
	position: absolute;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity .25s ease-in-out;
}

.card.mosaic:hover > .hoverImage {
	opacity: 1;
}

.card.mosaic.clickable {
	cursor: pointer;
}

.card.mosaic.rounded {
	
			border-radius: var(--rounded_corners_radius_fat);
}

.card.mosaic.shadow {
	
			box-shadow:
				0 1px 1px hsl(200deg 30% 50% / 0.05),
				0 2px 2px hsl(200deg 30% 50% / 0.05),
				0 4px 4px hsl(200deg 30% 50% / 0.05),
				0 8px 8px hsl(200deg 30% 50% / 0.05),
				0 16px 16px hsl(200deg 30% 50% / 0.05)
				;
		
}

.card.mosaic > .icon.iconOverlay {
	position: absolute;
	left: 50%;
	top: 50%;

	width: 40px;
	height: 40px;

	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.card.mosaic > .buttons {
	position: absolute;
	left: 7px;
	top: 7px;
}

.card.mosaic > .overlay {
	position: absolute;
	bottom: 0px;
	pointer-events: none;
	transition: opacity .15s ease;
	backdrop-filter: blur(7px);
}

.card.mosaic > .overlay > .content {
	pointer-events: all;
}


@media (pointer: fine) {
	.card.mosaic > .overlay {
		opacity: 0;
	}

	.card.mosaic:hover > .overlay {
		opacity: 1;
	}
}

.card.mosaic > .overlay.fullSize {
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	color: #fff;
}

.card.mosaic > .overlay.fullSize.lightBackground {
	color: rgba(0, 0, 0, 0.8);
}

.card.mosaic > .overlay.fullSize > .content {
	position: absolute;
	padding: 10px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

.card.mosaic > .overlay.bar {
	left: 0px;
	right: 0px;

	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	color: #fff;

	-webkit-backface-visibility: hidden;
}

.card.mosaic > .overlay.bar.bottom {
	left: 0;
	right: 0;
}

.card.mosaic:hover > .overlay.bar.bottom {
	opacity: 1;
}

.card.mosaic > .overlay.bar > .content {
	padding: 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.card.mosaic > .overlay > .content > .headerImage {
	width: auto;
	line-height: 0;
	border-radius: 5px;
	overflow: hidden;
	width: 70%;
	margin-left: 50%;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

.card.mosaic > .overlay > .content > .headerImage > img {
	width: 100%;
	box-sizing: border-box;
}

.card.mosaic > .overlay > .content > .headerImage.whiteBackground {
	background: #fff;
}

.card.mosaic > .overlay > .content > .headerImage.whiteBackground > img {
	margin: 20px;
	width: calc(100% - 40px);
}

@media only screen and (max-width: 750px) {
	.card.mosaic > .overlay > .content {
		padding: 20px !important;
	}

	.card.mosaic > .overlay > .content > .headerImage {
		width: 100%;
	}

	.card.mosaic > .overlay > .content > .headerImage.whiteBackground > img {
		margin: 10px;
		width: calc(100% - 20px);
	}
}

.card.mosaic > .overlay > .content > .title {
	font-weight: 600;
	font-size: 15pt;
	line-height: 1.2em;
}

.card.mosaic > .overlay > .content > a.title {
	color: #fff;
}

.card.mosaic > .overlay > .content > a.title:hover {
	color: var(--a_text_color_primary_highlight);
}

.card.mosaic > .overlay > .content > .subTitle {
	font-size: var(--a_text_font_size_smaller);
	line-height: 1.2em;
	color: rgba(255, 255, 255, 1);
}

.card.mosaic > .overlay > .content > .subTitle a {
	color: #fff;
	cursor: pointer;
}

.card.mosaic > .overlay > .content > .subTitle a:hover {
	color: var(--a_text_color_button_dark_background) !important;
}

.card.mosaic > .overlay > .content > .title + .subTitle {
	margin-top: 5px;
}

.card.mosaic.textOutlined > .overlay > .content > .title,
.card.mosaic.textOutlined > .overlay > .content > .subTitle {
	background: #000;
	padding: 30px;
	
			border-radius: var(--rounded_corners_radius);
}

.card.mosaic > .overlay > .content > img.logo {
	max-width: 200px;
	max-height: 80px;
	margin-top: 20px;
}

.card.mosaic > .overlay > .content > .button {
	margin-top: 15px;
}

.card.mosaic > .overlay.alwaysVisible {
	opacity: 1;
}

.card.mosaic:hover > .overlay.alwaysVisible {
}

.card.mosaic.withImage:hover > .overlay.alwaysVisible {
}

@media only screen and (max-width: 500px) {
	.card.mosaic > .overlay {
		opacity: 1;
	}

	.card.mosaic > .overlay > .content > .title {
		font-size: 18pt;
	}

	.card.mosaic > .overlay > .content > .subTitle {
		font-size: 12pt;
	}
}

.card.mosaic > .colorOverlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.85;
	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
}


@media (pointer: fine) {
	a.card.mosaic.noOverlay:hover {
		opacity: 0.8;
	}
}

.card.mosaic > .badge {
	position: absolute;
	right: -60px;
	top: -60px;

	text-align: center;

	width: 120px;
	height: 120px;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);

	background: #fff;

	z-index: 1;
}

.card.mosaic > .badge > .text {
	position: absolute;
	bottom: 5px;
	left: 20%;
	right: 20%;

	text-transform: uppercase;
	font-size: 9pt;
	line-height: 1.2em;
	font-weight: bold;
	color: #000;
}

.card.mosaic > .badge.acceptsSubmissions {
	background: var(--submissions_color);
}

.card.mosaic > .badge.acceptsSubmissions > .text {
	color: #fff !important;
}

.card.mosaic > .badge.acceptsSubmissions > .text {
	color: #000c;
}

.card.mosaic > .badge.casting {
	background: #fff;
}

.card.mosaic > .badge.new {
	background: var(--new_color);
}

@media only screen and (max-width: 750px) {
	.card.mosaic > .badge {
		width: 90px;
		height: 90px;
		right: -45px;
		top: -45px;
	}

	.card.mosaic > .badge > .text {
		font-size: 7pt;
	}
}

/* overlayLogos */
.card.mosaic > .overlayLogos {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

.card.mosaic > .overlayLogos > .logo > img {
	max-width: 50%;
	
			border-radius: var(--rounded_corners_radius);

}

.card.mosaic > .overlayLogos > .logo > .noLogo {
	display: inline-block;
	max-width: 50%;
	
			border-radius: var(--rounded_corners_radius);
	background: #fff;
	padding: .5em 1em;
	font-family: var(--b_text_font_family);
	font-size: 13pt;
}

.card.bigCover {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	vertical-align: top;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	background-color: #fff;
	overflow: hidden;
	transition: filter .15s ease-in-out;
	text-decoration: none;
}

.card.bigCover.cardCoverPhotofolder {
	/* default size for when there is no image */
	width: 400px;
	height: 400px;
	cursor: pointer;
}

.card.bigCover.lightBackground {
	color: #000;
}

.card.bigCover.darkBackground {
	color: #fff;
}

.card.bigCover.rounded {
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.card.bigCover > .imageContainer {
	flex-grow: 1;
	position: relative;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.card.bigCover > .imageContainer > .onHover {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity .15s ease-in-out;
}

.card.bigCover:hover > .imageContainer > .onHover {
	opacity: 1;
}

@media (pointer: fine) {
	a.card.bigCover:not(.hdrPhoto):hover { /* Filter brightness in hdr photos loses HDR in some browsers */
		filter: brightness(1.1);
	}

	a.card.bigCover.hdrPhoto:hover > .content { /* For hdr photos, only highlight the content because HDR is lost on some browsers when applying filters */
		filter: brightness(1.1);
	}
}

a.card.bigCover > .imageContainer > .icon.iconOverlay {
	position: absolute;
	left: 50%;
	top: 50%;

	width: 50px;
	height: 50px;
	background-size: contain;

	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

a.card.bigCover > .imageContainer > .overlayedLogos {
	position: absolute;
	bottom: 5px;
	right: 10px;
}

a.card.bigCover > .imageContainer > .overlayedLogos > div {
	width: 80px;
}

a.card.bigCover > .imageContainer > .overlayedLogos > div > img {
	width: 100%;

	background: #fff;
	padding: 5px;
	margin: 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
			border-radius: var(--rounded_corners_radius);
}

.card.bigCover > .content {
	padding: 10px;
	transition: filter .25s ease-in-out;
}

.card.bigCover.bigPadding > .content {
	padding: 20px;
}

.card.bigCover.transparentContentBackground > .content {
	background: #fff !important;
	color: #000;
}

.card.bigCover > .content > .title {
	font-weight: 500;
	line-height: 1.3em;
}

.card.bigCover > .content > .subTitle {
	margin-top: 3px;
	line-height: 1.2em;
	font-size: var(--a_text_font_size_small);
	opacity: .7 !important;
}

.card.bigCover.lightBackground > .content > .title {
	color: rgba(0, 0, 0, 0.7);
}

.card.bigCover.darkBackground > .content > .title {
	color: rgba(255, 255, 255, .8);
}

.card.bigCover > .content > .subTitle {
	opacity: .7;
}

.card.bigCover.lightBackground > .content > .subTitle {
	color:#000;
}

.card.bigCover.darkBackground > .content > .subTitle {
	color: #fff;
}

@media only screen and (max-width: 500px) {
	.card.bigCover > .content {
		padding: 15px;
	}

	.card.bigCover > .content > .title {
		font-size: 13pt;
	}

	.card.bigCover > .content > .subTitle {
		font-size: 10pt;
	}
}

/* This should be refactored to use the Card and Cards Ui components */

.card.social {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--faintest_color);
	border: solid var(--fainter_color) 1px;
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.card.social a {
	color: var(--a_text_color_main);
	text-decoration: none;
}

.card.social a:hover {
	color: var(--a_text_color_primary);
}

.card.social.dark {
	color: var(--grey_color);
	border: none;
}

.card.social.dark a {
	color: var(--faint_color);
}

.card.social.dark a:hover {
	color: var(--a_text_color_primary_highlight);
}

.card.social > .header {
	position: relative;
	padding: 7px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.card.social:not(.dark) {
	background-color: var(--faintest_color);
}

.card.social > .header > .profile {
	display: flex;
}

.card.social > .header > .profile > .image {
	position: relative;
	width: 38px;
	height: 38px;
	min-width: 38px;
	margin-right: 7px;
	background-size: cover;
	background-position: center;
	
			border-radius: var(--rounded_corners_radius);
	background-color: #f0f0f0;
}

.card.social > .header > .profile > .image.round {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.card.social > .header > .profile > .image > .badge {
	position: absolute;
	top: -4px;
	right: -4px;
}

.card.social > .header > .profile > .texts {
	color: var(--grey_darker_color);
	font-size: var(--a_text_font_size_small);
	line-height: 1.2em;
}

.card.social > .header > .profile > .texts:hover {
	color: var(--a_text_color_primary);
}

.card.social.dark > .header > .profile > .texts {
	color: var(--grey_color);
}

.card.social.dark > .header > .profile > .texts:hover {
	color: var(--a_text_color_primary_highlight);
}

.card.social > .header > .profile > .texts > .title {
}

.card.social > .header > .profile > .texts > .title > .membershipTag {
	margin-left: 3px;
	margin-top: -2px;
}

.card.social > .header > .profile > .texts > .subTitle {
	font-size: var(--a_text_font_size_smaller);
	color: var(--a_text_color_faint);
}

.card.social.dark > .header > .profile > .texts > .subTitle {
	color: var(--grey_darker_color);
}

.card.social > .header > .icon {
	background-color: var(--faint_color);
	position: absolute;
	top: 7px;
	right: 7px;
}

.card.social.dark > .header > .icon {
	background-color: var(--dark_faint_color);
}

.card.social > .content {
	position: relative;
	float: left;
	width: 100%;
	background: #f0f0f0;
	cursor: pointer;
}

.card.social.video > .content > .embeddedVideoContainer {
	height: auto;
}

.card.social.video > .content > .embeddedVideoContainer > iframe {
	float: left;
}

.card.social.video > .content:not(.playing):after {
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;

	background-image: url('/gfx/icons/color/play.svg');
	background-size: contain;
	background-repeat: no-repeat;

	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.card.social.video > .content > img.onHover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: opacity .25s ease-in-out;
}

.card.social.video > .content:hover > img.onHover {
	opacity: 1;
}

.card.social > .content > img {
	width: 100%;
	float: left;
}

.card.social > .content > picture,
.card.social > .content > picture > img {
	width: 100%;
	float: left;
}

.card.social > .content > .likeAnimation {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

	content: '';
	width: 100px;
	height: 100px;
	background-image: url('/gfx/img/cardSocialLike.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;

    animation-name: likeAnimation;
    animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-fill-mode: both;
	transform-origin: 50% 50%;
}

@keyframes likeAnimation {
    0% { transform: translate(-50%, -50%) scale(.7); opacity: 0; }
	10% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
	17% { transform: translate(-50%, -50%) scale(0.9); opacity: 1; }
	23%, 90% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(.3); opacity: 0; }
}

.card.social > .content > .badges {
	position: absolute;
	margin: 5px;
}

.card.social > .buttons {
	float: left;
	width: 100%;
	gap: 0;
	padding: 0 11px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.card.social > .buttons > .button {
	--hoverShadowTransparency: 0;
}

.card.social > .buttons > .button > .secondary {
	background: var(--faintest_color);
	border-radius: 30px;
}

.card.social > .buttons > .button > .secondary:after {
	display: none;
}

.card.social.dark > .buttons > .button > .secondary {
	background: var(--dark_color) !important;
	color: #fff;
}

.card.social > .buttons > .button.like {
	--bgColor: transparent !important;
}

.card.social > .buttons > .button.liked {
	--bgColor: transparent !important;
}

.card.social > .description {
	padding: 10px 20px;
	padding-top: 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	font-size: var(--a_text_font_size_smaller) !important;
	line-height: 1.5em;
	word-break: break-all;
}

.card.social > .description .author {
	font-weight: bold;
	color: var(--a_text_color_main);
}

.card.social > .comments {
	padding: 10px 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border-top: solid var(--fainter_color) 1px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.card.social.dark > .comments {
	border-color: var(--dark_fainter_color);
}

.card.social > .comments > .comment {
	font-size: var(--a_text_font_size_smaller);
	line-height: 1.5em;
	margin: 0;
}

.card.social > .comments > .comment a.username {
	opacity: .7;
}

.card.social > .comments > .comment a.username:hover {
	opacity: 1;
}

.card.social > .detail {
	padding: 0 20px;
	font-size: var(--a_text_font_size_small);
	display: block;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.card.social > a.detail,
.card.social > .detail a {
	color: #888;
}

.card.social > .description + .detail,
.card.social > .description + .comments,
.card.social > .detail + .comments {
	padding-top: 5px;
}

.card.social > .addComment {
	float: left;
	width: 100%;
	padding: 20px;
	padding-top: 0 !important;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	overflow:
}

.card.social.dark > .addComment textarea:not(:focus) {
	border-color: var(--dark_fainter_color);
	background: transparent;
}

.card.social.dark > .addComment textarea::-webkit-input-placeholder {
	color: var(--grey_color);
}

.card.social > .description + .addComment,
.card.social > .detail + .addComment {
	padding-top: 5px;
}


/* dark */
.card.social.dark {
	background-color: var(--dark_faintest_color);
}


/* When in a single column stack, social cards are separated by a line are without any additional space */
/* When in a single column stack, social cards have no background so the page background color is used to remove visual card limits */
body.inApp .columnStacker.singleColumn > div > .card.social {
	background: transparent;
	border-bottom: solid var(--fainter_color) 1px;
}

body.inApp .columnStacker.singleColumn > div > .card.social.dark {
	border-color: var(--dark_fainter_color);
}

body.inApp .columnStacker.singleColumn > div > .card.social > .buttons > .button > .secondary {
	background: #fff;
}

.groupHeader {
	float: left;
	width: 100%;
}

.groupHeader.withOptions {
	padding-bottom: 0;
}

.groupHeader > .wrapper {
    display: flex;
    max-width: var(--contents_width_wider);
    padding: 30px 30px 20px 30px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 auto;
    gap: 15px;
}

.groupHeader.darkBackground {
    color: #fff;
}

.groupHeader.lightBackground {
    color: #000;
}

.groupHeader > .wrapper > .image {
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
			border-radius: var(--rounded_corners_radius);
	background-color: rgba(0, 0, 0, 0.1);
}

.groupHeader > .wrapper > .info > .title {
    font-size: 20pt;
	line-height: 1.1em;
	margin-bottom: 5px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.groupHeader > .wrapper > .info > .statsPanel {
}

.groupHeader > .wrapper > .info > .subTitle {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.groupHeader > .wrapper > .info > .subTitle > .button {
    margin: 0 5px 0 0;
}

@media only screen and (max-width: 750px) {
    .groupHeader > .wrapper {
        padding: 15px;
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 500px) {
    .groupHeader > .wrapper > .image {
        width: 118px;
        height: 118px;
    }

    .groupHeader > .wrapper > .info > .title {
        font-size: 16pt;
    }
}

.groupHeader > .menu {
	padding: 0 25px !important;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	max-width: var(--contents_width_wider);
	width: 100%;
	margin: 0 auto;
}

@media only screen and (max-width: 750px) {
	.groupHeader > .menu {
		padding: 0 10px !important;
	}
}

.menu {
	float: left;
	width: 100%;
	position: relative;
	--borderColor: hsla(var(--neutralHue), 65%, 60%, 30%);
}

.menu.darkBackground:not(.tabs):not(.forTwoColumnsMenuLayout) {
	--borderColor: var(--dark_fainter_color);
}

.menu:not(.tabs) {
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

body .menu:not(.tabs):not(.forTwoColumnsMenuLayout) > div > div {
	padding: 0 15px;
}

.menu.wider {
	max-width: var(--contents_width_wider);
	margin-left: auto;
	margin-right: auto;
}

.menu.centered > div {
	position: relative;
	display: flex;
	justify-content: center;
}

.menu > div > div {
    display: flex;
    align-items: center;
	overflow-x: auto;
	
			-webkit-overflow-scrolling: none;
			overscroll-behavior: none !important;
		
}

/* Hide scroll bars */
.menu > div > div::-webkit-scrollbar {
  display: none;
}

.menu > div > div {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.menu > div > div > .item {
	--fgColor: var(--a_text_color_main);
	--hoverFgColor: var(--a_text_color_primary);
	--bgColor: transparent;
	--hoverfBgColor: transparent;
	--selectedFgColor: var(--primary_color);

    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
	height: 100%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 8px 12px;
	font-weight: 400;

	text-decoration: none;

	color: var(--fgColor);
	background-color: var(--bgColor);
}

.menu > div > div > .item.selected {
	color: var(--selectedFgColor);
}

.menu > div > div > .item.attention {
	--bgColor: var(--attention_color);
	--hoverBgColor: var(--attention_color_lighter);
	--fgColor: #fff;
	--hoverFgColor: #fff;
}

.menu > div > div > .item.primary {
	--bgColor: var(--primary_color);
	--hoverBgColor: var(--primary_color_lighter);
	--fgColor: #fff;
	--hoverFgColor: #fff;
}

/* Trick to make the grey outline of the menu frame disappear */
.menu:not(.tabs):not(.forTwoColumnsMenuLayout) > div > div > .item:is(.primary, .attention):after {
	position: absolute;
	content: '';
	inset: -1px;
	border-radius: inherit;
}

.menu > div > div > .item:not(.selectedIsClickable).selected {
	pointer-events: none;
}

.menu > div > div > .item.faint {
	--fgColor: var(--a_text_color_faint);
}

.menu > div > div > .item > .icon {
    background-color: currentColor;
	flex-shrink: 0;
}

@media (pointer: fine) {
    .menu > div > div > a.item:hover {
        color: var(--hoverFgColor);
    }
}

.menu > div > div > .item > .text {
	white-space: nowrap;
    color: currentColor;
}

.menu > div > div > .item > .icon + .text {
	margin-left: 8px;
}

.menu > div > div > .item > .badge {
	margin-left: 5px;
	margin-right: -8px;
	transform: translateY(-7px);
}

.menu > div > div > .item > .badge:not(:is(.attention, .primary)) {
	background: none;
	border: solid currentColor 1px;
	color: currentColor;
}

.menu > div > div > .item > .badge > .title {
	color: currentColor;
}

.menu > div > div > .item > .textBadge {
	background: var(--fgColor);
	color: var(--bgColor);
	
			border-radius: var(--rounded_corners_radius_fat);
	padding: 0 .4em;
	font-weight: 500;
	font-size: var(--a_text_font_size_smaller);
}

.menu > div > div > .item > .text + .textBadge {
	margin-left: .4em;
	background: #fff;
	color: var(--bgColor);
}

.menu > div > div > .item > .dotBadge {
    position: absolute;
    top: 5px;
    right: 5px;
    background: currentColor;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.menu > div > div > .item > .dotBadge.attention {
	background: var(--badge_color);
}

.menu > div > div > .item > form {
	display: flex;
	align-items: center;
	gap: 10px;
}

.menu > div > div > .item > form > *:last-child {
	margin-right: 0;
}

.menu:not(.tabs):not(.forTwoColumnsMenuLayout) > div > div > .item.attention:after {
	border: solid var(--attention_color) 1px;
}

.menu:not(.tabs):not(.forTwoColumnsMenuLayout) > div > div > .item.primary:after {
	border: solid var(--primary_color) 1px;
}


@media (pointer: fine) {
    .menu > div > div > a.item:is(.attention, .primary):hover {
		background-color: var(--hoverBgColor);
    }
}


/* color styles */
.menu:not(.tabs):is(.darkBackground, .white, .black) {
	&:before,
	&:after {
		background: none;
	}

	&.darkBackground {
		&:not(.tabs) > div > div > .item {
			--borderColor: var(--neutral_2);
			--fgColor: var(--neutral_5);
			--hoverFgColor: #fff;
			--bgColor: transparent;
			--hoverfBgColor: transparent;
			--selectedFgColor: #fff;
		}
	}

	&.white {
		&:not(.tabs) > div > div > .item {
			--borderColor: white;
			--fgColor: white;
			--hoverFgColor: rgba(255, 255, 255, .5);
			--bgColor: transparent;
			--hoverfBgColor: transparent;
			--selectedFgColor: var(--hoverFgColor);
		}
	}

	&.black {
		&:not(.tabs) > div > div > .item {
			--borderColor: var(--neutral_2);
			--fgColor: var(--neutral_2);
			--hoverFgColor: hsla(from var(--neutral_2) h s l / 0.7);
			--bgColor: transparent;
			--hoverfBgColor: transparent;
			--selectedFgColor: var(--hoverFgColor);
		}
	}
}


/* style default */

.menu:not(.tabs) > div > div > .item {
	border-top: solid var(--borderColor) 1px;
	border-bottom: solid var(--borderColor) 1px;
	border-right: solid var(--borderColor) 1px;
}

.menu:not(.tabs) > div > div > .item:first-child {
	border-left: solid var(--borderColor) 1px;
	
			border-top-left-radius: var(--rounded_corners_radius_fat);
			border-bottom-left-radius: var(--rounded_corners_radius_fat);
}

.menu:not(.tabs) > div > div > .item:last-child {
	
			border-top-right-radius: var(--rounded_corners_radius_fat);
			border-bottom-right-radius: var(--rounded_corners_radius_fat);
}

.menu:not(.tabs) > div > div > .item + .item.selected {
	margin-left: -1px;
}


/* style tabs */

.menu.tabs > div > div {
	padding: 0 5px;
}

.menu.tabs > div > div > .item {
	position: relative;
    padding: 6px 15px;
    margin: 0 5px 0 0;
    
			border-top-left-radius: var(--rounded_corners_radius_fat);
			border-top-right-radius: var(--rounded_corners_radius_fat);;
	font-size: var(--tab_font_size);
    font-weight: var(--tab_font_weight) !important;
    text-shadow: none;
	line-height: 1.8em !important;
	border: none !important;
	color: var(--a_text_color_main);
	text-decoration: none;
}

.menu.tabs:not(.darkBackground) > div > div > .item {
	background: rgba(0, 0, 0, .05);
}

.menu.tabs > div > div > .item > .text {
	color: currentColor;
}

.menu.tabs > div > div > .item > .icon {
	background-color: currentColor;
	opacity: 1;
}

.menu.tabs > div > div > .item.selected {
    background: #fff;
	color: var(--a_text_color_main) !important;
}

.menu.tabs > div > div > .item.selected:before {
    position: absolute;
    left: -5px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    content: '';
    background: #fff;
    -webkit-mask-image: radial-gradient(circle 5px at 0 0, transparent 0, transparent 5px, black 5.3px);
}

.menu.tabs > div > div > .item.selected:after {
    position: absolute;
    right: -5px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    content: '';
    background: #fff;
    -webkit-mask-image: radial-gradient(circle 5px at 5px 0, transparent 0, transparent 5px, black 5.3px);
}

/* For tabs, the dot badge is moved closer to the icon */
.menu.tabs > div > div > .item > .dotBadge {
	top: 5px;
    right: 5px;
}

@media (pointer: fine) {
	.menu.tabs > div > div > .item:hover {
		color: var(--a_text_color_faint) !important;
	}
}

.menu > div > div > .item > .dotBadge {
	top: 5px;
	right: 5px;
}

.menu.tabs.darkBackground > div > div > .item:not(.selected) {
	color: #fff;
}

.menu.tabs.darkBackground > div > div > .item:not(.selected):hover {
	color: var(--a_text_color_primary_highlight) !important;
}

.menu.tabs > div > div > .item.dark {
	background-color: var(--dark_color);
	color: #fff !important;
}

.menu.tabs > div > div > .item.dark.selected:before,
.menu.tabs > div > div > .item.dark.selected:after {
	background-color: var(--dark_color);
}

.menu.tabs > div > div > .item.grey {
	background-color: var(--faintest_color);
}

.menu.tabs > div > div > .item.grey.selected:before,
.menu.tabs > div > div > .item.grey.selected:after {
	background-color: var(--faintest_color);
}

/* In small screens, when menu tabs are simplified, tabs get bigger and closer together */
@media only screen and (max-width: 500px) {

	.menu.tabs > div > div > .item {
		padding: 16px;
	}

	.menu.tabs > div > div > .item > .icon {
		width: 20px;
		height: 20px;
	}

}



/* When a menu is in a dark background, and the selected option is also set to black */

.menu.tabs.darkBackground:has(.item.dark.selected) {
	box-shadow: inset 0 -1px var(--dark_fainter_color);
}

.menu.tabs.darkBackground .item.dark.selected {
	box-shadow:
		inset 0 1px var(--dark_fainter_color),
		inset 1px 0 var(--dark_fainter_color),
		inset -1px 0 var(--dark_fainter_color);
}

.menu.tabs.darkBackground .item.dark.selected:after,
.menu.tabs.darkBackground .item.dark.selected:before {
	display: none;
}


/* menu pills */

.menu.pills > div > div {
	padding: 0 5px;
}

.menu.pills > div > div > .item {
	background: rgba(0, 0, 0, 0.03);
	
			border-radius: var(--rounded_corners_radius);
	line-height: 1em;
	margin: 0 3px;
	padding: 15px 20px;
}

.menu.pills > div > div > .item > .text {
	color: #888;
}

.menu.pills > div > div > .item.selected > .text {
	color: #222;
}

.menu.pills.darkBackground > div > div > .item {
	background: rgba(255, 255, 255, .05);
}

/* simplify menu in small screens */
@media only screen and (max-width: 500px) {
	.menu > div > div > .item.simplifyInSmallScreen > .text {
		display: none;
	}

	.menu.tabs > div > div > .item.simplifyInSmallScreen {
		padding: 12px 18px;
	}
}

/* menu tabs in small screens is bigger */
@media only screen and (min-width: 501px) {
	.menu > div > div > .item.hideIconInBigScreen:not(.selected.keepIconForSelectedOptionEvenWhenHidingOnBigScreen) > .icon {
		display: none;
	}

	.menu > div > div > .item.hideIconInBigScreen:not(.selected.keepIconForSelectedOptionEvenWhenHidingOnBigScreen) > .text {
		margin-left: 0;
	}
}

/* menus */
.menus {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	justify-content: center;
	overflow-x: auto;
}

.menus > .menu:not(.tabs) {
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 100%;
}

.menus > .menu:not(.tabs) > div > div {
	padding: 0;
}

.videoUpload {
	position: relative;

	padding: 40px;
	
			border-radius: var(--rounded_corners_radius_fatter);

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;

	background: #fff;
}

.videoUpload:after {
	position: absolute;

	inset: 3px;

	content: '';

	border-radius: 13px;

	pointer-events: none;
}

.videoUpload > form > input[type=file] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.videoUpload > .icon.upload {
	background-color: var(--grey_color);
	width: 40px;
	height: 40px;
}

.videoUpload > .title {
	text-wrap: balance;
	text-align: center;
}

.videoUpload > .title > .chooseAFile {
	color: var(--a_text_color_primary);
	cursor: pointer;
}

.videoUpload > .title > .chooseAFile:hover {
	color: var(--a_text_color_primary_highlight);
}

.videoUpload > .progressBar {
	min-width: 50%;
}

.videoUpload.uploading .hideOnUploading,
.videoUpload:not(.uploading) .showOnUploading {
	display: none;
}

.videoUpload.acceptsDragAndDrop:not(.draggedOver):not(.uploading):after {
	border: dashed var(--faint_color) 2px;
}

.videoUpload.acceptsDragAndDrop.draggedOver:not(.uploading):after {
	border: dashed var(--primary_color) 2px;
}

.videoUpload > .button[data-button-cancel] {
	position: absolute;
	top: 10px;
	right: 10px;
}

.videoUploadAdditionalContent {
	margin-top: 15px;
	text-align: center;
	font-size: var(--a_text_font_size_smaller);
	color: #fff;
	opacity: .7;
}

/* videoUploadFullPageContainer */

.videoUploadFullPageContainer {
	width: 100%;
	height: 90vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.videoUploadFullPageContainer > .videoUpload {
	margin: 40px;
	width: max(50vw, 600px);
	min-height: 40vh;
}

.menu_simple {
	float: left;
}

.menu_simple a {
	text-align: left;
	float: left;
    margin-right: 20px;
}

.menu_simple a.selected {
    color: var(--a_text_color_button);
}

.menu_simple_vertical
{
}

.menu_simple_vertical a
{
    display: block;
    margin-right: 40px;
    margin-bottom: 3px;
}

.menu_simple_vertical a.selected
{
    color: var(--a_text_color_button);
}

.menu_simple_vertical > h3
{
    margin-bottom: 5px;
}

.menu_secondary,
.menu_secondary_reverse
{
    padding: 10px 20px 10px 20px;
    color: #a7a7a7;
    text-transform: lowercase;

}

.menu_secondary
{
    
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);

    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);

    margin-bottom: 20px;
}

.menu_secondary_reverse
{
    
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);

    -moz-box-shadow: 0 -3px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 -3px 3px rgba(0,0,0,0.1);
    box-shadow: 0 -3px 3px rgba(0,0,0,0.1);

    margin-bottom: 10px;
}

.menu_secondary a,
.menu_secondary_reverse a
{
	margin-right: 20px;
    cursor: pointer;
}

.menu_secondary a.last,
.menu_secondary_reverse a.last
{
	margin-right: 0;
}

.menu_secondary a.selected,
.menu_secondary_reverse a.selected
{
	color: var(--a_text_color_primary);
}

.menu_secondary_inside_head
{
	padding: 0;
	margin: 0;

    color: #a7a7a7;

	text-transform: lowercase;

	padding: 10px 0;
}

.menu_secondary_inside_head a
{
	float: left;
	margin: 0 20px 5px 0;
	white-space: nowrap;
	width: 30%;
}
.TwoColumnsMenuLayout {
	display: flex;
	clear: both;
	justify-content: center;
	--content-color: var(--faintest_color);
	--left-minimum-width: 180px;
}

.TwoColumnsMenuLayout > div {
    display: grid;
	grid-template-columns: max-content 1fr;

    width: var(--contents_width_wide);
    float: left;
}

.TwoColumnsMenuLayout.fullHeight > div {
	min-height: 100vh;
}

body .TwoColumnsMenuLayout.fullHeight > div {
	min-height: calc(100vh - var(--main_menu_height));
}

body.withSubBlock.fullHeight .TwoColumnsMenuLayout > div {
	min-height: calc(100vh - var(--main_menu_height) - var(--main_menu_subblock_height));
}

.TwoColumnsMenuLayout.wide > div {
	width: var(--contents_width_wider);
}

.TwoColumnsMenuLayout.grey  {
	--content-color: var(--faintest_color);
	background-image: linear-gradient(90deg, #fff 0%, #fff 50%, var(--faintest_color) 50%, var(--faintest_color) 100%);
}

.TwoColumnsMenuLayout.grey > div > .right {
	container-type: inline-size;
	background-color: var(--content-color);
}

.TwoColumnsMenuLayout > div > .left {
	padding: 20px 0 20px 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border-right: solid var(--fainter_color) 1px;
	background: #fff;
	width: 280px;
}

.TwoColumnsMenuLayout > div > .right {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    padding: 30px;
	overflow: visible;
}

.TwoColumnsMenuLayout > div > .right:has(.footer) {
	padding-bottom: 0;
}

.TwoColumnsMenuLayout > div > .right > .footer {
	position: sticky;
	bottom: 0;
	padding: 40px;
	background-image: linear-gradient(transparent 0%, var(--content-color) 120%);
	pointer-events: none;
	z-index: 1;
}

.TwoColumnsMenuLayout > div > .right > .footer > * {
	pointer-events: all;
}

body.inApp .TwoColumnsMenuLayout > div > .right > .footer {
	bottom: calc(var(--main_menu_app_drawer_height) + env(safe-area-inset-bottom));
}


/* header */

.TwoColumnsMenuLayout > div > .left > .header {
    padding: 30px 30px 0 30px;
    line-height: 1.4em;
}

.TwoColumnsMenuLayout > div > .left > .header > .logo {
    position: relative;
    display: block;
    background-color: #eee;
    width: var(--left-minimum-width);
    height: var(--left-minimum-width);
    margin: 0 auto 10px auto;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.TwoColumnsMenuLayout > div > .left > .header > .logo.squared {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-size: contain;
    background-color: transparent;
}

.TwoColumnsMenuLayout > div > .left > .header > .logo > .icon {
    width: var(--left-minimum-width);
    height: var(--left-minimum-width);
    background-size: 100px;
}

.TwoColumnsMenuLayout > div > .left > .header > .logo.workgroup {
    background-color: var(--workgroup_color);
}

.TwoColumnsMenuLayout > div > .left > .header > .logo.casting {
    background-color: hsl(var(--castingsHue), 70%, 50%);
}

.TwoColumnsMenuLayout > div > .left > .header > .title {
    font-size: 20pt;
    text-align: center;
    margin-bottom: 10px;
    font-family: var(--a_text_font_family) !important;
}

.TwoColumnsMenuLayout > div > .left > .header > .card.postit {
    display: block;
    margin: 0 0 15px 0;
}

.TwoColumnsMenuLayout > div > .right > .fixedToolbar {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.TwoColumnsMenuLayout > div > .right > .fixedToolbar > .right {
	margin-left: auto;
	display: flex;
	gap: 10px;
}


/* small screens */

@media only screen and (max-width: 750px) {
	.TwoColumnsMenuLayout.grey {
		background-image: none;
	}

    .TwoColumnsMenuLayout > div {
        grid-template-columns: 1fr;
		grid-template-rows: min-content 1fr;
    }

    .TwoColumnsMenuLayout > div > .right {
        padding: 20px;
    }

	.TwoColumnsMenuLayout > div > .left {
		position: sticky;
		padding: 20px 0;
		overflow-x: auto;
		z-index: 1;
		
			box-shadow:
				0 1px 1px hsl(200deg 30% 50% / 0.05),
				0 2px 2px hsl(200deg 30% 50% / 0.05),
				0 4px 4px hsl(200deg 30% 50% / 0.05),
				0 8px 8px hsl(200deg 30% 50% / 0.05),
				0 16px 16px hsl(200deg 30% 50% / 0.05)
				;
		
		width: 100%;
	}

	body .TwoColumnsMenuLayout > div > .left {
		top: calc(var(--main_menu_height) + env(safe-area-inset-top));
	}

	body.withSubBlock .TwoColumnsMenuLayout > div > .left {
		top: calc(var(--main_menu_height) + var(--main_menu_subblock_height) + env(safe-area-inset-top));
	}

	body.inApp .TwoColumnsMenuLayout > div > .left {
		top: calc(var(--main_menu_app_header_height) + env(safe-area-inset-top));
	}

	body.inApp.withSubBlock .TwoColumnsMenuLayout > div > .left {
		top: calc(var(--main_menu_app_header_height) + var(--main_menu_subblock_height) + env(safe-area-inset-top));
	}
}

/* menu forTwoColumnsMenuLayout */

@media only screen and (min-width: 751px) {

	.TwoColumnsMenuLayout > div > .left > .menu > div {
		overflow: visible !important;
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout {
		position: sticky;
		top: 0;
		padding: 0 !important;
		width: 100%;
	}

	body .TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout {
		top: calc(var(--main_menu_height) + env(safe-area-inset-top) + 20px);
	}

	body.withSubBlock .TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout {
		top: calc(var(--main_menu_height) + var(--main_menu_subblock_height) + env(safe-area-inset-top) + 20px);
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout > div {
		justify-content: flex-end;
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout > div > div {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		border-radius: 0 !important;
		margin-right: -1px !important;
		width: 100%;
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout > div > div .item {
		display: flex;
		justify-content: flex-start;
		align-items: center;

		padding: 13px 15px;
		color: var(--a_text_color_main);
		border: solid var(--fainter_color) 1px !important;
		border-radius: 0 !important;
		font-weight: var(--menu_vertical_font_weight);
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout > div > div .item:not(:last-child) {
		border-bottom: none !important;
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout > div > div .item:first-child {
		border-top-left-radius: var(--rounded_corners_radius_fat) !important;
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout > div > div .item:last-child {
		border-bottom-left-radius: var(--rounded_corners_radius_fat) !important;
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout > div > div .item.selected {
		background-color: var(--content-color) !important;
		border-right-color: transparent !important;
		margin-left: 0 !important;
		color: var(--a_text_color_primary);
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout > div > div a.item:not(.selected):hover {
		color: var(--a_text_color_primary);
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout > div > div .item > .text {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.TwoColumnsMenuLayout > div > .left > .menu.forTwoColumnsMenuLayout > div > div .item > .dotBadge {
		right: auto;
		left: 10px;
		top: 10px;
	}

}

.TwoColumnsLayout {
	position: relative;
	display: grid;
	align-items: start;
	clear: both;
	grid-template-columns: minmax(20vw, 300px) 1fr;
	grid-template-rows: 1fr;
	--aidBackgroundColor: var(--faintest_color);
	--aidBorderColor: var(--fainter_color);
	--contentBackgroundColor: #fff;
	--gap: 20px;
}

.TwoColumnsLayout > .aid {
	position: sticky;
	align-self: start;

	/* min-height: calc(100vh - var(--main_menu_height)); */
	max-height: calc(100vh - var(--main_menu_height));
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	/* bottom: 0px; */
	top: calc(var(--main_menu_app_header_height));
	top: calc(var(--main_menu_app_header_height) + env(safe-area-inset-top));

	background-color: var(--aidBackgroundColor);
	border-right: solid var(--aidBorderColor) 1px;

	padding: var(--gap);

	display: flex;
	flex-direction: column;
	gap: var(--gap);

	overflow-y: auto;
}

.TwoColumnsLayout > .content {
	position: relative;
	background-color: var(--contentBackgroundColor);
	padding: var(--gap);
}

.TwoColumnsLayout > .aid > .TwoColumnsLayoutPanel.panel {
	background: #fff;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: calc(var(--gap) / 2);
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.TwoColumnsLayout > .aid > .TwoColumnsLayoutPanel.panel > .title {
	color: var(--grey_color);
	margin-bottom: 10px;
	line-height: 1em;
	font-size: var(--a_text_font_size_small);
}


.TwoColumnsLayout > .aid > .TwoColumnsLayoutPanelMultipleContents {
	background: #fff;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
			border-radius: var(--rounded_corners_radius_fatter);

	display: flex;
	flex-direction: column;

	display: none;
}

.TwoColumnsLayout > .aid > .TwoColumnsLayoutPanelMultipleContents:has(.content:not([style*="display: none"])) {
	display: flex;
}

.TwoColumnsLayout > .aid > .TwoColumnsLayoutPanelMultipleContents > .content {
	padding: calc(var(--gap) / 2);
}

.TwoColumnsLayout > .aid > .TwoColumnsLayoutPanelMultipleContents > .content:not(:last-child) {
	border-bottom: solid var(--aidBorderColor) 1px;
}

.TwoColumnsLayout > .aid > .TwoColumnsLayoutPanel > .multilevelChooserSeoFriendlyFallback {
	width: 100%;
}

.TwoColumnsLayout > .content:after {
	position: fixed;
	content: ' ';
	width: 50px;
	height: 50px;
	top: calc(50% - 35px);
	left: calc(50% - 35px);
	pointer-events: none;
	opacity: 0;
	transition: opacity .25s;

	border-radius: 100vw;
	background: var(--grey_color);
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		

	background-image: url('/gfx/img/loading_light.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
}

.TwoColumnsLayout.loading > .content:after {
	opacity: 1;
}


.TwoColumnsLayout.smallScreen {
	grid-template-columns: 1fr;
}

.TwoColumnsLayout.smallScreen .aid {
	position: fixed;
	top: var(--main_menu_height);
	left: 0;

	width: 100vw;
	height: 100vh;

	left: 100%;

	overscroll-behavior: none;

	z-index: 901;

	transition: left .25s ease-in-out;
}

.TwoColumnsLayout.smallScreen.open > .aid {
	left: 0;
}

.panelNavigation {
	display: flex;
	float: left;
	width: 100%;
}

.panelNavigation > .panels {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: stretch;

	width: 250px;
	flex-shrink: 0;

	background: #fff;
	border-right: solid var(--fainter_color) 1px;

	padding-top: 20px;
	padding-bottom: 40px;

	background: var(--faintest_color);
}

.panelNavigation > .panelForSmallScreen {
	display: none;
}

.panelNavigation > .panelForSmallScreen > select {
	margin: 20px;
	width: calc(100% - 40px);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/* Small screens */
@media only screen and (max-width: 750px) {
	.panelNavigation {
		flex-direction: column;
	}

	.panelNavigation > .panels {
		display: none;
	}

	.panelNavigation > .panelForSmallScreen {
		display: block;
	}
}


.panelNavigation > .panels > .panel {
	width: 100%;
}

.panelNavigation > .panels > .panel > .header {
	display: block;
	position: relative;
	padding: 20px;
	color: var(--grey_darker_color);
	display: flex;
	gap: 7px;
	align-items: center;
	text-decoration: none;
}

.panelNavigation > .panels > .panel > .header:hover {
	color: var(--a_text_color_main_highlight);
}

.panelNavigation > .panels > .panel > .header {
	border-top: solid var(--fainter_color) 1px;
}

.panelNavigation > .panels > .panel.selected > .header {
	color: var(--dark_color);
}

.panelNavigation > .panels > .panel > .header > .icon {
	background-color: currentColor;
}

.panelNavigation > .panels > .panel:last-child > .header {
	border-bottom: solid var(--fainter_color) 1px;
}

.panelNavigation > .panels > .panel.selected > .header {
	background: #fff;
	margin-right: -1px;
}

.panelNavigation > .panels > .panel:has(.options) > .header {
	border-bottom: solid var(--fainter_color) 1px;
	text-decoration: none;

	&:hover {
		color: var(--a_text_color_main_highlight);
	}
}

.panelNavigation > .panels > .panel > .header > .badge {
	position: absolute;

	top: 8px;
	right: 8px;
}

.panelNavigation > .panels > .panel > .header > .badge.attention {
	border: none;
	background: var(--attention_color);
	box-shadow: none;
	color: #fff;
}

.panelNavigation > .panels > .panel > .options {
	display: flex;
	flex-direction: column;
	padding-left: 20px;
	padding-bottom: 20px;
}

.panelNavigation > .panels > .panel > .options > .option {
	position: relative;
	border-bottom: solid var(--fainter_color) 1px;
	border-left: solid var(--fainter_color) 1px;
}

.panelNavigation > .panels > .panel.selected > .options > .option {

}

.panelNavigation > .panels > .panel > .options > .option:last-child {
	
			border-bottom-left-radius: var(--rounded_corners_radius_fat);
}

.panelNavigation > .panels > .panel > .options > .option > .content {
	display: flex;
	gap: 8px;
	color: var(--a_text_color_main);
	align-items: flex-start;
	padding: 15px 35px 15px 15px;
	line-height: 1.5em;
	text-decoration: none;

	&:hover {
		color: var(--a_text_color_main_highlight) !important;
	}
}

.panelNavigation > .panels > .panel > .options > .option:hover > .content,
.panelNavigation > .panels > .panel > .options > .option.selected > .content {
	color: var(--dark_color)
}

.panelNavigation > .panels > .panel > .options > .option > .content > .icon {
	background-color: currentColor;
	flex-shrink: 0;
	margin-top: 1px;
}

.panelNavigation > .panels > .panel > .options > .option > .content > .title {
	font-size: var(--a_text_font_size_small);
	line-height: 1.2em;
}

.panelNavigation > .panels > .panel > .options > .option > .badge {
	position: absolute;
	top: 8px;
	right: 8px;
}

.panelNavigation > .panels > .panel > .options > .option.selected,
.panelNavigation > .panels > .panel > .options > .option:hover {
	color: var(--dark_color);
}

.panelNavigation > .panels > .panel > .options > .option.selected {
	background: #fff !important;
	margin-right: -1px;
}

.panelNavigation > .panels > .panel > .options > .option > .buttons {
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: 0;
	transition: opacity .1s ease-in-out;
}

.panelNavigation > .panels > .panel > .options > .option:hover > .buttons {
	opacity: 1;
}


/* headerImage */

.panelNavigation > .panels > .headerImage {
    position: relative;
    display: block;
    background-color: #eee;
    width: 180px;
    height: 180px;
    margin: 0 auto 20px auto;

    border-radius: 50%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.panelNavigation > .panels > .headerImage.squared {
    border-radius: 0;
    background-size: contain;
    background-color: transparent;
}

.panelNavigation > .content {
	position: relative;
	flex-grow: 1;
	container-type: inline-size;
}

.panelNavigation.padding > .content {
	padding: 40px;
}

@media only screen and (max-width: 980px) {
	.panelNavigation.padding > .content {
		padding: 20px;
		padding-top: 0;
	}
}

.panelNavigation > .content table.manager {
	padding: 40px;
}

@media only screen and (max-width: 980px) {
	.panelNavigation > .content table.manager {
		padding: 20px;
	}
}

@media only screen and (max-width: 750px) {
	.panelNavigation > .content table.manager {
		padding: 0px;
	}
}

.panelNavigation > .content .pills {
	padding: 40px 40px 0 40px;
}

.panelNavigation > .content > .fixedToolbar {
	position: sticky;
	top: var(--main_menu_height);
	left: 0;
	right: 0;

	padding: 20px;

	display: flex;
	gap: 10px;
	justify-content: space-between;
	z-index: 1;
	background: #fff;

	border-bottom: solid var(--fainter_color) 1px;
}

.panelNavigation > .content > .fixedToolbar > div {
	display: flex;
	gap: inherit;
}

@media only screen and (max-width: 750px) {
	.panelNavigation > .content > .fixedToolbar {
		flex-direction: column;
		justify-content: center;
	}

	.panelNavigation > .content > .fixedToolbar > .left {
		justify-content: center;
	}

	.panelNavigation > .content > .fixedToolbar > .right {
		flex-wrap: wrap;
		justify-content: center;
	}
}

.menu_icons
{
    float: left;
    
			border-radius: var(--rounded_corners_radius);
}

.menu_icons > a
{
    float: left;
    padding: 5px;

    zoom: 1;
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.menu_icons > a:hover,
.menu_icons > a:focus,
.menu_icons > a.selected
{
    zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.professionalProfileImage {
	display: inline-block;
    position: relative;

    background-color: #ccc;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;

    flex-shrink: 0;
    width: 187px;
    height: 187px;
}

.professionalProfileImage.round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.professionalProfileImage.squared {
    
			border-radius: var(--rounded_corners_radius);
	overflow: hidden;
}

.professionalProfileImage .overlay {
    display: none;
    position: absolute;

    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;

    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    text-align: center;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.professionalProfileImage.round .overlay {
    left: 40px;
    top: 40px;
    bottom: 40px;
    right: 40px;
}

.professionalProfileImage img {
	float: left;
}

.professionalProfileImage .overlay > .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.professionalProfileImage:hover .overlay {
    display: block;
}

.professionalProfileImage .tagWrapper {
	display: flex;
	justify-content: center;
	align-items: flex-end;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    text-align: center;
}

.professionalProfileImage.round .tagWrapper {
    bottom: -5px;
}

.professionalProfileImage.squared .tagWrapper {
    bottom: -12px;
}

.professionalProfileImage > .badges {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* subheader professional_profile */

#subheader.professional_profile {
}

#subheader.professional_profile > .wallpaper {
    position: relative;
    float: left;
    width: 100%;

    background-color: var(--dark_color);

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

#subheader.professional_profile  > .wallpaper.noGap {
    margin-bottom: 0;
}

#subheader.professional_profile > .wallpaper.with_image {
    padding-top: 80px;
}

#subheader.professional_profile > .wallpaper.without_image {
	padding-top: 50px;
}

#subheader.professional_profile > .wallpaper > .wallpaperShade {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 75%;
}

#subheader.professional_profile > .wallpaper > .floatingButtons {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
}

#subheader.professional_profile > .wallpaper > .content {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    width: 100%;
    max-width: var(--contents_width_wider);

    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

#subheader.professional_profile > .wallpaper > .content > .professionalProfileImage {
    margin-left: 40px;
}

#subheader.professional_profile > .wallpaper > .content > .professionalProfileImage.round {
    bottom: 10px;
}

#subheader.professional_profile > .wallpaper > .content > .professionalProfileImage.squared {
    margin-top: 20px;
    margin-bottom: 10px;
}

body.inApp #subheader.professional_profile > .wallpaper > .content > .professionalProfileImage .overlay {
    display: block;
}

#subheader.professional_profile > .wallpaper:hover > .content > .professionalProfileImage .overlay {
    display: block;
}

#subheader.professional_profile > .wallpaper > .content > .right {
    position: relative;
	float: left;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    padding: 40px 0 0 30px;
}

#subheader.professional_profile > .wallpaper.with_image > .content > .right {
    text-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts {
    color: #fff;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .title {
    font-size: 25pt;
	font-weight: 400;
	line-height: 1.4em;
    -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
    margin-bottom: 0;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .title > .icon
{
    position: relative;
    display: inline-block;
    float: none;
    margin: 0 0 8px 3px;

    width: 22px;
    height: 22px;
    background-size: 14px;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .title > .tag
{
    display: inline-block;
    vertical-align: top;
    float: none;

    font-size: 9px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 18px;
    text-transform: uppercase;
    padding: 0 0.6em 0 0.2em;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    white-space: nowrap;

    margin: 0 0 8px 3px;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .title > .tag > .icon
{
    margin-right: 3px;
    background-size: 19px;
    width: 19px;
    height: 19px;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .represented {
	margin-bottom: 3px;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .subtitle
{
    -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;

	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .represented,
#subheader.professional_profile > .wallpaper > .content > .right > .texts > .represented a,
#subheader.professional_profile > .wallpaper > .content > .right > .texts > .subtitle,
#subheader.professional_profile > .wallpaper > .content > .right > .texts > .subtitle a {
	font-family: var(--a_text_font_family);
    font-size: var(--a_text_font_size_big);
    font-weight: 400;
	line-height: 1em;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .statsPanel {
    margin-top: 5px;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts a.button_text {
    font-size: 13pt;
    color: #ddd;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts a {
	color: #fff;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts a:not(.button):hover {
	color: var(--a_text_color_button_dark_background);
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .additional
{
    float: left;
    width: 100%;
    border-top: solid #eee 1px;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .additional:hover
{
    color: var(--a_text_color_button_hover);
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .additional > .professionalProfileImage
{
    float: left;
    background-size: cover;
    background-position: center;
    width: 40px;
    height: 40px;
    margin: 5px 10px;
    
			border-radius: var(--rounded_corners_radius);
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .additional > .texts
{
    float: left;
    padding: 5px 10px 5px 0;
    line-height: 40px;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .buttons {
    margin-top: 10px;
    margin-bottom: 15px;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .buttons > .social_bar,
#subheader.professional_profile > .wallpaper > .content > .right > .texts > .buttons > .button {
    display: inline-block;
    float: none;
    margin-bottom: 0;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .buttons > .social_bar .button,
#subheader.professional_profile > .wallpaper > .content > .right > .texts > .buttons > .button {
    margin-bottom: 5px;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .subsubtitle
{
    color: #aaa;
}

#subheader.professional_profile > .wallpaper > .content > .right > .texts > .menu.tabs {
	margin-left: -5px;
}

#subheader.professional_profile > .wallpaper > .overlay {
    position: absolute;
    display: none;
    top: 10px;
    left: 10px;
    z-index: 2;
}

body.inApp #subheader.professional_profile > .wallpaper > .overlay {
    display: block;
}


#subheader.professional_profile > .wallpaper:hover > .overlay {
    display: block;
}


/* wallpaper badge */
#subheader.professional_profile > .wallpaper > .badges {
    position: absolute;
    top: 20px;
    right: 20px;
}

#subheader.professional_profile > .wallpaper > .menu_icons {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

@media only screen and (max-width: 750px) {

    /* This same setup must be configured when the logo is too wide (when .wallpaper.wideProfileImage) */

    #subheader.professional_profile > .wallpaper.with_image {
        padding-top: 20px;
    }

    #subheader.professional_profile > .wallpaper > .wallpaperShade {
        height: 100%;
    }

    #subheader.professional_profile > .wallpaper > .content {
        min-height: 0;
        display: block;
        text-align: center;
        padding: 20px 0 0 0;
    }

    #subheader.professional_profile > .wallpaper > .content > .professionalProfileImage {
        display: inline-block;
        margin: 0;
        float: none;

        top: 0;

        width: 160px;
        height: 160px;

        margin-bottom: 20px;
    }

	#subheader.professional_profile > .wallpaper > .content > .professionalProfileImage.round {
		width: 150px !important;
		height: 150px !important;
	}

    #subheader.professional_profile > .wallpaper > .content > .professionalProfileImage.round .tagWrapper {
        bottom: -10px;
    }

    #subheader.professional_profile > .wallpaper > .content > .professionalProfileImage.squared .tagWrapper {
        bottom: -15px;
    }

    #subheader.professional_profile > .wallpaper > .content > .right {
        display: inline-block;
        width: 100%;
        padding: 0 20px;
        text-align: center;
    }

	#subheader.professional_profile > .wallpaper > .content > .right > .texts {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

    #subheader.professional_profile > .wallpaper > .content > .right > .texts > .title {
        font-size: 20pt;
        margin-bottom: 5px;
    }

	#subheader.professional_profile > .wallpaper > .content > .right > .texts > .subtitle {
		justify-content: center;
	}

    #subheader.professional_profile > .wallpaper > .content > .right > .texts > .social_bar {
        display: inline-block;
        float: none;
    }

	#subheader.professional_profile > .wallpaper > .content > .right > .texts > .statsPanel {
		justify-content: center !important;
	}

	#subheader.professional_profile > .wallpaper > .content > .right > .texts > .buttons {
		justify-content: center;
	}

    #subheader.professional_profile > .wallpaper > .floatingButtons {
        bottom: auto;
        right: auto;
        top: 20px;
        left: 20px;
    }

	#subheader.professional_profile > .wallpaper > .content > .right > .texts > .menu.tabs > div {
		display: flex;
		justify-content: center;
	}

	/* Makes the menu on small screens go all the way to the edges to let the user understand visually that it can be scrolled */
	#subheader.professional_profile > .wallpaper > .content > .right > .texts > .menu {
		margin-left: -20px;
		width: calc(100% + 40px);
	}
}

/* wideProfileImage */
#subheader.professional_profile > .wallpaper.wideProfileImage {
    margin-bottom: 20px;
}

#subheader.professional_profile > .wallpaper.wideProfileImage.with_image {
    padding-top: 100px;
}

#subheader.professional_profile > .wallpaper.wideProfileImage > .content {
    float: left;
    width: 100%;

    left: 50%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);

    min-height: 0;
    margin-top: 80px;
    display: inline-block;
}

#subheader.professional_profile > .wallpaper.wideProfileImage > .content > .professionalProfileImage {
    position: relative;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    float: left;

    margin-right: 0;
    margin-left: 50% !important;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

#subheader.professional_profile > .wallpaper.wideProfileImage > .content > .right {
    position: relative;
    float: left;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0 20px;
}

#subheader.professional_profile > .wallpaper.wideProfileImage > .content > .right > .texts {
}

#subheader.professional_profile > .wallpaper.wideProfileImage > .content > .right > .texts > .statsPanel {
    justify-content: center;
}

#subheader.professional_profile > .wallpaper.wideProfileImage > .content > .right > .texts > .buttons {
	margin-top: 15px;
    justify-content: center;
}

#subheader.professional_profile > .wallpaper.wideProfileImage > .content > .right > .texts > .social_bar {
    display: inline-block;
    float: none;
}

#subheader.professional_profile > .wallpaper.wideProfileImage > .content > .right > .texts > .menu > div > div {
	justify-content: center;
}

/* wallpaper width, profile image position and header texts position responsive */

/*#subheader.professional_profile > .wallpaper > .content { max-width: 1200px; }
#subheader.professional_profile > .wallpaper > .content > .right { left: 380px; }

@media only screen and (max-width: 1300px) {
    #subheader.professional_profile > .wallpaper > .content { max-width: 980px; }
}

@media only screen and (max-width: 980px) {
    #subheader.professional_profile > .wallpaper > .content > .right { left: 350px; }

    #subheader.professional_profile > .wallpaper > .content > .professionalProfileImage {
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 750px) {
    #subheader.professional_profile > .wallpaper > .content > .right { left: auto; }
}*/

.professionalInfo {
}

.professionalInfo > .bio {
	display: flex;
	justify-content: center;
	padding: 20px;
}

.professionalInfo > .bio > div {
    -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
	max-width: 500px;
}

.professionalInfo > .propertyList.regular {
    margin-top: 30px;
}

.professionalInfo > .map {
    width: 100% !important;
    margin-top: 40px;
    
			border-radius: var(--rounded_corners_radius);
}

.professionalInfo > .propertyList.secondary {
    margin-top: 40px;
}

#photo_view {
	position: fixed;
	top: var(--main_menu_height);
	left: 0px;
	right: 0px;
	bottom: 0px;
}

body.inApp #photo_view {
	top: 0px;
	bottom: var(--main_menu_app_drawer_height);
	bottom: calc(env(safe-area-inset-bottom) + var(--main_menu_app_drawer_height));
}

body.completelyFaintMainMenu #photo_view {
	top: 0px;
}

/* photo_view_block */

.photo_view_block {
	display: flex;
	justify-content: center;
	height: 100%;
}

/* photo_view_block / photo */

.photo_view_block > .photo {
	height: 100%;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.photo_view_block > .photo > .imageContainer {
	overflow: hidden;
	height: min-content;
}

.photo_view_block > .photo > .imageContainer > img,
.photo_view_block > .photo > .imageContainer > .hdrjpg > img,
.photo_view_block > .photo > .imageContainer > .hdrjpg > video {
	float: left;
	object-fit: contain;
	object-position: center center;
	height: 100%;
	width: 100%;
	max-height: calc(100vh - var(--main_menu_height));
}

#photo_view_popup .photo_view_block > .photo > .imageContainer > img.image {
	max-height: 100vh;
}

/* photo_view_block / photo / hostedVideo */

/* photo_view_block / photo / video */
.photo_view_block > .photo > .hostedVideo {
	width: 100%;
	height: 100%;
	min-height: 70vh;
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
	.photo_view_block > .photo > .embeddedVideoContainer {
		height: calc(100vh - var(--main_menu_height));
		min-height: 0;
	}
}

/* photo_view_block / photo / beforeAndAfter */
.photo_view_block > .photo > .jQueryBeforeAndAfter {
	min-height: 50vh;
	background-color: rgba(0, 0, 0, .2);
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
	.photo_view_block > .photo > .jQueryBeforeAndAfter {
		height: calc(100vh - var(--main_menu_height));
		min-height: 0;
	}
}

/* photo_view_block / column */

.photo_view_block > .column {
	width: 350px;
	margin: 10px 35px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	color: var(--grey_color);
}

#photo_view_popup .photo_view_block > .column {
	padding-top: 50px;
}

.photo_view_block > .column > div:not(:first-child) {
	margin-top: 20px;
}

.photo_view_block > .column a:not(.button) {
	color: #fff;
}

.photo_view_block > .column a:hover {
	color: var(--a_text_color_primary_highlight);
	text-decoration: none;
}

.photo_view_block > .column > .author {
}

.photo_view_block > .column > .author > .title
{
	float: left;
	width: 100%;
	font-size: 15pt;
	text-decoration: none;
	margin-bottom: 4px;
}

/* photo_view_block / column / info */

.photo_view_block > .column > .info > .title {
	font-size: 15pt;
	letter-spacing: normal;
	color: #f0f0f0;
}

.photo_view_block > .column > .info > .subTitle {
	margin-bottom: 5px;
	font-size: var(--a_text_font_size) !important;
	color: #f0f0f0;
}

.photo_view_block > .column > .info > .description {
	margin-top: 10px;
	font-family: var(--a_text_font_family);
}

.photo_view_block > .column > .info > .description,
.photo_view_block > .column > .info > .description a{
	font-size: 11.5pt !important;
}

/* photo_view_block / column / taggedUsers & clothings */

.photo_view_block > .column > .info > .taggedUsers,
.photo_view_block > .column > .info > .clothings {
	margin-top: 20px;
	line-height: 1.3em;
}

/* photo_view_block / column / clothings / tags */
.photo_view_block > .column .tag {
	position: relative;
	cursor: default;
}

.photo_view_block > .column .tag > .key {
	display: inline-block;
	color: var(--grey_color);
}

.photo_view_block > .column .tag > .key:after {
	content: ' ';
	white-space: pre;
}

.photo_view_block > .column .tag > a.key:hover {
	color: var(--a_text_color_primary);
}

.photo_view_block > .column .tag > .value {
	display: inline-block;
}

.photo_view_block > .column .tag > a.value:hover {
	color: var(--a_text_color_primary);
}

.photo_view_block > .column .tag.highlighted:before {
	position: absolute;
	content: '\0276F';
	left: -14px;
	top: 0px;
	font-size: 8pt;
}

.photo_view_block > .column .tag span.highlighted {
	border-bottom: dotted 1px;
}

/* photo_view_block / column / info / photofolder */

.photo_view_block > .column > .info > .photofolder {
	padding: 15px 20px;
	background: rgba(0, 0, 0, 0.4);
	
			border-radius: var(--rounded_corners_radius);
	margin-bottom: 20px;
	color: #fff;
}

.photo_view_block > .column > .info > .photofolder > .title {
	font-size: 15pt;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0;
}

.photo_view_block > .column > .info > .photofolder > .description {
	margin-top: 10px;
}

.photo_view_block > .column > .info > .photofolder > .listItemsListHorizontal {
}

.photo_view_block > .column > .info > .photofolder > .listItemsListHorizontal > .listItem {
	padding: 5px;
	background: #fff;
	
			border-radius: var(--rounded_corners_radius);
	margin: 0;
}

.photo_view_block > .column > .info > .photofolder > .button {
	margin-top: 15px;
}

/* photo_view_block / column / comments */

.photo_view_block > .column > .comments {
}

/* photo_view_block / small screen */
@media only screen and (max-width: 980px) {

	#photo_view {
		position: relative;
		left: auto; right: auto; top: auto; bottom: auto;
	}

	.photo_view_block {
		display: flex;
		flex-direction: column;
		height: auto;
	}

	.photo_view_block > .column {
		margin: 20px;
		width: auto;
	}
}

/* nav_buttons */

#photo_view_popup > .nav_buttons {
	position: fixed;
	top: 10px;
	top: calc(env(safe-area-inset-top) + 10px);
	left: 0;
	right: 0;
	z-index: 2001;
}

body.inApp #photo_view_popup > .nav_buttons {
	top: auto;
	bottom: 0px;
	padding: 10px;
	padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
	background-color: var(--dark_color);
}

body.inApp #photo_view_popup > .nav_buttons .button {
	height: 48px;
	padding: 0 17px;
}

body.inApp .photo_view_block__old > .column {
}

/* Hide nav_buttons when display is rotated in app */
body.inApp.rotated90 #photo_view_popup > .nav_buttons,
body.inApp.rotated-90 #photo_view_popup > .nav_buttons {
	display: none;
}

#photo_view_popup > .nav_buttons > .left {
	float: left;
	padding-left: 10px;
}

#photo_view_popup > .nav_buttons > .right > .button {
	margin: 0 10px 0 0;
}

#photo_view_popup > .nav_buttons > .right {
	float: right;
	padding-right: 10px;
}

@media only screen and (min-width: 751px) {
	#photo_view_popup > .nav_buttons .onlyInSmallScreen {
		display: none;
	}
}

.photo_view_block__old > .column > .comments
{
	position: relative;
	float: left;
	clear: both;
	padding: 0 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	margin-top: 20px;
}

.photo_view_block__old > .column > .comments .author {
	color: #777;
}

.photo_view_block__old > .column > .comments a.author:hover {
	color: var(--a_text_color_primary_highlight);
}

.photo_view_block__old > .column > .comments .new_comment {
	margin-top: 15px;
}

.photo_view_block__old > .column > .comments .new_comment textarea
{
	background: none;
	color: #eee;
	width: 100%;
	border-color: #888;
}

.photo_view_block__old > .column > .comments .new_comment textarea:hover,
.photo_view_block__old > .column > .comments .new_comment textarea:focus
{
	border-color: #fff;
}

.photo_view_block__old > .column > .comments .comment:last-child
{
	margin-bottom: 15px;
}

/* small screen */
@media only screen and (max-width: 980px) {
	.photo_view_block__old > .photo {
		float: left;
		width: 100%;
		height: 100%;
		max-width: none;
	}

	body.inApp #photo_view .photo_view_block__old > .photo {
		height: calc(100vh - var(--main_menu_app_header_height) - var(--main_menu_app_drawer_height));
		height: calc(100vh - env(safe-area-inset-top) - var(--main_menu_app_header_height) - env(safe-area-inset-bottom) - var(--main_menu_app_drawer_height));
	}

	.photo_view_block__old > .photo > .imageContainer {
	}

	.photo_view_block__old > .column {
		width: 100%;
		padding-top: 0px !important;
		padding-bottom: 500px !important; /* This ensures there is space below the new comment input, so in Android, when opening the keyboard to write a comment, it doesn't ocludes the input (becasue the keyboard in the android App is set to android:windowSoftInputMode="adjustPan" in the Activity (This had to be done because of a bug that cause the keyboard to disappear just after it appeared, which was caused by the DOM changing when the keyboard appears and modifies the height of the webview) */
	}

	.photo_view_block__old > .column > .info > .card {
		max-width: none !important;
	}
}

.managerBar {

	background: #fff;
	padding: 20px 40px;
	display: flex;
	justify-content: center;
	gap: 10px;

	overflow-x: scroll;
	max-width: 100vw;

	border-bottom: solid var(--fainter_color) 1px;

	position: sticky;
	top: var(--main_menu_height);
	z-index: 1;
}

@media only screen and (max-width: 750px) {
	.managerBar {
		justify-content: center;
	}
}

/* badges */

.badges {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: stretch;
}

.badges > .badge {
	flex-shrink: 0;
}

.badges.vertical {
	flex-direction: column;
	align-items: flex-start;
}

.badges.floating {
	position: absolute;
}

.badges.floating.align_0 { top: 0%; left: 0%; }
.badges.floating.align_1 { top: 0%; left: 50%; transform: translateX(-50%); }
.badges.floating.align_2 { top: 0%; right: 0%; }
.badges.floating.align_3 { top: 33%; left: 0%; }
.badges.floating.align_4 { top: 33%; left: 50%; transform: translateX(-50%); }
.badges.floating.align_5 { top: 33%; right: 0%; }
.badges.floating.align_6 { bottom: 0%; left: 0%; }
.badges.floating.align_7 { bottom: 0%; left: 50%; transform: translateX(-50%); }
.badges.floating.align_8 { bottom: 0%; right: 0%; }


/* badge */

.badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	color: #fff;
	border-radius: var(--badge_rounded_corners_radius);
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;

	min-width: 7px;
	min-height: 14px !important;

	--badgeBaseColor: var(--grey_darker_color);
	--badgeForegroundColor: #fff;

	border: solid transparent 1px;

	text-decoration: none;
}

.badge:not(.transparent) {
	padding: 0 2px;
	background-color: var(--badgeBaseColor);
}

.badge > .icon {
	flex-shrink: 0;
	background-color: var(--badgeForegroundColor);
	width: var(--icon_size_small);
    height: var(--icon_size_small);
	margin: 2px 0;
}

.badge > .title {
	color: var(--badgeForegroundColor);
	font-size: var(--badge_font_size) !important;
	font-weight: var(--badge_font_weight) !important;
	font-family: var(--badge_font_family) !important;
	letter-spacing: var(--badge_letter_spacing) !important;
	white-space: nowrap;

	line-height: 1.5em !important;
}

.badge:has(.icon + .title) {
	padding-right: 4.5px;
}

.badge:has(.title:not(.number)):not(:has(.icon)) {
	padding: 0 5px;
}

.badge.hashtag > .title {
	/* font-weight: normal !important; */
}

@media only screen and (max-width: 750px) {
	.badge {
		padding: 0 0px;
		min-height: 1em;
	}

	.badge > .icon {
		width: var(--icon_size_smaller);
    	height: var(--icon_size_smaller);
	}

	.badge > .title {
		font-size: 7pt;
	}
}

.badge.transparent {
	color: currentColor;
}

.badge.transparent > .icon {
	background-color: currentColor;
}

.badge.transparent > .title {
	color: currentColor;
}

a.badge {
	text-decoration: none;
}

a.badge:hover {
	filter: brightness(1.05);
}

a.badge.transparent:hover {
	filter: brightness(1.5);
}

.badge.forceUppercase > .title {
	text-transform: uppercase;
}

.badge.floating {
	position: absolute;
}

.badge.floating.align_0 { top: 0%; left: 0%; }
.badge.floating.align_1 { top: 0%; left: 50%; transform: translateX(-50%); }
.badge.floating.align_2 { top: 0%; right: 0%; }
.badge.floating.align_3 { top: 33%; left: 0%; }
.badge.floating.align_4 { top: 33%; left: 50%;  transform: translateX(-50%); }
.badge.floating.align_5 { top: 33%; right: 0%; }
.badge.floating.align_6 { bottom: 0%; left: 0%; }
.badge.floating.align_7 { bottom: 0%; left: 50%; transform: translateX(-50%); }
.badge.floating.align_8 { bottom: 0%; right: 0%; }


/* small */

.badge.small > .icon {
	width: var(--icon_size_smaller);
    height: var(--icon_size_smaller);
}

.badge.small > .title {
}


/* big */

.badges.big > .badge > .icon,
.badge.big > .icon {
	width: var(--icon_size_big);
    height: var(--icon_size_big);
}

.badges.big > .badge > .title,
.badge.big > .title {
	font-size: 10pt;
	font-weight: 500;
}

/* inline */

.badge.inline > .title {
	font-weight: inherit;
	line-height: 1.3em;
}

.badge.inline:not(.customStyle) > .title {
	font-size: inherit !important;
}

/* framed */
.badge.framed {
	padding: 0 3px;
	background: transparent;
	--badgeBaseColor: currentColor;
	border-color: var(--badgeBaseColor);
	--badgeForegroundColor: var(--badgeBaseColor);
}


/* colors */


.badge.paid {
	--badgeBaseColor: var(--paid_color);
}

.badge.agency {
	--badgeBaseColor: var(--agency_color);
}

.badge.magazine {
	--badgeBaseColor: var(--magazine_color);
}

.badge.project {
	--badgeBaseColor: var(--projects_color);
}

.badge.post {
	--badgeBaseColor: var(--posts_color);
}

.badge.staffPick {
	--badgeBaseColor: var(--user_level_staff_pick_color);
}

.badge.hdr {
	--badgeBaseColor: var(--hdr_color);
}

.badge.attention {
	--badgeBaseColor: var(--attention_color) !important;
	color: #fff;
}

.badge.activity {
	--badgeBaseColor: var(--recent_activity_color);
}

.badge.new {
	--badgeBaseColor: var(--new_color);
	--badgeForegroundColor: var(--dark_color);
}

.badge.offer {
	--badgeBaseColor: var(--warning_color);
	--badgeForegroundColor: #fff;
}

.badge.experienceRequired {
	--badgeBaseColor: var(--experience_color);
}

.badge.help {
	--badgeBaseColor: var(--help_color);
}

.badge.info {
	--badgeBaseColor: var(--info_color);
}

.badge.warning {
	--badgeBaseColor: var(--warning_color);
}

.badge.error {
	--badgeBaseColor: var(--error_color);
}

.badge.attention {
	--badgeBaseColor: var(--attention_color);
}

.badge.notification {
	--badgeBaseColor: var(--badge_color);
}

.badge.critical {
	--badgeBaseColor: var(--critical_color);
}

.badge.membership {
	border-radius: 20px !important;
	text-transform: uppercase;
}

.badge.plus {
	--badgeBaseColor: var(--plus_color);
}

.badge.pro {
	--badgeBaseColor: var(--pro_color);
}

.badge.proVerified {
	--badgeBaseColor: var(--pro_verified_color);
	--badgeForegroundColor: #000;
}

.badge.proVerified > .icon {
	background-color: var(--pro_verified_color_darker);
}

.badge.photofolderType_0 { --badgeBaseColor: hsl(var(--photofolderRegularHue), 40%, 43%) }
.badge.photofolderType_1 { --badgeBaseColor: hsl(var(--photofolderCollectionHue), 40%, 45%) }
.badge.photofolderType_2 { --badgeBaseColor: hsl(var(--photofolderCampaignHue), 80%, 25%) }
.badge.photofolderType_3 { --badgeBaseColor: hsl(var(--photofolderEditorialHue), 50%, 35%) }
.badge.photofolderType_4 { --badgeBaseColor: hsl(var(--photofolderLookbookHue), 80%, 30%) }
.badge.photofolderType_100 { --badgeBaseColor: hsl(var(--photofolderPolaroidsHue), 40%, 30%) }


.badge.ai {
	--badgeBaseColor: var(--ai_color);
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
.button {
	--bgColor: #fff;
	--fgColor: var(--base_0);
	--borderColor: var(--neutral_6);
	--hoverShadowColor: var(--borderColor);
	--hoverShadowTransparency: .3;

	--hoverBgColor: #fff;
	--hoverFgColor: var(--base_0);
	--hoverBorderColor: var(--neutral_5);

	--activeColor: var(--button_color_primary);

	--buttonHeight: var(--button_height);

	--fontWeight: var(--button_font_weight);

	--transitionInTime: 0.02s;
	--transitionOutTime: 0.15s;

	--borderBottomLightnessMultiplier: 0.9;

	position: relative;
	display: inline-flex;
	gap: .4rem;
	align-items: center;
	vertical-align: top;
	margin: 0px;

	padding: 0 calc(var(--buttonHeight) / 4);

	max-width: 100%;
	height: var(--buttonHeight);
	line-height: 1.5em !important;

	color: var(--fgColor) !important;

	font-family: var(--button_font_family) !important;
	letter-spacing: normal !important;
	font-style: normal !important;
	font-size: var(--button_font_size) !important;
	font-weight: var(--fontWeight) !important;
	-webkit-font-smoothing: auto !important;
	text-shadow: none !important;

	text-decoration: none !important;
	text-align: left;

	white-space: nowrap;

	cursor: pointer;

	background: var(--bgColor);
	border: solid var(--borderColor) 1px;
	border-bottom-color: hsl(from var(--borderColor) h s calc(l * var(--borderBottomLightnessMultiplier)));

	transition:
		border var(--transitionOutTime) ease-out,
		color var(--transitionOutTime) ease-out,
		box-shadow var(--transitionOutTime) ease-out,
		background-color var(--transitionOutTime) ease-out;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
			border-radius: var(--rounded_corners_radius_fat);
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;

	z-index: 1;
}

body.inApp .button {
	--buttonHeight: var(--button_height_app);
}

.button:has(.icon):has(.text) {
	padding: 0 calc(var(--buttonHeight) / 3.2) 0 calc(var(--buttonHeight) / 4);

	&.big {
		padding: 0 calc(var(--buttonHeight) / 3) 0 calc(var(--buttonHeight) / 3);
	}
}

.button:hover,
a.button:hover {
	transition:
		border var(--transitionInTime) ease-out,
		color var(--transitionInTime) ease-out,
		box-shadow var(--transitionInTime) ease-out,
		background-color var(--transitionInTime) ease-out;

	color: var(--hoverFgColor) !important;
	background-color: var(--hoverBgColor) !important;
	border-color: var(--hoverBorderColor) !important;
	border-bottom-color: var(--hoverBorderColor) !important;

	box-shadow: 0 3px 4px -3px hsl(from var(--hoverShadowColor) h s 50 / var(--hoverShadowTransparency)) !important;

	opacity: 1 !important;
}

a.button:active {
	--hoverFgColor: var(--activeColor);
	--hoverBorderColor: var(--activeColor);

	transition:
		border var(--transitionInTime) ease-out,
		color var(--transitionInTime) ease-out,
		box-shadow var(--transitionInTime) ease-out,
		background-color var(--transitionInTime) ease-out;
}

.button.onDark {
	--bgColor: var(--neutral_0);
	--fgColor: #fff;
	--hoverBgColor: var(--neutral_0);
	--hoverFgColor: #fff;
	--borderColor: var(--neutral_3);
	--hoverBorderColor: var(--neutral_4);
	--hoverShadowTransparency: 0;
	--borderBottomLightnessMultiplier: 1;
}

.button.inline {
	vertical-align: middle;
}

.button.onlyInSmallScreen {
	display: none !important;
}

@media only screen and (max-width: 750px) {
	.button.onlyInSmallScreen {
		display: inline-flex !important;
	}

	.button {
		max-width: calc(100vw - 40px);
	}

	.button.notInSmallScreen {
		display: none !important;
	}
}

@media only screen and (max-width: 750px) {
	.button.noTextInSmallScreen > .title,
	.button.noTextInSmallScreen > .text {
		display: none;
	}
}

.button.preventLongTitle {
	max-width: 250px;
}

.button.nomargin {
	margin: 0;
}

.button.isolated {
	margin-top: 30px;
	margin-bottom: 30px;
}

.button.nomarginright {
	margin-right: 0;
}

.button.centered {
	margin-left: 50%;
	transform: translateX(-50%);
}

.button > .clickable {
	float: left;
	height: inherit;
	padding: 0 12px;
	margin: 0 -12px;
}

.button:has(.text) > .icon,
.button:has(.title) > .icon {
	flex-shrink: 0;
	width: 14px;
	height: 14px;
}

.button > .icon,
.button > .clickable > .icon {
	background-color: currentColor;
}

.button > .text,
.button > .title {
	color: currentColor;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: none !important;
	flex-grow: 1;
}

.button > .title > .titleIconSuffix {
	display: inline-block;
	margin-left: 5px;
}

.button > .title > .titleIconSuffix > .icon {
	background-color: currentColor;
	width: 10px;
	height: 10px;
}

.button > .emoji {
	font-family: 'Apple Color Emoji', 'Noto Color Emoji';
	width: 1.2em;
	line-height: 1.2em;
	font-size: 30px;
	float: left;
	color: rgba(255, 255, 255, 1);
	opacity: 1;
}

.button.withTitleTinyScreen > .titleTinyScreen {
	display: none;
}

@media only screen and (max-width: 500px) {
	.button.withTitleTinyScreen > .title {
		display: none;
	}
	.button.withTitleTinyScreen > .titleTinyScreen {
		display: inline-flex;
	}
}

a.button:hover,
a.button:focus {
	text-decoration: none !important;
	cursor: pointer;
}

.button.big {
	--buttonHeight: var(--button_height_big);
}

.button.tiny {
	gap: .2rem;
	padding: 0 5px !important;
	height: 20px;
	font-size: 10pt !important;
	font-size: 9pt !important;
	font-weight: 400 !important;
}

.button.tiny > .icon {
	width: 10px;
    height: 10px;
}

.button.small {
	font-size: var(--a_text_font_size_small) !important;
	font-weight: 400 !important;
	gap: .35rem;
	padding: 0 6px !important;
	height: 25px;
}

.button.small > .icon {
	width: 12px;
    height: 12px;
}

.button.display_block
{
	float: left;
	width: 100%;
}

.button.noText > .secondary {
	right: auto;
	left: 50%;
	transform: translatex(-50%);
}

.button.left_end
{
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;

	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;

	margin-right: 0 !important;
}

.button.middle
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	margin-right: 0 !important;
	margin-left: 0 !important;
}

.button.left_end,
.button.middle {
	border-right: solid rgba(255, 255, 255, 0.12) 1px;
}

.button.right_end
{
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;

	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;

	margin-left: 0 !important;
}

.buttonsPanel {
	display: flex;
	gap: 0 !important;
}

.buttonsPanelTitle {
	float: left;
	position: relative;

	display: inline-flex;
	gap: .5rem;
	align-items: center;
	vertical-align: top;

	padding: 0 12px;

	height: calc(var(--button_height) - 2px);
	line-height: var(--button_height) !important;

	font-family: var(--button_font_family) !important;
	letter-spacing: normal !important;
	font-style: normal !important;
	font-size: var(--button_font_size) !important;
	font-weight: 400 !important;

	color: var(--a_text_color_main);

	z-index: 1;

	
			border-radius: var(--rounded_corners_radius_fat);

	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;

	border: solid var(--neutral_6) 1px;

	white-space: nowrap;
}

.buttonsPanelTitle.big {
	height: calc(var(--button_height_big) - 2px);
	line-height: var(--button_height_big) !important;
}

.buttonsPanelTitle.greyBackground {
}

.buttonsPanelTitle > .icon {
	background-color: currentColor;
}

.buttonsPanelTitle.light
{
	border-color: #fff;
	color: #fff !important;
}

.buttonsPanelTitle.left_end
{
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;

	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;

	margin-right: 0 !important;
	border-right: 0;
}

.buttonsPanelTitle.middle
{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;

	margin-left: 0 !important;
	margin-right: 0 !important;
}

.buttonsPanelTitle.right_end
{
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;

	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;

	border-left: 0 !important;
}

/* text over icon */

.button > .icon > .text_over_icon
{
	width: 100%;
	text-align: center;

	font-size: 8px;
	font-family: small-fonts;
	color: #f9ac28;

	line-height: 14px;

	text-shadow: none;
}


/* secondary */

.button .secondary {
    position: absolute;

    top: -11px;
    right: 6px;

    min-width: 7px;
	height: 1em;
	line-height: 1em;

	padding: 2px 4px;

    text-align: center;

	font-family: var(--badge_font_family);
    font-size: var(--badge_font_size);
	font-weight: var(--badge_font_weight);

	/* text-transform: uppercase; */

	min-width: max-content;

    text-align: center;
    white-space: nowrap;

    border-radius: var(--badge_rounded_corners_radius) !important;

    background-color: #fff;
    color: var(--a_text_color_faint);

	z-index: 2;

	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}

.button .secondary:after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: var(--badge_rounded_corners_radius) !important;
	padding: 1px;
	background: linear-gradient(to top, transparent 5px, var(--borderColor) 5px);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
			mask-composite: exclude;
}

.button:not(.notext) .secondary {
	overflow: hidden;
    text-overflow: ellipsis;
}

.button.notext .secondary {
	left: 50% !important;
	transform: translateX(-50%);
}

.button .secondary.notification {
	background-color: var(--badge_color);
	color: #fff !important;
}

.button .secondary.new {
	background-color: var(--new_color);
	color: var(--dark_color);
}

.button .secondary.pro {
	background-color: var(--pro_color);
	color: #fff;
}

.button .secondary.left {
	bottom: auto;
	left: auto;
	right: calc(100% - 7px);
	top: calc(50% - 9px);
}

.button .secondary.right {
	bottom: auto;
	right: auto;
	left: calc(100% - 7px);
	top: calc(50% - 9px);
}

.button .secondary.bottomRightCorner {
	top: auto;
	left: auto;
	right: 10px;
	bottom: -10px;
}

.button .secondary.top {
	bottom: auto;
	top: -8px;
	box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2);
}

.button .secondary.withIcon,
.button .secondary:has(.icon) {
	top: -8px;
	padding: 3px;
	display: flex;
	gap: 2px;
	line-height: 1.1em;
}

.button .secondary.withIcon > .icon,
.button .secondary:has(.icon) > .icon {
	width: 11px;
	height: 11px;
	background-color: currentColor;
}

.button .secondary.noForceUppercase {
	text-transform: none;
}

.button.small > .secondary {
	right: 5px;
	top: -8px;
	padding: 2px 5px;
	font-size: var(--a_text_font_size_smaller);
	font-weight: 500;
}

.button.small > .secondary.bottomRightCorner {
	top: auto;
	left: auto;
	right: 5px;
	bottom: -8px;
}

.button.noBorder {
	--borderColor: transparent;
	--hoverBorderColor: transparent !important;
}

.button.secondary {
	right: auto;
	left: 50%;
	transform: translate(-50%, 0);
}


.button.paypal .secondary {
	background: #fff;
	width: 80px;
	height: 23px;
	background-image: url('/gfx/img/paypal.svg');
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center;
}

.button.payment .secondary {
	padding: 1px 4px;
	background: #fff;
	width: 80px;
	height: 17px;
	top: -14px;
	background-image: url('/gfx/img/creditcards.svg?v=2');
	background-size: 80px;
	background-repeat: no-repeat;
	background-position: center;
}

.button > .dotBadgeAttention {
    position: absolute;
    top: 4px;
    right: 4px;
    background: var(--badge_color);
    width: 6px;
    height: 6px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.button.unselected
{
	--bgColor: #ccc !important;
}

a.button.unselected:hover
{
	--bgColor: #bbb !important;
}

.button.unselected > .icon {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}


/* loading */

.button.loading {
	background-image:
	  repeating-linear-gradient(
			-45deg,
			hsla(var(--neutralHue), 95%, 35%, 10%),
			hsla(var(--neutralHue), 95%, 35%, 10%) .5rem,
			rgba(255, 255, 255, .13) .5rem,
			rgba(255, 255, 255, .13) 1rem
	  ) !important;
	background-size: 100%% 100%% !important;
	background-position: 0px 0px;
	animation: button_loading 60s linear infinite !important;

	--bgColor: var(--button_main_color);
}

@keyframes button_loading {
	0% { background-position: 0rem 0;}
	100% { background-position: 100rem 0; }
}

/* selected */
.button.selected {
	--bgColor: var(--faint_color);
	color: var(--a_text_color_main) !important;
}

a.button.selected:hover {
	--bgColor: #f4f4f4;
}

.button.selected > .icon.black {
	opacity: 0.6;
}

/* transparent */

.button.transparent {
	--bgColor: transparent;
	--hoverBgColor: transparent;
	--hoverFgColor: var(--primary_6);
	--hoverShadowTransparency: 0;
	--borderColor: transparent !important;
	--hoverBorderColor: transparent !important;
	--hoverShadowTransparency: 0;
}

.button.transparent.faint {
	--fgColor: var(--neutral_3);
}

.button.transparent.pushed {
	
			box-shadow: 0 3px 5px rgba(0, 80, 150, 0.2);
			-moz-box-shadow: 0 3px 5px rgba(0, 80, 150, 0.2);
			-webkit-box-shadow: 0 3px 5px rgba(0, 80, 150, 0.2);
}

.button.transparent.darkBackground {
	--fgColor: #fff;
}

.button.transparent.darkBackground.inactive {
	opacity: .5;
}

@media (pointer: fine) {

	.button.transparent:not(.darkBackground):hover:after,
	.button.transparent:not(.darkBackground):focus:after {
		--bgColor: rgba(255, 255, 255, .3);
	}

	.button.transparent.darkBackground:hover,
	.button.transparent.darkBackground:focus {
		--bgColor: var(--dark_faint_color);
	}

}

/* hollow */

.button.hollow {
	--bgColor: transparent;
	border: solid currentColor 1px !important;
	--fgColor: currentColor !important;
	box-shadow: none;
}

.button.hollow > .secondary {
	--bgColor: #fff;
	--fgColor: var(--grey_color);
	border-top: solid rgba(0, 0, 0, .17) 1px;
}

.button.hollow > .icon {
	background-color: currentColor;
}

.button.hollow:hover {
	--fgColor: var(--grey_color);
}

.button.hollow:active {
	opacity: 0.5;
}

.button.hollow.selected {
	border-color: var(--a_text_color_main) !important;
}

.button.hollow.right_end
{
	border-left: none !important;
}

.button.hollow.middle
{
	border-left: none !important;
}


.button.hollow.grey {
	background-color: transparent !important;
	border-color: #777 !important;
	--fgColor: #777 !important;
}

a.button.hollow.grey:hover {
	background-color: transparent !important;
	border-color: #222 !important;
	--fgColor: #222 !important;
}

.button.hollow.light {
	border-color: #fff !important;
	--fgColor: #fff !important;
}

a.button.hollow.light:hover {
	--fgColor: rgba(255, 255, 255, 0.2);
}

.button.hollow.light.selected {
	--fgColor: rgba(255, 255, 255, 0.5) !important;
}

.button.hollow.light .secondary
{
	background: #fff;
	color: #333;
	border: none;
}

.button.hollow.readableOverImage {
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	--bgColor: rgba(0, 0, 0, 0.2);
}

a.button.hollow.readableOverImage:hover {
	--bgColor: rgba(0, 0, 0, 0.2);
}

.button.hollow.inactive {
	--bgColor: transparent;
}

.button.hollow.inactive > .icon.white{
	opacity: 0.4 !important;
}

.button.hollow.light.inactive{
	border-color: #aaa !important;
}

.button.hollow.light.inactive > .secondary {
	background: #aaa;
	color: #000;
}

/* faint */

.button.faint:not(.transparent) {
	--fgColor: var(--a_text_color_faint) !important;
}

.button.faint:not(.transparent):hover {
	--fgColor: var(--a_text_color_button) !important;
}

/* fainter */

.button.fainter:not(.transparent) {
	--fgColor: var(--faint_color) !important;
}

.button.fainter:not(.transparent):hover {
	--fgColor: var(--a_text_color_faint) !important;
}

/* colors */

.button:is(
	.attention,
	.accent,
	.primary,
	.warning,
	.grey,
	.follow,
	.black,
	.like,
	.paypal,
	.plus,
	.pro,
	.facebook,
	.twitter,
	.pinterest,
	.customColor
) {
	--hoverBgColorLightnessMultiplier: 1.07;
	--activeBgColorLightnessMultiplier: 1.13;

	--hoverBgColor: hsl(from var(--bgColor) h s calc(l * var(--hoverBgColorLightnessMultiplier)));
	--fgColor: #fff !important;
	--hoverFgColor: var(--fgColor) !important;

	--borderColor: hsl(from var(--bgColor) h s calc(l * 0.97));
	--hoverBorderColor: hsl(from var(--borderColor) h s calc(l * var(--hoverBgColorLightnessMultiplier)));

	--hoverShadowColor: var(--bgColor);
	--hoverShadowTransparency: .7;

	--activeColor: var(--bgColor);

	> .secondary {
		--fgColor: var(--bgColor);
	}

	> .secondary:after {
		display: none;
	}

	&:active {
		--hoverBgColor: hsl(from var(--bgColor) h s calc(l * var(--activeBgColorLightnessMultiplier)));
	}
}

.button.follow {
	--bgColor: var(--follow_color);
}

.button.primary {
	--bgColor: var(--button_color_primary);
}

.button.accent {
	--bgColor: var(--button_color_accent);
}

.button.attention {
	--bgColor: var(--button_color_attention);
}

.button.warning {
	--bgColor: var(--button_color_warning);
}

.button.grey {
	--bgColor: var(--grey_color);
}

.button.white {
	--bgColor: transparent;
	--hoverBgColor: transparent;
	--fgColor: rgba(255, 255, 255, .8);
	--hoverFgColor: rgba(255, 255, 255, 1);
	--borderColor: var(--fgColor);
	--hoverBorderColor: var(--hoverFgColor);
}

.button.black {
	--bgColor: #000;
}

.button.buttonLike > .icon {
	transition: transform .06s ease-in-out;
}

@media (pointer: fine) {
	.button.buttonLike:hover > .icon {
		filter: none !important;
		transform: scale(1.1);
	}
}

.button.buttonLike.onDark {
	--bgColor: transparent !important;
	--fgColor: var(--like_color_bright);
	--hoverFgColor: var(--like_color_bright);
	border-color: var(--fgColor) !important;
}

.button.buttonLike.onDark > .secondary:after {
	display: none;
}

.button:not(.liked) .secondary.count {
	--bgColor: #000;
	--fgColor: #ccc;
}


.button.like {
	--bgColor: var(--like_color) !important;
	--hoverShadowColor: var(--like_color);
	--hoverShadowTransparency: .7;
}

.button.liked {
	--bgColor: var(--like_color) !important;
	--hoverFgColor: blue;
}

.button.paypal {
	--bgColor: #009cde;
}

.button.plus {
	--bgColor: var(--plus_color);
}

.button.pro {
	--bgColor: var(--pro_color);
}

.button.plus > .title,
.button.pro > .title {
	text-shadow: rgba(0, 0, 0, 0.2) 0 0 3px !important;
	font-weight: 500;
}

.button.facebook {
	--bgColor: #3b5998;
	--fgColor: #fff;
	border: none !important;
}

.button.twitter {
	--bgColor: #1DA1F2;
	--fgColor: #fff;
	border: none !important;
}

.button.pinterest {
	--bgColor: #d42b30;
	--fgColor: #fff;
	border: none !important;
}

.button.instagram {
	--bgColor: #da0052;
	--fgColor: #fff;
	border: none !important;
}


/* customColor */
.button.customColor {
	--bgColor: transparent;
}

.button.customColor.light {
	--fgColor: rgba(0, 0, 0, 0.6);
}

.button.customColor.dark {
	--fgColor: rgba(255, 255, 255, 0.8);
}

/* temporarilyInactive */
.button.temporarilyInactive {
	cursor: default;
	pointer-events: none;
	--bgColor: var(--grey_color);
	opacity: .5;
}

/* inactive */
.button.inactive {
	opacity: .4;
}

.button.inactive {
	cursor: default;
	pointer-events: none;
}

.button.inactive > .icon {
	zoom: 1;
}

/* nonfunctional */
.button.nonfunctional {
	pointer-events: none;
}

/* multiline */
.button.multiline {
	height: auto;
	align-items: flex-start;
}

.button.multiline > .text,
.button.multiline > .title {
	line-height: 1.2em;
	white-space: wrap;
	text-overflow: initial;
	padding: 4px 0;
}

.button.multiline > .icon {
	margin-top: 7px;
}

.button.multiline.small > .icon {
	margin-top: 6px;
}

/* fake */
.button.fake {
	--bgColor: transparent;
	--fgColor: currentColor;
	box-shadow: none !important;
	border: solid currentColor 1px;
	pointer-events: none;
	margin: 2px;
}

.button.flashOffer {
	--bgColor: #69fcd0;
	--fgColor: #005579 !important;
}


/* wink */
.button > .wink {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;

	background-position: -500px 0;

	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.5) 54%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(30%, rgba(255,255,255,0)), color-stop(54%, rgba(255,255,255,0.5)), color-stop(80%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.5) 54%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.5) 54%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.5) 54%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.5) 54%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);

	background-repeat: no-repeat;

	animation-duration: 1.8s;
	animation-name: buttonWink;
	animation-fill-mode: forwards;

	border-radius: inherit;
}

@keyframes buttonWink {
  from {
	background-position: 500px 0;
  }

  to {
	background-position: -500px 0;
  }
}

/* buttons */
.buttons {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 7px;
	clear: both;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.buttons.narrow {
	padding-left: max(15%, 50px);
	padding-right: max(15%, 50px);
}

.buttons > .button {
	margin: 0;
}

.buttons.centered {
	width: 100%;
	justify-content: center;
	align-items: center;
}

.buttons.isolated {
	margin: 10px 0;
}

.buttons.isolatedBig {
	margin: 30px 0;
}

.buttons.noRoundedCorners > .button {
	border-radius: 0 !important;
}


/* packed */

.buttons.packed:not(.vertical) {
	gap: 0;
	flex-wrap: nowrap;
	
			border-radius: var(--rounded_corners_radius);
}

.buttons.packed:not(.vertical):not(.noRoundedCorners) {
	
			border-radius: var(--rounded_corners_radius);
}

.buttons.packed:not(.vertical):not(.noHorizontalScroll) {
	
			background-image:
				linear-gradient(to right, white, rgba(255, 255, 255, 0)),
				linear-gradient(to right, rgba(150, 190, 200, 0), white),
				linear-gradient(to right, rgba(150, 190, 200, .5), rgba(150, 190, 200, 0)),
				linear-gradient(to left, rgba(150, 190, 200, .5), rgba(150, 190, 200, 0));
			background-position:
				left center,
				right center,
				left center,
				right center;
			background-repeat: no-repeat;
			background-color: white;
			background-size:
				100px 100%,
				100px 100%,
				40px 100%,
				40px 100%;
			background-attachment:
				local,
				local,
				scroll,
				scroll;

			overscroll-behavior: none;
		
}

.buttons.packed > .button {
	border-radius: 0;
}

.buttons.packed:not(.vertical) > .button:not(:last-child) {
	border-right: none !important;
}

.buttons.packed:not(.vertical) > .button:not(:last-child):not(.transparent) {
	border-right: solid rgba(0, 0, 0, 0.1) 1px;
}

.buttons.packed:not(.vertical):not(.noRoundedCorners) > .button:first-child {
	
			border-top-left-radius: var(--rounded_corners_radius);
			border-bottom-left-radius: var(--rounded_corners_radius);
}

.buttons.packed:not(.vertical):not(.noRoundedCorners) > .button:last-child {
	
			border-top-right-radius: var(--rounded_corners_radius) !important;
			border-bottom-right-radius: var(--rounded_corners_radius) !important;
}

.buttons.packed:not(.vertical):not(.noRoundedCorners) > .button.hollow + .button.hollow {
	border-left: none !important;
}

/* vertical */

.buttons.vertical {
	flex-direction: column;
}

/* vertical packed */
.buttons.vertical.packed {
	gap: 0;
	flex-wrap: nowrap;
	align-items: stretch;
}

.buttons.vertical.packed > .button:not(:last-child) {
	border-bottom: none !important;
}

.buttons.vertical.packed:not(.noRoundedCorners) > .button:first-child {
	
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);
}

.buttons.vertical.packed:not(.noRoundedCorners) > .button:last-child {
	
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);
}

.buttons.vertical.packed > .button:not(:first-child):not(.transparent) {
	border-top: solid rgba(0, 0, 0, 0.05) 1px;
}

.buttons.vertical.packed > .button.hollow:not(:first-child) {
	border-top: none !important;
}


/* vertical fullWidth */
.buttons.vertical.fullWidth {
	align-items: stretch;
}


/* buttonContainer */
.buttonContainer {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: min-content;
}

/* animation_effect_like */
.button.animation_effect_like > .icon {
	position: relative;

    animation-name: like;
    animation-duration: 1s;
	animation-timing-function: ease-in-out;
    animation-fill-mode: both;
	transform-origin: 50% 50%;
}

@keyframes like {
    0%, 100% {transform: scale(1);}
	20% {transform: scale(1.4);}
	40% {transform: scale(1);}
	60% {transform: scale(1.2);}
}

.simpleButton {
	position: relative;
	display: inline-flex;
	gap: .3rem;
	align-items: flex-start;
	margin: 0px;

	--fgColor: currentColor;
	--hoverFgColor: var(--a_text_color_main_highlight);

	color: var(--fgColor);

	text-decoration: none;
}

a.simpleButton:hover {
	transition: border var(--linkHoverTransitionEnter); ease-out;
	color: var(--hoverFgColor) !important;
	text-decoration: none !important;
	cursor: pointer;
}

.simpleButton.inline {
	vertical-align: middle;
}

.simpleButton.display_block {
	display: flex;
}

.simpleButton.isolated {
	margin-top: 30px;
	margin-bottom: 30px;
}

.simpleButton.centered {
	margin-left: 50%;
	transform: translateX(-50%);
}

.simpleButton:has(.text) > .icon,
.simpleButton:has(.title) > .icon {
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	margin-top: 2px;
}

.simpleButton > .icon {
	background-color: currentColor;
}

.simpleButton > .text,
.simpleButton > .title {
	color: currentColor;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1;

	transform: translateY(-1px);
}

.simpleButton.primary {
	--fgColor: var(--a_text_color_primary);
	--hoverFgColor: var(--a_text_color_primary_highlight);
}

.SimpleButtons {
	display: flex;
	gap: 5px 15px;
}

.SimpleButtons.isolated {
	margin: 20px 0;
}

.SimpleButtons.centered {
	width: 100%;
	justify-content: center;
	align-items: center;
}

.SimpleButtons.vertical {
	flex-direction: column;
}

.button_text {
	color: var(--a_text_color_primary);
	cursor: pointer;
	display: block;
	float: left;
	width: 100%;
	text-align: left !important;
	font-weight: normal;
}

.button_text.noUnderline {
	text-decoration: none;
}

.button_text.small {
	font-size: var(--a_text_font_size_small);
}

body.dark .button_text {
	color: var(--a_text_color_button_dark_background);
}

body.dark .button_text:hover {
	color: #fff;
}

.button_text.username {
}

.button_text.centered {
	text-align: center !important;
}

.button_text:hover {
}

.button_text.underline
{
    text-decoration: underline;
}

.button_text.inactive
{
    cursor: default;
    color: var(--a_text_color_main);
}

.button_text.passive
{
    color: var(--a_text_color_main);
}

.button_text.passive:hover
{
    color: var(--a_text_color_button);
    text-decoration: none;
}

.button_text.faint {
	color: var(--a_text_color_faint);
}

.button_text.faint:hover {
	opacity: 1;
}

.button_text.inline
{
	display: inline;
	width: auto;
	float: none;
}

.button_text.no_lowercase
{
	text-transform: none;
}

.button_text.canwrap {
	word-break: break-all;
}

.button_text.dark_background {
	color: var(--a_text_color_button_dark_background);
}

.button_text.dark_background:hover {
	color: var(--a_text_color_button_dark_background_lighter);
}

.button_text_icon {
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
	display: flex;

}

.button_text_icon.nomargin {
    margin: 0;
}

a.button_text_icon {
    cursor: pointer;
}

.button_text_icon.display_inline {
	display: inline-block;
}

.button_text_icon > .icon {
    margin: 2px 4px 0 0;
	background-color: currentColor;
	width: 14px;
	height: 14px;
}

.button_text_icon > .text {
	color: currentColor;
	text-align: left;
	white-space: nowrap;
}

.button_text_icon.error { color: var(--error_color); }
.button_text_icon.warning { color: var(--warning_color); }
.button_text_icon.info { color: var(--info_color); }
.button_text_icon.help { color: var(--help_color); }
.button_text_icon.attention { color: var(--attention_color); }
.button_text_icon.grey { color: #888; }

.button_text_icon.big_icon > .icon {
	width: 32px;
	height: 32px;
}

a.button_text_icon {
    color: var(--a_text_color_button);
}

a.button_text_icon:hover {
    color: var(--a_text_color_button_hover);
}

/* dark_background */

.button_text_icon.dark_background {
	color: #fff;
}

a.button_text_icon.dark_background:hover {
	color: #fff;
}

.button_text_icons {
	display: flex;
	flex-direction: column;
	clear: both;
	padding: 10px 0;
}

/* inactive */
.button_text_icon.inactive {
    pointer-events: none;
	color: #ccc;
}

/* faint */
.button_text_icon.faint {
    color: var(--faint_color);
}

/* simple */
.button_text_icon.simple {
}

.button_text_icon.simple {
    opacity: .7;
}

a.button_text_icon.simple:hover {
	opacity: 1;
}

.button_text_icon.simple > .text {
    color: var(--a_text_color_main);
}

.button_text_icon.simple.darkBackground > .text {
    color: #fff !important;
}

form {
	max-width: 100%;
}

input,
textarea
{
	position: relative;
	padding: 0 13px;

	border: solid 1px var(--forms_border_color);

	color: var(--forms_text_color);
	background: #fff;
	margin: 0px;

	
			border-radius: var(--rounded_corners_radius_fat);

	font-size: var(--forms_font_input_size);
	font-family: var(--forms_font_input_family);
	font-weight: var(--forms_font_input_weight);

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;

	line-height: var(--forms_input_height);

	max-width: 100%;

	cursor: auto;

	/* box-shadow: inset 0 10px 10px -10px rgba(20, 40, 80, .15); */
}

input:-webkit-autofill {
	-webkit-box-shadow: 0px 1000px white inset;
}

input.small {
	line-height: 1.7em;
	font-size: var(--a_text_font_size_small);
}

input.highlightWhenFilled:not(:placeholder-shown) {
	background: var(--forms_accent_color);
	border-color: var(--forms_accent_color);
	color: #fff;
}

input.fullWidth {
	width: 100%;
}

textarea {
	line-height: 1.4em;
}

textarea.fullWidth {
	width: 100%;
}

/* prevent ios zoom in on focus form elements when in app */
body.inApp input[type="color"],
body.inApp input[type="date"],
body.inApp input[type="datetime"],
body.inApp input[type="datetime-local"],
body.inApp input[type="email"],
body.inApp input[type="month"],
body.inApp input[type="number"],
body.inApp input[type="password"],
body.inApp input[type="search"],
body.inApp input[type="tel"],
body.inApp input[type="text"],
body.inApp input[type="time"],
body.inApp input[type="url"],
body.inApp input[type="week"],
body.inApp select,
body.inApp select:focus,
body.inApp textarea {
  font-size: 13pt !important;
}

/* also to prevent zomming in on form fields on iOs */
@media only screen and (max-width: 750px) {
	body.inApp select,
	body.inApp select:focus,
	body.inApp textarea,
	body.inApp input {
		font-size: 13pt !important;
	}
}

input.smallerText,
textarea.smallerText {
	font-size: 10pt;
}

input.transparentBackground,
textarea.transparentBackground {
	background: transparent;
}

input.big {
	line-height: 46px;
	padding: 0 15px;
}

select.big {
	line-height: 46px;
	padding: 0 35px 0 20px;
}

textarea
{
	padding: 12px 17px;
	height: 350px;
	max-height: 450px;
	min-height: calc(1.5em + 14px);
	resize: vertical;
}

input.defaultvalue,
textarea.defaultvalue
{
	color: #bbb;
}

input.required,
textarea.required,
select.required {
	background-image: url('/gfx/img/icons/required_field.png');
	background-repeat: no-repeat;
	background-position: right 5px top 5px;
	background-size: 12px;
	padding-right: 23px;
}

input.numeric,
input[type=number]
{
	text-align: right;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: .4;
}

/* unframed */

input.unframed,
textarea.unframed
{
	border: none;
	margin: 1px;
}

input.big_unframed
{
	font-size: 19px;
	border: solid 1px transparent;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

input.big_unframed:hover,
input.big_unframed:focus
{
	border: solid 1px var(--a_text_color_primary);
	border-color: var(--a_text_color_primary);

	color: #666;

	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
	border-color: var(--forms_border_color_highlighted);
}

input:focus,
textarea:focus {
	background-color: #fff;
}

input[type=checkbox],
input[type=radio]
{
	background: none;
	border: none;

	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;

	margin: 0;
	padding: 0;
}

input.disabled,
input.disabled:hover,
input.disabled:focus,
input:disabled,
textarea:disabled,
input.locked,
input.locked:hover,
input.locked:focus {
	color: var(--grey_color);

	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;

	background-repeat: no-repeat;
	background-position: right 5px top 5px;
	background-size: 12px;
	padding-right: 23px;
}

input.locked,
input.locked:hover,
input.locked:focus {
	background-image: url('/gfx/img/icons/locked_field.png');
}

textarea.inactive {
	border: solid 1px #ddd;
	color: #fff;
}


/* integrated */

input.integrated_top
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);
}

input.integrated_bottom
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);
	border-top: none;
}

input.integrated_bottom:focus,
input.integrated_bottom:hover
{
	border-top: solid 1px var(--a_text_color_primary);
	margin-top: -1px !important;
}

input.username {
	padding-left: 27px;
	background-image: url('/gfx/img/inputUsernameBackground.svg?2');
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 10px 12px;
}

/* select */

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;

	
			border-radius: var(--rounded_corners_radius_fat);

	background: #fff;
	background-image: url('/gfx/img/dropdown_arrow.svg');
	background-position: calc(100% - 12px) 100%;
	background-size: 13px 100%;
	background-repeat: no-repeat;

	border: solid 1px var(--forms_border_color);
	padding: 0 32px 0 13px;

	font-size: var(--forms_font_size_select);
	font-family: var(--forms_font_family);

	color: var(--forms_text_color);

	line-height: var(--forms_input_height);

	max-width: 100%;
}

select.small {
	font-size: var(--a_text_font_size_smaller) !important;
	height: var(--forms_input_height_small);
	line-height: 1.2em;
	padding: 0 8px 0 5px !important;
	background-position: calc(100% - 4px) 100%;
	background-size: 11px 100%;
}

select.small option {
	padding: 0 !important;
}

select.centered {
	margin-left: 50%;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

select.dark {
	background-color: var(--dark_faintest_color);
	color: #fff;
	border-color: var(--dark_faintest_color);
}

select.dark option
{
}

select.fullwidth
{
	width: 100%;
}

select.margin_bottom
{
	margin-bottom: 10px;
}

select optgroup
{
	font-weight: bold;
	padding: 0px 10px;
}

select option.highlighted
{
	color: var(--a_text_color_primary);
}

select.highlightWhenFilled {
	background: var(--forms_accent_color);
	border-color: var(--forms_accent_color);
	color: #fff;
}

/* placeholder */
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder { color: var(--grey_color); }

textarea:-ms-input-placeholder,
input:-ms-input-placeholder { color: var(--grey_color); }

textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder { color: transparent; }

textarea:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder { color: transparent; }

/* range */
input[type=range].styled {
	position: relative;

	-webkit-appearance: none;
	appearance: none;
	outline: none;
	-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;

	border: none;
	background: url('/gfx/img/form_input_range_background.svg?2') #111;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;

	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;

	height: 70px;

	overflow: visible;
}

input[type=range].styled::-moz-focus-outer {
	border: 0;
}

input[type=range].styled::-moz-range-track {
	background: transparent;
}

input[type=range].styled.bottomJoined {
	
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
	padding: 5px 20px;
}

input[type=range].styled::-webkit-slider-thumb {
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	height: 35px;
	width: 35px;
	background: #fff;
	margin: 10px 0;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	cursor: pointer;
}

input[type=range].styled::-moz-range-thumb {
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	height: 35px;
	width: 35px;
	background: #fff;
	margin: 10px 0;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	cursor: pointer;
}

input[type=range].styled.withIcon.beforeAndAfter::-webkit-slider-thumb {
	background-size: 14px;
	background-position: center;
	background-repeat: no-repeat;
}
input[type=range].styled.withIcon.beforeAndAfter::-moz-range-thumb {
	background-size: 14px;
	background-position: center;
	background-repeat: no-repeat;
}

input[type=range].styled.withIcon.hideIcon::-webkit-slider-thumb {
	background-image: none !important;
}
input[type=range].styled.withIcon.hideIcon::-moz-range-thumb {
	background-image: none !important;
}

/* file */
input[type=file] {
	max-width: 100%;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	width: 10px !important;
}

.inputfile + label {
	display: inline-flex;
	margin-left: 0;
	margin-right: 0;
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

/* loading */

@keyframes inputfile_loading {
  from {
	background-position: 0 0;
  }
  to {
	background-position: 60px 30px;
  }
}

.inputfile.loading + label {
	background-position: center !important;
	background-size: 30px 30px !important;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.1) 25%,
		rgba(0, 0, 0, 0.03) 25%,
		rgba(0, 0, 0, 0.03) 50%,
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(0, 0, 0, 0.03) 75%,
		rgba(0, 0, 0, 0.03)
	) !important;
	animation: inputfile_loading 0.5s linear infinite;
}


/* checkbox_radio_box */

.checkbox_radio_box {
	display: inline-flex !important;
	float: left;
	width: 100%;
}

.checkbox_radio_box + .checkbox_radio_box {
}

.checkbox_radio_box > input[type=checkbox],
.checkbox_radio_box > input[type=radio] {
	visibility: hidden;
	position: absolute;
	width: 0px;
	height: 0px;
}

.checkbox_radio_box > .texts {
	margin-left: 7px;
	white-space: normal;
	text-align: left;
	margin-top: 1px;
}

.checkbox_radio_box > .texts > .title {
	line-height: 1.3em;
	font-size: var(--forms_font_size);
	color: var(--forms_text_color);
}

.checkbox_radio_box > .texts > .title.clickable {
	cursor: pointer;
}

.checkbox_radio_box.big > .texts > .title {
	margin-top: 3px;
}

.checkbox_radio_box .subTitle,
.checkbox_radio_box .texts > .subTitle {
	color: var(--forms_text_color);
	font-size: var(--a_text_font_size_small);
	cursor: normal;
}

.checkbox_radio_box label {
	flex-shrink: 0;
	cursor: pointer;
	position: relative;
	width: 20px;
	height: 20px;
	top: 0;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	background: var(--fainter_color);
	box-shadow: inset 0 2px 3px var(--faint_color);

	transition: background-color .05s linear;
}

.checkbox_radio_box.transparentBackground label {
	background: rgba(255, 255, 255, 0.2);
}

.checkbox_radio_box label:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 4px;
	background: transparent;
	top: 6px;
	left: 5px;
	border: solid var(--grey_color) 2px;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);

	opacity: 0;
	transition: all .05s linear;
}

.checkbox_radio_box.big {
	margin-bottom: 20px;
}

.checkbox_radio_box.big > label {
	width: 30px;
	height: 30px;
}

.checkbox_radio_box.big > label:after {
	width: 12px;
	height: 5px;
	border-width: 2px;
	top: 10px;
	left: 8px;
}

.checkbox_radio_box.big > .title {
	line-height: 30px;
	padding-left: 10px;
}

.checkbox_radio_box.small > .texts > .title {
	font-size: var(--a_text_font_size_small);
}

.checkbox_radio_box.small > label:after {

}

.checkbox_radio_box.clickHint label:after {
	opacity: 1;
	border-color: var(--faint_color);
}

.checkbox_radio_box.clickHint:hover label:after {
	opacity: 1;
	border-color: var(--a_text_color_primary);
}

@media (pointer: fine) {
	.checkbox_radio_box:hover > label {
		background: var(--fainter_color);
	}
}

.checkbox_radio_box input[type=radio]:checked + label:after,
.checkbox_radio_box input[type=checkbox]:checked + label:after {
	opacity: 1;
	border-color: #fff;
}

.checkbox_radio_box input[type=radio]:checked + label,
.checkbox_radio_box input[type=checkbox]:checked + label {
	background: var(--forms_accent_color);
	box-shadow: none;
}

.checkbox_radio_box.disabled {
	pointer-events: none;
}

.checkbox_radio_box.disabled label {
	border: dashed #aaa 1px !important;
	background: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}

.checkbox_radio_box.disabled label::after {
	border-color: #aaa !important;
}

.checkbox_radio_box.withBorder {
	border: solid #ccc 1px;
	
			border-radius: var(--rounded_corners_radius_fat);
	padding: 30px;
}

.checkbox_radio_box.highlighted input[type=radio]:checked + label,
.checkbox_radio_box.highlighted input[type=checkbox]:checked + label {
	background: var(--a_text_color_primary) !important;
	border-color: var(--a_text_color_primary);
}

.checkbox_radio_box.twoColumns {
	width: 50%;
}

.checkbox_radio_box > .badge {
	margin-left: 5px;
}

@media only screen and (max-width: 750px) {
	.checkbox_radio_box.twoColumns {
		width: 100%;
	}
}

.checkbox_radio_boxes_centered {
	float: left;
	margin-left: 50%;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

.radios {
	display: inline-flex;
	flex-direction: column;
	gap: 7px;
}

.radios.centered {
	margin-left: 50%;
	transform: translateX(-50%);
}

/* search */

.searchHeader {
	text-align: center;
}

input.search {
	background: transparent;
	padding: 0px 5px 0px 33px;

	max-width: 100%;

	transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	-webkit-transition: opacity .1s ease-in-out;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 14px;
}

input.search.isolated {
	margin: 30px 0 !important;
}

input.search.lightBackground {
	border-color: var(--faint_color);
	background-image: url('/gfx/icons/color/search_grey.svg?4');
}

input.search.lightBackground:hover,
input.search.lightBackground:focus {
	border-color: var(--grey_color);
}

input.search.lightBackground::placeholder,
input.search.lightBackground::-webkit-input-placeholder {
	color: var(--grey_color);
}

input.search.lightBackground:focus::-webkit-input-placeholder { color: transparent; }
input.search.lightBackground:focus:-ms-input-placeholder { color: transparent; }

input.search {
	background-image: url('/gfx/icons/color/search_black.svg?4');
}

input.search.darkBackground {
	color: #fff;
	border-color: #fff;
	background-image: url('/gfx/icons/color/search_white.svg?4');
}

input.search.darkBackground::-webkit-input-placeholder { color: #fff; }

input.search.darkBackground:-ms-input-placeholder { color: #fff; }


input.search.darkBackground:focus::-webkit-input-placeholder{ color: transparent; }

input.search.darkBackground:focus:-ms-input-placeholder { color: transparent; }

input.search.darkBackground:hover,
input.search.darkBackground:focus {
	opacity: 1;
}

input.search.isolated {
	margin: 40px 0 0px 0;
}

input.search.small {
	height: 1.7em;
	background-size: 18px;
	background-position: 5px;
	padding: 0px 5px 0px 25px;
	font-size: var(--a_text_font_size_smaller) !important;
}

/* bigCode */
input[type=text].bigCode {
	font-size: 25pt !important;
	font-family: var(--special_a_text_font_family) !important;
	font-weight: 500;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase
}

input[type=text].bigCode.dark {
	background-color: var(--dark_color);;
	color: #fff;
	border: dashed #fff 2px;
}

/* multipleFormInputs */
.multipleFormInputs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
}

@media only screen and (max-width: 750px) {
	.multipleFormInputs {
		flex-wrap: wrap;
	}
}

.multipleFormInputs > select,
.multipleFormInputs > input {
	max-width: 150px;
}

/* form */
.form {
	float: left;
	width: calc(100% - 40px);
	margin: 0 20px;
}

.form .item {
	position: relative;
	float: left;
	width: 100%;
}

.form .item.withLabel {
}

.form .item:not(:first-child) {
	margin-top: 10px;
}

.form .item.isolated {
	margin: 20px 0;
}

.form .item > label {
	display: block;
	margin-bottom: 5px;
	color: var(--forms_label_color);
}

.form .item > .subLabel {
	position: absolute;
	right: 5px;
	top: 0;
	font-size: 9pt;
	color: #aaa;
}

.form .item > textarea {
	width: 100%;
}

.form > .item.highlighted {
	padding: 5px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: #f4f4f4;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.form .item.error {
	
			border-radius: var(--rounded_corners_radius_fat);
	z-index: 1;
	padding: 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border: solid var(--error_color) 4px;
}

.form > .itemsRow {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.form > .itemsRow > .item {
	max-width: 200px;
	flex-grow: 1;
	margin: 10px;
}

.form .item.message {
	padding: 10px 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/* inputWithButton */
.inputWithButton {
	display: flex;
	width: 100%;
	max-width: 100%;
}

.inputWithButton.centered {
	width: auto;
	display: inline-flex;
	align-content: center;
	margin: 0 auto;
}

.inputWithButton > input,
.inputWithButton > .button {
	height: 35px;
}

.inputWithButton > input {
	
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
	width: 100%;
	max-width: calc(100% - 35px);
}

.inputWithButton > .button {
	
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
}

.formBlocks {
	container-type: inline-size;
	--border-color: var(--fainter_color);
	--gap: 20px;
	display: flex;
	flex-direction: column;
	clear: both;
}

.formBlocks > .formBlockSection {
	container-type: inline-size;
	
			border-radius: var(--rounded_corners_radius_fat);;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		;
	background: #fff;
	overflow: hidden;
}

.formBlocks > .formBlockSection + .formBlockSection {
	margin-top: var(--gap);
}

.formBlock {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	padding: var(--gap);
}

.formBlock:not(.hideIfNoCloudflareTurnstileChallenge) + .formBlock:not(.hideIfNoCloudflareTurnstileChallenge) {
	border-top: solid var(--border-color) 1px;
}

.formBlocks > .formBlock:last-child {
	margin-bottom: var(--gap);
}

.formBlock > .main {
	display: flex;
	gap: var(--gap);
}

.formBlock > .main > .title {
	flex-shrink: 0;
	width: calc(220px - var(--gap));
	margin-right: var(--gap);
	color: var(--a_text_color_main);
	font-family: var(--b_text_font_family);
}

.formBlock .formBlockContent {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.formBlock .formBlockContent .formBlockInput:only-child,
.formBlock .formBlockContent .formBlockInput:only-child input,
.formBlock .formBlockContent .formBlockInput:only-child textarea {
	width: 100%;
}

.formBlock .formBlockContent .formBlockInput {
	float: left;
	display: flex;
	flex-direction: column;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.formBlock .formBlockContent .formBlockInput.select {
	max-width: max-content;
}

.formBlock .formBlockContent .formBlockInput > .header {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.formBlock .formBlockContent .formBlockInput > .header > .title {
	margin-bottom: 5px;
}

.formBlock .formBlockContent .formBlockInput > .header > .unit {
	color: var(--grey_color);
	font-size: var(--a_text_font_size_smaller);
}

.formBlock .formBlockContent .formBlockInput > .input {
	float: left;
}

.formBlock .formBlockContent .formBlockInput > .input > input,
.formBlock .formBlockContent .formBlockInput > .input > select {
	width: 100%;
}

/* formBlockGroup */

.formBlock .formBlockContent .formBlockGroup {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

/* disabled */

.formBlock.disabled .formBlockContent {
	pointer-events: none;
	filter: grayscale(1);
	opacity: .7;
}

.formBlock.disabled > .disabledMessage {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) !important;
	transition: opacity .1s linear;
	opacity: 0;
	box-shadow:
		0 0 0 10px #fff,
		0 0 40px 40px #fff;
}

.formBlock.disabled:hover > .disabledMessage {
	opacity: 1;
}

/* warning */
.formBlock.warning > .title,
.formBlock.warning > .formBlockContent {
	color: var(--warning_color);
}

/* compact */
.formBlocks.compact .formBlock {
	border: none;
	padding: calc(var(--gap) / 2) var(--gap);
}

.formBlocks.compact > .formBlock:last-child {

}

/* paddingBig */
.formBlocks.paddingBig > .formBlockSection {
	padding: var(--gap);
}

.formBlocks.paddingBig .formBlockInput.submit {
	padding: var(--gap);
}

@media only screen and (max-width: 750px) {
	.formBlock > .main {
		flex-direction: column;
		gap: 5px;
	}

	.formBlock > .main > .title {
		font-size: var(--a_text_font_size_big);
		font-weight: 600;
		margin-bottom: 10px;
	}
}

#calendar.fc .fc-col-header-cell a {
	text-decoration: none;
}

#calendar.fc .fc-daygrid-day-number {
	text-decoration: none;
	color: var(--a_text_color_main);
}

#calendar.fc .fc-icon {
	&:before {
		font-family: 'Courier New';
		font-weight: bold;
	}

	&.fc-icon-chevron-left:before {
		content: '<';
	}

	&.fc-icon-chevron-right:before {
		content: '>';
	}
}

#calendar.fc .fc-col-header-cell a {
	text-decoration: none;
}

#calendar.fc .fc-daygrid-day-number {
	text-decoration: none;
	color: var(--a_text_color_main);
}

#calendar.fc .fc-icon {
	&:before {
		font-family: 'Courier New';
		font-weight: bold;
	}

	&.fc-icon-chevron-left:before {
		content: '<';
	}

	&.fc-icon-chevron-right:before {
		content: '>';
	}
}

#calendar.fc .fc-col-header-cell a {
	text-decoration: none;
}

#calendar.fc .fc-daygrid-day-number {
	text-decoration: none;
	color: var(--a_text_color_main);
}

#calendar.fc .fc-icon {
	&:before {
		font-family: 'Courier New';
		font-weight: bold;
	}

	&.fc-icon-chevron-left:before {
		content: '<';
	}

	&.fc-icon-chevron-right:before {
		content: '>';
	}
}

#calendar.fc .fc-col-header-cell a {
	text-decoration: none;
}

#calendar.fc .fc-daygrid-day-number {
	text-decoration: none;
	color: var(--a_text_color_main);
}

#calendar.fc .fc-icon {
	&:before {
		font-family: 'Courier New';
		font-weight: bold;
	}

	&.fc-icon-chevron-left:before {
		content: '<';
	}

	&.fc-icon-chevron-right:before {
		content: '>';
	}
}

.photoChoice {
	position: relative;
	display: flex;
	align-items: flex-start;
	overflow-x: scroll;
	overflow-y: hidden;
	width: 100%;
}

.photoChoice > input {
	display: none;
}

.photoChoice:before {
	position: sticky;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	min-width: 50px;
	background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.photoChoice:after {
	position: sticky;
	content: '';
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	min-width: 50px;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.photoChoice > .item {
	background: #f0f0f0;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}

.photoChoice > .item:not(:last-child) {
	margin-right: 15px;
}

.photoChoice > .item > img {
	height: 205px;
	float: left;
	border-radius: 5px;
	margin: 0;
}

.photoChoice > .item.selected {
	background: #4eafff;
}

.lightboxExportCustomizeProfiles {
	display: grid;
	grid-template-columns: 20px 250px 220px 1fr;
	grid-template-areas: "isItem details notes photoChoice";
	gap: 20px;
	padding: 20px;
	margin: 20px 0;

	background: #f4f4f4;
	border-radius: 10px;
}

.lightboxExportCustomizeProfiles > .isItem {
	grid-area: isItem;
}

.lightboxExportCustomizeProfiles > .details {
	grid-area: details;
}

.lightboxExportCustomizeProfiles > .notes {
	grid-area: notes;
}

.lightboxExportCustomizeProfiles > .photoChoice {
	grid-area: photoChoice;
}

.lightboxExportCustomizeProfiles > .photoChoice:before {
	background: linear-gradient(270deg, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%);
}

.lightboxExportCustomizeProfiles > .photoChoice:after {
	background: linear-gradient(90deg, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%);
}

@media only screen and (max-width: 980px) {
	.lightboxExportCustomizeProfiles {
		grid-template-columns: 20px .5fr .5fr;

		grid-template-areas:
			"isItem details notes"
			"photoChoice photoChoice photoChoice";
	}
}

.lightboxEditColorAndEmojiPanel {
	display: flex;
	clear: both;
	flex-wrap: no-wrap;
	gap: 20px;
}

.lightboxEditColorAndEmojiPanel > .colorPalette {
	flex-grow: 1;
	margin-top: 10px;
}

.lightboxEditColorAndEmojiPanel > .emojis {
	flex-grow: 1;
}

@media only screen and (max-width: 980px) {
	.lightboxEditColorAndEmojiPanel {
		flex-direction: column;
		align-items: center;
	}
}

@font-face {
    font-family: 'Source Serif Pro';
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
    src:
		url('/gfx/fonts/SourceSerifPro-Regular.woff2') format('woff2'),
        url('/gfx/fonts/SourceSerifPro-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Source Serif Pro';
    font-weight: bold;
    font-style: normal;
	font-display: fallback;
    src:
		url('/gfx/fonts/SourceSerifPro-Bold.woff2') format('woff2')
        url('/gfx/fonts/SourceSerifPro-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Noto Color Emoji';
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
    src: url('/gfx/fonts/NotoColorEmoji-Regular.ttf');
}

.emoji {
	font-family: 'Apple Color Emoji', 'Noto Color Emoji';
	font-size: 1em;
	margin: 0 auto 1
}

.emoji.forceAndroidStyle {
	font-family: 'Noto Color Emoji';
}

.timeline {
	float: left;
	width: 100%;
	text-align: center;
}

.timeline > div {
	margin: 0 auto;
	max-width: 650px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;;
    text-align: left;
}

.timeline > div > .item,
.timeline > div > .itemSeparator,
.timeline > div > .itemContinues {
    position: relative;
    left: 50%;
    width: 50%;
    border-left: dashed var(--grey_color) 1px;
	padding-bottom: 20px;
}

.timeline > div > .item:after {
	position: absolute;
	top: 35px;
	left: -6.5px;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 30px;
	background: #fff;
	border: solid var(--grey_color) 1px;
	box-shadow: 0 0 0 8px #fff;
}

.timeline > div > .itemHeader {
	margin: 30px auto;
	text-align: center;
	display: flex;
	justify-content: center;
}

.timeline > div > .itemHeader > div {
	background: var(--grey_color);
	color: #fff;
	padding: 15px 20px;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.timeline > div > .item.pair {
    left: auto;
    border-left: none;
    border-right: dashed var(--grey_color) 1px;
}

.timeline > div > .item.pair:after {
	left: auto;
    right: -6.5px;
}

.timeline > div > .itemSeparator {
    height: 40px;
}

.timeline > div > .itemContinues {
    height: 10px;
    border-left: dashed var(--grey_color) 1px;
}

.timeline > div > .item.withImage {
    min-height: 100px;
}

.timeline > div > .item > .image {
    position: absolute;
    right: calc(100% + 40px);
    width: 170px;
    height: 170px;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

	
			box-shadow:
				0 1px 1px hsl(200deg 30% 50% / 0.05),
				0 2px 2px hsl(200deg 30% 50% / 0.05),
				0 4px 4px hsl(200deg 30% 50% / 0.05),
				0 8px 8px hsl(200deg 30% 50% / 0.05),
				0 16px 16px hsl(200deg 30% 50% / 0.05)
				;
		
}

.timeline > div > .item.pair > .image {
    right: auto;
    left: calc(100% + 40px);
}

.timeline > div > .item > .texts {
    margin-left: 40px;
    overflow: hidden;
}

.timeline > div > .item.pair > .texts {
    margin-left: auto;
    margin-right: 40px;
    text-align: right;
}

.timeline > div > .item.pair > .texts > .button_text {
    text-align: right;
}

.timeline > div > .item > .texts > .date {
    color: #bbb;
    font-size: var(--a_text_font_size_small);
    margin-bottom: 5px;
}

.timeline > div > .item > .texts > .title {
    font-size: 16pt;
    line-height: 1.3em;
}

.timeline > div > .item > .texts > .subTitle {
    margin-top: 5px;
}

.timeline > div > .item > .texts > .button_text {
    margin-top: 10px;
}

@media only screen and (max-width: 750px) {
	.timeline > div {
        max-width: auto;
        padding: 0 20px;
    }

	.timeline > div > .item,
	.timeline > div > .itemSeparator,
	.timeline > div > .itemContinues {
		left: 0;
		width: 100%;
	}

	.timeline > div > .item {
		border-right: none !important;
		border-left: dashed var(--grey_color) 1px !important;
	}

	.timeline > div > .item:after {
		right: auto !important;
		left: -6.5px !important;
		top: 33px !important;
	}

	.timeline > div > .item > .image {
		position: relative;
		right: auto !important;
		left: 20px !important;
		margin-bottom: 10px;
	}

	.timeline > div > .item:after {
		left: auto;
		right: -16px;
	}

	.timeline > div > .item > .texts {
		text-align: left !important;
		margin-right: 0 !important;
		margin-left: 40px !important;
    }

	.timeline > div > .item > .texts > .title {
        font-size: 16pt;
    }
}

ul.horizontalBlocks {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	margin: 0 auto;
	max-width: var(--contents_width_wide);
}

ul.horizontalBlocks.bigGap {
	gap: 30px;
}

ul.horizontalBlocks + ul.horizontalBlocks {
	margin-top: 40px;
}

ul.horizontalBlocks.centered {
	justify-content: center;
}

ul.horizontalBlocks.padding {
	padding: 40px;
}

ul.horizontalBlocks.top_line {
	border-top: solid var(--fainter_color) 1px;
	margin-top: 30px;
	padding-top: 30px;
}

ul.horizontalBlocks.bottom_line {
	border-bottom: solid var(--fainter_color) 1px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

ul.horizontalBlocks li {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	min-width: 220px;

	display: flex;
	flex-direction: column;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
			border-radius: var(--rounded_corners_radius_fatter);
}

ul.horizontalBlocks li:after {
	display: none;
}

/* grey */

ul.horizontalBlocks {
	gap: 20px;
}

ul.horizontalBlocks.grey li {
	background: var(--fainter_color);
	border: none !important;
	padding: 20px 30px;
}

ul.horizontalBlocks.grey li > .icon {
	background-color: #fff;
}

ul.horizontalBlocks.threeColumns {
	justify-content: flex-start;
}

ul.horizontalBlocks.threeColumns li {
	max-width: calc(33% - 20px);
}

ul.horizontalBlocks.centered li {
	justify-content: center;
	align-items: center;
}

ul.horizontalBlocks.border li {
	border: solid var(--fainter_color) 1px;
	padding: 20px;
}

ul.horizontalBlocks li:last-child {
	margin-right: 0;
}

ul.horizontalBlocks li > .icon {
	width: 24px;
	height: 24px;
	background-color: currentColor;
	margin-bottom: 20px;
}

ul.horizontalBlocks li > .title {
	font-family: var(--b_text_font_family);
	font-weight: 500;
}

ul.horizontalBlocks li > .title + .subtitle {
	margin-top: .4em;
}

ul.horizontalBlocks li > .title > .checkbox_radio_box {
	display: inline-block;
	float: none;
	width: auto;
}

ul.horizontalBlocks li > .subTitle,
ul.horizontalBlocks li > .subSubTitle {
	font-size: var(--a_text_font_size_smaller);
	line-height: 1.2rem;
	color: var(--a_text_color_faint);
}

ul.horizontalBlocks li > .subTitle a,
ul.horizontalBlocks li > .subSubTitle a {
	font-size: var(--a_text_font_size_smaller);
}

ul.horizontalBlocks li > .subSubTitle {
	margin-top: 15px;
	padding-top: 15px;
	border-top: solid var(--faint_color) 1px;
}


/* small */

ul.horizontalBlocks.small {
	font-size: var(--a_text_font_size_smaller);
}

ul.horizontalBlocks.small li {
}

ul.horizontalBlocks.small li > .icon {
	width: 20px;
	height: 20px;
}

ul.horizontalBlocks.small li > .title {

}

ul.listBlocks {
    width: 100%;
    padding: 20pt;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    list-style-type: none;
}

ul.listBlocks.narrow {
    width: 60%;
    margin: 0 auto;
}

@media only screen and (max-width: 980px) {
    ul.listBlocks.narrow {
        width: 100%;
    }
}

ul.listBlocks.topLine {
    border-top: solid var(--fainter_color) 1px;
    margin-top: 30px;
    padding-top: 30px;
}

ul.listBlocks.bottomLine {
    border-bottom: solid var(--fainter_color) 1px;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

ul.listBlocks > li {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

ul.listBlocks > li:after {
	display: none;
}

ul.listBlocks > li:last-child {
    margin-bottom: 0;
}

ul.listBlocks.separatorLine > li {
    border-bottom: solid var(--fainter_color) 1px;
}

ul.listBlocks.separatorLine > li:last-child {
    border-bottom: none;
}

ul.listBlocks > li > .icon {
    float: left;
    width: 32px;
    height: 32px;
    background-size: contain;
    margin-right: 20px;
    background-color: currentColor;
}

@media only screen and (max-width: 500px) {
    ul.listBlocks {
        padding: 10pt;
    }

	ul.listBlocks > li {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

    ul.listBlocks > li > .icon {
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
    }

    ul.listBlocks > li > .right > .title {
        text-align: center;
    }
}

ul.listBlocks > li > .right {
    overflow: hidden;
}

ul.listBlocks > li > .right > .title {
    font-size: 19pt;
    line-height: 32px;
}

ul.listBlocks > li > .right > .subTitle {
    font-size: var(--a_text_font_size_small);
    line-height: 1.5em;
    margin-top: 5px;
}

/* for dark backgrounds */
body.backgroundInfoScreen #footer,
body.backgroundHelpScreen #footer,
body.backgroundWarningScreen #footer,
body.backgroundErrorScreen #footer,
body.dark #footer {
	border-top: solid rgba(255, 255, 255, .2) 1px;
	color: #fff;
}

body.backgroundInfoScreen #footer a,
body.backgroundHelpScreen #footer a,
body.backgroundWarningScreen #footer a,
body.backgroundErrorScreen #footer a,
body.dark #footer a {
	color: rgba(255, 255, 255, .7);
}

body.backgroundInfoScreen #footer a:hover,
body.backgroundHelpScreen #footer a:hover,
body.backgroundWarningScreen #footer a:hover,
body.backgroundErrorScreen #footer a:hover,
body.dark #footer a:hover {
	color: rgba(255, 255, 255, 1);
}

/* for grey backgrounds */
body.grey #footer {
	border-top: solid var(--faintest_color) 1px;
}

.buttonBanner {
	--titleColor: var(--a_text_color_main);
	--contentColor: var(--a_text_color_main);
	--backgroundColor: #fff;

	--hoverTitleColor: var(--a_text_color_primary);
	--hoverContentColor: var(--a_text_color_main);

	position: relative;
    display: flex;

	background: var(--backgroundColor);
	
			border-radius: var(--rounded_corners_radius_fatter);
	padding: 18px;
	max-width: 100%;

	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.buttonBanner,
a.buttonBanner {
	color: var(--contentColor);
}

a.buttonBanner {
	text-decoration: none;
}

.buttonBanner.padding {
	padding: 15px;
}

.buttonBanner.fullWidth {
    width: 100%;
}

.buttonBanner.darkBackground {
	background: rgba(255, 255, 255, .04);
	border: none;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 8px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
}

.buttonBanner.darkBackground > .texts {
	color: var(--faint_color) !important;
}

.buttonBanner.darkBackground > .texts > .subTitle {
	opacity: .5;
}

.buttonBanner.darkBackground.warning {
	background: var(--warning_color);
}

.buttonBanner.darkBackground.warning > .texts > .subTitle {
	opacity: .8;
}

.buttonBanner.darkBackground.help {
	background: var(--help_color);
}

.buttonBanner.darkBackground.help > .texts > .subTitle {
	opacity: .8;
}

.buttonBanner.greyBackground {
	border: none;
}

.buttonBanner > .badge {
	position: absolute;

	top: -8px;
	right: 15px;

	z-index: 1;
}

.buttonBanner > .icon {
    position: relative;
    vertical-align: top;
    margin: 0 15px 0px 0;

    align-self: flex-start;
    flex-grow: 0;
	flex-shrink: 0;

	width: 23px;
	height: 23px;

    background-color: currentColor;

	transition: background-color var(--linkHoverTransitionLeave); ease-in-out;
}

a.buttonBanner > .icon {
	transition: background-color var(--linkHoverTransitionEnter); ease-in-out;
}

.buttonBanner > .icon.verticallyCentered {
    vertical-align: middle;
}

.buttonBanner > .icon > .icon {
	position: absolute;
    left: -23px;
    top: -23px;

	width: 20px;
	height: 20px;

    background-color: var(--error_color);

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

	box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
}

.buttonBanner > .icon > .icon.new {
    background-color: var(--new_color);
}

.buttonBanner > .icon > .icon.warning {
    background-color: var(--error_color);
}

.buttonBanner > .texts {
    white-space: normal !important;
	text-align: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	z-index: 0;
}

.buttonBanner > .texts > .superButton {
	width: 100%;
	margin-bottom: 15px;
}

.buttonBanner > .texts > .superTitle {
    font-size: 20pt;
	font-weight: 600;
	line-height: 1.1em;
	text-transform: none;
	margin-bottom: 10px;
}

.buttonBanner > div {
	color: var(--titleColor);
}

a.buttonBanner:hover > * {
	color: var(--hoverTitleColor);
}

.buttonBanner > .texts > .bigTitle {
    font-size: 22pt;
	font-weight: 400;
	line-height: 1.2em;
}

.buttonBanner > .texts > .title {
    font-size: 18px;
	font-weight: var(--head_font_weight);
	line-height: 1.2em;
	text-wrap: balance;
	transition: color var(--linkHoverTransitionLeave); ease-in-out;
}

a.buttonBanner:hover > .texts > .title {
	transition: color var(--linkHoverTransitionEnter); ease-in-out;
}

.buttonBanner > .texts > .subTitle {
	line-height: 1.3em;
	font-size: var(--a_text_font_size_small);
	color: var(--a_text_color_faint);
}

.buttonBanner > .texts > .title > i {
	font-style: normal;
}

.buttonBanner > .texts > .content {
	color: var(--contentColor);
	float: left;
	width: 100%;
}

a.buttonBanner:hover > .texts > .content {
	color: var(--hoverContentColor);
}

.buttonBanner > .texts > .buttons {
	max-width: 100%;
}

.buttonBanner.featured {
	--titleColor: var(--a_text_color_primary);
	--hoverTitleColor: var(--a_text_color_primary_highlight);
}

/* When a jQueryPost is placed inside a buttonBanner */

.buttonBanner:has(.texts > .content > .jQueryPost) {
	background: var(--faintest_color);
	padding: 0px;
	flex-basis: calc(66.66% - 10px);
}

.buttonBanner > .texts > .content > .jQueryPost {
	margin: 0 auto;
	max-width: 100%;
}

.buttonBanner > .texts > .content > .jQueryPost > .main {
	border: none;
	box-shadow: none;
}

.buttonBanner > .texts > .content > .jQueryPost textarea {
	max-height: none !important;
	height: 140px !important;
}

/* When a chart is placed inside a buttonBanner */
.buttonBanner:has(.texts > .content > .chart) {
	padding: 15px;
}


.buttonBanner > .texts > .content + div,
.buttonBanner > .texts > .content + a {
	margin-top: 10px;
	float: left;
}

.buttonBanner > .texts > .footNote {
	float: left;
	margin-top: 10px;
}

.buttonBanner > .texts > .footNote > div.title {
	color: var(--grey_darker_color);
}

.buttonBanner > .texts > .footNote > .subTitle {
	font-size: var(--a_text_font_size_smaller);
	color: var(--grey_color);
}

.buttonBanner > .texts >  .image {
    width: 100%;
	height: 240px;
	margin-bottom: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	
			border-radius: var(--rounded_corners_radius);
}

.buttonBanner > .texts > .button {
    vertical-align: bottom;
}

.buttonBanner > .texts > .superTitle + .subTitle {
	margin-top: 10px;
}

.buttonBanner > .texts > .subTitle + .button {
	margin-top: 10px;
}

/* small */

.buttonBanner.small {
	padding: 20px;
	max-width: 250px;
}

.buttonBanner.small > .texts > .content {
	font-size: var(--a_text_font_size_small);
	line-height: 1.4em;
}

/* big */

.buttonBanner.big > .texts > .title {
    font-size: 18pt;
}

.buttonBanner.big > .texts > .subTitle {
	font-size: var(--a_text_font_size);
}


.buttonBanner.big > .icon {
    width: 32px;
    height: 32px;
	margin-right: 15px;
	background-color: currentColor;
}

.buttonBanner > .icon.big {
    width: 30px;
	height: 30px;
}

.buttonBanner > .boxedIcon {
	background-color: currentColor;
	
			border-radius: var(--rounded_corners_radius);
	padding: 6px;
	margin-right: 10px;
	align-self: flex-start;

	transition: background-color var(--linkHoverTransitionLeave) ease-out;
}

a.buttonBanner:hover > .boxedIcon {
	background-color: var(--hoverTitleColor);
	transition: background-color var(--linkHoverTransitionEnter) ease-out;
}

.buttonBanner > .boxedIcon > .icon {
	background-color: #fff;
}

@media only screen and (max-width: 750px) {
	.buttonBanner.big {
		flex-direction: column;
	}

	.buttonBanner.big > .icon {
		margin: 0 auto 20px auto;
	}
}

/* colors */
.buttonBanner.info { color: var(--info_color); }
a.buttonBanner.info:hover > .icon, a.buttonBanner.info:focus { color: var(--info_color_lighter); }

.buttonBanner.help { color: var(--help_color); }
a.buttonBanner.help:hover > .icon, a.buttonBanner.help:focus { color: var(--help_color_lighter); }

.buttonBanner.warning { color: var(--warning_color); }
a.buttonBanner.warning:hover > .icon, a.buttonBanner.warning:focus { color: var(--warning_color_lighter); }

.buttonBanner.error { color: var(--error_color); }
a.buttonBanner.error.hover > .icon, a.buttonBanner.error:focus { color: var(--error_color_lighter); }

/* new */
.buttonBanner.new {
    color: var(--attention_color);
}

.buttonBanner.instagram {
	color: #da0052 !important;
}

/* trophy */
.buttonBanner.trophy {
    color: #f40444;
}

/* gift */
.buttonBanner.gift {
    color: #f40444;
}

/* lightIconBackground */
.buttonBanner.lightIconBackground {
    color: #f4f4f4;
}

/* Flash offer */
.buttonBanner.flashOffer {
	--titleColor: var(--primary_color);
}

.buttonBanner.flashOffer > .texts > .title {
	font-size: 20pt;
	line-height: 1.2em;
}

.buttonBanner.flashOffer > .texts > .title > sub {
	font-size: .3em;
	line-height: 1em;
	display: block;
	opacity: .5;
}

/* .buttonBannerList */

.buttonBannerList {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
	gap: 30px;
	clear: both;
}

.buttonBannerList + .buttonBannerList {
	margin-top: 40px;
}

.buttonBannerList > .buttonBanner {
	min-width: 250px;
	/* max-width: 400px; */
	/* flex-grow: 1; */
	flex-basis: calc(33.333% - 25px);
}

.buttonBannerList > .buttonBanner.fullWidth {
	flex-basis: calc(66.666% - 10px);
}

.buttonBannerList.twoColumns > .buttonBanner {
	flex-basis: calc(50% - 20px);
}

.buttonBannerList > .buttonBanner.wide {
	max-width: 100%;
	flex-basis: 100%;
}

.buttonBannerList.isolated {
	margin-top: 20px;
	margin-bottom: 20px;
}

.buttonBannerList.narrow {
	max-width: var(--contents_width_wider);
	margin-left: auto;
	margin-right: auto;
}

.buttonBannerList.narrower {
	max-width: var(--contents_width_wide);
}

.buttonBannerList.noIcons > .buttonBanner > .icon {
	display: none;
}

@media only screen and (max-width: 500px) {
	.buttonBannerList {
		margin: 0;
		flex-direction: column;
		align-items: stretch;
	}

	.buttonBannerList > .buttonBanner {
		margin: 0;
		flex-basis: 100%;
	}
}

/* buttonBanners */

.buttonBanners {
	float: left;
	width: 100%;
}

.buttonBanners > .buttonBanner {
	margin-bottom: 25px;
}

/* buttonBannerListPackedContainer */

.buttonBannerListPackedContainer {
	display: flex;
	justify-content: center;
	clear: both;
}

.buttonBannerListPackedContainer > .buttonBannerList {
	gap: 0;
	flex-wrap: nowrap;
}

.buttonBannerListPackedContainer > .buttonBannerList > .buttonBanner {
	
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;

			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;

			border-radius: 0 !important;
	box-shadow: none;
	border: none;
}

.buttonBannerListPackedContainer > .buttonBannerList {
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	
			border-radius: var(--rounded_corners_radius_fat);
	overflow: hidden;
}

.buttonBannerListPackedContainer > .buttonBannerList > .buttonBanner:not(:last-child) {
	border-right: solid var(--fainter_color) 1px;
}


/* A buttonBannerList converts to a column both when the screen is small (Via a media query) and when its container is marked as container-type: inline-size; via a container query*/
@media only screen and (max-width: 900px),
@container (max-width: 900px) {
	.buttonBannerListPackedContainer > .buttonBannerList {
		flex-direction: column;
		align-items: stretch;
		max-width: min(100%, 600px) !important;
	}

	.buttonBannerListPackedContainer > .buttonBannerList > .buttonBanner {
		max-width: 100%;
	}

	.buttonBannerListPackedContainer > .buttonBannerList > .buttonBanner:not(:last-child) {
		border-right: none;
		border-bottom: solid var(--fainter_color) 1px;
	}
}

/* buttonBannersTwoColumns */

.buttonBannersTwoColumns {
    display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
    align-items: stretch;
	gap: 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

.buttonBannersTwoColumns.padding {
	padding: 0 20px;
}

.buttonBannersTwoColumns > .buttonBanner {
	flex-grow: 1;
}

.buttonBannersTwoColumns > .buttonBanner.span {
	grid-column: span 2;
}

.buttonBannersTwoColumns.narrow {
	max-width: 1024px;
}

.buttonBannersTwoColumns.narrower {
	max-width: 700px;
}

.buttonBannersTwoColumns.isolated {
	margin-top: 40px;
	margin-bottom: 40px;
}

@media only screen and (max-width: 750px) {
	.buttonBannersTwoColumns {
		grid-template-columns: 1fr;
	}
}

a.button_flat
{
    float: left;

    font-family: var(--special_a_text_font_family);
    font-size: 20px;
    line-height: 20px;

    background: #ebebeb;
    background: -moz-linear-gradient(top, #fff, #ebebeb);
    background: -webkit-gradient(linear,left top, left bottom, from(#fff), to(#ebebeb));

    padding: 6px 13px;

    border-right: solid #fff 1px;

    box-shadow: inset -1px 0 0 #ddd;
    -moz-box-shadow: inset -1px 0 0 #ddd;
    -webkit-box-shadow: inset -1px 0 0 #ddd;

    color: #aaa;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px;
}

a.button_flat.dark
{
    background: #aaa;
    background: -moz-linear-gradient(top, #aaa, #999);
    background: -webkit-gradient(linear,left top, left bottom, from(#aaa), to(#999));

    border-right: solid #aaa 1px;

    box-shadow: inset -1px 0 0 #888;
    -moz-box-shadow: inset -1px 0 0 #888;
    -webkit-box-shadow: inset -1px 0 0 #888;
}

a.button_flat:hover
{
    color: #666;

    background: #f4f4f4;
    background: -moz-linear-gradient(top, #fff, #f4f4f4);
    background: -webkit-gradient(linear,left top, left bottom, from(#aaa), to(#f4f4f4));
}

a.button_flat.dark:hover
{
    color: #666;

    background: #f4f4f4;
    background: -moz-linear-gradient(top, #fff, #f4f4f4);
    background: -webkit-gradient(linear,left top, left bottom, from(#ccc), to(#aaa));
}

a.button_flat.last
{
    border-right: none;

    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

a.button_flat:active
{
    background: #dadada;
    background: -moz-linear-gradient(top, #cecece, #e3e3e3);
    background: -webkit-gradient(linear,left top, left bottom, from(#cecece), to(#e3e3e3));

    box-shadow: inset 0 5px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 5px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 5px 6px rgba(0, 0, 0, 0.2);
}

a.button_flat.inactive > .icon
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.button_load_more
{
    float: left;
    width: 100%;

    margin-top: 30px;

    text-align: center;
}

.button_load_more > .state_normal,
.button_load_more > .state_loading
{
    float: left;
    margin-left: 50%;
}

.button_load_more .icon
{
    margin-left: -25px;
}

.button_load_more > .state_normal > .text
{
    font-size: 10pt;
    line-height: 12pt;
    color: #666;
}

.button_load_more:hover > .state_normal > .text
{
    color: var(--a_text_color_button);
}

.button_load_more > .state_loading
{
    display: none;
}

.banner {
	position: relative;
	text-align: center;
	overflow: hidden;
	float: none;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	line-height: 0;
}

.banner.withBadge {
	margin-bottom: 40px !important;
}

.banner > .downgradedContent {
	padding: 20pt;

	text-align: center;
	line-height: 1.8em;

	background: #fff;
	color: #444 !important;
}

.banner > .downgradedContent > .icon {
	width: 100% !important;
}

.banner > .downgradedContent > .title,
.banner > .downgradedContent > .subTitle {
	font-size: 20pt;
	max-width: 500px;
	margin: 0 auto;
	line-height: 1.4em;
	font-weight: bold;
}

.banner > .downgradedContent > .subTitle {
	font-size: 16pt;
}

.banner > .downgradedContent > .head {
	font-size: 20pt;
	max-width: 500px;
	margin: 0 auto;
	line-height: 1.4em;
}

.banner > .downgradedContent > .content {
	max-width: 500px;
	margin: 0 auto;
	line-height: 1.4em;
	float: none;
}

.banner > a {
	display: block;
	text-align: center;
}

.banner > a > img {
	position: relative;
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.banner.placeholder {
	min-height: 90px;
	text-align: center;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.15) 0 -1px;

	background-color: hsl(34, 53%, 82%);
	background-image: repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
	hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
	hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
	hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
	hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
	hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px
	),
	repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
	hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
	hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
	hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
	hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
	hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px
	);
}

.banner.leaderboard {
	min-height: 100px;
}

.banner.withBadge.leaderboard {
	margin-bottom: 50px;
}

.banner > .badge {
	position: absolute;
	top: 100%;
	margin-top: 5px;

	left: 50%;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);

	height: 14px;
	line-height: 12px;
	font-size: 10pt;
	font-family: var(--special_a_text_font_family);
	text-transform: lowercase;
	padding: 6px;

	background-color: var(--help_color);
	color: #fff !important;

	
			border-radius: var(--rounded_corners_radius);
}

.banner > .badge > .icon {
	margin-right: 8px;
	width: 12px;
	height: 14px;
	background-size: 12px;
}

.banner > a.badge:hover {
	background-color: var(--help_color_darker);
	color: #fff !important;
}


/* nudityFallback */

.banner.nudityFallback {
	font-family: var(--special_a_text_font_family);
	line-height: 2.5em;

	height: auto;
	padding: 15px 20px !important;
	margin: 0 20px;
	width: calc(100% - 40px);
	text-align: center;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.15) 0 -1px;

	background:
	radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 9%, hsla(0, 100%, 20%, 0) 9%) 0 0,
	radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 8%, hsla(0, 100%, 20%, 0) 10%) 50px 50px,
	radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 50px 0,
	radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 0 50px,
	radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 50px 0,
	radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 100px 50px,
	radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 0 0,
	radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 50px 50px,
	linear-gradient(45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0,
	linear-gradient(-45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0;
	background-color: #300;
	background-size: 100px 100px;
}

.banner.nudityFallback,
.banner.nudityFallback a {
	color: #fff;
}

.banner.nudityFallback a:hover {
	color: rgba(255, 255, 255, 0.8);
}

.banner.nudityFallback .title {
	font-size: 30pt;
}

.banner.nudityFallback .subTitle {
	font-size: 20pt;
}

/* ownImage */
.banner.ownImage {
	height: auto;
	max-height: 320px;
	text-align: center;
}

.banner.ownImage > a {
}

.banner.ownImage img {
	max-width: 800px;
	max-height: 250px;
}

.bannerEditPlaceholders {
	text-align: center;
}

.bannerEditPlaceholder {
	position: relative;
	display: inline-block;

	text-align: left;

	border-width: 10px;
	border-image: url('/gfx/img/banner_placeholder_border.png') 10 repeat;
	border-style: solid;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.bannerEditPlaceholder > .container {
	background-color: #cfa;
	float: left;
	width: 100%;
	height: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	color: rgba(0, 0, 0, 0.5);
	font-size: 12pt;
	line-height: 1.4em;
}

.bannerEditPlaceholder .name {
	font-size: 15pt;
	font-weight: bold;
}

.bannerEditPlaceholder.narrow > .container > .piece {
	width: 100%;
	margin-bottom: 10px;
}

.bannerEditPlaceholder > .container > .piece.left {
	float: left;
}

.bannerEditPlaceholder > .container > .piece.right {
	float: right;
}

.bannerEditPlaceholder img {
	float: left;
}

.bannerEditPlaceholder > .buttons {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.bannerEditPlaceholders > .bannerEditPlaceholder {
	margin-bottom: 40px;
}


/* bannersPeek */
.bannersPeek {
	text-align: center;
}

.bannersPeek > .bannerEditPlaceholder {
	vertical-align: middle;
	margin-right: 50px;
}

.bannersPeek > .bannerEditPlaceholder:last-child {
	margin-right: 0;
}
.bannersPeek > .bannerEditPlaceholder > .content img {
	zoom: 0.4;
}

.listAdmin {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.listAdmin > .item {
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: var(--faintest_color);
    margin-bottom: 10px;

    
			border-radius: var(--rounded_corners_radius);
}

.listAdmin > .item:last-child {
    border-bottom: none;
}

.listAdmin > .item > .buttons {
    float: right;
    padding: 10px;
}

.listAdmin > .item > .content {
    padding: 15px 15px 12px 15px;
    overflow: hidden;
}

.listAdmin > .item > .content i {
    color: var(--faint_color);
}

.listAdmin > .item > .content > .icon {
    margin: 3px 10px 0 0;
	background-color: var(--dark_color);
}

.listAdmin > .item > .content > .title {
}

.listAdmin.gluedBottom {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.multilevelChooser {
	display: flex;
	flex-direction: column;
	clear: both;
	gap: 10px;
}

.multilevelChooser > .selects {
    display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.multilevelChooser > .selects > .selectContainer {
}

.multilevelChooser > .buttons {
}

.multilevelChooser > .buttons > .button {
}

@media only screen and (max-width: 750px) {
    .multilevelChooser {
    }

    .multilevelChooser > .selects > .selectContainer {
    }
}

.multilevelChooser.centered {
	align-items: center;
	> .selects {
		justify-content: center;
		align-items: center;
	}
}

.multilevelChooserSeoFriendly {
	position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
	align-items: center;
	gap: 10px;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
	z-index: 3;
}

.multilevelChooserSeoFriendly.short {
	display: inline-flex;
}

.multilevelChooserSeoFriendly.narrow {
	max-width: 300px;
}

.multilevelChooserSeoFriendly.centered {
	margin-left: 50%;
	transform: translateX(-50%);
}

.multilevelChooserSeoFriendly > .level {
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    position: relative;
    
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	background: #fff;

    height: 34px;

    overflow: hidden;
    
			border-radius: var(--rounded_corners_radius_fat);

    z-index: 1;
}

.multilevelChooserSeoFriendly > .level > label {
	cursor: pointer;
}

.multilevelChooserSeoFriendly > .level > input[type="checkbox"] {
	display: none;
}

.multilevelChooserSeoFriendly > .level:has(input[type="checkbox"]:checked) {
    overflow: visible;
    
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
    z-index: 3;
}

.multilevelChooserSeoFriendly > .level > select {
    display: none;
    width: 100%;
}

.multilevelChooserSeoFriendly > .level > .title,
.multilevelChooserSeoFriendly > .level > .titleWhenSelected {
    color: var(--a_text_color_main);
    text-align: left;
    padding: 7px 10px 7px 12px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	font-size: var(--a_text_font_size);

    
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);

	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}

.multilevelChooserSeoFriendly > .level:has(input[type="checkbox"]:checked) > * > .icon[data-closed="1"] {
	display: none;
}

.multilevelChooserSeoFriendly > .level:has(input[type="checkbox"]:not(:checked)) > * > .icon[data-open="1"] {
	display: none;
}

.multilevelChooserSeoFriendly > .level > * > .icon {
	flex-shrink: 0;
    background-color: var(--grey_color);
}

.multilevelChooserSeoFriendly > .level > * > .icon {
	background-color: var(--faint_color);
}

.multilevelChooserSeoFriendly > .level > .title > .text,
.multilevelChooserSeoFriendly > .level > .titleWhenSelected > .text {
    white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
	direction: rtl;
	text-align: left;
	line-height: 1.4em;
}

.multilevelChooserSeoFriendly > .level > .items {
    background: #fff;

	
			border-radius: var(--rounded_corners_radius_fatter);
	
			border-top-left-radius: 0;
			border-top-right-radius: 0;
    max-height: 300px;
    overflow-y: scroll;
	overscroll-behavior: none;

	-ms-overflow-style: none; /* Hide scrollbar for IE */
	scrollbar-width: none; /* Hide scrollbar for Firefox */

	scroll-behavior: smooth;

    
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.3);
		
	border-top: none;

	display: flex;
	flex-direction: column;

	margin: -1px;

	z-index: 3;
}

.multilevelChooserSeoFriendly.dark > .level > .items {
	border: none;
}

.multilevelChooserSeoFriendly > .level > .items > .item {
    display: flex;
	justify-content: space-between;
    text-align: left;
	padding: 10px;
	background-color: #fff;
	color: var(--a_text_color_main) !important;
}

.multilevelChooserSeoFriendly > .level > .items > a.item {
	color: var(--a_text_color_main) !important;
	text-decoration: none;
}


.multilevelChooserSeoFriendly > .level > .items > .item:hover,
.multilevelChooserSeoFriendly > .level > .items > a.item:hover {
	background: var(--fainter_color);
}

.multilevelChooserSeoFriendly > .level > .items > .item > .title {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
	direction: rtl;
	text-align: left;
}

.multilevelChooserSeoFriendly > .level > .items > .item > .badge {
    margin-left: 10px;
	margin-top: 2px;

    min-width: 22px;
    background: var(--grey_color);
    color: #fff;

    font-family: var(--a_text_font_family);
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    font-size: 8.5pt;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    text-align: center;

    padding: 0 8px;

    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.multilevelChooserSeoFriendly > .level > .items > .item.selected {
	background: var(--a_text_color_primary) !important;
	color: #fff !important;
}

.multilevelChooserSeoFriendly > .level > .items > .item.highlighted {
	color: var(--a_text_color_primary) !important;
}


/* dark */

.multilevelChooserSeoFriendly.dark > .level {
	background: var(--dark_fainter_color);
	box-shadow: none;
	border-color: transparent;
}

.multilevelChooserSeoFriendly.dark > .level > .title,
.multilevelChooserSeoFriendly.dark > .level > .titleWhenSelected {
	color: var(--faint_color);
}

.multilevelChooserSeoFriendly.dark > .level > .title > .icon.dropdown_arrow,
.multilevelChooserSeoFriendly.dark > .level > .titleWhenSelected > .icon.dropdown_arrow {
    background-color: var(--faint_color);
}

.multilevelChooserSeoFriendly.dark > .items {
	box-shadow: none;
	border-color: transparent;
}

/* App fallback */
.multilevelChooserSeoFriendlyFallback {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.multilevelChooserSeoFriendlyFallback.vertical {
	flex-direction: column;
	align-items: stretch;
}

.multilevelChooserSeoFriendlyFallback.narrow {
	max-width: 300px;
}

.multilevelChooserSeoFriendlyFallback.centered {
	margin: 0 auto;
}

.multilevelChooserSeoFriendlyFallback > select {
	
			border-radius: var(--rounded_corners_radius_fat);
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
}

.formInputMinMax .inputs {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	gap: 5px;
}

.formInputMinMax + .formInputMinMax {
	margin-top: 15px;
}

.formInputMinMax .inputs > input {
    padding: 0;
	line-height: 1.7em;
	width: 2em;
	min-width: 2em;
}

.formInputMinMax .inputs > input::-webkit-outer-spin-button,
.formInputMinMax .inputs > input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.formInputMinMax .inputs > input[type=number] {
    -moz-appearance: textfield;
}

.formInputMinMax .inputs > .icon {
	background-color: var(--grey_color);
}

.formInputMinMax.small .inputs > .icon {
	width: 12px;
	height: 12px;
}

.formInputMinMax.small {
	font-size: var(--a_text_font_size_small);
}

.formBox {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	margin-bottom: 20px;

    
			border-radius: var(--rounded_corners_radius_fat);
}

.formBoxes > .formBox {
	margin-bottom: 0;
}

.formBox.padding {
	padding: 10px 20px;
}

.formBox.paddingHuge {
	padding: 30px;
}

.formBox > .title,
.formBoxes_title {
	clear: both;
	font-weight: 500;
	font-size: 14pt;
	margin: 0 0 10px 0;
}

.formBox > .value.centered {
	text-align: center;
}

.formBoxes_title {
	padding: 0 20px;
}

.formBox > .title.big,
.formBoxes_title.big {
	margin-bottom: 20px;
}

.formBox > .title.centered,
.formBoxes_title.centered {
	text-align: center;
}

.formBox > .main {
}

.formBox input {
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.formBox textarea {
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	margin: 0;
}

.formBox select {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/* formBox date */
.formBox.date select {
	width: 31%;
	margin-right: 1%;
	margin-top: 10px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

@media only screen and (max-width: 750px) {
	.formBox.date select {
		width: 100%;
		margin-right: 0;
	}
}

.formBox > .title + .checkbox_radio_box {
	margin-top: 10px;
}


/* withPrefix */
.formBox > .main.withPrefix {
	display: flex;
}

.formBox > .main.withPrefix > .prefix {
	font-size: 16pt;
	color: #bbb;
	line-height: 45px;

	background: #ccc;
	color: #fff;
	border-right: none;
	
			border-top-left-radius: var(--rounded_corners_radius);
			border-bottom-left-radius: var(--rounded_corners_radius);

	padding: 0 15px;
}

.formBox > .main.withPrefix input {
	
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
}

.formBox > .inlineInputs {
    color: #999;
    padding: 20px 0;
	margin: 0 15px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}

.formBox > .inlineInputs > * {
	margin: 0 5px !important;
}

/* formBoxes */

.formBoxes {
    display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: flex-start;
	clear: both;
	padding: 0;
}

.formBoxes.centered {
	justify-content: center;
}

.formBoxes.vertical {
	flex-direction: column;
}

.formBoxes.vertical.centered {
	width: max-content;
	margin: 0 auto;
}

.formBoxes + .formBoxes,
.formBoxes + .formBox,
.formBox + .formBoxes {
	margin-top: 20px;
}

.formBoxes.withBorder {
	padding: 20px;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	
			border-radius: var(--rounded_corners_radius);
}

.formBoxes.marginBig {
	margin: 40px;
	width: calc(100% + 20px - 80px);
}

.formBoxes > .formBox,
.formBoxes > span > .formBox {
	max-width: 300px;
}

.formBoxes > .formBox.help {
	flex-grow: 1;
}

.formBoxes.gapBig {
	gap: 40px;
}

.formBoxes.wider > .formBox {
	flex-basis: 350px;
}

/* header */

.formBoxes > .header {
	background: #eee;
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 30px;
	text-align: center;
	color: #888;
}

.formBoxes.withBorder > .header {
	
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);
}

.formBoxes > .header > .title {
	font-weight: bold;
	font-size: 24pt;
}

.formBoxes > .header > .subTitle {
	margin: 0 auto;
	width: 75%;
}

.formBoxes > .header > .title + .subTitle {
	margin-top: 10px;
}

/* formBoxes_address_selector */

.formBoxes_address_selector {
	float: left;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 0 20px;
}

.formBoxes_address_selector .formBox {
	display: inline-block;
	float: none;
	width: calc(33% - 10px);
	margin: 0 10px 10px 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 0;
}

.formBoxes_address_selector.noCity .formBox {
	width: 49%;
}

@media only screen and (max-width: 750px) {
	.formBoxes_address_selector .formBox {
		width: 100% !important;
	}
}

/* onlyOneFormBox */
.formBoxes.onlyOneFormBox > .formBox {
	margin-left: 50%;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

@media only screen and (max-width: 750px) {
	.formBoxes.onlyOneFormBox {
		display: block;
	}

	.formBoxes > .formBox {
		margin-right: 0;
	}
}

.form_checkbox_button
{
    display: block;
    overflow: hidden;
    clear: both;
}

.form_checkbox_button > .slider
{
    float: left;
    width: 69px;
    height: 27px;

    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;

    background: url('/gfx/img/form_checkbox_button.png') no-repeat;
    background-size: 111px 27px;
    cursor: pointer;
    margin: 5px;
}

.form_checkbox_button.centered {
    
}

.form_checkbox_button.centered > .slider {
    float: none;
    margin: 0 auto;
}

.form_checkbox_button > .slider.off
{
    background-position: -42px;
}

.form_checkbox_button > .form_checkbox_button_text_container
{
    overflow: hidden;
    text-align: left;
}

.form_checkbox_button > .form_checkbox_button_text_container > .form_checkbox_button_text
{
    position: relative;
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    line-height: 1.4em;
    color: #888;
}

.form_checkbox_button > .form_checkbox_button_text_container > .form_checkbox_button_text.on_the_right
{
    margin-left: 0px;
	margin-right: 10px;
}

.form_checkbox_button.disabled > .slider
{
    filter: gray;
    -webkit-filter: grayscale(1);
    opacity: 0.5;
}
.formColorPalette {
	display: inline-flex;
	flex-direction: column;
	gap: 5px;
	margin: 0 auto;
}

.formColorPalette > .row {
	display: flex;
	
			border-radius: var(--rounded_corners_radius);
	overflow: hidden;
}

.formColorPalette > .row > .color {
	position: relative;
	float: left;
	clear: both;
	width: 27px;
	height: 27px;
	cursor: pointer;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.formColorPalette > .row > .color:first-child {
	
			border-top-left-radius: var(--rounded_corners_radius);
			border-bottom-left-radius: var(--rounded_corners_radius);
}

.formColorPalette > .row > .color:last-child {
	
			border-top-right-radius: var(--rounded_corners_radius) !important;
			border-bottom-right-radius: var(--rounded_corners_radius) !important;
}

.formColorPalette > .row > .color.reallyBright {
	box-shadow: inset 0px 0px 0px 1px #333;
	-moz-box-shadow: inset 0px 0px 0px 1px #333;
	-webkit-box-shadow: inset 0px 0px 0px 1px #333;
}

.formColorPalette > .row > .color > .icon {
	width: 16px;
	height: 16px;
	visibility: hidden;
}

.formColorPalette > .row > .color:hover > .icon,
.formColorPalette > .row > .color.selected > .icon {
	visibility: visible;
}

.formColorPalette > input {
	display: none;
}

.formEmojiSelector {
	display: flex;
	flex-direction: column;
	max-height: 230px;
	overflow-y: scroll;
	margin: 10px;
	gap: 10px;
	scroll-behavior: smooth;
}

.formEmojiSelector > .group {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 10px;
	background: var(--faintest_color);
	
			border-radius: var(--rounded_corners_radius_fat);
}

.formEmojiSelector > .group > .emoji {
	width: 1.2em;
	line-height: 1.2em;
	text-align: center;

	font-size: 18pt;
	-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
	cursor: pointer;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.formEmojiSelector > .group > .emoji.selected {
	color: #fff;
}

.formEmojiSelector > .group > .emoji:has(.icon) {
	display: flex;
	justify-content: center;
}

.formEmojiSelector > .group > .emoji > .icon {
	height: 20pt;
}

.formEmojiSelector > .group > .emoji.selected > .icon {
	background-color: #fff;
}

.formEmojiSelector > .group > .emoji:hover {
	background-color: var(--faint_color);
	
			border-radius: var(--rounded_corners_radius_fat);
}

.formEmojiSelector > .group > .emoji.selected {
	background-color: var(--attention_color);
}

.inlineinput
{
	float: left;
	width: 100%;
    position: relative;
    box-sizing: border-box;
	
			border-radius: var(--rounded_corners_radius);
	overflow: hidden;
}

.inlineinput > input[type=text]
{
    height: var(--forms_input_height);
}

.inlineinput > input[type=text],
.inlineinput > textarea
{
    display: block;
    padding-right: 40px !important;;
}

.inlineinput > input[type=text]:hover,
.inlineinput > textarea:hover {
}

.inlineinput.small > input[type=text] {
	font-size: var(--a_text_font_size_small) !important;
}

.inlineinput.small > textarea {
	padding: 7px 12px;
	font-size: var(--a_text_font_size_small) !important;
}

.inlineinput.textareaStartCollapsed > textarea {
	height: 35px;
	transition: all .3s ease-in-out;
}

.inlineinput.textareaStartCollapsed > textarea:focus {
	height: 150px;
}

.inlineinput > .buttons
{
    position: absolute;
    display: none;
	overflow: hidden;
}

.inlineinput > .buttons.shown {
    display: block;
}

.inlineinput > .buttons
{
    top: 0;
    right: 0;
}

.inlineinput > .buttons > .button
{
    margin: 0;
	height: var(--forms_input_height);
}

.inlineinput > .buttons > .button
{
}

.inlineinput.text > .buttons > .button
{
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.inlineinput.textarea > .buttons > .button
{
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;

    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.imageAlign {
    position: relative;
    display: inline-block;

    background-color: #ccc;

    background-size: cover;
    background-repeat: no-repeat;

    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;

	transition: background-position .3s;
}

.imageAlign.border,
.noAlignLogoSquaredBorder {
	border: solid var(--faint_color) 1px;
}

.imageAlign.round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.imageAlign > .hotspot {
    position: absolute;
    opacity: 0;
    width: 33%;
    height: 33%;
    cursor: pointer;
    transition: all .1s ease-in-out;

	display: flex;
	justify-content: center;
	align-items: center;
}

.imageAlign > .hotspot > .text {
    color: #fff;
    font-size: 30pt;
    font-weight: bold;
    line-height: 20pt;
    margin-top: calc(50% - 10pt);
    text-align: center;
}

.imageAlign > .hotspot > .icon {
	width: 30px;
	height: 30px;
}

.imageAlign > .hotspot > .icon.center {
    background-size: 45px;
}

.imageAlign:hover > .hotspot {
    opacity: 1;
}

.imageAlign > .hotspot.align_0 { top: 0%; left: 0%; }
.imageAlign > .hotspot.align_1 { top: 0%; left: 33%; }
.imageAlign > .hotspot.align_2 { top: 0%; right: 0%; }
.imageAlign > .hotspot.align_3 { top: 33%; left: 0%; }
.imageAlign > .hotspot.align_4 { top: 33%; left: 33%; }
.imageAlign > .hotspot.align_5 { top: 33%; right: 0%; }
.imageAlign > .hotspot.align_6 { bottom: 0%; left: 0%; }
.imageAlign > .hotspot.align_7 { bottom: 0%; left: 33%; }
.imageAlign > .hotspot.align_8 { bottom: 0%; right: 0%; }

.imageAlign.backgroundImageAlignDefine_0:hover > .hotspot.align_0 { opacity: .3; pointer-events: none; }
.imageAlign.backgroundImageAlignDefine_1:hover > .hotspot.align_1 { opacity: .3; pointer-events: none; }
.imageAlign.backgroundImageAlignDefine_2:hover > .hotspot.align_2 { opacity: .3; pointer-events: none; }
.imageAlign.backgroundImageAlignDefine_3:hover > .hotspot.align_3 { opacity: .3; pointer-events: none; }
.imageAlign.backgroundImageAlignDefine_4:hover > .hotspot.align_4 { opacity: .3; pointer-events: none; }
.imageAlign.backgroundImageAlignDefine_5:hover > .hotspot.align_5 { opacity: .3; pointer-events: none; }
.imageAlign.backgroundImageAlignDefine_6:hover > .hotspot.align_6 { opacity: .3; pointer-events: none; }
.imageAlign.backgroundImageAlignDefine_7:hover > .hotspot.align_7 { opacity: .3; pointer-events: none; }
.imageAlign.backgroundImageAlignDefine_8:hover > .hotspot.align_8 { opacity: .3; pointer-events: none; }

.searchBoxListManager {
    display: flex;
	flex-direction: column;
	gap: 10px;
}

.searchBoxListManager > .topBar {
    position: relative;
}

.searchBoxListManager > .topBar > .search {
    position: relative;
    display: none;
    width: 100%;
}

.searchBoxListManager > .topBar > .search > input {
    width: 100%;
    padding-right: 45px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.searchBoxListManager > .topBar > .search > .button.buttonCancel {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: 0px;
    width: auto;
    height: auto;
    
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
}

.searchBoxListManager > .topBar > .search > .button
{
    position: absolute;
    top: 0;
    right: 0;
	bottom: 0;

    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.searchBoxListManager > .topBar > .dropdown {
    width: 100%;
}

.searchBoxListManager > .topBar > .dropdown > .content {
    width: inherit;
}

.searchBoxListManager > .listItems {
    position: relative;
    overflow: hidden;

    clear: both;

    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    
			border-radius: var(--rounded_corners_radius_fat);

    overflow-y: auto;

	margin: 0;
	padding: 10px;
	background: #fff;
	border: solid 1px var(--forms_border_color);
}

.searchBoxListManager > .listItems > .listItem + .listItem {
	border-color: var(--faint_color);
}

.searchBoxListManager > .listItems:not(:has(.listItem)) {
	display: none;
}


.searchBoxListManager.greyBackground {
	padding: 10px;
	background: var(--fainter_color);
	
			border-radius: var(--rounded_corners_radius_fat);
}

.searchBoxChooser {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 100%;
}

.searchBoxChooser > .top {
    position: relative;
}

.searchBoxChooser > .top > .button {
    width: 100%;
    margin: 0;
}

.searchBoxChooser.withChoosenListItem > .top > .button {
    
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
}

.searchBoxChooser > .top > input {
    display: none;
    width: 100%;
    padding-right: 45px;
}

.searchBoxChooser > .top > .button.buttonCancel {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: auto;
    height: auto;
    
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
    margin: 0px;
}

.searchBoxChooser.withChoosenListItem > .top > input {
    
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
    line-height: 46px;
}

.searchBoxChooser > .listItemContainer {
    display: none;
    float: left;
    width: 100%;
    padding: 10px;
    background: var(--fainter_color);
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);
}

.searchBoxChooser.withChoosenListItem > .listItemContainer {
    display: block;
}

.imageTagger {
    position: relative;
    overflow: hidden;
}

.imageTagger.editMode {
	cursor: copy;
}

.imageTagger > .imageTaggerTag {
    position: absolute;
}

.imageTagger > .imageTaggerTag:hover,
.imageTagger > .imageTaggerTag.open {
}

.imageTagger.viewMode > .imageTaggerTag {
    opacity: 0;

	transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

.imageTagger.viewMode:hover > .imageTaggerTag {
    opacity: 1;
}

.imageTagger.forceShowTags > .imageTaggerTag,
.imageTagger.brieflyShowTagsOnInit > .imageTaggerTag {
	opacity: 1;
}

.imageTagger.triggerMode > .imageTaggerTag {
	opacity: 0 !important;
}

.imageTagger.triggerMode.triggerModeOpen > .imageTaggerTag {
	opacity: 1 !important;

	transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.imageTagger.triggerMode:not(.triggerModeOpen) > .imageTaggerTag.tl {
	transform: translate(10px, 10px);
    -moz-transform: translate(10px, 10px);
    -webkit-transform: translate(10px, 10px);
    -o-transform: translate(10px, 10px);
    -ms-transform: translate(10px, 10px);
}

.imageTagger.triggerMode:not(.triggerModeOpen) > .imageTaggerTag.tc {
	transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
}

.imageTagger.triggerMode:not(.triggerModeOpen) > .imageTaggerTag.tr {
	transform: translate(-10px, 10px);
    -moz-transform: translate(-10px, 10px);
    -webkit-transform: translate(-10px, 10px);
    -o-transform: translate(-10px, 10px);
    -ms-transform: translate(-10px, 10px);
}

.imageTagger.triggerMode:not(.triggerModeOpen) > .imageTaggerTag.cl {
	transform: translate(10px, 0);
    -moz-transform: translate(10px, 0);
    -webkit-transform: translate(10px, 0);
    -o-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
}

.imageTagger.triggerMode:not(.triggerModeOpen) > .imageTaggerTag.cc {
	transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
}

.imageTagger.triggerMode:not(.triggerModeOpen) > .imageTaggerTag.cr {
	transform: translate(-10px, 0);
    -moz-transform: translate(-10px, 0);
    -webkit-transform: translate(-10px, 0);
    -o-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
}

.imageTagger.triggerMode:not(.triggerModeOpen) > .imageTaggerTag.bl {
	transform: translate(10px, -10px);
    -moz-transform: translate(10px, -10px);
    -webkit-transform: translate(10px, -10px);
    -o-transform: translate(10px, -10px);
    -ms-transform: translate(10px, -10px);
}

.imageTagger.triggerMode:not(.triggerModeOpen) > .imageTaggerTag.bc {
	transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.imageTagger.triggerMode:not(.triggerModeOpen) > .imageTaggerTag.br {
	transform: translate(-10px, -10px);
    -moz-transform: translate(-10px, -10px);
    -webkit-transform: translate(-10px, -10px);
    -o-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
}

.imageTagger.triggerMode > .imageTaggerTag > .imageTaggerTarget {
	display: none;
}

.imageTaggerTarget {
	position: absolute;

	top: 0px;
	left: 0px;

	margin-left: -22px;
	margin-top: -22px;

	width: 40px;
	height: 40px;

	background-image: url('/gfx/img/imagetaggertag_target.svg');
	background-size: 40px;

    animation: imageTaggerTargetSpin 12s infinite linear;
}

@keyframes imageTaggerTargetSpin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.imageTaggerTag {
	position: relative;
}

.imageTaggerTag > .imageTaggerTarget {
}

.imageTaggerTag > .content {
	display: none;

	position: absolute;
	left: 0px;
	top: 0px;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	min-width: 60px;

	background: #fff;
	border: solid #eee 1px;

	
			border-radius: var(--rounded_corners_radius_fat);

	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
	cursor: default;
}

.imageTaggerTag.padding > .content {
	padding: 10px;
}

.imageTaggerTag.open > .content,
.imageTagger.viewMode > .imageTaggerTag:hover > .content {
	display: block;
}

/* listitem */
.imageTaggerTag > .content > .listItem {
}

/*
	alignments

	tl - tc - tr
	|    |    |
	cl - cc - cr
	|    |    |
	bl - bc - br
*/

.imageTaggerTag.tl > .content,
.imageTaggerTag.cl > .content {
	right: auto;
	bottom: auto;
	left: 0px;
	top: 0px;

	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
}

.imageTaggerTag.tc > .content,
.imageTaggerTag.cc > .content {
	right: auto;
	bottom: auto;
	left: 0px;
	top: 10px;

    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.imageTaggerTag.tc > .content:after,
.imageTaggerTag.cc > .content:after {
	position: absolute;
	content: '';
	left: calc(50% - 10px);
	top: -10px;

	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	border-bottom: 10px solid #fff;
}

.imageTaggerTag.tr > .content,
.imageTaggerTag.cr > .content {
	left: auto;
	bottom: auto;
	right: 0px;
	top: 0px;

	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
}


.imageTaggerTag.bl > .content {
	right: auto;
	top: auto;
	left: 0px;
	bottom: 0px;

	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
}

.imageTaggerTag.bc > .content {
	right: auto;
	top: auto;
	left: 0px;
	bottom: 10px;

    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.imageTaggerTag.bc > .content:after {
	position: absolute;
	content: '';
	left: calc(50% - 10px);
	bottom: -10px;

	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	border-top: 10px solid #fff;
}

.imageTaggerTag.br > .content {
	left: auto;
	top: auto;
	right: 0px;
	bottom: 0px;

	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}

.stars {
    display: flex;
	gap: 3px;
}

.stars.inline {
	display: inline-block;
}

.stars.big > .icon {
	width: 24px;
	height: 24px;
	background-size: 24px;
}

.stars.small > .icon {
	width: 13px;
	height: 13px;
	background-size: 13px;
}

.box_1
{
	overflow: hidden;

    
			border-radius: var(--rounded_corners_radius);

	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);

    float: left;
}

.box_1 .content
{
	display: block;
	overflow: hidden;
	margin: 10px;
	padding: 10px 15px;
	color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.box_1 .content a
{
	color: var(--a_text_color_primary);
}

.box_2
{
	position: relative;
	float: left;

    
			border-radius: var(--rounded_corners_radius);

	overflow: hidden;
}

.box_2.block
{
	float: none;
}

.box_2.no_round_bottom_corners
{
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;

	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.box_2 > .shine_overlay
{
	position: absolute;
	background: url('/gfx/img/shine_overlay.png') no-repeat;
	width: 100%;
	height: 92px;
	z-index: 1000;
	left: 0px;
	top: 0px;
}

.box_2 > .premium_badge_corner
{
	position: absolute;
	right: 0px;

    
			border-top-right-radius: var(--rounded_corners_radius);

    background-image: url('/gfx/img/premium_badge_corner.png');
    background-size: 60px 60px;

    width: 60px;
    height: 60px;
}

.box_2 .content
{
	font-family: var(--a_text_font_family);
	line-height: var(--a_text_line_height);
    font-size: var(--a_text_font_size);
	letter-spacing: normal;
	overflow: hidden;
}

.box_2 .content.top_shade
{
	background-image: url(/gfx/img/shade.png);
	background-repeat: repeat-x;
}

.box_2 .content.padding
{
	padding: 20px;
}

.box_2 .content .bottom_title
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-family: var(--special_a_text_font_family);
	text-shadow: #000 0px 0px 1px;
}

a.content:hover
{
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

.box_2 h1,
.box_2 h2
{
	margin-bottom: 10px;
}

.box_3
{
	position: relative;
	float: left;
	overflow: hidden;
}

.box_3 > .shine_overlay
{
	position: absolute;
	background: url('/gfx/img/shine_overlay.png') no-repeat;
	width: 100%;
	height: 92px;
	z-index: 1000;
	left: 0px;
	top: 0px;
}

.box_3 > .top
{
	padding: 20px;

    
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);
}

.box_3 > .bottom
{
	padding: 20px;

    
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);
}

.box_3 > .bottom.top_shade
{
	background-image: url(/gfx/img/shade.png);
	background-repeat: repeat-x;
}

.box_3 h1,
.box_3 h2
{
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
}

.box_4
{
    overflow: hidden;
    position: relative;
    background: #fff;;
    
			border-radius: var(--rounded_corners_radius_fatter);
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
}

.box_4.padding {
	padding: 30px !important;
}

.box_4 > .title
{
	font-weight: var(--head_font_weight);
	font-size: 14pt;
	margin-bottom: 15px;
}

.box_4 > .title.centered
{
    text-align: center;
}

.box_4 > .subtitle
{
    margin: 5px 10px 0 10px;
}

.box_4 > .subtitle.centered
{
    text-align: center;
}

.box_4 > .content
{
    padding: 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.box_4 > .content.centered
{
    text-align: center;
}

.box_4 > .content.narrow {
	margin: 0 auto;
	max-width: 600px;
}

.box_4 > .content select {
    width: 100%;
}

.box_4 > .content > textarea {
	width: 100%;
}

/* big */

.box_4.big {
    margin: 20px;
	padding: 20px;
}

.box_4.big > .title {
	font-size: 16pt;
}

.box_4.big > .content {
}

@media only screen and (max-width: 980px) {
    .box_4.big {
        margin: 20px;
		padding: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .box_4.big > .title {
        font-size: 13pt;
    }
}

.box_4.big > .subtitle
{
    margin: 10px 30px 0 30px;
}

/* premium_badge_corner */

.box_4 > .premium_badge_corner
{
	position: absolute;
	top: -2px;
	right: -2px;

    
			border-top-right-radius: var(--rounded_corners_radius);

	width: 60px;
	height: 60px;
	background-image: url('/gfx/img/premium_badge_corner.png');
    background-size: 60px 60px;
}

.box_4.short {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.box_4_list {
	display: flex;
	gap: 40px;
}

.box_4_list.vertical {
	flex-direction: column;
}

.box_list
{
    
			border-radius: var(--rounded_corners_radius);
    border: solid #eee 1px;
}

.box_list .item
{
    clear: both;
    margin-bottom: 10px;
}

.box_list .item.odd
{
}

.box_list .item.pair
{
}

.box_list .item.first
{
}

.box_list .item.last
{
}

.box_list .item .icon
{
    float: left;
    margin: 0 10px 0 0;
}
.pill {
	--bgColor: var(--grey_color);
	--fgColor: white;
	--linkColor: var(--a_text_color_primary);
	--fgColorTextUnderTitle: currentColor;
	--padding: 10px;
	--borderRadius: var(--rounded_corners_radius_fat);
	--arrowSize: 15px;
	--arrowMargin: 10px;

	position: relative;

	display: inline-flex;
	flex-direction: column;
	width: 100%;
	max-width: max-content;

	background-color: var(--bgColor);
	color: var(--fgColor);

	font-family: var(--pill_font_family);
	font-size: var(--pill_font_size);
	font-weight: var(--pill_font_weight);
	line-height: 1.3em;

	border-radius: var(--borderRadius);
}

a.pill:hover {
	color: var(--fgColor);
	filter: brightness(1.1);
}

.pill.centered {
	margin-left: 50%;
	transform: translate(-50%, 0);
}

.pill.isolated {
	margin-top: 20px;
	margin-bottom: 20px;
}

.pill.short {
	max-width: 300px !important;
}

.pill > .content {
	display: flex;
	gap: 10px;
	height: 100%;
}

.pill > .content > img {
	height: 60px;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.pill > .title,
.pill > .content {
	padding: var(--padding) calc(var(--padding) * 1.5);
}

.pill:has(> .title) > .title {
	border-top-left-radius: var(--borderRadius);
	border-top-right-radius: var(--borderRadius);
	font-weight: 500;
	font-size: .95em;
	padding: calc(var(--padding) * .5) calc(var(--padding) * 1.5);
}

.pill:has(> .title) > .content {
	background: #fff;
	color: var(--fgColor);
	border: solid var(--bgColor) 1px;
	border-top: none;
	border-bottom-left-radius: var(--borderRadius);
	border-bottom-right-radius: var(--borderRadius);
}

.pill > .content:has(.icon) {
	padding-right: calc(var(--padding) * 1.15);
}

.pill > .content > .icon {
	flex-shrink: 0;
	background-color: currentColor;
}

.pill > .content > .text {
	text-align: left;
	color: var(--fgColor);
}

.pill > .content > .text a {
	color: var(--linkColor);
	cursor: pointer;
}

.pill > .content > .text a:hover {
	opacity: .8;
}

.pill > .content > .text li {
	color: var(--fgColor);
}

.pill:has(> .title) > .content > .text,
.pill:has(> .title) > .content > .text a {
	color: var(--fgColorTextUnderTitle);
}

/* arrow */
.pill.arrow:after {
	position: absolute;
	content: '';

	width: var(--arrowSize);
	aspect-ratio: 2.5;

	background-color: var(--bgColor);

	mask: url('/gfx/img/pill_arrow.svg');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;

}

/* arrow up */
.pill.arrow_0 {
	margin-top: calc(var(--arrowSize) / 1.5);
}

.pill.arrow_0:after {
	bottom: 100%;
}

/* arrow up align start */
.pill.arrow_0.arrowAlign_0:after {
	left: var(--arrowMargin);
}

/* arrow up align middle */
.pill.arrow_0.arrowAlign_1:after {
	left: 50%;
	transform: translateX(-50%);
}

/* arrow up align end */
.pill.arrow_0.arrowAlign_2:after {
	right: var(--arrowMargin);
}


/* arrow right */
.pill.arrow_1 {
	margin-right: calc(var(--arrowSize) / 1.5);
}

.pill.arrow_1:after {
	left: calc(100% - var(--arrowSize) / 3.2);
	transform: rotate(90deg);
}

/* arrow right align start */
.pill.arrow_1.arrowAlign_0:after {
	top: var(--arrowMargin);
}

/* arrow right align middle */
.pill.arrow_1.arrowAlign_1:after {
	top: 50%;
	transform: translateY(-50%);
}

/* arrow right align end */
.pill.arrow_1.arrowAlign_2:after {
	bottom: var(--arrowMargin);
}


/* arrow bottom */
.pill.arrow_2 {
	margin-bottom: calc(var(--arrowSize) / 1.5);
}

.pill.arrow_2:after {
	top: 100%;
	left: var(--arrowMargin);
	transform: rotate(180deg);
}

/* arrow bottom align start */
.pill.arrow_2.arrowAlign_0:after {
	left: var(--arrowMargin);
}

/* arrow bottom align middle */
.pill.arrow_2.arrowAlign_1:after {
	left: 50%;
	transform: translateX(-50%);
}

/* arrow bottom align end */
.pill.arrow_2.arrowAlign_2:after {
	right: var(--arrowMargin);
}


/* arrow left */
.pill.arrow_3 {
	margin-left: calc(var(--arrowSize) / 1.5);
}

.pill.arrow_3:after {
	right: calc(100% - var(--arrowSize) / 3.2);
	top: var(--arrowMargin);
	transform: rotate(-90deg);
}

/* arrow left align start */
.pill.arrow_3.arrowAlign_0:after {
	top: var(--arrowMargin);
}

/* arrow left align middle */
.pill.arrow_3.arrowAlign_1:after {
	top: 50%;
	transform: translateY(-50%);
}

/* arrow left align end */
.pill.arrow_3.arrowAlign_2:after {
	bottom: var(--arrowMargin);
}


/* styles */
.pill.style_0 { --bgColor: var(--fainter_color); --fgColor: currentColor; --linkColor: var(--fgColor); }
.pill.style_1 { --bgColor: var(--info_color); --fgColor: #fff; --fgColorTextUnderTitle: var(--info_color_darker); --linkColor: var(--fgColor);  }
.pill.style_2 { --bgColor: var(--warning_color); --fgColor: #fff; --fgColorTextUnderTitle: var(--warning_color_darker); --linkColor: var(--fgColor); }
.pill.style_3 { --bgColor: var(--error_color); --fgColor: #fff; --fgColorTextUnderTitle: var(--error_color_darker); --linkColor: var(--fgColor); }
.pill.style_5 { --bgColor: var(--critical_color); --fgColor: #fff; --fgColorTextUnderTitle: var(--critical_color_darker); --linkColor: var(--fgColor); }

.pill.style_4 {
	--bgColor: #fff;
	--fgColor: var(--help_color);
	border: dashed var(--help_color_lighter) 1px;
}

.pill.style_4:after {
	background: linear-gradient(180deg, var(--help_color_lighter) calc(100% - 2px), white calc(100% - 2px), white 100%);
	mask: url('/gfx/img/pill_arrow_dashed.svg');
}

.pill.style_4 > .content > .icon {
	background-color: var(--help_color_lighter);
}

/* pills */
.pills {
	display: flex;
	justify-content: stretch;
	flex-wrap: wrap;
	gap: 10px;
}

.pills > .pill {
	max-width: 100%;
	width: auto;
}

.pills.centered {
	justify-content: center;
}

.pills.columns.centered {
	width: 100%;
	margin-left: auto;
	transform: none;
}

.pills.isolated {
	margin-top: 20px;
	margin-bottom: 20px;
}

.pills.columns > .pill {
}

@media only screen and (max-width: 750px) {
	.pills {
		/* flex-direction: column; */
	}
}

.block_2
{
	position: relative;
	float: left;
}

.block_2 .shine_overlay
{
	position: absolute;
	background: url('/gfx/img/shine_overlay.png') no-repeat;
	width: 100%;
	height: 92px;
	z-index: 1000;
}

.block_2 > .top
{
	position: relative;
	z-index: 1;
	background: #666;
	color: #fff;
	font-family: var(--special_a_text_font_family);
	font-size: 40px;
	line-height: 40px;
	padding: 20px;
	text-align: center;

    
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);

	-moz-box-shadow: 0 5px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.2);
	box-shadow: 0 5px 20px rgba(0,0,0,0.2);

	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
}

.block_2 > .top > .premium_badge_corner
{
	position: absolute;
	top: 0px;
	right: 0px;

    
			border-top-right-radius: var(--rounded_corners_radius);

	width: 60px;
	height: 60px;
	background-image: url('/gfx/img/premium_badge_corner.png');
    background-size: 60px 60px;
}

.block_2 > .body
{
	z-index: 1;
	padding: 15px;
	background-color: #f4f4f4;

    
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);

	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}

.block_2 > .body > .amount
{
	font-family: var(--special_a_text_font_family);
	font-size: 100px;
	line-height: 100px;
	letter-spacing: -5px;
	height: 90px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1), 3px 3px 1px rgba(255, 255, 255, 1), 4px 4px 1px rgba(255, 255, 255, 1), 5px 5px 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 8px;
}

.block_2 > .body > .amount > .additional
{
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -2px;
}

.block_2 > .body > .additional
{
	font-size: 16px;
	color: #888;
	line-height: 22px;
	text-align: center;
}

.block_big_notice {
	position: relative;
	padding: 20px;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	overflow: hidden;

	--base-color: var(--a_text_color_main);
	--base-color-dark: var(--a_text_color_faint);
	--iconColor: #fff;
}

.block_big_notice.wide {
	max-width: none;
}

.block_big_notice_fullscreen_container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100vh - var(--main_menu_height));
}

.block_big_notice_fullscreen_container > .block_big_notice {
}

@media only screen and (max-width: 750px) {
	.block_big_notice_fullscreen_container {
		display: block;
		height: auto;
	}
}

.block_big_notice > .iconContainer {
	overflow: hidden;
	width: 50px;
	height: 50px;
	margin: 0 auto 25px auto;

	padding: 30px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	display: flex;
	justify-content: center;
	align-items: center;
}

.block_big_notice:not(.withDetailedIcon) > .iconContainer {
	background-color: var(--base-color) !important;
}

.block_big_notice > .iconContainer > .icon {
	width: 55px;
	height: 55px;
	color: var(--iconColor);
}

.block_big_notice > .iconContainer.big {
	background: none;
	width: 200px;
	height: 200px;
}

.block_big_notice > .iconContainer.big > .icon {
	width: 130px;
	height: 130px;
}

.block_big_notice > .iconContainer.uncircled {
	background: transparent !important;
	padding: 0;
}

.block_big_notice.withDetailedIcon > .iconContainer {
	background-color: transparent;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 200px;
	height: 200px;
}

.block_big_notice.withDetailedIcon > .iconContainer > .icon {
	width: 200px;
	height: 200px;
	background-size: contain;
}

.block_big_notice > .iconContainer.specialStyle {
	background-position: center;
	background-size: cover;
	box-shadow:
		inset 0 4px 3px rgba(0, 0, 0, .2),
		inset 0 10px 15px rgba(0, 0, 0, .2);
	width: 270px;
	height: 200px;
	border-radius: 40px
}

.block_big_notice > .iconContainer.specialStyle.error404 {
	background-image: url('/gfx/img/404/1.gif');
}

.block_big_notice > .iconContainer.specialStyle.error500 {
	background-image: url('/gfx/img/500/8.gif');
}

/* info */
.block_big_notice.info {
	--base-color: var(--info_color);
	--base-color-dark: var(--info_color_darker);
}

/* warning */
.block_big_notice.warning {
	--base-color: var(--warning_color);
	--base-color-dark: var(--warning_color_darker);
}

/* error */
.block_big_notice.error {
	--base-color: var(--error_color);
	--base-color-dark: var(--error_color_darker);
}

/* critical */
.block_big_notice.critical {
	--base-color: var(--critical_color);
	--base-color-dark: var(--critical_color_darker);
}

/* help */
.block_big_notice.help {
	--base-color: var(--help_color);
	--base-color-dark: var(--help_color_darker);
}

/* staffpicks */
.block_big_notice.staffpicks {
	--base-color: var(--user_level_staff_pick_color);
}

/* credits */
.block_big_notice.credits {
	--base-color: var(--credits_color);
}

.block_big_notice > .imageContainer {
	display: flex;
	justify-content: center;
	padding: 20px;
}

.block_big_notice > .imageContainer > img {
	max-width: min(350px, 100%);
}

.block_big_notice.centered > .title,
.block_big_notice.centered > .superTitle,
.block_big_notice.centered > .subContent,
.block_big_notice.centered > .content {
	text-align: center;
	text-wrap: balance;
}

.block_big_notice > .content,
.block_big_notice > .subContent {
	padding: 20px 0;
	min-width: 300px;
	margin: 0 auto;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	font-size: var(--a_text_font_size);
	text-align: left;
}

.block_big_notice > .content + .content {
	padding-top: 0;
}

.block_big_notice > .content.fullWidth {
	width: 100%;
}

.block_big_notice > .buttons {
	margin-top: 30px;
	margin-bottom: 30px;
}

.block_big_notice > .content + .buttons {
	margin-top: 0;
}

.block_big_notice > .title,
.block_big_notice > .superTitle {
	font-size: 20pt;
	line-height: 1.2em;
	margin-bottom: 5px;
	color: var(--base-color);
	text-wrap: balance;
}

.block_big_notice > .title {
	text-align: center;
}

.block_big_notice > .superTitle {
	font-size: 25pt;
}

.block_big_notice > .message,
.block_big_notice > .subContent,
.block_big_notice > .help {
	text-wrap: balance;
	margin-top: 10px;
	line-height: 1.4em;
}

.block_big_notice > .block {
	width: 50%;
	margin: 10px auto 0 50%;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

/* narrow */
.block_big_notice.narrow {
	max-width: 550px;
}

.block_big_notice.narrow > .title,
.block_big_notice.narrow > .superTitle  {
	margin-left: auto;
	margin-right: auto;
}

/* narrower */
.block_big_notice.narrower {
	max-width: 350px;
}

.block_big_notice.narrower > .title,
.block_big_notice.narrower > .superTitle  {
	margin-left: auto;
	margin-right: auto;
}

/* narrow */
.block_big_notice.wide {
	max-width: 950px;
}

/* isolated */

.block_big_notice.isolated {
	margin-top: 50px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 750px) {
	.block_big_notice > .content {
		padding: 20px 0;
		min-width: 0;
	}

	.block_big_notice.narrow > .title {
		font-size: 18pt;
	}
}

/* dark background */
body.dark .block_big_notice {
	color: #fff;
}


/* colors by membership type*/
.block_big_notice.plus > .iconContainer { background-color: var(--plus_color); }

.block_big_notice.pro > .iconContainer { background-color: var(--pro_color); }

.block_big_notice.proVerified > .iconContainer { background-color: var(--pro_verified_color); }
.block_big_notice.proVerified > .iconContainer > .icon { background-color: rgba(0, 0, 0, 0.7); }

.bigMessage {
	max-width: 600px;
	overflow: hidden;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;;

	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.bigMessage > .header {
	position: relative;

	background: var(--fainter_color);


	display: flex;
	flex-direction: column;
	align-items: center;

	
			border-radius: var(--rounded_corners_radius_fat);

	padding: 40px 40px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.bigMessage > .header > .icon {
	width: 40px;
	height: 40px;
	margin-bottom: 30px;
	background-color: var(--grey_color);
}

.bigMessage > .header > .superTitle {
	font-size: 24pt;
	line-height: 1.1em;
	margin-bottom: 20px;
	text-align: center;
	font-weight: 600;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.bigMessage > .header > .title {
	font-size: 18pt;
	font-weight: 500;
	line-height: 1.1em;
	text-align: center;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.bigMessage > .header > .title a {
	color: #fff;
	text-decoration: underline;
}

.bigMessage > .header > .title a:hover {
	color: rgba(255, 255, 255, 0.8);
}

.bigMessage > .header > .subTitle {
	font-size: 15pt;
	line-height: 1.3em;

	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	margin-bottom: 30px;
}

.bigMessage > .header > .title + .subTitle {
	margin-top: 20px;
}

.bigMessage > .header > .buttons + .subTitle {
	margin-top: 20px;
}

.bigMessage.withCoupon > .header {
	background: none;
	padding: 0;
}

.bigMessage.withCoupon > .header > .couponBlock {
	margin-bottom: 40px;
}

.bigMessage > .message {
	float: left;
	width: 100%;
	padding: 40px;
	line-height: 1.4em;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.bigMessage.withCoupon > .header + .message {
	padding-top: 0;
}

.bigMessage > .userCard {
	max-width: 300px;
	margin: 0 auto !important;
}

.bigMessage > .additionalMessage {
	float: left;
	width: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	border: dashed rgba(0, 0, 0, 0.5) 1px;

	
			border-radius: var(--rounded_corners_radius);
}

.bigMessage > .userCard + .additionalMessage {
	margin-top: 30px;
}

.bigMessage > .buttons {
	margin: 20px;
	justify-content: center;
}

.bigMessage.warning > .header {
	background-color: var(--warning_color);
	color: #fff;
}

.bigMessage.error > .header {
	background-color: var(--error_color);
	color: #fff;
}

.bigMessage.info > .header {
	background-color: var(--info_color);
	color: #fff;
}

.bigMessage.help > .header {
	background-color: var(--help_color);
	color: #fff;
}

.bigMessage.warning > .header > .icon,
.bigMessage.error > .header > .icon,
.bigMessage.info > .header > .icon,
.bigMessage.help > .header > .icon {
	background-color: #fff;
}

.bigMessage.isolated {
	padding-top: 40px;
	padding-bottom: 40px;
}

.bigMessage > .message .card {
	max-width: 250px;
	clear: both;
}

/* darkBackground */

.bigMessage.darkBackground {
	color: #fff;
}

.bigMessage.darkBackground > .header {
	color: #fff !important;
}

.bigMessage.darkBackground .button_text {
	color: #fff;
	text-decoration: underline !important;
}

.bigMessage.darkBackground > .additionalMessage {
	border: dashed rgba(255, 255, 255, 0.5) 1px;
}

.bigMessage.darkBackground a {
	color: #fff;
	text-decoration: underline;
}

.bigMessage.darkBackground .card {
	border: none;
}

/* special styles */
.bigMessage.blackFriday > .header {
	background: #fff;
	color: #000;
}

.bigMessage.blackFriday > .header a {
	color: #000;
}

.bigMessage.blackFriday > .header .button {
	max-width: 100%;
}

.bigMessage.blackFriday > .header > .downArrow {
	border-color: #fff transparent transparent transparent;
}

.bigMessage.blackFriday > .header > .superTitle {
	font-size: 50pt;
	line-height: 1em;
	font-family: var(--special_a_text_font_family);
	text-transform: uppercase;
}

.bigMessage.blackFriday > .header > .superTitle > .black {
	font-size: 60pt;
	line-height: 1em;
}

.bigMessage.blackFriday > .header > .superTitle > .friday {
	font-size: 55pt;
	line-height: 1em;
}

.bigMessage.blackFriday > .header > .superTitle > .litmind {
	font-size: 46pt;
}

.bigMessage.lightBackground > .header {
	background: rgba(0, 0, 0, 0.5);
}

.bigMessage.lightBackground > .header > .downArrow {
	border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
}

.block_indicator {
	text-align: center;
}

.block_indicator > .wrapper {
	display: inline-block;
	font-family: var(--special_a_text_font_family);

	color: #fff;
	opacity: 0.5;
}

.block_indicator > .wrapper > .content {
	background-color: #000;
	padding: 15pt;
	
			border-radius: var(--rounded_corners_radius);
}

.block_indicator > .wrapper > .icon.arrow_down {
	float: none;
	display: inline-block;
	width: 40px;
	height: 30px;
	background-size: 30px;
	margin-top: -3px;
}

.block_indicator > .wrapper > .icon.black {

}

.simple_centered_box {
    display: flex;
	justify-content: center;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.simple_centered_box + .simple_centered_box {
	margin-top: 40px;
}

.simple_centered_box.smaller {
    max-width: 300px;
}

@media only screen and (max-width: 750px) {
    .simple_centered_box {
        width: 90%;
    }
}

.simple_centered_box.isolated {
    margin-top: 140px;
    margin-bottom: 140px;
}

@media only screen and (max-width: 750px) {
    .simple_centered_box.isolated {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

.simple_centered_box > .box {

	width: 80%;
    max-width: 800px;

    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	
			border-radius: var(--rounded_corners_radius_fat);
	padding: 30px;

	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		

	background: #fff;
    color: var(--a_text_color_main);
}

@media only screen and (max-width: 750px) {
    .simple_centered_box > .box {
        padding: 20px;
    }
}

.simple_centered_box > .below
{
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

.simple_centered_box > .below,
.simple_centered_box > .below a
{
    color: #fff;
}

.simple_centered_box > .below a:hover
{
    color: var(--a_text_color_button_dark_background);
}

.simple_centered_box.warning > .box {
    background-color: var(--warning_color);
    color: #fff !important;
}

.simple_centered_box.warning > .box a {
    color: #fff !important;
    text-decoration: underline;
}

.simple_centered_box.info > .box {
    background-color: var(--info_color);
    color: #fff !important;
}

.url_share
{

}

.url_share > .url
{
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
	font-family: Courier;
	width: 400px;
}
/* editorial */

.professional_photo_gallery_editorial {

}

.professional_photo_gallery_editorial > .card {
    margin-left: 50%;
    margin-bottom: 50px;

    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
#professional_home_map {
}

#professional_home_map .map_container {
	margin: 20px auto;
}

#professional_home_map_combos {
	text-align: center;
	margin: 20px 0;
}

.professional_condecorations .icon,
.professional_condecorations .ui_component_icon,
.professional_condecorations .ui_component_icon_color
{
    position: relative;
	float: left;
	margin: 5px 0 5px 5px;
}

.professional_condecorations > .stars
{
    float: left;
}

.professional_condecorations > .stars > .icon.star,
.professional_condecorations > .stars > .icon.star_gold
{
    margin: 5px 0;
}

.professional_condecorations > .stars > .ui_component_icon_color.star,
.professional_condecorations > .stars > .ui_component_icon_color.star_gold
{
    margin: 5px 2px 5px 0;
}

.professional_condecorations > .text_block
{
	float: left;
	font-size: 8.5pt;
	line-height: 17px;
	color: #999;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px;

    margin: 0 0 0 5px;

    padding: 4px 0 4px 8px;

    border-left: solid #dfdfdf 1px;

    box-shadow: inset 1px 0 0 #fefefe;
    -moz-box-shadow: inset 1px 0 0 #fefefe;
    -webkit-box-shadow: inset 1px 0 0 #fefefe;
}

.professional_condecorations > .text_block.first
{
    border-left: none;

    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;

    margin-left: 0;
}
.social_bar {
    display: flex;
}

.social_bar .button:not(:last-child) {
	margin-right: 5px;
}

.share_bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.share_bar > .title {
	color: rgba(0, 0, 0, 0.4);
	white-space: nowrap;
	margin-bottom: 10px;
}

#photo_view_popup
{
    display: none;
    z-index: 9998;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--dark_color);
    overflow-y: auto;
}

#photo_view_popup > .icon.loading
{
    position: absolute;
    left: 50%;
    top: 50%;
}

body.inApp #photo_view_popup {
	padding-top: env(safe-area-inset-top);
	padding-bottom: calc(env(safe-area-inset-bottom) + 60px);
}

.sedCard {
	display: block;
	max-width: 120vh;
	min-width: 800px;
	margin: 0 auto;
	position: relative;
	color: #fff;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	font-size: 0;
	background: #000;
	border: solid #000 3px;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.sedCard.mini {
	min-width: 0;
	width: 100%;
	border: solid #fff 2px;
}

.sedCard.mini.noBorders {
	border: none;
}

.sedCard a {
	color: #fff;
}

.sedCard a:hover {
	text-decoration: underline;
}

.sedCard > img.aspectRatioNullGif.maxWidth {
	width: 100%;
}

.sedCard > img.aspectRatioNullGif.maxHeihgt {
	height: 100%;
}

.sedCard > .aspectRatioWrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.sedCard > .litmindOverlay {
	display: none;
	position: absolute;
	left: 50px;
	bottom: 30px;
	color: #fff;
	font-size: .7rem;
	font-weight: 600;
	z-index: 1;
}

.sedCard .sedCardBlock {
	position: relative;
	float: left;
	clear: none;
	margin: 0;
	font-size: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #444;
	border: solid #000 5px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-print-color-adjust: exact;
	max-width: 100%; /* Fix conflict with .sedCardBlock in other CSS files */
}

.sedCard.mini .sedCardBlock {
	border: solid #fff 2px;
}

.sedCard.mini.noBorders .sedCardBlock {
	border: none;
}

.sedCard .sedCardBlock.spanWidth_1 { width: 25%; }
.sedCard .sedCardBlock.spanWidth_2 { width: 50%; }
.sedCard .sedCardBlock.spanWidth_3 { width: 75%; }
.sedCard .sedCardBlock.spanWidth_4 { width: 100%; }

.sedCard .sedCardBlock.spanHeight_1 { height: 25.001%; }
.sedCard .sedCardBlock.spanHeight_2 { height: 50.001%; }
.sedCard .sedCardBlock.spanHeight_3 { height: 75.001%; }
.sedCard .sedCardBlock.spanHeight_4 { height: 100%; }

.sedCard .sedCardBlock > .contents {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;

	padding: 40px 50px;
}

.sedCard .sedCardBlock.gradient_leftRight > .contents {
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

.sedCard .sedCardBlock > .contents > .title,
.sedCard .sedCardBlock > .contents > .subTitle {
	text-transform: uppercase
}

.sedCard .sedCardBlock > .contents > .title {
	font-size: 2.2rem;
	border-left: solid 1px;
	padding-left: 0.25em;
	line-height: 1em;
}

.sedCard .sedCardBlock > .contents > .subTitle {
	font-size: 1.3rem;
	line-height: 1.5em;
}

.sedCard .sedCardBlock > .contents > .propertyList {
	border: none;
	margin-top: 20px;
}

.sedCard .sedCardBlock > .contents > .propertyList > .item {
	padding: 3px 0;
	font-size: 1rem;
	border: none;
	color: #fff;
}

.sedCard .sedCardBlock > .contents > .propertyList > .item > .texts > .key {
	background: none;
	font-weight: bold;
	color: #fff;
}

.sedCard .sedCardBlock.editMode > .contents > .title,
.sedCard .sedCardBlock.editMode > .contents > .subTitle,
.sedCard .sedCardBlock.editMode > .contents > .propertyList {
	pointer-events: none;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
	opacity: 0.6;
}

.sedCard .sedCardBlock > .contents > .satellite {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sedCard .sedCardBlock > .contents > .satellite.topLeft {
	left: 20px;
	right: 20px;
	top: 20px;
}

.sedCard .sedCardBlock > .contents > .satellite.topRight {
	right: 20px;
	left: 20px;
	top: 20px;
}

.sedCard .sedCardBlock > .contents > .satellite.bottomLeft {
	left: 20px;
	right: 20px;
	bottom: 20px;
}

.sedCard .sedCardBlock > .contents > .satellite.bottomRight {
	right: 20px;
	left: 20px;
	bottom: 20px;
}

.sedCard .sedCardBlock > .contents > .satellite.logo {
	white-space: nowrap;
	color: #fff;
}

.sedCard .sedCardBlock > .contents > a.satellite.logo:hover {
	opacity: 0.8;
}

.sedCard .sedCardBlock > .contents > .satellite.logo > .text {
	float: left;
	line-height: 16px;
	font-family: var(--special_a_text_font_family);
	font-size: 9pt;
}

.sedCard .sedCardBlock > .contents > .satellite.logo > .icon {
	float: left;
	margin-left: 5px;
}

.sedCard .sedCardBlock > .contents > .satellite > .warningBlock {
	flex-basis: 100%;
	display: flex;
	gap: 10px;
	padding: 15px;
	background-color: var(--warning_color);
	
			border-radius: var(--rounded_corners_radius);
}

.sedCard .sedCardBlock > .contents > .satellite > .warningBlock a {
	text-decoration: underline;
}

.sedCard .sedCardBlock > .contents > .satellite > .warningBlock > .icon {
	flex-shrink: 0;
}

.sedCard .sedCardBlock > .contents > .satellite > .warningBlock > .text {

	font-size: var(--a_text_font_size_small);
	line-height: 1.2em;
}

.sedCard .sedCardBlock > .contents > .satellite > .help {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	margin: 10px 0 0 0;
	text-shadow: rgba(0, 0, 0, 0.15) 0 -1px;
}

.sedCard .sedCardBlock > .contents > .satellite > .help a {
	text-decoration: underline;
}

.sedCard .sedCardBlock > .editOverlay {
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	right: 0px;

	top: 50%;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);

	text-align: center;
}

.sedCard .sedCardBlock.withContent > .editOverlay {
	top: 30%;
	transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
}

.sedCard .sedCardBlock > .editOverlay > .buttonsGrid {
	display: inline-flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px;
}

.sedCard .sedCardBlock > .editOverlay > .buttonsGrid > .cell {
	flex-grow: 0;
	flex-shrink: 1;
}

.sedCard .sedCardBlock > .editOverlay > .buttonsGrid > .cell.span {
	flex-basis: 100%;
}

@media only screen and (max-width: 750px) {
	.sedCard.maximizeOnSmallScreens {
		min-width: auto;
		min-width: 100%;
	}
	.sedCard.maximizeOnSmallScreens img.aspectRatioNullGif {
		display: none;
	}
	.sedCard.maximizeOnSmallScreens > .aspectRatioWrapper {
		position: relative;
	}
	.sedCard.maximizeOnSmallScreens .sedCardBlock {
		width: 100% !important;
		min-height: 450px !important;
		clear: both !important;
	}
	.sedCard.maximizeOnSmallScreens .sedCardBlock.withContent {
		min-height: 750px !important;
	}
}

@media only screen and (max-width: 980px) {
	.sedCard.editMode {
		min-width: auto;
	}
	.sedCard.editMode img.aspectRatioNullGif {
		display: none;
	}
	.sedCard.editMode > .aspectRatioWrapper {
		position: relative;
	}
	.sedCard.editMode .sedCardBlock {
		width: 100% !important;
		min-height: 650px !important;
		clear: both !important;
	}

	.sedCard .sedCardBlock.withContent > .editOverlay {
		top: 10%;
	}

	.sedCard .sedCardBlock.editMode > .contents > .title,
	.sedCard .sedCardBlock.editMode > .contents > .subTitle,
	.sedCard .sedCardBlock.editMode > .contents > .propertyList {
		opacity: 0.2;
	}
}

.sedCard > .iconContainer {
	position: absolute;
	bottom: -14px;
	right: 15px;

	background-color: #fff;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.sedCard > .iconContainer:nth-child(2) {
	right: 55px;
}

.sedCard > .iconContainer > .icon {
	margin: 4px;
}

.sedCardBelowContent {
	margin-top: 1em;
	text-align: center;
}

/* when printing */

.sedCard.printing .sedCardBlock > .contents > .satellite {
	display: none;
}

.sedCard.printing > .litmindOverlay {
	display: block;
}

.carousel {
	position: relative;
	height: 100%;
	--padding: 10px;
	--pagerButtonSize: 15px;
	--mainColor: #fff;
	--accentColor: var(--a_text_color_main);

	
			-webkit-overflow-scrolling: none;
			overscroll-behavior: none !important;
		
}

.carousel > .items {
	height: 100%;

	display: flex;
	align-items: stretch;
	justify-content: flex-start;

	
			-webkit-overflow-scrolling: none;
			overscroll-behavior: none !important;
		

	overflow-x: scroll;

	scroll-snap-type: x mandatory;

	-ms-overflow-style: none; /* Hide scrollbar for IE */
	scrollbar-width: none; /* Hide scrollbar for Firefox */

	scroll-behavior: smooth;

	margin: 0 auto;
	max-width: min-content;
}

.carousel > .items::-webkit-scrollbar { /* Hide scrollbar for webkit */
  display: none;
}

.carousel > .items > .item {
	scroll-margin: 0px;
	scroll-snap-align: center;
	scroll-snap-stop: normal;
	overflow: hidden;
	min-width: max-content;
	height: 100%;
}

.carousel > .items > .item.clickable {
	cursor: zoom-in;
}

.carousel > .items > .item.image > img {
	float: left;
	height: 100%;
}

.carousel.panelled > .items {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: var(--padding);
	gap: var(--padding);
}

.carousel.panelled > .items > .item {
	
			border-radius: var(--rounded_corners_radius_fatter);
	border: solid rgba(0, 0, 0, 0.05) 1px
	background: var(--faint_color);
}

.carousel > .pager {
	position: absolute;
	bottom: 0;
	width: 100%; /* To avoid conflict with .pager */

	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	padding: var(--padding);

	gap: var(--padding);

	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}

.carousel.panelled > .pager {
	bottom: calc(var(--padding) * 2);
}

.carousel > .pager > div {
	width: var(--pagerButtonSize);
	height: var(--pagerButtonSize);
	cursor: pointer;
}

.carousel > .pager > div.page {
	background: var(--mainColor);
	border-radius: 100vw;
	
			box-shadow: 0 3px 5px rgba(0, 80, 150, 0.2);
			-moz-box-shadow: 0 3px 5px rgba(0, 80, 150, 0.2);
			-webkit-box-shadow: 0 3px 5px rgba(0, 80, 150, 0.2);
	transition: background-color .07s ease-in-out;
}

.carousel > .pager > div.page:hover {
	background: var(--accentColor);
	color: var(--mainColor);
}

.carousel > .pager > div.page.selected {
	background: var(--accentColor);
}

.carousel > .pager > div.navigation {
	font-size: 8pt;
	line-height: var(--pagerButtonSize);
	text-align: center;
	color: var(--mainColor);
	text-shadow: 0 2px 2px hsl(200deg 30% 50% / 0.2);
}

.carousel > .pager > div.navigation:hover {
	color: var(--accentColor);
}

.carousel > .pager > div > .icon {
	background-color: var(--mainColor);
	width: var(--pagerButtonSize);
	height: var(--pagerButtonSize);
}

.carousel > .pager > div:hover > .icon {
	background-color: var(--accentColor);
}

.CommunityBrowse > .buttons {
	display: none;
	margin-top: 20px;
}

.CommunityBrowse.smallScreen > .buttons {
	display: flex;
}

.CommunityBrowse.smallScreen > .TwoColumnsLayout > .content.cards {
	justify-content: center;
}

.CommunityBrowse > .TwoColumnsLayout > .aid {
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}

.CommunityBrowse > .TwoColumnsLayout > .aid > .buttons[data-buttons-aid-smallscreen="1"] {
	display: none;
}

.CommunityBrowse.smallScreen > .TwoColumnsLayout.open > .aid {
	padding-bottom: 90px;
}

.CommunityBrowse.smallScreen > .TwoColumnsLayout.open > .aid > .buttons[data-buttons-aid-smallscreen="1"] {
	display: flex;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: var(--gap);
}

.comments
{
    width: 100%;
}

.comment:not(:is(.icon))
{
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.comment:not(:is(.icon)) > .profile_image
{
    position: relative;
    display: block;
    float: left;

    width: 30px;
    height: 30px;

    margin-right: 10px;

    background-size: cover;
    background-position: center;
    background-color: #444;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}


.comment:not(:is(.icon)).new_comment
{
    border-bottom: none;

    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.comment:not(:is(.icon)).new_comment textarea
{
    float: left;
	overflow: hidden;
	width: 100%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	height: 80px;
    padding: 10px;
    resize: vertical;
    max-height: 200px;
}


.comment:not(:is(.icon)) > .text
{
    overflow: hidden;
    line-height: 1.4em;
    cursor: default;
    font-size: 12pt;
}

.comment:not(:is(.icon)) > .text > .author {
    display: block;
}

.comment:not(:is(.icon)) a.who {
    display: block;
    font-size: 10pt;
	color: inherit;
    opacity: .5;
}

.comment:not(:is(.icon)) a.who:hover {
	opacity: 1;
}

.comment:not(:is(.icon)) .buttons
{
    position: absolute;
    display: none;
    top: 2px;
    left: 2px;
    margin: 0;
}

.comment:not(:is(.icon)):hover .buttons {
    display: block;
}

.head {
	margin: 20px auto;
	padding: 0 20px;
	max-width: 600px;

	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 5px;

	--baseFontSize: 21pt;
}

.head.wide {
	max-width: 100%;
}

.head > h1,
.head > h1 > a {
	font-size: var(--baseFontSize);
}

.head > h2,
.head > h2 > a {
	font-size: calc(var(--baseFontSize) * .55);
}

.head > h3,
.head > h3 > a {
	font-size: calc(var(--baseFontSize) * .55);
}

.head > h4,
.head > h4 > a {
	font-size: calc(var(--baseFontSize) * .55);
}

.head > h1,
.head > h2,
.head > h3,
.head > h4 {
	text-align: center;
	text-wrap: balance;
}

@media only screen and (max-width: 750px) {
	.head {
		--basefontSize: 18pt;
	}
}

.headTab {
	--baseFontSize: var(--tab_font_size);
	--borderColor: var(--grey_color);
	--fgColor: var(--grey_color);

	position: relative;

	border-bottom: dashed var(--borderColor) 1px;
    width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}


.headTab > div,
.headTab > h1,
.headTab > h2,
.headTab > h3 {
	overflow: hidden;

	width: fit-content;

	margin-left: 50%;
	transform: translateX(-50%) translateY(1px);

	margin-bottom: 0;

    font-size: var(--baseFontSize);
    font-weight: 400;
	text-align: center;

	color: var(--fgColor);

	padding: .5em 1em;
}

.headTab > div > img {
    max-width: 80px;
    padding: 10px;
}

@media only screen and (max-width: 750px) {
    .headTab {
        --baseFontSize: 9pt;
    }
}

.head_2
{
    position: relative;

    display: block;
    clear: both;


    font-family: var(--special_a_text_font_family);
    font-size: 17px;
    line-height: 1.5em;

    margin-bottom: 10px;

    text-shadow: rgba(0, 0, 0, 0.15) 0 -1px;
    color: #fff;

    background: #aaa;
    padding: 3px 10px;
}

.landingBanner {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 60vh;
	min-height: 500px;
	max-height: 1000px;
	margin-bottom: 70px;
}

/* photo */
.landingBanner > .photo {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 15%;
	flex-grow: 1;
}

.landingBanner > .photo > .shade {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 100%;

	background: linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(0, 0, 0, 1) 100%);
}

.landingBanner > .photo > .credit {
	position: absolute;
	bottom: 10px;
	right: 10px;
	opacity: .8;
	font-size: var(--a_text_font_size_smaller);
	line-height: 1em;
}

.landingBanner > .photo > .credit:hover {
	opacity: 1;
}

/* photo light */
.landingBanner > .photo.light > .credit,
.landingBanner > .photo.light > .credit a {
	color: #000;
}

/* photo dark */
.landingBanner > .photo.dark > .credit,
.landingBanner > .photo.dark > .credit a {
	color: #fff;
	text-decoration: none;
}

/* photo content */
.landingBanner > .photo > .content {
	position: absolute;
	left: 40px; right: 40px;
	bottom: 80px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
}

.landingBanner > .photo > .content > .button {
	margin-top: 20px;
}

.landingBanner > .photo > .content > .title {
	font-family: var(--b_text_font_family);
	line-height: 1.25em;
	font-weight: var(--head_font_weight) !important;
	font-size: max(var(--a_text_font_size), 1.5vw);
	letter-spacing: var(--head_font_letter_spacing);
	text-wrap: balance;
}

/* photo content light */
.landingBanner > .photo > .content {
	color: #000;
}

/* photo content dark */
.landingBanner > .photo > .content {
	color: #fff;
}

/* landingBannerLogo */
.landingBannerLogo {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: -120px;
}

.landingBannerLogo > img {
	width: 120px;
	z-index: 1;
}

/* landingBannerTexts */
.landingBannerTexts {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin: 0 auto;
	padding: 0 40px;
	max-width: 400px;
	text-align: center;
	text-wrap: balance;
	margin-bottom: 50px;
}

.landingBannerTexts > h1 {
	color: var(--primaryColor);
	font-size: max(23pt, 1.5vw);
	font-weight: 700;
	margin: 0 auto;
	max-width: 10em;
}

.landingBannerTexts > h2 {
	font-family: var(--a_text_font_family);
	font-size: 14pt;
	line-height: 1.4em;
	font-weight: 400;
}

/* small screens */
@media only screen and (max-width: 750px) {
	.landingBanner {
		height: auto;
		min-height: none;
		max-height: none;
		flex-direction: column;
	}

	.landingBanner > .photo {
		height: 40vh;
	}

	.landingBanner > .photo > .shade {
		height: auto;
		top: 0;
	}

	.landingBanner > .photo > .content {
		bottom: 25%;
	}

	.landingBanner > .photo > .content > h1 {
		font-size: 18pt;
		max-width: 70%;
	}

	.landingBanner > .photo > .content > .title {
		font-size: 20pt;
	}
}

article.content {
	--gap-big: 40px;  /* separation between sections and more */
	--gap-normal: 30px;  /* separation between elements inside a section and more */
}

article.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: var(--gap-big);
	padding: var(--gap-big) 0;
}

/* hgroup (Used as header when the content doesn't have a neatheader) */
article.content > hgroup {
	padding: 0 40px;
	width: 100%;
	max-width: var(--contents_article_width_normal);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	font-family: var(--contents_font_family_titles);
	font-weight: 800;
	font-size: var(--contents_font_size);
	line-height: var(--contents_line_height);
	-webkit-font-smoothing: antialiased;

	color: var(--contents_text_color) !important;

	display: flex;
	flex-direction: column;
	gap: 15px;
}

article.content > hgroup > * {
	margin: 0;
}

article.content > hgroup > h2,
article.content > hgroup > h3,
article.content > hgroup > h4 {
	font-weight: 400;
}

article.content > .statsPanel {
	padding: 0 40px;
	width: 100%;
	max-width: var(--contents_article_width_normal);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

article.content h1,
article.content h2,
article.content h3,
article.content h4 {
	font-family: var(--contents_font_family_titles);
	font-weight: 800;
}

/* section */
article.content > section {
	position: relative;

	padding: 0 40px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	max-width: min(100%, var(--contents_article_width_normal));

	font-family: var(--contents_font_family);
	font-weight: var(--contents_font_weight);
	font-size: var(--contents_font_size);
	line-height: var(--contents_line_height);
	-webkit-font-smoothing: antialiased;

	color: var(--contents_text_color) !important;
}

/* section styles */
article.content > section.raised {
	
			border-radius: var(--rounded_corners_radius_fat);
	padding: var(--gap-big);
	margin-left: var(--gap-big);
	margin-right: var(--gap-big);
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
}

/* section contents */

article.content > section > * {
	float: left;
}

article.content > section i {
	color: var(--a_text_color_faint);
}

article.content > section > * + * { /* gap between all elements inside a section */
	margin-top: var(--gap-normal) !important;
	margin-bottom: 0;
}

/* aside */
article.content > section aside {
	position: relative;
	padding-left: calc(var(--gap-big) / 2);
	border-left: solid currentColor 2px;
}

/* blockquote */
article.content > section > blockquote {
	position: relative;
	padding: var(--gap-big);
}

article.content > section > blockquote > .author {
}

article.content > section > blockquote:after {
	position: absolute;
	left: 0px;
	top: 30px;
	content: '“';
	font-size: 60pt;
	font-family: Georgia, 'Times New Roman', Times, serif;
}

/* ol */
article.content > section > ol {
	list-style: none;
	counter-reset: content-ol-counter;
}

article.content > section > ol li {
	position: relative;
	counter-increment: content-ol-counter;
	margin-left: 2em;
	margin-bottom: 30px;
}

article.content > section > ol li:before {
	position: absolute;
	right: 100%;
	content: counter(content-ol-counter);
	font-weight: bold;
	font-size: 23pt;
	min-width: 1.2em;
	line-height: 1;
}

/* image */
article.content .image {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 0 40px;
	max-width: min(100%, var(--contents_article_width_normal));
	text-align: center;
}

article.content .image.small,
article.content .card.multi.small {
	max-width: min(100%, 400px);
}

article.content .image.wide,
article.content .card.multi.wide {
	max-width: min(100%, var(--contents_article_width_wide));
}

article.content .image.ultraWide,
article.content .card.multi.ultraWide {
	max-width: min(100%, var(--contents_article_width_ultrawide));
}

article.content .image > .imageContainer > img {
	max-width: 100%;
	float: left;
	
			border-radius: var(--rounded_corners_radius_fatter);
}

article.content .image .texts {
	float: left;
	box-sizing: border-box;
}

article.content .image.screenshot .texts {
	margin: 5px 10px !important;
}

article.content .image .texts > .title {
	text-align: right;
	font-size: var(--a_text_font_size_smaller);
	line-height: 1.4em;
}

article.content .image .texts > .description {
	text-align: right;
	font-size: var(--a_text_font_size_smaller);
	line-height: 1.4em;
}

article.content .image.screenshot .texts > .title,
article.content .image.screenshot .texts > .description {
	text-align: left;
}

/* image screenshot */
article.content .image.screenshot > .imageContainer {,
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 15px;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
}

article.content .image.screenshot > .imageContainer:before {
	content: '';
	height: 30px;
	background-color: var(--fainter_color);

	border-bottom: none;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;

	background-image: url('/gfx/img/browser-buttons.svg');
	background-size: auto 100%;
	background-repeat: no-repeat;
}

/* video */
article.content > .embeddedVideoContainer {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 0 40px;
	max-width: min(100%, var(--contents_article_width_normal));
}

article.content > .embeddedVideoContainer.wide {
	max-width: min(100%, var(--contents_article_width_wide));
}

article.content > .embeddedVideoContainer.ultraWide {
	max-width: min(100%, var(--contents_article_width_ultrawide));
}

/* stack */
article.content > .stack {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--gap-big);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 0 40px;
}

article.content > .stack > .image {
	padding: 0;
	min-width: 100px;
	max-width: 300px;
}

article.content > .stack > .card {
	max-width: 300px;
}

article.content > .stack.small > .card,
article.content > .stack.small > .image {
	max-width: 200px;
}

article.content > .stack.tiny > .card,
article.content > .stack.tiny > .image {
	max-width: 150px;
}

/* deprecated ------------------------- */

article.contentDeprecated {
	padding: 50px 0;
	overflow: hidden;
	margin: 0 auto;
}

article.contentDeprecated > .block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	margin: 0 auto;
	padding: 60px 40px;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	font-family: var(--contents_font_family);
	font-weight: var(--contents_font_weight);
	font-size: var(--contents_font_size);
	line-height: var(--contents_line_height);
	-webkit-font-smoothing: antialiased;

	color: var(--contents_text_color) !important;
}

/* block */

article.contentDeprecated > .block:first-child {
	margin-top: 0 !important;
}

article.contentDeprecated > .block.big {
	padding-top: 180px;
	padding-bottom: 180px;
}

article.contentDeprecated > .block.huge {
	padding-top: 250px;
	padding-bottom: 250px;
}

article.contentDeprecated > .block.texture {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

article.contentDeprecated > .block.dark {
	color: #fff !important;
}

/* hgroup */

article.contentDeprecated > .block > hgroup > h1 {
	font-family: var(--contents_font_family_titles);
	font-weight: 800;
	font-size: 35pt;
	line-height: 1.1em;
}

article.contentDeprecated > .block > hgroup > h2 {
	font-family: var(--contents_font_family_titles);
	font-weight: 400;
	font-size: 16pt;
	margin-top: 20px;
}

/* author credit */
article.contentDeprecated > .block > .author {
	display: flex !important;
	font-size: 12pt;
	line-height: 1.2em;
}

article.contentDeprecated > .block > .author > .profileImage {
	width: 3em;
	height: 3em;
	border-radius: 1.5em;
	background: #f0f0f0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: .8em;
}

article.contentDeprecated > .block > .author > .texts {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--contents_text_color);
}

article.contentDeprecated > .block > .author > .texts > .name {
	line-height: 1.4em;
}

article.contentDeprecated > .block > .author > .texts > .title {
	font-size: .85em;
	line-height: 1.2em;
}

article.contentDeprecated > .block > a.author:hover > .texts > .name {
	color: var(--a_text_color_primary);
}

article.contentDeprecated > .block > hgroup + .author {
	margin-top: 20px;
}

/* elements in a block */
article.contentDeprecated > .block > hgroup,
article.contentDeprecated > .block > h1,
article.contentDeprecated > .block > h2,
article.contentDeprecated > .block > h3,
article.contentDeprecated > .block > .author,
article.contentDeprecated > .block > div,
article.contentDeprecated > .block > p,
article.contentDeprecated > .block > ul,
article.contentDeprecated > .block > dl,
article.contentDeprecated > .block > ol,
article.contentDeprecated > .block > blockquote,
article.contentDeprecated > .block > video,
article.contentDeprecated > .block > footer,
article.contentDeprecated > .block > .button_text {
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 30px auto 0 auto !important;
	max-width: var(--contents_article_width_normal);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

article.contentDeprecated > .block > .button_text + .button_text{
	margin-top: 0 !important;
}

article.contentDeprecated > .block > ul p:not(:first-child),
article.contentDeprecated > .block > dl p:not(:first-child),
article.contentDeprecated > .block > ol p:not(:first-child) {
	margin-top: 30px;
}

/* The first element inside a block does not have a top margin */
article.contentDeprecated > .block > *:first-child {
	margin-top: 0 !important;
}

article.contentDeprecated > .block h1 + p,
article.contentDeprecated > .block h2 + p,
article.contentDeprecated > .block h3 + p {
	margin-top: 10px;
}

article.contentDeprecated > .block h1,
article.contentDeprecated > .block h2,
article.contentDeprecated > .block h3 {
	font-family: var(--contents_font_family_titles);
	font-weight: 800;
}

/* isolated */
article.contentDeprecated > .block > div.isolated,
article.contentDeprecated > .block > p.isolated,
article.contentDeprecated > .block > hr.isolated,
article.contentDeprecated > .block > ul.isolated,
article.contentDeprecated > .block > ol.isolated,
article.contentDeprecated > .block .image.isolated,
article.contentDeprecated > .block video.isolated {
	margin-top: 50px;
	margin-bottom: 50px;
}

article.contentDeprecated > .block h1 {
	font-size: 20pt;
	overflow: visible;
}

article.contentDeprecated > .block h1.center,
article.contentDeprecated > .block h2.center,
article.contentDeprecated > .block h3.center {
	text-align: center;
}

/* button */
article.contentDeprecated > .block > a.button {
	margin: 30px 0 0 0;
}

/* listItem */
article.contentDeprecated > .block > .listItem {
	margin: 30px auto 0 auto;
}

/* card */
article.contentDeprecated > .block .card.profile {
	margin: 30px auto 0 auto;
	max-width: 300px;
}

article.contentDeprecated > .block .card.cardMultiPhoto {
	width: 100%;
	margin: 60px auto 30px auto !important;
}

article.contentDeprecated > .block .card.cardMultiPhoto:first-child {
	margin-top: 30px !important;
}

/* ul */
article.contentDeprecated > .block ul {
	padding: 0 3%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

article.contentDeprecated > .block > ul.isolatedItems > li {
	margin: 30px 0;
}

article.contentDeprecated > .block > ul.isolatedItems > li:first-child {
	margin-top: 0;
}

article.contentDeprecated > .block > ul.isolatedItems > li:last-child {
	margin-bottom: 0;
}

/* ol */
article.contentDeprecated > .block ol {
	list-style: none;
	counter-reset: content-ol-counter;
}

article.contentDeprecated > .block ol li {
	position: relative;
	counter-increment: content-ol-counter;
	margin-left: 2em;
	margin-bottom: 30px;
}

article.contentDeprecated > .block ol li:before {
	position: absolute;
	right: 100%;
	content: counter(content-ol-counter);
	font-weight: bold;
	font-size: 23pt;
	min-width: 1.2em;
	line-height: 1;
}

/* blockquote */
article.contentDeprecated > .block > blockquote {
	position: relative;
	padding: 40px 40px 0 40px;
	opacity: .8;
}

article.contentDeprecated > .block > blockquote > .author {
}

article.contentDeprecated > .block > blockquote:after {
	position: absolute;
	left: 0px;
	top: 30px;
	content: '“';
	font-size: 60pt;
	font-family: Georgia, 'Times New Roman', Times, serif;
	opacity: .7;
}

/* image */
article.contentDeprecated > .block > .image,
article.contentDeprecated > .block > .images > .image,
article.contentDeprecated > .block > .stack > .image {
	max-width: auto !important;
	margin: 60px auto 30px auto !important;
	text-align: center;
}

article.contentDeprecated > .block > .image > img,
article.contentDeprecated > .block > .images > .image > img,
article.contentDeprecated > .block > .stack > .image > img {
}

article.contentDeprecated > .block > .image.almostFull,
article.contentDeprecated > .block > .images > .image.almostFull,
article.contentDeprecated > .block > .stack > .image.almostFull {
	max-width: min(100%, var(--contents_article_width_wide));
}

article.contentDeprecated > .block > .image.full,
article.contentDeprecated > .block > .images > .image.full,
article.contentDeprecated > .block > .stack > .image.full {
	max-width: min(100%, var(--contents_article_width_ultrawide));
}

article.contentDeprecated > .block > .image > img,
article.contentDeprecated > .block > .images > .image > img,
article.contentDeprecated > .block > .stack > .image > img {
	max-width: 100%;
}

/* stack */
article.contentDeprecated > .block > .images,
article.contentDeprecated > .block > .stack {
	max-width: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	/* margin: 30px auto 30px auto !important; */
}

article.contentDeprecated > .block > .stack > .image,
article.contentDeprecated > .block > .stack > .card.cardMultiPhoto,
article.contentDeprecated > .block > .stack > .card.cardMultiPhotofolder,
article.contentDeprecated > .block > .images > .image,
article.contentDeprecated > .block > .images > .card.cardMultiPhoto,
article.contentDeprecated > .block > .images > .card.cardMultiPhotofolder  {
	margin: 30px !important;
}

/* video */
article.contentDeprecated > .block > video, {
	object-fit: cover;
	max-width: auto !important;
	margin: 60px auto 30px auto !important;
	text-align: center;
}

article.contentDeprecated > .block > video.almostFull {
	width: 100%;
	max-width: min(100%, var(--contents_article_width_wide));
}

article.contentDeprecated > .block > video.full {
	width: 100%;
	max-width: min(100%, var(--contents_article_width_ultrawide));
}

/* cards */
article.contentDeprecated > .block > .cards {
	display: flex !important;
	justify-content: center !important;
}

article.contentDeprecated > .block > .cards > .card {
	margin: 30px;
}

/* button */
article.contentDeprecated > .block > .button {
	 margin: 30px 0;
}

/* iframe */
article.contentDeprecated > .block > iframe {
	width: 100%;
	max-width: var(--contents_article_width_ultrawide);
	margin: 30px 0 !important;
	height: 500px !important;
}

/* cards */
article.contentDeprecated > .block > .cards {
	max-width: 100%;
}

/* timeline */
article.contentDeprecated > .block > .timeline {
	float: none;
	max-width: 100%;
	margin: 50px auto !important;
}

/* embeddedVideoContainer */
article.contentDeprecated > .block > .embeddedVideoContainer {
	max-width: var(--contents_article_width_ultrawide);
}

article.contentDeprecated > .block > .embeddedVideoContainer > iframe {
	width: 100%;
	height: 600px;
}

/* portrait and landscape block max widths */
article.contentDeprecated > .block .card.cardMultiPhoto.landscape,
article.contentDeprecated > .block .image.landscape {
	max-width: var(--contents_width_wider);
}

article.contentDeprecated > .block .card.cardMultiPhoto.portrait,
article.contentDeprecated > .block .image.portrait {
	max-width: 600px;
}

/* stack small */
article.contentDeprecated > .block > .stack.small > .card.cardMultiPhoto.portrait,
article.contentDeprecated > .block > .stack.small > .image.portrait {
	max-width: 400px;
}

/* responsiveness */
@media only screen and (max-width: 500px) {
	article.contentDeprecated hgroup.contentHead {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}

	article.contentDeprecated > .block {
		padding-left: 20px;
		padding-right: 20px;
	}

	hgroup.contentHead h1 {
		font-size: 25pt;
	}

	hgroup.contentHead h2 {
		font-size: 13pt;
	}

	article.contentDeprecated > .block h1,
	article.contentDeprecated > .block h2,
	article.contentDeprecated > .block h3 {
		font-size: 17pt;
	}
}

article.LegalDocument {
	--gap-big: 40px;  /* separation between sections and more */
	--gap-normal: 1.7em;  /* separation between elements inside a section and more */
	--indent: 20px;

	display: flex;
	flex-direction: column;
	gap: var(--gap-big);

	margin-bottom: var(--gap-big);

	.section {
		display: grid;
		grid-template-columns: max-content 1fr;

		grid-template-areas:
			"number title"
			". content"
			"subTerms subTerms";

		&:not(:has(> .title)) {
			grid-template-areas:
				"number content"
				". content"
				". subTerms";

			> .number {
				margin-top: .1em;
			}

			> .subTerms {
				margin-left: 0;
			}
		}

		position: relative;

		> .buttons.termEdit {
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
		}

		&:is(section) > .buttons.termEdit {
			top: 10px;
			left: 10px;
		}

		&:hover > .buttons.termEdit {
			opacity: 1;
		}

		> .number {
			grid-area: number;
			font-weight: 600;
			font-size: var(--titleSize);
			line-height: var(--titleHeight);
			margin-right: .5rem;
		}

		> .title {
			grid-area: title;
			font-weight: 600;
			font-size: var(--titleSize);
			line-height: var(--titleHeight);
			margin-bottom: .5em;
		}

		> .content {
			grid-area: content;

			> ul {
				margin: 1em 0;

				> li:has(b):has(p) {
					> p {
						margin: 1em 0 0 var(--indent);
					}
				}
			}

			> *:last-child {
				margin-bottom: 0;
			}
		}

		> .subTerms {
			grid-area: subTerms;
		}
	}

	> section.section {
		
			border-radius: var(--rounded_corners_radius_fat);
		padding: var(--gap-big);
		margin-left: var(--gap-big);
		margin-right: var(--gap-big);
		border: solid hsl(200deg 30% 50% / 0.2) 1px;
	}

	/* level 1 */
	> .section {

		--titleSize: 1.8em;
		--titleHeight: 1.2em;

		/* level 2 */
		> .subTerms > .section {
			--titleSize: 1.2em;
			> .title { padding-bottom: .1em; border-bottom: solid currentColor 1px; }

			/* level 3 */
			> .subTerms > .section {

				--titleSize: 1em;
				> .title { padding-bottom: .1em; border-bottom: solid currentColor 1px; }

				/* level 4 */
				> .subTerms > .section {
					--titleSize: 1em;
				}
			}
		}
	}

	.subTerms {
		margin: var(--gap-normal) 0 var(--gap-normal) var(--indent);

		display: flex;
		flex-direction: column;
		gap: var(--gap-normal);
	}

	/* table style */
	.section.table {

		> .subTerms {
		 	gap: 10px;

		 	> .section {

				grid-template-columns: 1fr 1fr;

				grid-template-areas:
					"title content"
					"subTerms subTerms";

				align-items: stretch;

				> .title {
					border: none !important;
					margin: 0;
					--titleSize: 1em !important;
				}

				> .number {
					display: none;
				}

				> .title,
				> .content {
					background: var(--faintest_color);
					padding: 10px;
				}

				> .title {
					
			border-top-left-radius: var(--rounded_corners_radius_fatter);
			border-bottom-left-radius: var(--rounded_corners_radius_fatter);
				}

				> .content {
					
			border-top-right-radius: var(--rounded_corners_radius_fatter);
			border-bottom-right-radius: var(--rounded_corners_radius_fatter);
				}
			}
		}
	}

}

@media only screen and (max-width: 750px) {
	article.LegalDocument {
		--gap-big: 20px;  /* separation between sections and more */
		--indent: 5px;

		-ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;

		.section.table {
			> .subTerms > .section {
				grid-template-columns: 1fr;
				grid-template-areas:
					"title"
					"content"
					"subTerms";

				> .title {
					border-radius: 0;
					
			border-top-left-radius: var(--rounded_corners_radius_fatter);
			border-top-right-radius: var(--rounded_corners_radius_fatter);
				}

				> .content {
					border-radius: 0;
					
			border-bottom-left-radius: var(--rounded_corners_radius_fatter);
			border-bottom-right-radius: var(--rounded_corners_radius_fatter);
				}
			}
		}
	}
}

.LegalDocumentContainer {
	padding: 0px;
	overflow-y: auto;
	max-height: min(60vh, 600px);
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.LegalDocumentContainer.isolated {
	margin: 40px 0;
}

@media only screen and (max-width: 750px) {
	.LegalDocumentContainer {
		max-height: min(40vh, 600px);
	}
}

/* content_list_item */

.content_list_item
{
    position: relative;
    display: block;
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    border: solid #ddd 1px;

    background: #fff;
    
			border-radius: var(--rounded_corners_radius);
}

.content_list_item > .image
{
    width: 100%;
    height: 350px;
    
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);
    background-size: cover;
    background-position: center;
}

.content_list_item > .content
{
    padding: 30px;
}

.content_list_item > .content > .title
{
    display: block;
    font-family: var(--special_a_text_font_family);
    font-size: 15pt;
    line-height: 1.2em;
    margin-right: 50px;
}

.content_list_item.with_image > .content > .title
{
    margin-right: 0;
}

.content_list_item > .content > .introduction
{
    display: block;
    line-height: 1.2em;
    margin-top: 10px;
}

/* content_list_item.small */

.content_list_item.small
{
    margin: 10px 0;
}

.content_list_item.small > .content
{
    padding: 20px;
}

.content_list_item.small > .image
{
    height: 150px;
}

.content_list_item.small > .content > .title
{
    font-size: 14pt;
}

.content_list_item.small > .content > .introduction
{
}


/* for all */

.content_list_item > .badge,
.content_list_item_photo > .badge
{
    position: absolute;
    top: -1px;
    right: 20px;

    padding: 13px 10px 10px 10px;

    color: #666;

    font-family: var(--special_a_text_font_family);
    font-size: 8pt;
    text-align: center;
    line-height: 1.4em;

    width: 40px;

    background-color: #ddd;

    
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);
}

.content_list_item > .badge > .day,
.content_list_item_photo > .badge > .day
{
    font-size: 14pt;
}

.content_highlighted_big
{
	display: block;
	position: relative;
	overflow: hidden;
	width: 980px;
	height: 540px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.content_highlighted_big .content
{
	position: absolute;
	padding: 20px;
}

.content_highlighted_big .content .title
{
	font-family: var(--special_a_text_font_family);
	font-size: 33px;
	line-height: 45px;
}

.content_highlighted_big:hover .title
{
	text-decoration: underline;
}

.image_style_default
{
    display: block;
    vertical-align: top;
    float: left;
    max-width: 100%;
}

a.image_style_default
{
    cursor: pointer;
}

.image_style_default .image,
.image_style_default img
{
    width: 100%;
}

.image_style_default .information
{
    margin: 5px 5px 5px 5px;
}

.image_style_default .information .title,
.image_style_default .information .description
{
    text-align: left;
    color: #aaa;
}

.image_style_default.centered .information .title,
.image_style_default.centered .information .description
{
    text-align: center;
}

.image_style_default .information .title
{
}

.image_style_default .information .description,
.image_style_default .information .description a
{
    font-size: 11px;
}

.image_style_default.centered {
    margin-left: 50% !important;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.image_style_default.big_margin_bottom {
    margin-bottom: 40px !important;
}

.image_style_default.big_margin_top {
    margin-top: 40px !important;
}

.image_style_default.isolated {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
}

.image_style_block
{
	position: relative;
	float: left;

    
			border-radius: var(--rounded_corners_radius);
}

.image_style_block > img
{
    float: left;
    
			border-radius: var(--rounded_corners_radius);
}

.image_style_block > .information
{
	position: absolute;
    display: none;
	bottom: 0px;
    padding: 10px;
	background: rgba(255, 255, 255, 0.9);
	color: #000;
}

.image_style_block:hover > .information
{
    display: block;
	background: rgba(255, 255, 255, 0.9);
	color: #000;
}

.image_style_block > .information > .title
{
	font-family: var(--special_a_text_font_family);
	line-height: 1.2em;
}

.image_style_block > .information > .description
{
}


.image_style_default.centered
{
    margin: 0 auto;
}

.image_style_default.centered > img
{
    display: inline-block;
}

/* images_row */

.images_row
{
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    overflow: hidden;
}

.images_row > .image_style_default,
.images_row > .image_style_block,
.images_row > .image_style_polaroid
{
    display: inline-block;
    margin: 0 10px 10px 0;
}

.images_row > a.image_style_default:hover,
.images_row > a.image_style_block:hover,
.images_row > a.image_style_polaroid:hover {
    opacity: 0.8;
}

.imagesGallery {
	display: block;
	--thumbnails-gap: 10px;
}

.imagesGallery.centered {
	text-align: center;
}

.imagesGallery.padding {
	margin: 15px;
}

.imagesGallery .image {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
}

.imagesGallery .image.withZoom {
	cursor: pointer;
}

.imagesGallery .image.main {
	width: 100%;
	max-height: 60vh;
	background-position: center 25%;
	background-size: cover;
	background-repeat: no-repeat;
}

.imagesGallery .image.main > img {
	width: 100%;
	min-height: 400px;
	visibility: hidden;
}

.imagesGallery .thumbnails {
	padding: 0 var(--thumbnails-gap) var(--thumbnails-gap) var(--thumbnails-gap);
}

.imagesGallery .image.thumbnail {
	margin-top: var(--thumbnails-gap);
	width: calc(20% - var(--thumbnails-gap));
	height: 0;
	padding-top: 17%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.imagesGallery .image.thumbnail:first-child {
	width: 20%;
}

.imagesGallery .image.thumbnail:not(:first-child) {
	margin-left: 10px;
}

.imagesGallery .image.withZoom > .zoomIcon {
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

	transition: opacity .2s;

	background-color: var(--dark_color);
	border-radius: 25px;
}

.imagesGallery .image.withZoom:hover > .zoomIcon {
	opacity: 1;
}


.imagesGallery .image.withZoom > .zoomIcon > .icon {
	background-color: #fff;
	margin: 10px;
}

.images_manager_main {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.images_manager_main .image_block {
	position: relative;
	margin: 0 10px 10px 0;
	display: inline-block;
	width: auto;
}

.images_manager_main .image_block > .image
{
	display: block;
	cursor: pointer;
	width: 140px;
	height: 120px;

	background-size: cover;
	background-position: center;

	
			border-radius: var(--rounded_corners_radius);

	background-color: #ddd;
}

.images_manager_main .image_block > .image > img
{
	
			border-radius: var(--rounded_corners_radius);
}

.images_manager_main .image_block > .buttons
{
	position: absolute;
	top: 5px;
	left: 5px;
}

.images_manager_main .image_block > .buttons > a.icon
{
	margin-right: 3px;
	background-size: 10px;
	width: 10px;
	height: 10px;
}

@keyframes images_manager_sortable_placeholder_animation {
  from { background-position: 0 0; }
  to { background-position: 60px 30px; }
}

.images_manager_sortable_placeholder
{
	display: inline-block;
	list-style-type: none;
    width: 140px;
    height: 120px;
    margin: 5px;
    vertical-align: top;
    
			border-radius: var(--rounded_corners_radius);

    background-position: center;
	background-size: 30px 30px;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.1) 25%,
		rgba(0, 0, 0, 0.03) 25%,
		rgba(0, 0, 0, 0.03) 50%,
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(0, 0, 0, 0.03) 75%,
		rgba(0, 0, 0, 0.03)
	) !important;
	animation: images_manager_sortable_placeholder_animation 0.5s linear infinite;
}

.propertyList {
	text-align: left;
	display: flex;
	clear: both;
	flex-direction: column;
	gap: 7px;
}

.propertyList.opaque {
	background: #fff;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	
			border-radius: var(--rounded_corners_radius_fatter);
	padding: 20px;
}

.propertyList.isolated {
	margin-top: 40px;
	margin-bottom: 40px;
}

.propertyList.centered {
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.propertyList > .item {
	--borderColor: var(--fainter_color);
	--nonPillTextColor: var(--a_text_color_main);
	--nonPillTextColorHighlight: var(--a_text_color_primary);
	--pillTextColor: var(--grey_darker_color);
	--pillTextColorHighlight: var(--a_text_color_primary);
	--pillBackgroundColor: transparent;
}

.propertyList > .item.highlighted {
	--borderColor: transparent;
	--pillBackgroundColor: var(--grey_color);
	--pillTextColor: #fff;
}

.propertyList > .item.attention {
	--borderColor: transparent;
	--pillBackgroundColor: var(--attention_color);
	--pillTextColor: #fff;
}

.propertyList > .item.warning {
	--borderColor: transparent;
	--pillBackgroundColor: var(--warning_color);
	--pillTextColor: #fff;
}

.propertyList > .item.info {
	--borderColor: transparent;
	--pillBackgroundColor: var(--info_color);
	--pillTextColor: #fff;
}

.propertyList > .item.ok {
	--borderColor: transparent;
	--pillBackgroundColor: var(--ok_color);
	--pillTextColor: #fff;
}

.propertyList > .item > .texts {
	line-height: 1.3em;
}


.propertyList > a.item {
	text-decoration: none;
}

.propertyList > a.item:hover > .iconContainer > .icon {
	background-color: var(--pillTextColorHighlight) !important;
}

.propertyList > a.item:hover > .texts {
	color: var(--pillTextColorHighlight) !important;
}

.propertyList > .item {
	display: flex;
	color: var(--nonPillTextColor);
}

.propertyList > a.item:hover {
	color: var(--nonPillTextColorHighlight);
}

.propertyList > .item > .iconContainer {
	border: solid var(--borderColor) 1px;
	background-color: var(--pillBackgroundColor);
	border-right: none;
	
			border-top-left-radius: var(--rounded_corners_radius_fat);
			border-bottom-left-radius: var(--rounded_corners_radius_fat);
	margin: 0;
	padding: 6px 0 6px 6px;
}

.propertyList > .item > .texts {
	display: flex;
	gap: 7px;
}

.propertyList > .item:not(:has(.iconContainer)) > .texts > .key {
	
			border-top-left-radius: var(--rounded_corners_radius_fat);
			border-bottom-left-radius: var(--rounded_corners_radius_fat);
	border-left: solid var(--borderColor) 1px;
}

.propertyList > .item > .texts > .key {
	border: solid var(--borderColor) 1px;
	background-color: var(--pillBackgroundColor);
	color: var(--pillTextColor);
	border-left: none;
	
			border-radius: var(--rounded_corners_radius_fat);;
	
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;;
	padding: 4px 7px;
}

.propertyList > .item.noWrapKey > .texts > .key {
	white-space: nowrap;
}

.propertyList > .item > .texts > .iconContainer + .key {
	border-left: none;
	
			border-top-right-radius: var(--rounded_corners_radius_fat);
			border-bottom-right-radius: var(--rounded_corners_radius_fat);;
	padding: 4px 10px 4px 6px;
}

.propertyList > .item > .texts > .value {
	margin-top: 5px;
	margin-bottom: 5px;
}

.propertyList > .item.short > .texts > .value {
	max-width: 300px;
}

.propertyList > .item > .iconContainer > .icon {
	background-color: currentColor;
	color: var(--pillTextColor);
}

.propertyList > a.item:hover > .texts > .value {
	color: var(--pillTextColorHighlight);
}

.propertyList > .item > .texts > .value iframe {
	width: 500px;
	zoom: .75;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	
			border-radius: var(--rounded_corners_radius_fatter);
}

/* small */
.propertyList.small,
.propertyList.small a {
	font-size: var(--a_text_font_size_smaller);
	gap: 5px;
}

.propertyList.small > .item > .iconContainer > .icon {
	width: 12px !important;
	height: 12px !important;
	margin: 1px 0 0 2px;
}

.propertyList.small > .item > .iconContainer {
	padding: 4px 0 4px 4px;
}

.propertyList.small > .item > .texts {
	gap: 5px;
}

.propertyList.small > .item > .texts > .key {
	padding: 2px 8px;
}

.propertyList.small > .item > .texts > .iconContainer + .key {
	padding: 2px 8px 2px 4px;
}

.propertyList.small > .item > .texts > .value {
	margin-top: 3px;
	margin-bottom: 3px;
}

.propertyList.small > .item > .iconContainer > .icon {
	width: 14px;
	height: 14px;
}

/* big */
.propertyList.big {
	font-size: var(--a_text_font_size_smaller);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 20px;
	margin: 20px;
}

.propertyList.big > .item {
	flex-grow: 1;
	padding: 15px 20px;

	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	
			border-radius: var(--rounded_corners_radius_fat);

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 7px;

	background: var(--nonPillBackgroundColor);
	color: var(--nonPillTextColor);
}

.propertyList.big > .item > .iconContainer {
	padding: 5px;
	border: none;
}

.propertyList.big > .item > .iconContainer > .icon {
	width: 20px;
	height: 20px;
	background-color: var(--nonPillTextColor);
}

.propertyList.big > .item > .texts {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	width: 100%;
}

.propertyList.big > .item > .texts > .key {
	border: none;
}

.propertyList.big > .item > .texts > .value {
	background-color: var(--pillBackgroundColor);
	
			border-radius: var(--rounded_corners_radius_fat);
	padding: 4px 8px;
}

.propertyList.big > .item > .texts > .value {
	color: var(--pillTextColor);
}

.propertyList.big > a.item:hover > .texts > .value {
	background-color: var(--pillTextColorHighlight);
	color: #fff;
}

.propertyList.big > .item > .texts > .subValue {
	color: var(--pillTextColor);
	border-top: solid var(--fainter_color) 1px;
	padding-top: 10px;
}

.propertyList.big > .item.valueAlignCenter > .texts > .value {
	text-align: center;
}

.propertyList.big > .item > .texts:has(input.fullWidth) > .value {
	width: 100%;
}


/* darkBackground */
.propertyList.darkBackground > .item > .texts {
	color: #fff;
}

.propertyList.darkBackground > .item > .texts > .key {
	background-color: rgba(255, 255, 255, .1);
}

/* columns */
.propertyList.columns {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}

.propertyList.columns > .item {
	flex-basis: 300px;
}

/* transparent */
.propertyList.transparent > .item > .iconContainer,
.propertyList.transparent > .item > .texts > .key {
	border: 0 !important;
}

.news_item
{
    width: 450px;
	display: block;
	float: left;
	margin: 10px;
}

.news_item > h2
{
    margin-bottom: 5px;
}
.email_obfuscate
{
	display: inline;
}

.email_obfuscate .user
{
	display: inline;
}

.email_obfuscate .user:after
{
	content: "@";
}

.email_obfuscate .domain
{
	display: inline;
}
.newsletterIntro {
	font-family: var(--font_family_c);
	font-size: 14pt;
	line-height: 1.6em;
	margin: 80px;
}

.newsletterIntro > p {
	margin: 30px 0;
}

@media only screen and (max-width: 750px) {
	.newsletterIntro {
		margin: 40px 20px;
	}
}

/* neatHeader */
.neatHeader.newsletter > .header .subTitle {
	font-family: var(--font_family_c);
}

/* newsletter */
article.content.newsletter > .block > hgroup,
article.content.newsletter > .block > h1,
article.content.newsletter > .block > h2,
article.content.newsletter > .block > h3 {
	font-family: var(--font_family_c);
}

article.content.newsletter > .block > div,
article.content.newsletter > .block > p,
article.content.newsletter > .block > ul,
article.content.newsletter > .block > dl,
article.content.newsletter > .block > ol,
article.content.newsletter > .block > blockquote {
	font-family: var(--font_family_c);
}

.card.multi.newsletter > .panel > .title {
	font-size: 25pt;
}

.card.multi.newsletter > .panel > .subTitle {
	font-family: var(--font_family_c);
	font-size: 14pt;
}

.steps {
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
    border-bottom: solid #eee 1px;
}

.steps > .step {
    font-family: var(--special_a_text_font_family);
    flex-grow: 1;
    opacity: 0.3;
    padding: 0 0 20px 0;
}

.steps > .step.selected,
.steps > a.step:hover {
    opacity: 1;
    border-bottom: solid #eee 3px;
    text-decoration: none !important;
}

.steps > .step > .content {
    text-align: center
}

.steps > .step > .content > .icon {
}

.steps > .step > .content > .number {
    font-size: 25pt;
    line-height: 1.1em;
}

.steps > .step > .content > .title {
    padding: 0 10px;
    line-height: 1.3em;
}

.steps > .step_additional {
    float: left;
}

@media only screen and (max-width: 980px) {
    .steps > .step > .content > .number {
        font-size: 18pt;
    }

    .steps > .step > .content > .title {
        font-size: 9pt;
    }
}

.membershipTableScrollableContainer {
	overflow-x: auto;
	max-width: 100%;
}

table.membershipTable {
	width: min-content;
	height: 100%;
	margin-left: auto;
	margin-right: auto;

	--margin: 20px;
	--columnGap: 10px;
	--specDescriptionColumnWidth: 250px;
	--tierColumnWidth: 180px;
	--tierHeaderBadgeIconSize: 20px;
	--tierHeaderBadgeTitleSize: 14pt;

	padding: calc(var(--margin) + 15px) var(--margin) var(--margin) var(--margin);
}

table.membershipTable th,
table.membershipTable td  {
}

table.membershipTable th.header > .tierHeader {
	position: relative;
	margin: 0 var(--columnGap);

	
			border-top-left-radius: var(--rounded_corners_radius_fatter);
			border-top-right-radius: var(--rounded_corners_radius_fatter);

	display: flex;
	align-items: center;

	border: solid var(--fainter_color) 1px;
	border-bottom: none;
}

table.membershipTable th.header > .tierHeader.end {
	border: solid var(--fainter_color) 1px;
	border-top: none;
	border-radius: 0;
	
			border-bottom-left-radius: var(--rounded_corners_radius_fatter);
			border-bottom-right-radius: var(--rounded_corners_radius_fatter);
}

table.membershipTable th.header > .tierHeader > .badge {
	position: absolute;
	left: 50%;
	top: -18px;
	transform: translateX(-50%);

	width: max-content;
	margin: 0 auto;

	background: #fff;
	border: solid var(--fainter_color) 1px;

	
			border-radius: var(--rounded_corners_radius_fatter);

	padding: 7px 12px;

	display: flex;
	align-items: center;
	gap: 5px;
}

table.membershipTable th.header > .tierHeader > .badge > .text {
	font-size: var(--tierHeaderBadgeTitleSize);
	font-weight: 600;
	line-height: 1em;
	text-transform: uppercase;
}

table.membershipTable th.header > .tierHeader:has(.badge) > .intro {
	margin: 30px 0 15px 0;
}

table.membershipTable th.header > .tierHeader,
table.membershipTable th.header > .tierHeader {
	height: 100%;
	min-height: 10px;
}

table.membershipTable th.header > .tierHeader > .badge > .text {
	color: var(--fgColor);
}

table.membershipTable th.header > .tierHeader > .badge > .icon {
	width: var(--tierHeaderBadgeIconSize);
	height: var(--tierHeaderBadgeIconSize);
}

table.membershipTable th.header > .tierHeader > .subTitle {
	font-weight: 500;
	line-height: 1.5em;
}

table.membershipTable th.header > .tierHeader.free {
	display: flex;
	flex-direction: column;
	margin: 0 var(--columnGap);
	height: min-content;
	border: none;
	background: var(--faintest_color);
}

table.membershipTable th.header > .tierHeader.free > .title {
	color: var(--grey_darker_color);
	line-height: 1.2em;

	
			border-top-left-radius: var(--rounded_corners_radius_fatter);
			border-top-right-radius: var(--rounded_corners_radius_fatter);
	text-align: center;
	padding: 10px;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

table.membershipTable th.header > .tierHeader.free > .subTitle {
	padding: 20px;
}

table.membershipTable th.header > .tierHeader > .intro {
	color: var(--fgColor);
	padding: 0px 10px;
	line-height: 1.3em;
	text-align: center;
	text-wrap: balance;
}

table.membershipTable th.header:has(.tierHeader) {
	vertical-align: bottom;
}

table.membershipTable th.header:has(.tierHeader.end) {
	vertical-align: top;
}

table.membershipTable .priceBlock .price {
	white-space: nowrap;
	font-size: 27pt;
	font-weight: 600;
	line-height: 1em;
	letter-spacing: -1px;
}

table.membershipTable .priceBlock .price > .decimal_part {
	font-size: 1em;
}

table.membershipTable .priceBlock .price > .currency_suffix,
table.membershipTable .priceBlock .price > .currency_preffix {
	display: inline-block;
	font-size: .7em;
	font-weight: 600;
	line-height: 1em;
}

table.membershipTable .priceBlock .price > .currency_suffix {
	margin-left: 5px;
}

table.membershipTable .priceBlock .price > .currency_prefix {
	font-size: 15pt;
	margin-right: 5px;
}

table.membershipTable .priceBlock .subTitle {
	font-size: 15pt;
	line-height: 1em;
	font-weight: 400;
	text-align: center;
	font-size: 12pt;
	font-weight: 600;
}

table.membershipTable .cell.pro .priceBlock {
	color: var(--pro_color);
}

table.membershipTable .circle > .badge {
	position: absolute;
	top: -2px;
	right: -2px;
	opacity: 1;
	background: white;
	border-radius: 50%;
	padding: 7px;
}

table.membershipTable .circle > .badge > .icon {
	width: 35px;
	height: 35px;
}

table.membershipTable th.header > .tierHeader.plus {
	--fgColor: var(--plus_color);
}

table.membershipTable th.header > .tierHeader.pro {
	--fgColor: var(--pro_color);
}

table.membershipTable td.specDescription {
	min-width: var(--specDescriptionColumnWidth);
}

table.membershipTable td.specDescription > div {
	margin-right: var(--columnGap) !important;
}

table.membershipTable td.cell {
	position: relative;
	vertical-align: top;
	height: 100%;
	min-width: var(--tierColumnWidth);
}


table.membershipTable td.cell > div {
	height: 100%;
	margin: 0 var(--columnGap);
	padding: 10px 15px;
	padding-top: 13px;
	box-sizing: border-box;

	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background: var(--fainter_color);
}

table.membershipTable td.cell.last > div {
	border-top: solid var(--fainter_color) 1px;
}

table.membershipTable td.cell.plus.spec > div,
table.membershipTable td.cell.plus.pricing > div {
	border-top: solid var(--fainter_color) 1px;
	border-left: solid var(--fainter_color) 1px;
	border-right: solid var(--fainter_color) 1px;
}

table.membershipTable td.cell.pro.spec > div {
	border-top: solid rgba(255, 255, 255, .15) 1px;
}


table.membershipTable td.cell.pricing > div {
	align-items: center;
	justify-content: flex-start;
}

table.membershipTable td.cell.free > div {
	border-color: #fff;
}

table.membershipTable td.cell > div > .specContainer {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.2em;

	display: flex;
	flex-direction: column;
	gap: 7px;
}

table.membershipTable td.cell > div > .specContainer > .badges {
	flex-wrap: nowrap;
}

table.membershipTable td.cell.last > div {
	
			border-bottom-left-radius: var(--rounded_corners_radius_fatter);
			border-bottom-right-radius: var(--rounded_corners_radius_fatter);
}

table.membershipTable td.cell.first > div {
	
			border-top-left-radius: var(--rounded_corners_radius_fatter);
			border-top-right-radius: var(--rounded_corners_radius_fatter);
}

table.membershipTable td.cell .icon:is(.included, .notIncluded) {
	margin: 5px;
	width: var(--icon_size_small);
	height: var(--icon_size_small);

	&.notIncluded {
		background-color: var(--warning_color);
	}
}

table.membershipTable td.specDescription > .unfold {
	position: relative;
	background: var(--faintest_color);
	
			border-radius: var(--rounded_corners_radius_fat);
	padding: 11px;
	margin: 3px 0;
	/* font-weight: 500; */
	line-height: 1.2em;
	height: calc(100% - 25px);
}

table.membershipTable td.specDescription > .unfold > .buttons > .openButton > .icon {
	color: var(--grey_color);
}

table.membershipTable td.specDescription > .unfold > .buttons > .openButton:hover > .icon {
	color: var(--a_text_color_primary);
}

table.membershipTable td.specDescription > .badges {
	position: absolute;
	top: -1px;
	right: 20px;
	flex-wrap: nowrap;
}

table.membershipTable td.specDescription .unfoldBlock > .content {
	margin: 10px 0 0 0;
	padding: 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: #fff;
	
			border-radius: var(--rounded_corners_radius_fat);
	font-size: var(--a_text_font_size_small);
	font-weight: normal;
	line-height: 1.4em;
}

table.membershipTable td.cell.free > div {
	background: var(--faintest_color);
	color: var(--a_text_color_main);
}

table.membershipTable td.cell.free > div  .icon {
	background-color: var(--grey_darker_color);
}

table.membershipTable td.cell.plus {
	--fgColor: var(--plus_color);
}

table.membershipTable td.cell.pro {
	--fgColor: #fff;
	--bgColor: var(--pro_color);
}

table.membershipTable td.cell > div {
	background: var(--bgColor);
	color: var(--fgColor);
}

/* td cell pricing */
table.membershipTable td.cell.pricing > div {
	padding: 20px !important;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

table.membershipTable td.cell.pricing > div > .title {
	font-size: var(--a_text_font_size_small);
	line-height: 1.2em;
}

table.membershipTable td.cell.pricing > div > .title a {
	font-weight: 500;
}

table.membershipTable td.cell.pricing.hollow > div {
	background: none;

	border-left: solid var(--fainter_color) 1px;
	border-right: solid var(--fainter_color) 1px;
	color: var(--a_text_color_main);
	font-weight: 400;
}

table.membershipTable td.cell.pricing.hollow.last > div {
	border-bottom: solid var(--fainter_color) 1px;
	
			border-bottom-left-radius: var(--rounded_corners_radius_fatter);
			border-bottom-right-radius: var(--rounded_corners_radius_fatter);
}

.stripeCardForm {
	margin: 20px 0;
}

.stripeCardForm > .fields {
	margin: 20px auto 10px auto;
	max-width: 350px;
	box-sizing: border-box;
}

.stripeCardForm > .fields > input {
	margin-bottom: 10px;
}

.stripeCardForm > .fields > .number {
	width: 100%;
}

.stripeCardForm > .fields > .name {
	width: 100%;
}

.stripeCardForm > .fields > .expiry {
	width: calc(50% - 5px);
	margin-right: 5px;
}

.stripeCardForm > .fields > .cvc {
	width: calc(50% - 5px);
}
#locations_map_canvas
{
	width: calc(70% - 40px);
	height: 60vh;
	float: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	margin: 20px;
	
			border-radius: var(--rounded_corners_radius);
}

#locations_search_form
{
	width: calc(30% - 40px);
	height: 60vh;
	margin: 20px 20px 20px 0;
	float: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	overflow-y: scroll;
}

@media only screen and (max-width: 750px) {
	#locations_map_canvas,
	#locations_search_form {
		width: 100%;
		height: auto;
		min-height: 400px;
	}

	#locations_search_form {
		padding: 20px;
	}
}

#locations_search_form > .labels_list
{
	margin-bottom: 30px;
    
			border-radius: var(--rounded_corners_radius);
	padding: 15px;
	background: #fff;
}

#locations_search_form > .labels_list > .label_category_title
{
	margin: 5px 0px;
	font-family: var(--special_a_text_font_family);
	color: #888;
}

#locations_list
{
	display: flex;
	clear: both;
	justify-contents: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
	margin: 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	text-align: center;
}

.locations_list_item {
	display: flex;
	gap: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 100px;
	cursor: pointer;
}

a.locations_list_item {
	text-decoration: none;
	color: currentColor;
}

a.locations_list_item:hover {
	color: var(--a_text_color_main_highlight);
}

.locations_list_item > .thumbnail {
	flex-grow: 0;
	height: 69px;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.locations_list_item:hover > .thumbnail {
	filter: brightness(1.1);
}

.locations_list_item > .title
{
	font-size: 11px;
	line-height: 13px;
	text-align: center;
}

@media only screen and (max-width: 980px) {
	#locations_map_canvas {
		width: 100%;
		margin: 0;
	}

	#locations_search_form {
		width: 100%;
		margin: 20px 0;
	}

	#locations_search_form > .labels_list {
		height: auto;
	}
}

#location_view
{
	width: 100%;
	min-height: 50px;
	margin-top: 10px;
	overflow: hidden;
}

#location_view_map_canvas
{
	margin-top: 5px;
	width: 100%;
	height: 700px;
}

.quote {
    position: relative;
    float: left;
    padding-left: 100px;
    min-height: 90px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.quote.isolated {
    margin: 80px 0;
}

.quote > .profileImage {
    position: absolute;
    left: 0px;
    width: 80px;
    background-size: cover;
    background-color: #eee;
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.quote > .text {
    line-height: 1.4em;
}

.quote > .author {
    float: left;
    margin-top: 5px;
}

.quote div.author {
	font-weight: 600;
}

.quotesVerticalList > .quote {
    margin-bottom: 80px;
}

.quotesVerticalList > .quote:last-child {
    margin-bottom: 0;
}

.weather_report
{
	display: block;
	overflow: hidden;
	float: left;
	clear: both;
	margin: 10px 0;
}

.weather_report > .condition
{
	float: left;
	
	margin-right: 10px;

	background: #f4f4f4;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	padding: 10px;

	width: 87px;
}

.weather_report > .condition.last
{
	margin-right: 0;
}

.weather_report > .condition > .title
{
	text-align: center;
}

.weather_report > .condition > .temperature
{
	text-align: center;
	font-size: 8pt;
	line-height: 21px;
}

.weather_report > .condition > .temperature > .low,
.weather_report > .condition > .temperature > .high
{
	float: left;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.weather_report > .condition > .temperature > .low
{
	background-image: url('/gfx/img/icons/weather/temperature_low.png');
	margin-right: 5px;
}

.weather_report > .condition > .temperature > .high
{
	background-image: url('/gfx/img/icons/weather/temperature_high.png');
}

.weather_report > .condition > .icon
{
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

.weather_report > .condition > .icon.sunny{ background-image: url('/gfx/img/icons/weather/sunny.png'); }
.weather_report > .condition > .icon.mostly_sunny{ background-image: url('/gfx/img/icons/weather/mostly_sunny.png'); }
.weather_report > .condition > .icon.partly_cloudy{ background-image: url('/gfx/img/icons/weather/partly_cloudy.png'); }
.weather_report > .condition > .icon.mostly_cloudy{ background-image: url('/gfx/img/icons/weather/mostly_cloudy.png'); }
.weather_report > .condition > .icon.chance_of_storm{ background-image: url('/gfx/img/icons/weather/chance_of_storm.png'); }
.weather_report > .condition > .icon.rain{ background-image: url('/gfx/img/icons/weather/rain.png'); }
.weather_report > .condition > .icon.chance_of_rain{ background-image: url('/gfx/img/icons/weather/chance_of_rain.png'); }
.weather_report > .condition > .icon.chance_of_snow{ background-image: url('/gfx/img/icons/weather/chance_of_snow.png'); }
.weather_report > .condition > .icon.cloudy{ background-image: url('/gfx/img/icons/weather/cloudy.png'); }
.weather_report > .condition > .icon.mist{ background-image: url('/gfx/img/icons/weather/mist.png'); }
.weather_report > .condition > .icon.storm{ background-image: url('/gfx/img/icons/weather/storm.png'); }
.weather_report > .condition > .icon.thunderstorm{ background-image: url('/gfx/img/icons/weather/thunderstorm.png'); }
.weather_report > .condition > .icon.chance_of_tstorm{ background-image: url('/gfx/img/icons/weather/chance_of_tstorm.png'); }
.weather_report > .condition > .icon.sleet{ background-image: url('/gfx/img/icons/weather/sleet.png'); }
.weather_report > .condition > .icon.snow{ background-image: url('/gfx/img/icons/weather/snow.png'); }
.weather_report > .condition > .icon.icy{ background-image: url('/gfx/img/icons/weather/icy.png'); }
.weather_report > .condition > .icon.dust{ background-image: url('/gfx/img/icons/weather/dust.png'); }
.weather_report > .condition > .icon.fog{ background-image: url('/gfx/img/icons/weather/fog.png'); }
.weather_report > .condition > .icon.smoke{ background-image: url('/gfx/img/icons/weather/smoke.png'); }
.weather_report > .condition > .icon.haze{ background-image: url('/gfx/img/icons/weather/haze.png'); }
.weather_report > .condition > .icon.flurries{ background-image: url('/gfx/img/icons/weather/flurries.png'); }

.weather_report > .condition > .sunrise,
.weather_report > .condition > .sunset
{
	float: left;
	background-repeat: no-repeat;
	padding-left: 20px;

	text-align: center;
	font-size: 8pt;
	line-height: 15px;

	height: 15px;
}

.weather_report > .condition > .sunrise
{
	margin-top: 10px;
}

.weather_report > .condition > .sunrise{ background-image: url('/gfx/img/icons/weather/sunrise.png'); }

.weather_report > .condition > .sunset{ background-image: url('/gfx/img/icons/weather/sunset.png'); }
ul.termsofuse {
	display: block;
	list-style-type: none;
	padding: 0 !important;
	margin: 0 !important;
}

ul.termsofuse ul.ticks li {
	border: none;
	margin: 10px 0 0 0;
}

ul.termsofuse li:after {
	display: none;
}

ul.termsofuse li i {
	opacity: .5;
}

ul.termsofuse h1,
ul.termsofuse h2,
ul.termsofuse h3,
ul.termsofuse h4,
ul.termsofuse h5,
ul.termsofuse h6 {
	width: 100%;
	float: left;
	font-family: var(--special_a_text_font_family);
	font-weight: normal;
	text-transform: none !important;
	line-height: 1.4em;
	margin: 30px 0 10px 0;

	display: flex;
	gap: 10px;
}

ul.termsofuse h1 {
	font-weight: bold;
}

ul.termsofuse .head {
	margin: 30px 0 10px 0;
	font-weight: normal;
}

ul.termsofuse .number {
	float: left;
	background: var(--grey_color);
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	padding: 0 .4em;
	
			border-radius: var(--rounded_corners_radius_fat);
}

ul.termsofuse .head > .title {
}

ul.termsofuse li.term > .text {
}

ul.termsofuse ul {
	width: 100%;
	padding-left: 10px !important;
	padding-right: 10px !important;
	list-style-type: none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

@media only screen and (max-width: 750px) {
	ul.termsofuse ul {
		border: none;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
}

.big_item
{
	height: 180px;
	width: 510px;
}

.big_item > .icon
{
	float: left;
	font-size: 140px;
	line-height: 140px;
	height: 140px;
	width: 60px;
}

.big_item > .text
{
	float: left;
	overflow: hidden;
	display: block;
	width: 450px;
}
.monitor_preview_block
{
    display: inline-block;
    float: none;
    margin: 0 25px 27px 25px;
    width: 200px;
    
			border-radius: var(--rounded_corners_radius);

    background-image: url('/gfx/img/table_bg.png');
    border-bottom: solid #aaa 1px;
    padding: 15px;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.15) 0 -1px;
}

.monitor_preview_block .button_text
{
    color: #fff !important;
}

.monitor_preview_block .button_text:hover
{
    text-decoration: underline !important;
}

.monitor_preview_block > .title
{
    font-size: 10pt;
    font-weight: bold;
    clear: both;
}

.monitor_preview_block > .subtitle
{
    font-size: 8pt;
}

.monitor_preview_block > .monitor_preview
{
    margin-bottom: 25px;
}

.monitor_preview_block .progress_bar
{
    margin-top: 8px;
    margin-bottom: 8px;
}

.monitor_preview_block > .buttons
{
    margin-top: 10px;
}

.monitor_preview_block > .buttons > .button
{
    margin: 0 3px 3px 0 !important;
}

.monitor_preview
{
	position: relative;
	width: 200px;
	height: 171px;
	background: url('/gfx/img/monitor_preview.png');
    clear: both;
}

.monitor_preview.small
{
	width: 80px;
	height: 68px;
	background: url('/gfx/img/monitor_preview_small.png');
}

.monitor_preview.premium
{
    
			border-top-right-radius: var(--rounded_corners_radius);
}

.monitor_preview > .premium_badge
{
	position: absolute;
	right: -2px;
    top: -2px;

    
			border-top-right-radius: var(--rounded_corners_radius);

	background: url('/gfx/img/premium_badge_corner.png');
    background-size: 60px 60px;
	width: 60px;
	height: 60px;
}

.monitor_preview > .content
{
	position: absolute;
	left: 6px;
	top: 6px;
	width: 188px;
	height: 118px;
}

.monitor_preview > .content.text
{
	color: #666;
	font-size: 20px;
	line-height: 1.1em;

	padding: 20px;
	width: 146px;
	height: 76px;
	
	text-align: center;
}

.monitor_preview.small > .content
{
	left: 4px;
	top: 4px;
	width: 72px;
	height: 46px;
}


.monitor_preview_frame {
	display: inline-block;
	position: relative;
	width: calc(100% - 40px);
	margin: 0 20px;
	max-width: 500px;
	height: 350px;
	background: url('/gfx/img/monitor_stand.png');
	background-size: 175px 80px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.monitor_preview_frame > .frame
{
	width: 100%;
	height: calc(100% - 80px);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	border: solid #010006 15px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	background-image: url('/gfx/img/loading.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-color: #333;
}

.monitor_preview_frame.centered {
}
.forum_messages {
}

.forum_message
{
	display: flex;
	float: left;
	clear: both;
	margin-bottom: 20px;
	width: 100%;
}

.forum_message > .profile_image
{
	flex-shrink: 0;

	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    background-size: cover;
    background-position: center;
    background-color: var(--fainter_color);
    background-repeat: no-repeat;

    width: 50px;
    height: 50px;

    text-align: center;
    font-size: 10pt;
    line-height: 50px;
    font-family: var(--special_a_text_font_family);
}

.forum_message > .profile_image.postByOfficialAdmin {
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

	background-color: transparent;
}

.forum_message > .profile_image.postByOfficialAdmin.litmind {
	background-image: url('/gfx/icons/main/litmind.svg');
}

.forum_message > .profile_image.postByOfficialAdmin.starring {
	background-image: url('/gfx/icons/main/starring.svg');
}

.forum_message > .content
{
	width: 100%;
	position: relative;

	display: flex;
	flex-direction: column;

	background: var(--faintest_color);
	
			border-radius: var(--rounded_corners_radius_fat);

	margin-left: 20px;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	
			box-shadow:
				0 1px 1px hsl(200deg 30% 50% / 0.05),
				0 2px 2px hsl(200deg 30% 50% / 0.05),
				0 4px 4px hsl(200deg 30% 50% / 0.05),
				0 8px 8px hsl(200deg 30% 50% / 0.05),
				0 16px 16px hsl(200deg 30% 50% / 0.05)
				;
		
}

.forum_message > .content:after {
	right: 100%;
	top: 17px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(248, 248, 248, 0);
	border-right-color: var(--faintest_color);
	border-width: 10px;
}

.forum_message > .content.padding {
	padding: 25px;
}

.forum_message > .content > .text {
	padding: 30px;
	min-width: 200px;
	color: var(--a_text_color_main);
	-ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
}

.forum_message > .content > a.text {
	display: block;
}

@media only screen and (max-width: 750px) {
	.forum_message {
		flex-direction: column;
	}

	.forum_message  > .profile_image {
		margin-left: 10px;
	}

	.forum_message > .content {
		margin-left: 0;
		margin-top: 15px;
	}

	.forum_message > .content:after {
		top: auto;
		right: auto;

		bottom: 100%;
		left: 18px;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(248, 248, 248, 0);
		border-bottom-color: #f8f8f8;
		border-width: 10px;
	}

	.forum_message > .content > .text {
		width: 100%;
	}
}

.forum_message > .content > .card {
	float: left;
	margin: 0 30px 30px 30px;
}

.forum_message > .content > .error {
	float: left;
	width: 100px;
	margin: 20px;
	padding: 20px;
	background-color: var(--error_color);
	color: #fff;
	text-align: center;

	font-family: var(--special_a_text_font_family);
	font-size: 10pt;
	color: rgba(255, 255, 255, 0.7);
}

.forum_message > .content > .imagesGallery {
	padding: 20px;
}

.forum_message > .content > .text + .imagesGallery {
	padding-top: 0;
}

.forum_message > .content > .statsPanel{
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 10px;

	border-top: rgba(0, 0, 0, 0.05) solid 1px;

	
			border-bottom-left-radius: var(--rounded_corners_radius_fat);
			border-bottom-right-radius: var(--rounded_corners_radius_fat);
}

.forum_message.with_buttons > .content
{
	padding-right: 60px;
	max-width: 750px;
}

.forum_message > .content textarea
{
	display: block;
	clear: both;
	overflow: hidden;
	width: 100%;
	height: 300px;
	background: #fff;
}

.forum_message > .content > .text {
	overflow: hidden;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.forum_message > .content > .text iframe {
	max-width: 100%;
}

.forum_message > .content > .text img {
	max-width: 100%;
}

.forum_message > .content > .text blockquote {
	overflow: hidden;
	background: #ffe;
	padding: 20px;
	font-style: italic;
}

.forum_message > .content > .buttons {
	margin-top: 15px;
}

.forum_message > .content > .buttons .button {
	float: left;
}

.forum_message > .content > .buttons .button_text_icon {
	margin: 13px 0 0 15px;
}

.forum_message > .content .attach_photo_block {
	float: left;
}

.forum_message > .content .choosen_photo {
	position: relative;
	display: none;
	width: 60px;
	height: 48px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: middle;
	
			border-radius: var(--rounded_corners_radius);
	cursor: pointer;
}

.forum_message > .content  .choosen_photo .icon {
	display: none;
	position: absolute;
	left: 5px;
	top: 5px;
}

.forum_message > .content  .choosen_photo:hover .icon {
	display: block;
}

@media only screen and (max-width: 750px) {
	.forum_message > .profile_image {
		width: 40px;
		height: 40px;
		text-align: center;
		font-size: 10pt;
		line-height: 40px;
	}
}

.forum_description {
	line-height: 1.4em;
	white-space: pre-wrap;
	word-wrap: break-word;
	margin-bottom: 20px;
}

.forum_topic_title {
	font-size: 17pt;
	line-height: 1.4em;
	font-weight: bold;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.forum_topic_description {
	line-height: 1.4em;
	font-size: var(--a_text_font_size_small);
	margin-bottom: 30px;
	overflow-wrap: break-word;
}

.forum_topic_title + .forum_topic_description {
	margin-top: 5px;
}

.filesystem_path_item
{
	float: left;
}

a.filesystem_path_item
{
	cursor: pointer;
	margin-right: 5px;
}

.filesystem_path_item > .icon
{
	float: left;
	margin-right: 7px;

	width: 15px;
	height: 24px;
	background-size: 15px;
}

.filesystem_path_item > .title
{
	float: left;
	line-height: 24px;
	margin-right: 10px;
}

.filesystem_path_item:before {
	display: inline;
	content: '>';
	color: #ccc;
}

.filesystem_path_item:last-child:before {
	display: none;
}

a.filesystem_path_item:hover:before {
	color: #ccc;
}

.files_list {
}

.files_list > .file
{
	display: flex;
	justify-content: space-between;
	
	border-top: solid #eee 1px;
}

.files_list > .file:last-child {
	border-bottom: solid #eee 1px;
}

.files_list > .file > .name
{
	width: 400px;
	padding: 0 10px;
	line-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

.files_list > .file > .name > .icon
{
	float: left;
	margin-right: 10px;

	width: 20px;
	height: 40px;
	background-size: 20px;
}

.files_list > .file > .size
{
	width: 50px;
	
	float: left;
	text-align: right;

	line-height: 40px;

	color: #999;
	font-size: 9pt;
}

.files_list > .file > .time
{
	width: 90px;

	float: left;
	text-align: right;

	line-height: 40px;

	color: #999;
	font-size: 9pt;
}

.files_list > .file > .buttons
{
	float: right;
	margin-left: 5px;
}

.files_list > .file > .buttons .button_text_icon
{
	margin: 8px 0 0 0;
}

@media only screen and (max-width: 500px) {
	.files_list > .file > .size,
	.files_list > .file > .time
	{
		display: none;
	}
}

.filesystem_surrounding_elements {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* fancy */
table.fancy {
    margin: 0 auto;

    border-collapse: separate;
    border-spacing: 5px;

    background: #fff;
}

table.fancy.fullWidth {
	width: 100%;
}

table.fancy > tbody > tr:not(:last-child):not(.noBorderBottom) > td:not(.noBorderBottom) {
	border-bottom: solid var(--faint_color) 1px;
}

table.fancy > tbody > tr > th:not(.noPadding) {
	padding: 15px 20px;
}

table.fancy > tbody > tr > td:not(.noPadding) {
    padding: 10px 15px 15px 15px;
}

table.fancy > tbody > tr > th.paddingTop,
table.fancy > tbody > tr > td.paddingTop {
    padding-top: 15px;
}

table.fancy > tbody > tr > th.paddingBottom,
table.fancy > tbody > tr > td.paddingBottom {
    padding-bottom: 15px;
}

table.fancy > tbody > tr > th.paddingTopBig,
table.fancy > tbody > tr > td.paddingTopBig {
    padding-top: 30px;
}

table.fancy > tbody > tr > th.paddingBottomBig,
table.fancy > tbody > tr > td.paddingBottomBig {
    padding-bottom: 30px;
}

table.fancy.selectableText th,
table.fancy.selectableText td,
table.fancy.selectableText th *,
table.fancy.selectableText td * {
    -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
}

table.fancy > tbody > tr > th {
    position: relative;
	font-weight: 500;
	color: var(--a_text_color_main);
	background-color: var(--fainter_color);

	
			border-radius: var(--rounded_corners_radius_fat);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

table.fancy > tbody > tr > th:last-child {
	box-shadow: none;
}

table.fancy > tbody > tr > th a {
	color: #fff;
	border-bottom: solid rgba(255, 255, 255, .3) 1px;
}

table.fancy > tbody > tr > th a:hover {
	border-bottom: solid #fff 1px;
}

table.fancy > tbody > tr th.highlighted:first-child {
	#rounded_corners_top_left_fat#
}


table.fancy > tbody > tr th.highlighted:last-child {
	#rounded_corners_top_right_fat#
}

table.fancy > tbody > tr > th:not(.empty):after {
    position: absolute;
    content: '';

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: var(--fainter_color) transparent transparent transparent;

    top: 100%;
    left: 20px;
}

table.fancy > tbody > tr > th.highlighted {
    background-color: var(--faint_color);
	color: var(--a_text_color_main);
	font-weight: 600;
}

table.fancy > tbody > tr > th.highlighted:not(.empty):after {
	display: none;
}

table.fancy > tbody > tr > th.highlighted a {
	color: #fff !important;
	text-decoration: underline;
}

table.fancy > tbody > tr > td.title {
    font-size: 19pt;
    font-weight: bold;
}

table.fancy > tbody > tr > td {
    vertical-align: top;
}

table.fancy > tbody > tr > th.span,
table.fancy > tbody > tr > td.span {
	width: 100%;
}

table.fancy > tbody > tr > th.twoColumns,
table.fancy > tbody > tr > td.twoColumns {
	width: 50%;
}

table.fancy > tbody > tr > td.align_center,
table.fancy > tbody > tr > th.align_center
{
    text-align: center;
}

table.fancy > tbody > tr > td.description
{
    font-weight: bold;
}

table.fancy > tbody > tr > td.big
{
    font-weight: bold;
    font-size: 14pt;
}

table.fancy > tbody > tr > td.false
{
    background-image: url('/gfx/img/icons/ko.png');
    background-repeat: no-repeat;
    background-position: center center;
}

table.fancy > tbody > tr > td.no_padding
{
    padding: 0;
}

table.fancy > tbody > tr > td.no_lines
{
    border: 0;
}

table.fancy > tbody > tr > td a {
    color: var(--a_text_color_button);
}

table.fancy > tbody > tr > td a:hover {
    color: var(--a_text_color_button_hover);
}

table.fancy > tbody > tr > td.nowrap {
    white-space: nowrap;
}

table.fancy > tbody > tr > td.images > img {
    margin: 0 10px 10px 0;
	vertical-align: top;
    
			border-radius: var(--rounded_corners_radius_fat);
}

table.fancy > tbody > tr > td.images.small > img,
table.fancy > tbody > tr > td.images.small > a > img {
    height: 100px;
}

table.fancy > tbody > tr > td.images.tiny > img,
table.fancy > tbody > tr > td.images.tiny > a > img {
    height: 60px;
}

table.fancy > tbody > tr > td.images.big > img,
table.fancy > tbody > tr > td.images.big > a > img {
    height: 200px;
}

table.fancy > tbody > tr > td.images > a {
}

table.fancy > tbody > tr > td.images > a > img {
    height: 100px;
	margin: 0 10px 10px 0;
	float: left;
	vertical-align: top;
    
			border-radius: var(--rounded_corners_radius_fat);
}

table.fancy > tbody > tr > td.small {
    font-size: var(--a_text_font_size_small);
    line-height: 1.4em;
}

table.fancy > tbody > tr > td.longText {
    position: relative;
}

table.fancy > tbody > tr > td.longText > div {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 15px;
    overflow: auto;
}

table.fancy > tbody > tr > td .card {
    width: 250px;
}

table.fancy > tbody > tr > td.buttons {
	display: flex;
	width: auto;
	flex-wrap: wrap;
}

table.fancy > tbody > tr > td .tag {
    display: flex;
}

table.fancy > tbody > tr > td .tag > .key {
    margin-right: 5px;
}

@media only screen and (max-width: 980px) {
    table.fancy {
    }

    table.fancy > tbody > tr {
        display: flex;
		flex-direction: column;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
        margin-bottom: 20px;

		background: #f4f4f4;
		
			border-radius: var(--rounded_corners_radius_fat);
    }

	table.fancy > tbody > tr > th:not(.keepOnSmallScreens) {
		display: none;
	}

    table.fancy > tbody > tr > td {
        display: block;
        float: left;
        width: 100%;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		padding: 10px !important;
    }

	table.fancy > tbody > tr > td:last-child {
		border: none !important;
	}

    table.fancy > tbody > tr > td,
    table.fancy > tbody > tr > th {
		width: 100% !important;
        text-align: left !important;
    }

	table.fancy > tbody > tr > td[data-smallScreenTitle]:before {
		content: attr(data-smallScreenTitle) ": ";
		opacity: .5;
	}

    table.fancy > tbody > tr > td .card {
        width: 100%;
    }

    table.fancy > tbody > tr > td .button {
        min-width: auto;
    }
}
/* accounting */
table.accounting.full_width
{
	width: 100%;
}

table.accounting td,
table.accounting th
{
	padding: 10px;
}

table.accounting td,
table.accounting th,
table.accounting td a,
table.accounting th a
{
	font-size: 10pt;
	line-height: 1.4em;
}

table.accounting td
{
	border-bottom: dashed #eee 1px;
}

table.accounting th
{
	font-family: var(--special_a_text_font_family);
	font-size: 13pt;
	border-bottom: solid #eee 1px;
}

table.accounting td.date
{
	white-space: nowrap;
}

table.accounting td.description
{
}

table.accounting td.price
{
	text-align: right;
	font-size: var(--a_text_font_size_small);
}

table.accounting td.price.green
{
	color: green;
}

table.accounting tr.subtotal td.title
{
	text-align: right;
	font-size: var(--a_text_font_size_small);
}

table.accounting tr.total td.title
{
	text-align: right;
	font-size: var(--a_text_font_size_small);
	font-weight: bold;
}

table.accounting tr.total td.price
{
	font-weight: bold;
}

@media only screen and (max-width: 750px) {
    table td.notForScreenWidthLessThanSmall,
    table th.notForScreenWidthLessThanSmall {
        display: none;
    }
}

@media only screen and (max-width: 980px) {
    table td.notForScreenWidthLessThanNormal,
    table th.notForScreenWidthLessThanNormal {
        display: none;
    }
}

/* properties */
.propertiesTable {
	
			border-radius: var(--rounded_corners_radius_fatter);

	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 10px;
	width: max-content;
	max-width: 100%;
}

.propertiesTable.threeColumns {
	grid-template-columns: max-content 1fr 1fr;
}

.propertiesTable.centered {
	margin: 0 auto;
}

.propertiesTable.panel {
	background: #fff;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	padding: 20px;
}

.propertiesTable > .key {
	color: var(--a_text_color_main);
	border: solid var(--fainter_color) 1px;

	
			border-radius: var(--rounded_corners_radius_fat);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	display: flex;
	align-items: flex-start;
	gap: 5px;

	padding: 5px 8px;
}

.propertiesTable > .key.attention {
	color: var(--attention_color);
}

.propertiesTable > .key.primary {
	color: var(--a_text_color_primary);
}

.propertiesTable > .key.warning {
	color: var(--warning_color);
}

.propertiesTable > .key.help {
	color: var(--help_color);
}

.propertiesTable > .key.error {
	color: var(--error_color);
}

.propertiesTable > .key.ok {
	color: var(--ok_color);
}

.propertiesTable > .key > .icon {
	margin-top: 2.5px;
	background-color: currentColor;
}

.propertiesTable > .key > .title {
}

.propertiesTable > .value {
	padding: 4px 7px 4px 0;
	width: min(100%, 500px)
}

.tableBlock {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin: 15px 0;

	--statusBarWidth: 15px;
}

.tableBlock > .tableBlockItem {
	position: relative;
	
			box-shadow:
				0 1px 1px hsl(200deg 30% 50% / 0.05),
				0 2px 2px hsl(200deg 30% 50% / 0.05),
				0 4px 4px hsl(200deg 30% 50% / 0.05),
				0 8px 8px hsl(200deg 30% 50% / 0.05),
				0 16px 16px hsl(200deg 30% 50% / 0.05)
				;
		
	
			border-radius: var(--rounded_corners_radius_fatter);
	overflow: hidden;
	background: #fff;

	display: grid;
	grid-template-columns: var(--statusBarWidth) 1fr;
	grid-template-areas:
		"status columnsContainer"
		"status buttons"
		"status pills"
}

.tableBlock > .tableBlockItem > .badges {
	right: 10px;
	top: 10px;
	z-index: 1;
}

.tableBlock > .tableBlockItem > .status {
	grid-area: status;
	background-color: var(--grey_color);
}

.tableBlock > .tableBlockItem > .status.ok {
	background-color: var(--ok_color);
}

.tableBlock > .tableBlockItem > .status.error {
	background-color: var(--error_color);
}

.tableBlock > .tableBlockItem > .status.warning {
	background-color: var(--warning_color);
}

.tableBlock > .tableBlockItem > .status.help {
	background-color: var(--help_color);
}

.tableBlock > .tableBlockItem > .columnsContainer {
	grid-area: columnsContainer;

	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
	padding: 20px;
}

.tableBlock > .tableBlockItem > .columnsContainer .col {
	min-width: 200px;
}

.tableBlock > .tableBlockItem > .columnsContainer .col.alignRight {
	margin-left: auto;
}

.tableBlock > .tableBlockItem > .columnsContainer .col.forceWidthMedium {
	width: 250px;
}

.tableBlock > .tableBlockItem > .buttons {
	grid-area: buttons;

	
			border-bottom-left-radius: var(--rounded_corners_radius_fatter);
			border-bottom-right-radius: var(--rounded_corners_radius_fatter);
	padding: 15px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border-top: solid var(--fainter_color) 1px;
}

.tableBlock > .tableBlockItem > .pills {
	grid-area: pills;

	
			border-bottom-left-radius: var(--rounded_corners_radius_fatter);
			border-bottom-right-radius: var(--rounded_corners_radius_fatter);
	padding: 15px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border-top: solid var(--fainter_color) 1px;
}

@media only screen and (max-width: 750px) {
	.tableBlock > .tableBlockItem > .columnsContainer {
		flex-direction: column;
	}

	.tableBlock > .tableBlockItem > .columnsContainer .col {
		min-width: 0;
		margin-left: 0 !important;
	}

	.tableBlock > .tableBlockItem > .columnsContainer .col.forceWidthMedium {
		width: auto;
	}
}

.flipBoard {
    margin: 5px 0;
    font-size: 12pt;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.flipBoard .line {
    display: inline-block;
    white-space: nowrap;
}

.flipBoard .character {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    line-height: 30px;
    margin: 0 2px 7px 0;
    padding: 0 7px;
    min-width: 25px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    
			border-radius: var(--rounded_corners_radius);
    vertical-align: top;
    text-align: center;
    font-weight: bold;
    font-size: 17pt;
    text-shadow: none;
}

.flipBoard .character:before {
    position: absolute;
    content: '';
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 35%, rgba(0,0,0,0.07) 50%, rgba(0,0,0,0) 65%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 35%,rgba(0,0,0,0.07) 50%,rgba(0,0,0,0) 65%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 35%,rgba(0,0,0,0.07) 50%,rgba(0,0,0,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );
}

.flipBoard .character:after {
    position: absolute;
    content: '';
    left: 0px;
    right: 0px;
    top: 50%;
    height: 1px;
}

.flipBoard .character.blink {
  animation: flipboard_character_blink 1s step-start 0s infinite;
  -webkit-animation: flipboard_character_blink 1s step-start 0s infinite;
}

@keyframes flipboard_character_blink {
  50% {
    color: transparent;
  }
}
@-webkit-keyframes flipboard_character_blink {
  50% {
    color: inherit;
  }
}


@media only screen and (min-width: 751px) {
    .flipBoard.big .character {
        line-height: 50px;
        font-size: 20pt;
        padding: 0 12px;
        min-width: 40px;
    }

    .flipBoard.big .title {
        line-height: 50px;
    }
}

.flipBoard .character.number {
    font-family: var(--a_text_font_family) !important;
}

.flipBoard .character.letters {
    font-family: var(--special_a_text_font_family) !important;
}

.flipBoard .character.small {
    font-size: var(--a_text_font_size_small);
}

.flipBoard .character:last-child {
    margin-right: 0;
}

.flipBoard .title {
    display: inline-block;
    line-height: 35px;
    margin: 0 5px;
}

.flipBoard .title.margin_left {
    margin-left: 10px;
}

.flipBoard .title.margin_right {
    margin-right: 10px;
}


/* Black */

.flipBoard .character.black:after {
    background: rgba(0, 0, 0, 0.3);
}

.flipBoard .character.black {
    background-color: #444;
    color: #eee;

    box-shadow: 0 1px 0 #222, 0 2px 0 #444, 0 3px 0 #222, 0 4px 0 #444;
    -moz-box-shadow: 0 1px 0 #222, 0 2px 0 #444, 0 3px 0 #222, 0 4px 0 #444;
    -webkit-box-shadow: 0 1px 0 #222, 0 2px 0 #444, 0 3px 0 #222, 0 4px 0 #444;
}


/* White */

.flipBoard .character.white:after {
    background: rgba(0, 0, 0, 0.1);
}

.flipBoard .character.white {
    background-color: #f7f7f7;
    color: #777;

    box-shadow: 0 1px 0 #ddd, 0 2px 0 #eee, 0 3px 0 #ddd, 0 4px 0 #eee;
    -moz-box-shadow: 0 1px 0 #ddd, 0 2px 0 #eee, 0 3px 0 #ddd, 0 4px 0 #eee;
    -webkit-box-shadow: 0 1px 0 #ddd, 0 2px 0 #eee, 0 3px 0 #ddd, 0 4px 0 #eee;
}

/* Highlighted */

.flipBoard .character.highlighted:after {
    background: rgba(0, 0, 0, 0.3);
}

.flipBoard .character.highlighted {
    background-color: #de005e;
    color: rgba(255, 255, 255, 0.85);

    box-shadow: 0 1px 0 #990041, 0 2px 0 #de005e, 0 3px 0 #990041, 0 4px 0 #de005e;
    -moz-box-shadow: 0 1px 0 #990041, 0 2px 0 #de005e, 0 3px 0 #990041, 0 4px 0 #de005e;
    -webkit-box-shadow: 0 1px 0 #990041, 0 2px 0 #de005e, 0 3px 0 #990041, 0 4px 0 #de005e;
}

.madeBy {
	float: left;
	width: 100%;
	text-align: center;
}

.madeBy.tinCat {
	line-height: 54px;
}

.madeBy .logo {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}

.madeBy.tinCat .logo {
	width: 32px;
	height: 27px;
	background-image: url('/gfx/img/tincat_no_title_pixelated_32x27_animated.gif');
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: center;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}
.pager {
    display: inline-block;
    clear: both;
}

@media only screen and (max-width: 750px) {
    .pager {
        width: 100%;
        text-align: center;
    }
}

.pager.isolated {
    margin: 20px 0;
}

.pager.centered {
    width: 100%;
    text-align: center;
}

.pager > a {
    display: inline-block;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    border: solid var(--faint_color) 1px;
    color: var(--faint_color);

    width: 40px;
    height: 40px;

    line-height: 40px;
    text-align: center;

    margin-right: 5px;
    margin-bottom: 5px;

    vertical-align: top;

	text-decoration: none;
}

.pager > a.digits_3 {
    font-size: 5pt;
}

.pager > a.digits_4 {
    font-size: 7pt;
}

.pager > a.digits_5,
.pager > a.digits_6,
.pager > a.digits_7,
.pager > a.digits_8 {
    font-size: 5pt;
}

.pager > a > .icon {
	margin: 12px;
    background-color: currentColor;
}

.pager > a:hover,
.pager > a:focus {
    border: solid var(--a_text_color_main_highlight) 1px;
    color: var(--a_text_color_main_highlight);
}

.pager > a:active {
    opacity: 0.5;
}

.pager > a.selected {
    background: var(--grey_color);
    border-color: transparent;
    color: #fff;
}

.pager > a:last-child {
    margin-right: 0;
}

.pager > a.control > .icon {
    background-size: 12px;
}

/* darkBackground */

.pager.darkBackground > a {
    border-color: var(--grey_darker_color);
    color: var(--grey_darker_color);
}

.pager.darkBackground > a.selected {
    background: var(--grey_darker_color);
    border-color: var(--grey_darker_color);
    color: var(--dark_color);
}

.pager.darkBackground > a:hover,
.pager.darkBackground > a:focus {
    border: solid var(--grey_color) 1px;
    color: var(--grey_color);
}

/* greyBackground */
.pager.greyBackground > a {
	background: #fff;
	border: none;
}

.pager.greyBackground > a.selected,
.pager.greyBackground > a:hover,
.pager.greyBackground > a:focus {
	background: var(--grey_color);
	color: #fff;
}

ul.wall
{
	position: relative;
	display: flex;
	float: left;
	width: 100%;
	flex-direction: column;
	gap: 10px;

	list-style-type: none;
	margin: 0;
	padding: 0;

	min-height: 60px;
}

ul.wall li
{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px;

	
			border-radius: var(--rounded_corners_radius_fatter);
	background: #fff;

	font-size: var(--a_text_font_size_small);
}

ul.wall li a {
	text-decoration: none;
}

ul.wall li:after {
	display: none;
}

ul.wall li > .content {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

ul.wall li > .iconContainer {
	flex-shrink: 0;
	background-color: var(--grey_color);
	border-radius: 50%;

	display: flex;
	justify-content: center;
	align-items: center;

	padding: 6px;
}

ul.wall li > .iconContainer > .icon {
	width: 12px;
	height: 12px;
	mask-size: 12px;
	background-color: #fff;
}

ul.wall li .content {
	flex-grow: 1;
}

ul.wall li .right {
	display: flex;
	gap: 5px;
	text-align: right;
}

@media only screen and (max-width: 750px) {
	ul.wall li .right {
		flex-direction: column;
		align-items: flex-end;
	}
}

ul.wall li .right > .when
{
	font-size: var(--a_text_font_size_smaller);
	opacity: 0.4;
}

ul.wall li > .content > .details > .card {
	max-width: 300px;
}

/* photo */
ul.wall .photo
{
}

ul.wall .photo > img
{
    float: left;
    margin-right: 10px;

    border-bottom: solid #f8f8f8 1px;
}

ul.wall li > .content > .details > .photo
{
}

ul.wall li > .content > .details > .photo > img
{
	
			border-radius: var(--rounded_corners_radius);
}

ul.wall li > .content > .details > .photo > .details
{
	color: var(--a_text_color_main);
}

ul.wall li > .content > .details > .photo > .details > .title
{
	font-weight: 500;
}

ul.wall li > .content > .details > .photo > .details > .description
{
}

ul.wall li > .content > .details .photos_list
{
	overflow: hidden;
    margin: 10px 0 0 0;
}

ul.wall li > .content > .details .photos_list > .photo
{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px !important;
}

ul.wall li > .content > .details .photos_list > .photo > img
{
	margin: 0;
	
			border-radius: var(--rounded_corners_radius_fat);
}

ul > .icon.loading {
	background-size: 24px;
	width: 32px;
	height: 32px;
	margin-left: calc(50% - 16px);
}

ul.wall.loading:after {
	position: absolute;

	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);

	content: '';
	background-color: #fff;
	border-radius: 100px;
	width: var(--icon_size_big);
	height: var(--icon_size_big);
	padding: 10px;

	background-image: url('/gfx/img/loading_dark.svg');
	background-size: var(--icon_size_big);
	background-repeat: no-repeat;
	background-position: center;

	z-index: 100;
}

/* type colors */
ul.wall li.type_0 > .iconContainer { background-color: var(--site_message_color); }
ul.wall li.type_2 > .iconContainer { background-color: var(--photo_color); }
ul.wall li.type_3 > .iconContainer { background-color: var(--follow_color); }
ul.wall li.type_11 > .iconContainer { background-color: var(--unfollow_color); }
ul.wall li.type_4 > .iconContainer { background-color: var(--comment_color); }
ul.wall li.type_5 > .iconContainer { background-color: var(--like_color); }
ul.wall li.type_6 > .iconContainer { background-color: var(--like_color); }
ul.wall li.type_7 > .iconContainer { background-color: var(--usertag_color); }
ul.wall li.type_8 > .iconContainer { background-color: var(--usertag_color); }
ul.wall li.type_9 > .iconContainer { background-color: var(--lightbox_color); }
ul.wall li.type_12 > .iconContainer { background-color: var(--like_color); }
ul.wall li.type_13 > .iconContainer { background-color: var(--posts_color); }
ul.wall li.type_14 > .iconContainer { background-color: var(--posts_color); }
ul.wall li.type_15 > .iconContainer { background-color: var(--posts_color); }

.label {
	position: relative;
	display: inline-block;
	line-height: 25px;
	padding: 5px 8px 6px 24px;

	background: var(--grey_color);

	color: #fff;

	margin: 0 10px 10px 0;

	border-radius: 20px;
	
			border-top-right-radius: var(--rounded_corners_radius) !important;
			border-bottom-right-radius: var(--rounded_corners_radius) !important;

	font-weight: 500;
	line-height: 1em;
	font-size: 10pt;

	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}

a.label {
	text-decoration: none;
}

.label.big {
	font-size: 16pt;
	padding: 5px 8px 7px 27px;
	font-weight: 600;
}


.label:after {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	background: #fff;

	left: 9px;
	top: 9px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.label.big:after {
	top: 13px;
	left: 10px;
}

.label.selected,
a.label:hover
{
	color: #fff;
	background-color: var(--a_text_color_primary);
}

.label.selected:before,
a.label:hover:before
{
	border-color: transparent var(--a_text_color_primary) transparent transparent;
}

a.label:active
{
	background: var(--a_text_color_primary_highlight);
}

a.label:active:before
{
	border-color: transparent var(--a_text_color_primary_highlight) transparent transparent;
}

/* colors */

.label.price {
	background-color: #0798bb;
}

.label.unread
{
	background-color: #18bbf1;
}

.label.unread:before
{
	border-color: transparent #18bbf1 transparent transparent;
}

.label.unwanted
{
	background-color: #e09927;
}

.label.unwanted:before
{
	border-color: transparent #e09927 transparent transparent;
}

#popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;

	display: flex;
	justify-content: center;
	align-items: center;

	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;

	--popup-window-color: #fff;
	--popup-background-color: var(--neutral_3);
	--popup-background-opacity: 0.2;
	--popup-background-blur-radius: 35px;
	--popup-title-color: var(--a_text_color_main);
	--popup-content-color: var(--a_text_color_main);
	--popup-close-color: var(--popup-window-color);
	--popup-buttons-color: var(--fainter_color);

	--padding: 30px;
	--margin: 10px;
}

#popup.open {
	opacity: 1;
}

#popup > .background {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	transition: opacity .15s ease-out;
	background-color: hsla(from var(--popup-background-color) h s l / var(--popup-background-opacity));
	background-image: url('/gfx/img/background_noise_soft.png');
	backdrop-filter: blur(var(--popup-background-blur-radius));
	-webkit-backdrop-filter: blur(var(--popup-background-blur-radius));
}

#popup.open > .background {
	opacity: 1;
}

#popup.loading > .background {
	background-image: url('/gfx/img/loading_light.svg');
}

#popup > .window {
	position: relative;

	background: var(--popup-window-color);

	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	gap: var(--margin);

	padding: calc(var(--padding) * 0.65) 0;

	margin-top: env(safe-area-inset-top);
	margin-bottom: env(safe-area-inset-bottom);
	margin-left: env(safe-area-inset-left);
	margin-right: env(safe-area-inset-right);

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	max-height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 100px);
	max-width: min(100%, 600px);

	width: 100%;

	z-index: 1;

	
			border-radius: var(--rounded_corners_radius_fatter);

	
			box-shadow:
				0 1px 1px hsl(200deg 30% 50% / 0.05),
				0 2px 2px hsl(200deg 30% 50% / 0.05),
				0 4px 4px hsl(200deg 30% 50% / 0.05),
				0 8px 8px hsl(200deg 30% 50% / 0.05),
				0 16px 16px hsl(200deg 30% 50% / 0.05)
				;
		

	opacity: 0;
	transform: scale(.8);
	transition:
		transform .15s ease-out,
		opacity .15s ease-out;
}

#popup > .window > .preContent {
	margin-top: calc(var(--padding) * -0.65);
}

#popup > .window > .preContent > img {
	
			border-radius: var(--rounded_corners_radius_fatter);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#popup.fullHeight > .window {
	height: 100%;
}

#popup.halfHeight > .window {
	height: 50%;
}

#popup > .window {
	max-width: calc(min(100% - 100px, 500px));
}

#popup.open > .window {
	opacity: 1;
	transform: scale(1);
}

#popup.big > .window {
	max-width: 80vw;
	width: 100%;
}

#popup.big > .window > iframe {
	width: 100%;
	height: 100%;
}

#popup.noLeftRightMargins > .window {
	max-width: 100vw;
}

#popup.noLeftRightMargins > .window > .content {
	padding-left: 0;
	padding-right: 0;
}

#popup > .close,
#popup > .window > .close {
	position: fixed;

	padding: 10px;

	background-color: var(--popup-close-color);
	
			border-radius: var(--rounded_corners_radius_fatter);

	z-index: 2;

	cursor: pointer;
}

#popup > .close {
	top: 15px;
	right: 15px;
}

#popup > .window > .close {
	left: 100%;
	bottom: 100%;
}

#popup > .close > .icon,
#popup > .window > .close > .icon {
	background-color: var(--popup-background-color);
}

#popup > .close,
#popup > .window > .close {
	transition: transform 0.05s ease-out;
}

#popup > .close:hover,
#popup > .window > .close:hover {
	transform: scale(1.05);
}

#popup > .window > .title {
	padding: 0 var(--padding);
	color: var(--popup-title-color);
	font-size: 15pt;
	font-family: var(--a_text_font_family);
	font-weight: 600;
	line-height: 1.3em;
	text-align: left;
}

#popup > .window > .title a {
	color: var(--popup-title-color);
}

#popup > .window > .content {
	height: 100%;
	padding: 0 var(--padding);
	color: var(--popup-content-color);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	container: popupContainer;

	overflow-y: auto;
}

#popup > .window > .content > .scrollableFragment {
	background: var(--popup-window-color);
	margin: 15px;
	padding: 15px;
	max-height: 250px;
	overflow-y: auto;
	color: var(--popup-content-color);
	font-size: var(--a_text_font_size_smaller);
	border: solid 1px rgba(0, 0, 0, .1);
}

#popup > .window:has(> .image) {
	max-width: max-content;
	margin-left: 50px;
	margin-right: 50px;
	padding: 0;
}

#popup > .window > .image {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#popup > .window > .image > .imageContainer {
	background-image: url('/gfx/img/loading_dark.svg');
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
}

#popup > .window > .image > .imageContainer > img {
	width: 100%;
	max-height: 90vh;
	float: left;
	
			border-radius: var(--rounded_corners_radius_fatter);
}

#popup > .window > .image > .texts {
	float: left;
	margin: 5px 10px;
}

#popup > .window > .image > .texts > .title {
	font-weight: bold;
}

#popup > .window > iframe {
	width: 500px;
	height: 400px;
	background-image: url('/gfx/img/loading_light.svg');
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;

	
			border-radius: var(--rounded_corners_radius_fatter);
}

#popup > .window:has(iframe) {
	padding: 0;
}

#popup > .window > .buttons {
	justify-content: center;
	padding: 0 20px;
	margin-top: var(--margin);
}

/* styles */

#popup.image > .window {
	width: auto;
	min-width: auto;
}

#popup.transparent > .window {
	--popup-window-color: transparent;
	box-shadow: none;
}

#popup:is(
	.info,
	.ok,
	.error,
	.critical,
	.warning,
	.help,
	.attention
) {
	--popup-close-color: #fff;

	&.info {
		--popup-title-color: var(--info_color);
	}

	&.ok {
		--popup-title-color: var(--info_color);
	}

	&.error {
		--popup-title-color: var(--error_color);
	}

	&.critical {
		--popup-title-color: var(--critical_color);
	}

	&.help {
		--popup-title-color: var(--help_color);
	}

	&.attention {
		--popup-title-color: var(--attention_color);
	}

	&.warning {
		--popup-background-color: var(--warning_color);
		--popup-background-opacity: 0.9;
		--popup-background-blur-radius: 5px;
	}

	&.transparent {
		> .window {
			box-shadow: none;
		}
	}
}

#pageStatus {
    position: fixed;
    z-index: 10001;
    text-align: center;

    top: calc(var(--main_menu_height) * -5);

    opacity: 0;

	--base-color: #999;
	--text-color: #fff;

    background-color: var(--base-color);
    color: var(--text-color) !important;

    transition: all .5s ease-out;

	display: flex;
    justify-content: space-around;
    align-items: flex-start;

    cursor: pointer;

	max-width: 300px;

    padding: 12px 20px 15px 20px;
	left: 50%;
	transform: translateX(-50%);

	display: flex;
	justify-content: center;
	gap: 10px;

	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}

body:not(.inApp) #pageStatus {
	border-bottom-left-radius: var(--rounded_corners_radius_fat);
	border-bottom-right-radius: var(--rounded_corners_radius_fat);
}

body.inApp #pageStatus {
    min-height: var(--main_menu_app_header_height);
    min-height: calc(var(--main_menu_app_header_height) + env(safe-area-inset-top));
    top: -200px;

    left: 0px;
    right: 0px;

    margin-left: 0;
    transform: none;

	padding: 5px;

	border-radius: none !important;
}

#pageStatus > .icon {
	margin-top: calc(env(safe-area-inset-top) + 3px);
}

#pageStatus > .message {
	font-family: var(--pagestatus_font_family);
    font-size: var(--pagestatus_font_size);
	font-weight: var(--pagestatus_font_weight);
    line-height: 1.2em;
    margin-top: env(safe-area-inset-top);
	text-align: center;
	text-wrap: pretty;
}

#pageStatus:has(.icon) > .message {
	text-align: left;
	margin-top: calc(env(safe-area-inset-top) + 1px);
}

#pageStatus.open {
    top: 0 !important;
    opacity: 1;
}

#pageStatus:is(.info, .error, .warning, .help, .attetion) {
	--text-color: #fff;
}

#pageStatus > div > .button {
	vertical-align: middle;
	margin-left: 10px;
}

#pageStatus:is(.info, .error, .warning, .help, .attetion) > div > a:hover {
	background: rgba(0, 0, 0, 0.1);
}

#pageStatus.ok { --base-color: var(--info_color); }
#pageStatus.info { --base-color: var(--info_color); }
#pageStatus.error { --base-color: var(--error_color); }
#pageStatus.warning { --base-color: var(--warning_color); }
#pageStatus.help { --base-color: var(--help_color); }
#pageStatus.attention { --base-color: var(--attention_color); }

#pageStatus > div > a {
	color: inherit !important;
}

.gauge_horizontal
{
	position: relative;
	display: block;
	height: 55px;
	margin-top: 20px;
}

.gauge_horizontal.big
{
}

.gauge_horizontal.without_steps
{
	padding-top: 0;
}

.gauge_horizontal.without_indicator
{
	height: auto;
}

.gauge_horizontal > .pill
{
	position: relative;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}

.gauge_horizontal > .pill > .bar
{
	position: relative;
	height: 25px;
	background-color: var(--fainter_color);

	
			border-radius: var(--rounded_corners_radius);
}

.gauge_horizontal.big > .pill > .bar
{
	height: 34px !important;
}

.gauge_horizontal.with_value_title > .pill > .bar
{
	height: 25px;
}

.gauge_horizontal.with_value_title.big > .pill > .bar
{
	height: 30px !important;
}

.gauge_horizontal > .pill > .bar > .fill
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--a_text_color_primary);

	background: repeating-linear-gradient(
		60deg,
		#00aee1,
		#00aee1 10px,
		#22bff2 10px,
		#22bff2 20px
	);

	background-size: 100% !important;



	
			border-top-left-radius: var(--rounded_corners_radius);
			border-bottom-left-radius: var(--rounded_corners_radius);
}

.gauge_horizontal > .pill > .bar > .fill.maxed_out
{
	
			border-top-right-radius: var(--rounded_corners_radius) !important;
			border-bottom-right-radius: var(--rounded_corners_radius) !important;
}

.gauge_horizontal > .pill > .bar > .fill.overflown:after
{
	position: absolute;
	content: '\25BA';
	font-size: 14px;
	line-height: 100%;
	vertical-align: middle;
	color: rgba(255, 255, 255, 0.8);
	top: 0;
	right: 2px;
	bottom: 0;
}

.gauge_horizontal > .pill > .bar > .step
{
	position: absolute;
	top: -23px;
}

.gauge_horizontal > .pill > .bar > .step:after
{
	position: absolute;
	content: '';
	left: 0;
	top: 17px;
	width: 1px;
	height: 4px;
	border-left: solid #aaa 1px;
}

.gauge_horizontal > .pill > .bar > .step > .text {
	font-size: 8pt;
	color: #888;
	white-space: nowrap;
	margin-left: -5px;
}

.gauge_horizontal > .pill > .bar > .indicator
{
	position: relative;
	float: left;
	top: 32px;

	
			border-radius: var(--rounded_corners_radius);
	background: #888;
	color: #fff;
	font-size: 9pt;

	padding: 0 6px;
	margin-left: -10px;
	min-width: 20px;
	text-align: center;

	white-space: nowrap;

	z-index: 1;
}

.gauge_horizontal > .pill > .bar > .indicator:after
{
	position: absolute;
	content: '';
	top: -5px;
	left: 5px;
	width: 0;
	height: 0;

	border-left: 5px solid transparent;
	border-bottom: 5px solid #888;
	border-right: 5px solid transparent;
}

.gauge_horizontal > .pill > .bar > .value_title
{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 0 5px;
	font-size: 10pt;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gauge_horizontal.big > .pill > .bar > .value_title
{
	font-size: 25px !important;
}

/* gradients */
.gauge_horizontal.gradient_megapixels > .pill > .bar > .fill
{
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,50,105,1) 0%, rgba(255,243,137,1) 16%, rgba(255,243,137,1) 23%, rgba(143,229,123,1) 29%, rgba(143,229,123,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,50,105,1)), color-stop(16%,rgba(255,243,137,1)), color-stop(23%,rgba(255,243,137,1)), color-stop(29%,rgba(143,229,123,1)), color-stop(100%,rgba(143,229,123,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,50,105,1) 0%,rgba(255,243,137,1) 16%,rgba(255,243,137,1) 23%,rgba(143,229,123,1) 29%,rgba(143,229,123,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,50,105,1) 0%,rgba(255,243,137,1) 16%,rgba(255,243,137,1) 23%,rgba(143,229,123,1) 29%,rgba(143,229,123,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,50,105,1) 0%,rgba(255,243,137,1) 16%,rgba(255,243,137,1) 23%,rgba(143,229,123,1) 29%,rgba(143,229,123,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,50,105,1) 0%,rgba(255,243,137,1) 16%,rgba(255,243,137,1) 23%,rgba(143,229,123,1) 29%,rgba(143,229,123,1) 100%); /* W3C */
}

.gauge_horizontal.gradient_photos_amount > .pill > .bar > .fill
{
}

@keyframes gauge_horizontal_upload {
  from {
	background-position: 0 0;
  }
  to {
	background-position: 60px 30px;
  }
}

.gauge_horizontal.color_upload > .pill > .bar
{
	background-position: center !important;
	background-size: 30px 30px !important;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.1) 25%,
		rgba(0, 0, 0, 0.03) 25%,
		rgba(0, 0, 0, 0.03) 50%,
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(0, 0, 0, 0.03) 75%,
		rgba(0, 0, 0, 0.03)
	) !important;
	animation: gauge_horizontal_upload 0.5s linear infinite;
}

.unfold {
    position: relative;
}

.unfold > .summary {
	-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
	margin-bottom: 10px;
}

.unfold > .unfoldBlock {
    max-height: 0px;
	overflow: hidden;
	transition: max-height .2s ease-in-out;
}

.unfold > .unfoldBlock > .content {
	float: left;
	width: 100%;
	-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
}

.unfold  .summary {
	text-wrap: balance;
}

.unfold > .buttons > .openButton.button_text_icon,
.unfold > .buttons > .closeButton.button_text_icon,
.unfold > .buttons > .openButton.button_text,
.unfold > .buttons > .closeButton.button_text,
.unfold > .buttons > .openButton.button_text,
.unfold > .buttons > .closeButton.button_text {
	margin: 0;
}

.unfold > .buttons > .openButton.button_text_icon {
	display: inline-flex;
}

.unfold > .buttons {
	cursor: pointer;
}

.unfold > .buttons > .closeButton {
	display: none;
}

.unfold > .buttons > .openButton.summaryClick {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 10px;
	text-decoration: none;
}

.unfold > .buttons > a.openButton.summaryClick,
.unfold > .unfoldBlock > .summary {
	color: var(--a_text_color_main);
	cursor: pointer;
	text-decoration: none;
}

.unfold > .buttons > a.openButton.summaryClick:hover,
.unfold > .unfoldBlock > .summary:hover {
	color: var(--a_text_color_primary);
}

.unfold > .buttons > .openButton.summaryClick > .icon {
	flex-shrink: 0;
	margin: 2px;
}

.unfold > .buttons > .openButton.summaryClick:hover > .summary {
	color: currentColor;
}

.unfold > .buttons > .openButton.summaryClick:hover > .icon {

}

.unfold > .buttons > .unfoldBlock > .summary {
	display: block;
	margin-bottom: 1em;
}

.unfold.open > .unfoldBlock > .summary {
	float: left;
	width: 100%;
	text-decoration: none;
}

.unfold > .badges {
	position: absolute;
	top: -8px;
	right: 8px;
}

/* open */
.unfold.open > .unfoldBlock {
	max-height: 100vh;
}


/* buttonStyle */
.unfold.buttonStyle {
	background: var(--faintest_color);
	padding: 14px 20px;
	
			border-radius: var(--rounded_corners_radius_fat);
	color: var(--a_text_color_main);
	font-weight: 500;
}

.unfold.buttonStyle .summary {
	color: var(--a_text_color_main);
}

.unfold.buttonStyle .openButton {
	color: var(--a_text_color_main) !important;
}

.unfold.buttonStyle:has(.openButton:hover) {
	background: var(--faintest_color);
}

.unfoldablesummary.open > .summary {
	display: none;
}

.unfoldablesummary:not(.open) > .complete {
	display: none;
}

.unfoldablesummary > .summary > .openTrigger {
	display: inline-block;
}

.unfoldablesummary.darkBackground > .summary > .openTrigger {
	color: rgba(255, 255, 255, .4) !important;
}

/*
	 jQuery Mosaic v0.152
	 https://github.com/tin-cat/jquery-mosaic
 */

 .jQueryMosaic {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.jQueryMosaic > div,
.jQueryMosaic > a,
.jQueryMosaic > img {
	float: left;
}

.jQueryMosaic > .item {
	position: relative;
}

.jQueryMosaic > .item.withImage {
	background-size: cover;
}

.jQueryMosaic > .item > .overlay {
	opacity: 0;
	position: absolute;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
}

.jQueryMosaic > .item:hover > .overlay {
	opacity: 1;
}

.jQueryMosaic > .item > .overlay > .texts {
	position: absolute;
	left: 0px; right: 0px; bottom: 0px;
	padding: 15pt;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
}

.jQueryMosaic > .item > .overlay > .texts h1,
.jQueryMosaic > .item > .overlay > .texts h2 {
	margin: 0;
	line-height: 1.3em;
}

.jQueryMosaic > .item > .overlay > .texts h1 {
	font-size: 17pt;
}

.jQueryMosaic > .item > .overlay > .texts h2 {
	font-size: 13pt;
}

/* customized for Litmind */

.jQueryMosaic {
	text-align: center;
}

.jQueryMosaic > div,
.jQueryMosaic > a,
.jQueryMosaic > img {
	float: none;
}

.jQueryMosaic.dark {
	background-color: var(--dark_color);;
}

.jQueryBeforeAndAfter {
	position: relative;
	width: 100%;
	height: 100%;
}

.jQueryBeforeAndAfter > .image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.jQueryBeforeAndAfter.toggling > .image {
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}

.jQueryBeforeAndAfter > .rangeContainer {
	position: absolute;
	bottom: 0px;
	width: 300px;
	max-width: 100vw;
	left: calc(50% - 150px);
	opacity: 0;
	height: 70px;

	-webkit-transition: .1s;
	transition: opacity .1s;
}

.jQueryBeforeAndAfter.showRange > .rangeContainer {
	opacity: 1;
}

.jQueryBeforeAndAfter > .rangeContainer > input[type=range] {
	width: 100%;
}

.jQueryBeforeAndAfter > .rangeContainer > input[type=range].withIcon.beforeAndAfter::-webkit-slider-thumb {
	background-image: url('/gfx/icons/main/horizontalmove.svg');
}
.jQueryBeforeAndAfter > .rangeContainer > input[type=range].withIcon.beforeAndAfter::-moz-range-thumb {
	background-image: url('/gfx/icons/main/horizontalmove.svg');
}

.jQueryBeforeAndAfter > .handle {
	position: absolute;
	opacity: 0;
	bottom: -45px;
	left: calc(50% - 30px);
	width: 60px;
	height: 45px;
	background: #000;

	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;

	background-image: url('/gfx/icons/main/horizontalmove.svg');
	background-size: 20px;;
	background-position: center 16px;
	background-repeat: no-repeat;

	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.jQueryBeforeAndAfter > .handle.show {
	opacity: 1;
	bottom: 0px;
}

.jQueryBeforeAndAfter > .rangeContainer:before,
.jQueryBeforeAndAfter > .rangeContainer:after {
	position: absolute;
	top: 12px;
	line-height: 36px;
	padding: 0 .9em;
	background: #000;
	color: #fff;
	
			border-radius: var(--rounded_corners_radius);
	font-family: var(--a_text_font_family);
	font-size: 10pt;
	-webkit-transition: 1s;
	transition: opacity 1s;
	white-space: nowrap;
}

.jQueryBeforeAndAfter > .rangeContainer:before {
	content: attr(data-help-before);
	right: 100%;
	margin-right: 10px;
}

.jQueryBeforeAndAfter > .rangeContainer:after {
	content: attr(data-help-after);
	left: 100%;
	margin-left: 10px;
}

.jQueryBeforeAndAfter > .rangeContainer.hideHelp:before,
.jQueryBeforeAndAfter > .rangeContainer.hideHelp:after {
	opacity: 0;
}

@media only screen and (max-width: 750px) {
	.jQueryBeforeAndAfter > .rangeContainer:before,
	.jQueryBeforeAndAfter > .rangeContainer:after {
		right: auto;
		left: auto;
		top: auto;
		margin-right: auto;
		margin-left: auto;
		bottom: 100%;
		margin-bottom: 10px;
		line-height: 2em;
		padding: 0 .4em;
	}

	.jQueryBeforeAndAfter > .rangeContainer:before {
		left: 0;
	}
	.jQueryBeforeAndAfter > .rangeContainer:after {
		right: 0;
	}
}

.jQueryMessenger {
	position: fixed;

	top: var(--main_menu_height);
	bottom: 0;
	left: 0;
	right: 0;

	display: grid;
	grid-template-columns: 300px 1fr;
	grid-template-rows: min-content 1fr min-content;

	grid-template-areas:
		"browser header"
		"browser chat"
		"browser compose";

	background: var(--faintest_color);

	-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;

	--baseColor: var(--a_text_color_main);
}

body.inApp .jQueryMessenger {
	top: calc(var(--main_menu_app_header_height));
	top: calc(var(--main_menu_app_header_height) + env(safe-area-inset-top));

	bottom: calc(var(--main_menu_app_drawer_height));
	bottom: calc(var(--main_menu_app_drawer_height) + env(safe-area-inset-bottom));
}

.jQueryMessenger > .browser {
	grid-area: browser;

	background: #fff;

	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;

	z-index: 1;

	transition: all .3s ease;

	-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
	will-change: transform;
}

.jQueryMessenger > .browser.noTransition {
	transition: none;
}

.jQueryMessenger > .browser > .sectionHeader {
	position: relative;
	background: var(--faintest_color);
	padding: 15px;
	color: var(--grey_darker_color);

	display: flex;
	align-items: center;
}

.jQueryMessenger > .browser > .div:not(:first-child) {
	border-top: solid var(--fainter_color) 1px;
}

.jQueryMessenger > .browser > .sectionHeader > .icon.black {
	opacity: 0.4;
}

.jQueryMessenger > .browser > .sectionHeader > .icon + .title {
	margin-left: 10px;
}

.jQueryMessenger > .browser > .sectionHeader > .title {
}

.jQueryMessenger > .browser > .sectionHeader.openable {
	background-image: url('/gfx/icons/main/dropdown_arrow.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) 20px;
	background-size: 16px 16px;
}

.jQueryMessenger > .browser > .sectionHeader.openable:not(.open) {
	cursor: pointer;
}

.jQueryMessenger > .browser > .sectionHeader.openable:not(.open):hover {
	background-color: var(--fainter_color);
}

.jQueryMessenger > .browser > .sectionHeader.open {
	background-image: none;
}

.jQueryMessenger > .browser > .sectionHeader[data-section=search] > input {
	width: 100%;
	background-image: url('/gfx/icons/color/search_black.svg?3');
	background-repeat: no-repeat;
	background-position: 12px 10px;
	background-size: 15px 15px;
	color: var(--a_text_color_main);
	padding-left: 40px;
}

.jQueryMessenger > .browser > .sectionHeader[data-section=search] > .button.close {
	display: none;
	margin: 0 0 0 10px;
}

.jQueryMessenger > .browser > .sectionHeader > .badge {
	position: absolute;
	top: 10px;
	right: 10px;

	background-color: var(--badge_color);
	color: #fff;
}

@media only screen and (max-width: 750px) {
	.jQueryMessenger > .browser > .sectionHeader[data-section=search] > .button.close {
		display: flex;
	}
}

.jQueryMessenger > .browser > .sectionChats {
	flex-grow: 1;
	overflow-y: scroll;
	height: 0px;
	flex-grow: 0;
	transition: all 0.3s ease;

	border-top: solid var(--fainter_color) 1px;
}

.jQueryMessenger > .browser > .sectionChats.open {
	height: auto;
	flex-grow: 1;
	padding: 10px;
}

.jQueryMessenger > .browser > .listItems:after {
	padding: 20px;
	content: '';
	background-image: url('/gfx/img/loading_dark.svg');
	background-size: var(--icon_size_big);
	background-repeat: no-repeat;
	background-position: center;

	opacity: 0;
	transition: opacity .2s ease-in-out;
}

.jQueryMessenger > .browser > .listItems.loading:after {
	opacity: 1;
}

/* selected */
.jQueryMessenger > .browser > div > .listItem.selected {

}


.jQueryMessenger.chatsLoading > .chatsList:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;

	background-position: center;
	background-size: 30px 30px;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.1) 25%,
		rgba(0, 0, 0, 0.03) 25%,
		rgba(0, 0, 0, 0.03) 50%,
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(0, 0, 0, 0.03) 75%,
		rgba(0, 0, 0, 0.03)
	);
	animation: dropdown_loading 0.5s linear infinite;
}

.jQueryMessenger > .header {
	grid-area: header;

	background: var(--faintest_color);
	border-left: solid var(--fainter_color) 1px;

	box-sizing: border-box;
	padding: 10px;

	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;

	z-index: 1;
}

.jQueryMessenger > .header > .user  {
	flex-grow: 1;
}

.jQueryMessenger > .header > .user > .listItem {
	cursor: pointer;
}

.jQueryMessenger > .header > .panel {
	width: auto;
	margin-right: 10px;
}

.jQueryMessenger > .header > .headerPanelSmallScreenButton {
	display: none;
}

@media only screen and (max-width: 750px) {
	.jQueryMessenger > .header > .panel {
		display: none;
	}
	.jQueryMessenger > .header > .headerPanelSmallScreenButton:not(.invisible) {
		display: flex;
	}
}

.jQueryMessenger > .chat {
	grid-area: chat;

	background: var(--fainter_color);
	overflow: hidden;

	box-shadow: inset 0 10px 10px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 10px 10px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 0 10px 10px rgba(0, 0, 0, 0.05);
}

.jQueryMessenger.theme_litmind > .chat {
	background-image: url('/gfx/img/messenger_litmind_theme_background.svg');
	background-size: 23px;
	background-position: -10px -10px;
}

.jQueryMessenger.theme_rain > .chat {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%23c3c3c3' fill-opacity='0.16' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.jQueryMessenger.theme_skull > .chat {
	background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.42 180h-1.415L0 98.995v-2.827L6.167 90 0 83.833V81.004L81.005 0h2.827L90 6.167 96.167 0H98.996L180 81.005v2.827L173.833 90 180 96.167V98.996L98.995 180h-2.827L90 173.833 83.833 180H82.42zm0-1.414L1.413 97.58 8.994 90l-7.58-7.58L82.42 1.413 90 8.994l7.58-7.58 81.006 81.005-7.58 7.58 7.58 7.58-81.005 81.006-7.58-7.58-7.58 7.58zM175.196 0h-25.832c1.033 2.924 2.616 5.59 4.625 7.868C152.145 9.682 151 12.208 151 15c0 5.523 4.477 10 10 10 1.657 0 3 1.343 3 3v4h16V0h-4.803c.51.883.803 1.907.803 3 0 3.314-2.686 6-6 6s-6-2.686-6-6c0-1.093.292-2.117.803-3h10.394-13.685C161.18.938 161 1.948 161 3v4c-4.418 0-8 3.582-8 8s3.582 8 8 8c2.76 0 5 2.24 5 5v2h4v-4h2v4h4v-4h2v4h2V0h-4.803zm-15.783 0c-.27.954-.414 1.96-.414 3v2.2c-1.25.254-2.414.74-3.447 1.412-1.716-1.93-3.098-4.164-4.054-6.612h7.914zM180 17h-3l2.143-10H180v10zm-30.635 163c-.884-2.502-1.365-5.195-1.365-8 0-13.255 10.748-24 23.99-24H180v32h-30.635zm12.147 0c.5-1.416 1.345-2.67 2.434-3.66l-1.345-1.48c-1.498 1.364-2.62 3.136-3.186 5.14H151.5c-.97-2.48-1.5-5.177-1.5-8 0-12.15 9.84-22 22-22h8v30h-18.488zm13.685 0c-1.037-1.793-2.976-3-5.197-3-2.22 0-4.16 1.207-5.197 3h10.394zM0 148h8.01C21.26 148 32 158.742 32 172c0 2.805-.48 5.498-1.366 8H0v-32zm0 2h8c12.15 0 22 9.847 22 22 0 2.822-.53 5.52-1.5 8h-7.914c-.567-2.004-1.688-3.776-3.187-5.14l-1.346 1.48c1.09.99 1.933 2.244 2.434 3.66H0v-30zm15.197 30c-1.037-1.793-2.976-3-5.197-3-2.22 0-4.16 1.207-5.197 3h10.394zM0 32h16v-4c0-1.657 1.343-3 3-3 5.523 0 10-4.477 10-10 0-2.794-1.145-5.32-2.992-7.134C28.018 5.586 29.6 2.924 30.634 0H0v32zm0-2h2v-4h2v4h4v-4h2v4h4v-2c0-2.76 2.24-5 5-5 4.418 0 8-3.582 8-8s-3.582-8-8-8V3c0-1.052-.18-2.062-.512-3H0v30zM28.5 0c-.954 2.448-2.335 4.683-4.05 6.613-1.035-.672-2.2-1.16-3.45-1.413V3c0-1.04-.144-2.046-.414-3H28.5zM0 17h3L.857 7H0v10zM15.197 0c.51.883.803 1.907.803 3 0 3.314-2.686 6-6 6S4 6.314 4 3c0-1.093.292-2.117.803-3h10.394zM109 115c-1.657 0-3 1.343-3 3v4H74v-4c0-1.657-1.343-3-3-3-5.523 0-10-4.477-10-10 0-2.793 1.145-5.318 2.99-7.132C60.262 93.638 58 88.084 58 82c0-13.255 10.748-24 23.99-24h16.02C111.26 58 122 68.742 122 82c0 6.082-2.263 11.636-5.992 15.866C117.855 99.68 119 102.206 119 105c0 5.523-4.477 10-10 10zm0-2c-2.76 0-5 2.24-5 5v2h-4v-4h-2v4h-4v-4h-2v4h-4v-4h-2v4h-4v-4h-2v4h-4v-2c0-2.76-2.24-5-5-5-4.418 0-8-3.582-8-8s3.582-8 8-8v-4c0-2.64 1.136-5.013 2.946-6.66L72.6 84.86C70.39 86.874 69 89.775 69 93v2.2c-1.25.254-2.414.74-3.447 1.412C62.098 92.727 60 87.61 60 82c0-12.15 9.84-22 22-22h16c12.15 0 22 9.847 22 22 0 5.61-2.097 10.728-5.55 14.613-1.035-.672-2.2-1.16-3.45-1.413V93c0-3.226-1.39-6.127-3.6-8.14l-1.346 1.48C107.864 87.987 109 90.36 109 93v4c4.418 0 8 3.582 8 8s-3.582 8-8 8zM90.857 97L93 107h-6l2.143-10h1.714zM80 99c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm20 0c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6z' fill='%23c3c3c3' fill-opacity='0.16' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.jQueryMessenger.theme_aztec > .chat {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='64' viewBox='0 0 32 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28h20V16h-4v8H4V4h28v28h-4V8H8v12h4v-8h12v20H0v-4zm12 8h20v4H16v24H0v-4h12V36zm16 12h-4v12h8v4H20V44h12v12h-4v-8zM0 36h8v20H0v-4h4V40H0v-4z' fill='%23c3c3c3' fill-opacity='0.16' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.jQueryMessenger.theme_circuit > .chat {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23c3c3c3' fill-opacity='0.16' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
}

.jQueryMessenger.theme_polka > .chat {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c3c3c3' fill-opacity='0.16' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

.jQueryMessenger.theme_wallpaper > .chat {
background-image: url("data:image/svg+xml,%3Csvg width='84' height='16' viewBox='0 0 84 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M78 7V4h-2v3h-3v2h3v3h2V9h3V7h-3zM30 7V4h-2v3h-3v2h3v3h2V9h3V7h-3zM10 0h2v16h-2V0zm6 0h4v16h-4V0zM2 0h4v16H2V0zm50 0h2v16h-2V0zM38 0h2v16h-2V0zm28 0h2v16h-2V0zm-8 0h6v16h-6V0zM42 0h6v16h-6V0z' fill='%23c3c3c3' fill-opacity='0.16' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.jQueryMessenger.theme_tweed > .chat {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ehoundstooth%3C/title%3E%3Cg fill='%23c3c3c3' fill-opacity='0.16' fill-rule='evenodd'%3E%3Cpath d='M0 18h6l6-6v6h6l-6 6H0M24 18v6h-6M24 0l-6 6h-6l6-6M12 0v6L0 18v-6l6-6H0V0'/%3E%3C/g%3E%3C/svg%3E");
}

.jQueryMessenger.theme_morocco > .chat {
	background-image: url("data:image/svg+xml,%3Csvg width='80' height='88' viewBox='0 0 80 88' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 21.91V26h-2c-9.94 0-18 8.06-18 18 0 9.943 8.058 18 18 18h2v4.09c8.012.722 14.785 5.738 18 12.73 3.212-6.99 9.983-12.008 18-12.73V62h2c9.94 0 18-8.06 18-18 0-9.943-8.058-18-18-18h-2v-4.09c-8.012-.722-14.785-5.738-18-12.73-3.212 6.99-9.983 12.008-18 12.73zM54 58v4.696c-5.574 1.316-10.455 4.428-14 8.69-3.545-4.262-8.426-7.374-14-8.69V58h-5.993C12.27 58 6 51.734 6 44c0-7.732 6.275-14 14.007-14H26v-4.696c5.574-1.316 10.455-4.428 14-8.69 3.545 4.262 8.426 7.374 14 8.69V30h5.993C67.73 30 74 36.266 74 44c0 7.732-6.275 14-14.007 14H54zM42 88c0-9.94 8.06-18 18-18h2v-4.09c8.016-.722 14.787-5.738 18-12.73v7.434c-3.545 4.262-8.426 7.374-14 8.69V74h-5.993C52.275 74 46 80.268 46 88h-4zm-4 0c0-9.943-8.058-18-18-18h-2v-4.09c-8.012-.722-14.785-5.738-18-12.73v7.434c3.545 4.262 8.426 7.374 14 8.69V74h5.993C27.73 74 34 80.266 34 88h4zm4-88c0 9.943 8.058 18 18 18h2v4.09c8.012.722 14.785 5.738 18 12.73v-7.434c-3.545-4.262-8.426-7.374-14-8.69V14h-5.993C52.27 14 46 7.734 46 0h-4zM0 34.82c3.213-6.992 9.984-12.008 18-12.73V18h2c9.94 0 18-8.06 18-18h-4c0 7.732-6.275 14-14.007 14H14v4.696c-5.574 1.316-10.455 4.428-14 8.69v7.433z' fill='%23c3c3c3' fill-opacity='0.16' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.jQueryMessenger.theme_kiwi > .chat {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='44' viewBox='0 0 34 44'%3E%3Cg fill='%23c3c3c3' fill-opacity='0.16'%3E%3Cpath fill-rule='evenodd' d='M1 6.2C.72 5.55.38 4.94 0 4.36v13.28c.38-.58.72-1.2 1-1.84A12.04 12.04 0 0 0 7.2 22 12.04 12.04 0 0 0 1 28.2c-.28-.65-.62-1.26-1-1.84v13.28c.38-.58.72-1.2 1-1.84A12.04 12.04 0 0 0 7.2 44h21.6a12.05 12.05 0 0 0 5.2-4.36V26.36A12.05 12.05 0 0 0 28.8 22a12.05 12.05 0 0 0 5.2-4.36V4.36A12.05 12.05 0 0 0 28.8 0H7.2A12.04 12.04 0 0 0 1 6.2zM17.36 23H12a10 10 0 1 0 0 20h5.36a11.99 11.99 0 0 1 0-20zm1.28-2H24a10 10 0 1 0 0-20h-5.36a11.99 11.99 0 0 1 0 20zM12 1a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 14a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-3.46-2a2 2 0 1 0-3.47 2 2 2 0 0 0 3.47-2zm0-4a2 2 0 1 0-3.47-2 2 2 0 0 0 3.47 2zM12 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3.46 2a2 2 0 1 0 3.47-2 2 2 0 0 0-3.47 2zm0 4a2 2 0 1 0 3.47 2 2 2 0 0 0-3.47-2zM24 43a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm0-14a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3.46 2a2 2 0 1 0 3.47-2 2 2 0 0 0-3.47 2zm0 4a2 2 0 1 0 3.47 2 2 2 0 0 0-3.47-2zM24 37a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-3.46-2a2 2 0 1 0-3.47 2 2 2 0 0 0 3.47-2zm0-4a2 2 0 1 0-3.47-2 2 2 0 0 0 3.47 2z'/%3E%3C/g%3E%3C/svg%3E");
}

.jQueryMessenger > .chat > .dragAndDropPlaceholder {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: rgba(255, 200, 80, .8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	display: none;
}

.jQueryMessenger > .chat > .dragAndDropPlaceholder > * {
	pointer-events: none;
}

.jQueryMessenger > .chat > .dragAndDropPlaceholder > .icon {
	width: 64px;
	height: 64px;
	background-size: 64px;
	margin-bottom: 20px;
}

.jQueryMessenger > .chat > .dragAndDropPlaceholder > h1 {
	color: #fff;
	font-size: 20pt;
}

.jQueryMessenger > .chat > .messages {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow-y: auto;-webkit-overflow-scrolling: touch;
	padding: 20px 0 10px 0;
}

.jQueryMessenger.chatMessagesLoading > .chat:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-position: center;
	background-size: 30px 30px;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.1) 25%,
		rgba(0, 0, 0, 0.03) 25%,
		rgba(0, 0, 0, 0.03) 50%,
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(0, 0, 0, 0.03) 75%,
		rgba(0, 0, 0, 0.03)
	);
	animation: dropdown_loading 0.5s linear infinite;
}

.jQueryMessenger > .chat > .messages > .message {
	position: relative;
	clear: both;

	display: flex;
	justify-content: flex-start;
	align-items: flex-end;

	margin: 0 15px 20px 15px;

	overflow-anchor: none;
}

.jQueryMessenger > .chat > .messages > .message > .bubble {
	position: relative;
	background: #fff;
	max-width: 800px;

	border-radius: 7px;
	-webkit-border-radius: 7px;

	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;

	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);

	display: flex;
	flex-direction: column;
}

.jQueryMessenger > .chat > .messages > .message > .bubble:after {
	position: absolute;
	content: '';
	bottom: 0;
	width: 0;
	height: 0;
	left: -11px;

	width: 11px;
	height: 15px;
	background: #fff;

	-webkit-mask-image: radial-gradient(circle 15px at -3px 0, transparent 0, transparent 14.5px, black 14.5px);
}

.jQueryMessenger > .chat > .messages > .message.sent > .bubble {
	background: #eeffe4;
}

.jQueryMessenger > .chat > .messages > .message.sent > .bubble:after {
	background: #eeffe4;
}

.jQueryMessenger > .chat > .messages > .message.temporary {
	opacity: 0.5;
}

.jQueryMessenger > .chat > .messages > .message > .profileImage {
	width: 38px;
	height: 38px;

	flex-shrink: 0;

	background: #fff;

	border-radius: 50%;
	-webkit-border-radius: 50%;

	margin-right: 10px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .images {
	display: flex;
	width: 100%;
	justify-content: center;

	border-top-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;

	border-top-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;

	overflow: hidden;

	background: rgba(0, 0, 0, 0.2);
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .images > a {
	height: 200px;
	width: 200px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .files {
	display: flex;
	justify-content: flex-start;
	margin: 10px 10px 0 10px;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .files > a.button.file {
	margin: 0 0 5px 0;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .files > a.button.file:last-child {
	margin-bottom: 0;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal > .content {
	word-break: break-word;

	max-width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
	padding: 5px 15px 0px 15px;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal > .content,
.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal > .content a {
	line-height: 1.4em;
	-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal > .badges {
	display: flex;
	margin: 3px 4px 2px 5px;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal > .badges > div {
	font-size: 9pt;
	line-height: 14px;
	white-space: nowrap;
	-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
	color: rgba(0, 0, 0, 0.3);
}

.jQueryMessenger > .chat > .messages > .message.sent > .bubble > .horizontal > .badges > div {
	color: rgba(0, 0, 0, 0.4);
}


.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal > .badges > div > .icon {
	width: 14px;
	height: 14px;
	background-color: currentColor;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal > .badges > div > .icon.messenger_message_sent {
	background-color: var(--faint_color);
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal > .badges > div > .icon.messenger_message_read {
	background-color: #00b264;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal > .badges > div.badge {
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
	
			border-radius: var(--rounded_corners_radius);
	padding: 0 3px;
	font-weight: bold;
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .horizontal > .badges > div.tfp {
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .bottom {
	float: left;
	width: 100%;
	border-top: dashed rgba(0, 0, 0, 0.1) 1px;
	padding: 5px 10px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);
}

.jQueryMessenger > .chat > .messages > .message > .bubble > .buttons {
	position: absolute;
	top: 3px;
	right: 3px;
	opacity: 0;
	-webkit-transition: all var(--linkHoverTransitionLeave); ease-out;
	-moz-transition: all var(--linkHoverTransitionLeave); ease-out;
	-o-transition: all var(--linkHoverTransitionLeave); ease-out;
	transition: all var(--linkHoverTransitionLeave); ease-out;
}

.jQueryMessenger > .chat > .messages > .message > .bubble:hover > .buttons {
	opacity: 1;
}


/* grouped messages */
.jQueryMessenger > .chat > .messages > .message.grouped {
	margin-bottom: 5px;
}

.jQueryMessenger > .chat > .messages > .message.grouped > .profileImage {
	visibility: hidden;
}

.jQueryMessenger > .chat > .messages > .message.grouped > .bubble {
	border-bottom-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
}

.jQueryMessenger > .chat > .messages > .message.grouped > .bubble:after {
	display: none;
}

/* notice */

.jQueryMessenger > .chat > .messages > .notice.warning { --baseColor: var(--warning_color); }
.jQueryMessenger > .chat > .messages > .notice.error { --baseColor: var(--error_color); }
.jQueryMessenger > .chat > .messages > .notice.info { --baseColor: var(--info_color); }
.jQueryMessenger > .chat > .messages > .notice.help { --baseColor: var(--help_color); }

.jQueryMessenger > .chat > .messages > .notice {
	position: relative;
	float: left;
	width: 100%;

	padding: 20px;
	margin-top: 10px;
	max-width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	/* border-top: solid rgba(0, 0, 0, 0.05) 1px;
	box-shadow: 0 2px 0 inset rgba(255, 255, 255, .2); */
}


.jQueryMessenger > .chat > .messages > .notice > .iconContainer {
	display: block;
	margin: 0 auto;
	position: relative;
	margin-bottom: -13px;
	background: #fff;
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;

	border-radius: 50%;

	z-index: 1;
}


.jQueryMessenger > .chat > .messages > .notice > .iconContainer > .icon {
	width: 30px;
	height: 30px;
	background-color: #fff;
}

.jQueryMessenger > .chat > .messages > .notice > .iconContainer {
	background-color: var(--baseColor);
}

.jQueryMessenger > .chat > .messages > .notice > .texts {
	display: flex;
	flex-direction: column;
	align-items: center;

	max-width: 480px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;;

	padding: 25px 30px;
	margin: 0 20px;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	background: #fff;

	
			border-radius: var(--rounded_corners_radius_fatter);
}

@media only screen and (max-width: 750px) {
	.jQueryMessenger > .chat > .messages > .notice > .texts {
		margin: 0;
	}
}

.jQueryMessenger > .chat > .messages > .notice > .texts > .text {
	color: var(--baseColor);
	font-size: var(--a_text_font_size_bigger);
	font-weight: 600;
}

.jQueryMessenger > .chat > .messages > .notice > .texts > .additionalText {
	display: inline-block;
	text-align: left;
}

.jQueryMessenger > .chat > .messages > .notice > .texts:has(.text) > .additionalText {
	margin-top: 20px;
}

.jQueryMessenger > .chat > .messages > .notice > .texts > .buttons {
	margin-top: 20px;
}

.jQueryMessenger > .chat > .popup {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 100%;
	bottom: 0;
	background: #e4e4e4;

	content: '';
	z-index: 1;

	transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;

	padding: 40px;

	overflow-y: auto;
}

.jQueryMessenger > .chat > .popup.open {
	top: 0px;
}

.jQueryMessenger > .chat > .popup > .prepended {
}

.jQueryMessenger > .chat > .popup > .appended {
}

.jQueryMessenger > .compose {
	position: relative;

	grid-area: compose;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;;

	background: var(--faintest_color);
	border-left: solid var(--fainter_color) 1px;
	padding: 10px;
	white-space: nowrap;

	display: flex;
}

.jQueryMessenger > .compose.inactive {
	pointer-events: none;
	filter: grayscale(.3);
}

.jQueryMessenger > .compose > textarea {
	
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
	width: 100%;
	height: var(--button_height);
	padding: 6px 15px;
	resize: none;
	overflow: hidden;
	font-family: var(--a_text_font_family) !important;
	font-size: var(--forms_font_size) !important;
}

.jQueryMessenger:not(.multilineCompose) > .compose > textarea {
	border-right: none;
}

.jQueryMessenger > .compose.flash.warning > textarea {
	border-color: var(--warning_color);
	color: var(--warning_color);
}

.jQueryMessenger > .compose.flash.error > textarea {
	border-color: var(--error_color);
	color: var(--error_color);
}

.jQueryMessenger > .compose > .button {
	margin: 0 10px 0 0;
}

.jQueryMessenger > .compose > .button {
	margin: 0;
	
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;

			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;

			border-radius: 0 !important;
}

.jQueryMessenger > .compose > .button:last-child {
	
			border-top-right-radius: var(--rounded_corners_radius) !important;
			border-bottom-right-radius: var(--rounded_corners_radius) !important;
}

/* multilineCompose */
.jQueryMessenger.multilineCompose > .compose {
	flex-wrap: wrap;
	justify-content: flex-end;
}

.jQueryMessenger.multilineCompose > .compose > textarea {
	width: 100% !important;
	height: 20vh;
	margin-bottom: 10px;
	
			border-radius: var(--rounded_corners_radius);
	overflow: auto;
}

.jQueryMessenger.multilineCompose > .compose > .button.attach {
	border-top-left-radius: var(--rounded_corners_radius) !important;
	border-bottom-left-radius: var(--rounded_corners_radius) !important;
}


.jQueryMessenger > .compose > .attachmentPreview {
	position: absolute;
	right: 10px;
	bottom: 100%;

	
			border-radius: var(--rounded_corners_radius);

	background: var(--attention_color);
	padding: 5px;

	display: none;
}

.jQueryMessenger > .compose > .attachmentPreview:after {
	top: 100%;
	right: 10px;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: var(--attention_color);
	border-width: 10px;
	margin-left: -10px;
}

.jQueryMessenger > .compose > .attachmentPreview > .button {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
}

.jQueryMessenger > .compose > .attachmentPreview > .content {
	background: #fff;
}

.jQueryMessenger > .compose > .attachmentPreview > .content > .fileName {
	padding: 5px 50px 5px 8px;
	line-height: 38px;
}

.jQueryMessenger > .compose > .attachmentPreview > .content > img {
	float: left;
	max-width: 150px;
	max-height: 150px;
	
			border-radius: var(--rounded_corners_radius);
}

.jQueryMessenger > .compose > .status {
	position: absolute;
	display: none;
	right: 5px;
	bottom: 100%;
	white-space: nowrap;
}

.jQueryMessenger > .compose > .status.visible {
	display: block;
}

.jQueryMessenger > .compose > .status > div {
	float: left;
	height: 19px;
	background: var(--faintest_color);
	font-size: 8pt;
	line-height: 18px;
	white-space: nowrap;
	padding: 0 7px;
	
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);
	margin-right: 5px;

	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
}

.jQueryMessenger > .compose > .status  > div.warning {
	color: var(--warning_color);
}

.jQueryMessenger > .compose > .status  > div.error {
	color: var(--error_color);
}

.jQueryMessenger > .compose > .status  > div.help {
	color: var(--help_color);
}

/* Small screen */
@media only screen and (max-width: 750px) {

	.jQueryMessenger {
		grid-template-columns: 1fr;

		grid-template-areas:
			"header"
			"chat"
			"compose";
	}

	.jQueryMessenger > .browser {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
	}

	.jQueryMessenger > .browser:not(.open) {
		left: -100vw;
	}
}

/* fakeStatic / Used to show messages lists that are not interactive, statically built and not running on jQueryMessenger */
.jQueryMessenger.fakeStatic {
	position: relative !important;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	height: min-content !important;
	max-height: 50vh;
	display: block !important;
	padding: 0 !important;
	
			border-radius: var(--rounded_corners_radius);
	overflow-y: scroll;
}

.jQueryMessenger.fakeStatic > .chat {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 !important;
	
			border-radius: var(--rounded_corners_radius);
}

.jQueryMessenger.fakeStatic > .chat > .messages {
	height: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
			border-radius: var(--rounded_corners_radius);
}

.jQueryPost {
	--bgColor: #fff;
	--borderColor: var(--fainter_color);

	width: 100%;
	/* min-width: 370px; */
	max-width: 600px;

	a {
		text-decoration: none;
	}
}

@media only screen and (max-width: 500px) {
	.jQueryPost {
		min-width: 250px;
	}
}

.jQueryPost.centered {
	margin-left: auto;
	margin-right: auto;
}

.jQueryPost.loading {
}

.jQueryPost > .main {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	color: var(--a_text_color_main);
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;

	background: var(--bgColor);
	border: solid var(--borderColor) 1px;
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.jQueryPostsList.greyBackground .jQueryPost > .main {
	background: #fff;
}

.jQueryPost.edit {

}

.jQueryPost.edit > .main {
	padding: 10px;
}

.jQueryPost.view {
}

.jQueryPost.view > .main {
	padding: 10px 10px 0 10px;
}

.jQueryPost > .main > .badges {
	position: absolute;
	top: -9px;
	right: 10px;
	display: flex;
	gap: 3px;
	border-bottom: solid var(--fainter_color) 1px;
	background: #fff;
	border-radius: 30px;
}

.jQueryPost > .main > .badges > .badge {
	font-size: 8pt;
	line-height: 1.5em;
	padding: 0 6px;

}

.jQueryPost > .intro {
	position: relative;
	padding: 15px 18px;
	
			border-radius: var(--rounded_corners_radius_fat);;
	background: #fff;
	color: var(--help_color);
	line-height: 1.3em;
	margin-bottom: 15px;
}

.jQueryPost > .intro:after {
	position: absolute;
	content: '';

	left: calc(50% - 10px);
	top: calc(100% - 10px);

	width: 15px;
	height: 15px;
	background: #fff;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.jQueryPost > .main > .blockContent {
	display: flex;
}

.jQueryPost > .main > .blockContent {
	-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;
}

.jQueryPost > .main > .blockContent > .profileImage {
	flex-shrink: 0;

	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--faint_color);
	background-image: url('/gfx/img/no_logo/no_logo.thumbnail.jpg?v2');
	margin-right: 10px;
	margin-bottom: 10px;
}

.jQueryPost > .main > .blockContent > .blockText {
	font-family: var(--b_text_font_family);
	font-size: var(--a_text_font_size_small);
}

.jQueryPost > .main > .blockContent > .blockText > .publicationData {
}

.jQueryPost > .main > .blockContent > .blockText > .publicationData a {
	color: var(--a_text_color_main);
	text-decoration: none;
}

.jQueryPost > .main > .blockContent > .blockText > .publicationData a:hover {
	color: var(--a_text_color_main_highlight);
}


.jQueryPost > .main > .blockContent > .blockText > .publicationData > .when {
	display: inline;
	color: var(--a_text_color_main);
	margin-left: 4px;
	opacity: .4;
}

.jQueryPost > .main > .blockContent > .blockText > .text {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding-right: 25px;
	overflow: hidden;
	max-height: 200px;
	overscroll-behavior: contain;
	/* transition: all 0.35s ease-out; */
	word-break: break-word;
	font-weight: 400;
	line-height: 1.4em;
}

.jQueryPost.clickable > .main > .blockContent > .blockText > .text {
	cursor: pointer;
}

.jQueryPost > .main > .blockContent > .blockText > .text.overflown > .buttonTextSwitch {
	position: sticky;
	content: '';
	left: 0;
	right: 0;
	bottom: -1px;

	height: 20px;
	background-color: var(--bgColor);
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;

	transition: all var(--linkHoverTransitionLeave); ease-out;
	z-index: 1;

	cursor: pointer;
}

.jQueryPost > .main > .blockContent > .blockText > .text.overflown.open > .buttonTextSwitch {
    display: none;
}

.jQueryPost > .main > .blockContent > .blockText > .text.overflown:not(.open) > .buttonTextSwitch {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzIuMDU1IDMyLjA1NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIuMDU1IDMyLjA1NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTMuOTY4LDEyLjA2MUMxLjc3NSwxMi4wNjEsMCwxMy44MzUsMCwxNi4wMjdjMCwyLjE5MiwxLjc3MywzLjk2NywzLjk2OCwzLjk2N2MyLjE4OSwwLDMuOTY2LTEuNzcyLDMuOTY2LTMuOTY3DQoJCUM3LjkzNCwxMy44MzUsNi4xNTcsMTIuMDYxLDMuOTY4LDEyLjA2MXogTTE2LjIzMywxMi4wNjFjLTIuMTg4LDAtMy45NjgsMS43NzMtMy45NjgsMy45NjVjMCwyLjE5MiwxLjc3OCwzLjk2NywzLjk2OCwzLjk2Nw0KCQlzMy45Ny0xLjc3MiwzLjk3LTMuOTY3QzIwLjIwMSwxMy44MzUsMTguNDIzLDEyLjA2MSwxNi4yMzMsMTIuMDYxeiBNMjguMDksMTIuMDYxYy0yLjE5MiwwLTMuOTY5LDEuNzc0LTMuOTY5LDMuOTY3DQoJCWMwLDIuMTksMS43NzQsMy45NjUsMy45NjksMy45NjVjMi4xODgsMCwzLjk2NS0xLjc3MiwzLjk2NS0zLjk2NVMzMC4yNzgsMTIuMDYxLDI4LjA5LDEyLjA2MXoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
}

.jQueryPost > .main > .blockContent > .blockText > .text.overflown:not(.open) > .buttonTextSwitch:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 100%;
	height: 60px;
	background: linear-gradient(0deg, var(--bgColor) 0%, rgba(255,255,255,0) 100%);
}

.jQueryPost > .main > .blockContent > .blockText > .text.overflown.open {
	max-height: none;
	overflow-y: scroll;
}

/* Show text differently for deleted posts */
.jQueryPost.deleted > .main > .blockContent > .blockText > .text {
	opacity: .3;
}

/* profileImage does not appear in tiny screens */
@media only screen and (max-width: 500px) {
	.jQueryPost > .main > .blockContent > .blockText > .profileImage {
		display: none;
	}
}

.jQueryPost > .main > .imagesBlock {
	position: relative;
	display: flex;
	justify-content: flex-start;
	overflow-x: auto;
	
			border-radius: var(--rounded_corners_radius_fat);
	width: 100%;
	height: 100%;
	margin-top: 10px;
	scroll-snap-type: x mandatory;
}

.jQueryPost > .main > .imagesBlock.withImages {
}

/* more images overflow indicator */
.jQueryPost > .main > .imagesBlock:not(.numberOfImages_1):not(.numberOfImages_2):not(.numberOfImages_3):after {
	position: absolute;
	content: '';
	top: calc(50% - 12px);
	right: 10px;

	width: 20px;
	height: 20px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjM5LjJweCIgaGVpZ2h0PSIzOS4xcHgiIHZpZXdCb3g9IjAgMCAzOS4yIDM5LjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM5LjIgMzkuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iX3gzNF84NC5fRm9yd2FyZCI+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzguNiwxOC4xTDIxLDAuNmMtMC44LTAuOC0yLTAuOC0yLjgsMEwxNi44LDJjLTAuOCwwLjgtMC44LDIsMCwyLjhsMTQuNywxNC43TDE2LjgsMzQuMwoJCQljLTAuOCwwLjgtMC44LDIsMCwyLjhsMS40LDEuNGMwLjgsMC44LDIsMC44LDIuOCwwTDM4LjYsMjFDMzkuMywyMC4yLDM5LjMsMTguOSwzOC42LDE4LjF6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9Il94MzRfODQuX0ZvcndhcmRfMV8iPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLjYsMTguMUw2LDAuNmMtMC44LTAuOC0yLTAuOC0yLjgsMEwxLjgsMkMxLDIuOCwxLDQsMS44LDQuOGwxNC43LDE0LjdMMS44LDM0LjNjLTAuOCwwLjgtMC44LDIsMCwyLjgKCQkJbDEuNCwxLjRjMC44LDAuOCwyLDAuOCwyLjgsMEwyMy42LDIxQzI0LjMsMjAuMiwyNC4zLDE4LjksMjMuNiwxOC4xeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=');
	background-color: #000;
	filter: invert();
	mix-blend-mode: screen;
	padding: 5px;
	border-radius: 50%;
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;

	transition: all var(--linkHoverTransitionLeave); ease-out;

	pointer-events: none;
}

.jQueryPost > .main > .imagesBlock:hover:after {
	transform: scale(1.1);
}

.jQueryPost > .main > .imagesBlock.scrolled:after {
	opacity: 0;
}

/* image size when there are more than three of them */
.jQueryPost > .main > .imagesBlock > .image {
	position: relative;
	flex-shrink: 0;

	width: calc(33.33% - 7px);
	height: 125px;
	float: left;

	background-size: cover;
	background-position: center 20%;
	background-repeat: no-repeat;

	background-color: #eee;
	
			border-radius: var(--rounded_corners_radius_fat);

	cursor: pointer;

	scroll-snap-align: start;
}

/* image size when there is ony only one */
.jQueryPost > .main > .imagesBlock.numberOfImages_1 > .image {
	width: 100%;
	height: 380px;
}

/* image size when there are two of them */
.jQueryPost > .main > .imagesBlock.numberOfImages_2 > .image {
	width: calc(50% - 5px);
	height: 200px;
}

/* image size when there are two of them */
.jQueryPost > .main > .imagesBlock.numberOfImages_3 > .image {
	width: calc(33.3% - 7px);
	height: 125px;
}

.jQueryPost > .main > .imagesBlock > .image:not(:last-child) {
	margin-right: 10px;
}

.jQueryPost > .main > .blockButtons {
	display: flex;
	justify-content: space-between;
}

.jQueryPost.edit > .main > .blockButtons {
	margin-top: 10px;
}

.jQueryPost > .main > .blockContent + .blockButtons.withBadges {
	margin-top: 15px;
}

.jQueryPost > .main > .blockButtons > .left {
	gap: 0;
}

.jQueryPost > .main > .blockButtons .button {
	margin: 0;
}

.jQueryPost > .main > .blockButtons .button.inactive {
	opacity: 1;
}

.jQueryPost > .main > .blockButtons .button.buttonLike:has(.icon.like.color) > .secondary {
	color: var(--like_color_dark);
}

.jQueryPost > .main > .blockButtons .button.buttonLike:hover > .icon {
	color: var(--like_color);
}

.jQueryPost.edit > .main > .blockImagesManager > .images:not(.numberOfImages_0) {
	margin-top: 10px;
}

.jQueryPost > .main > .icon {
	position: absolute;
	top: 12px;
	right: 12px;

	margin: 0;
	background-color: var(--faint_color);
}

/* prepended and secondary */
.jQueryPost > .prepended,
.jQueryPost > .secondary {
	position: relative;
}

.jQueryPost > .secondary,
.jQueryPost > .secondary > .jQueryPostsList:not(.noPosts) {
	margin-top: 20px;
}

.jQueryPost > .prepended {
	margin-bottom: 10px;
}

/* message */
.jQueryPost > .prepended > .message,
.jQueryPost > .secondary > .message {
	position: relative;
	width: 100%;
	display: block;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: var(--bgColor);
	color: var(--a_text_color_main);
	
			border-radius: var(--rounded_corners_radius_fat);
	border-bottom: solid var(--fainter_color) 1px;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
	padding: 15px;

	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.jQueryPost > .secondary > .message.info {
}

.jQueryPost > .secondary > .message.go {
}

/* prepended viewFullConversation */
.jQueryPost > .prepended > .message.viewFullConversation {
	
			border-top-left-radius: 0;
			border-top-right-radius: 0;
	background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(250,250,250,0) 100%);
	padding-top: 40px;
}

.jQueryPost > .prepended > .message.viewFullConversation > .icon {
	background-color: currentColor;
}

/* Popup exceptions */

#popup.postView > .window {
	
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;

			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;

			border-radius: 0 !important;
	background: none;
	box-shadow: none;
	padding: 0;
	max-height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#popup.postView > .window > .jQueryPost {
	margin: 0 auto;
}

/* When viewed inside the popup, the arrow looks better in black */
#popup.postView > .window > .jQueryPost > .prepended > .message.viewFullConversation:before {
	opacity: 1;
}


/* nested secondary */
.jQueryPost > .secondary.nested {
	padding-left: 37px;
}

.jQueryPost > .secondary.nested:after {
	position: absolute;
	content: '';
	left: 27px;
	top: -20px;
	bottom: 0;
	width: 1.5px;
	background: var(--fainter_color);
}

/* posts inside a secondary nested are narrower */
.jQueryPost > .secondary.nested > .jQueryPost > .main,
.jQueryPost > .secondary.nested > .jQueryPostsList > .jQueryPost > .main {
}


/* reply */
.jQueryPost.reply > .main {
}

.jQueryPost.reply > .main > .blockContent > .blockText > .profileImage {
	width: 40px;
	height: 40px;
}


/* reply line */

.jQueryPost.reply  > .main:after,
.jQueryPost > .prepended > .message.viewFullConversation:after,
.jQueryPost > .secondary > .message:after {
	position: absolute;
	content: '';
	left: 26px;
	bottom: 100%;
	width: 1.5px;
	height: 22px;
	background: var(--fainter_color);
}

.jQueryPost > .prepended > .message.viewFullConversation:after {
	top: 100%;
	bottom: 0;
}

/* help */
.jQueryPost > .help {
	padding: 0;
	text-align: center;
	margin-top: 10px;
}

/* message */
.jQueryPost > .message {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.jQueryPost > .message > .text {
	padding: 20px;
}

/* placeholder */

.jQueryPost.placeholder {
	pointer-events: none;
}

.jQueryPost.placeholder .publicationData > .username,
.jQueryPost.placeholder .publicationData > .when,
.jQueryPost.placeholder .text {
	color: var(--fainter_color) !important;
	background-color: currentColor;
	
			border-radius: var(--rounded_corners_radius_fat);
}

.jQueryPost.placeholder .button {
	opacity: .3;
}


/* popup */

#popup > .window > .content > .jQueryPost > .help {
	color: #fff;
}

#popup > .window > .content > .jQueryPost > .help a {
	color: rgba(255, 255, 255, .8);
}

#popup > .window > .content > .jQueryPost > .help a:hover {
	color: rgba(255, 255, 255, 1);
}

.jQueryPostsList {
	position: relative;
	clear: both;
}

.jQueryPostsList:not(.withColumns) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.jQueryPostsList:not(.withColumns) > .jQueryPost:not(:last-child) {
	margin-bottom: 20px;
}

.jQueryPostsList.withLoadMoreButton {
	padding-bottom: 40px;
}

.jQueryPostsList > .loadMoreButton {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40px;
	cursor: pointer;
	background-image: url('/gfx/img/postslist_loadmorebutton.svg');
	background-position: center;
	background-size: 20px;
	background-repeat: no-repeat;
	z-index: 1;
}

/* in post lists, the last jQueryPost should not show the reply vertical line because there are no other posts below */
.jQueryPostsList > .jQueryPost:last-of-type > .secondary.nested:after {
	display: none;
}

/* When editing in a Popup */
#popup.postEditor > .window {
	
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;

			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;

			border-radius: 0 !important;
	background: none;
	box-shadow: none;
	padding: 0;
}

/* In tiny screens, leave a padding on top so the popup close button doesn't overlaps with the first post when there are many replies */
@media only screen and (max-width: 500px) {
	#popup.postEditor > .window {
		padding-top: 70px;
	}
}

/* Fix to allow the shadow of jQueryPost to show correctly */
#popup.postEditor > .window,
#popup.postEditor > .window > .content {
	overflow: visible;
}

#popup.postEditor > .window > .content {
	padding: 0;
}

#popup.postEditor > .window > .content .jQueryPost:not(:last-child) {
	margin-bottom: 10px;
}

#popup.postEditor > .window > .content .jQueryPost > .main {
	
			box-shadow:
				0 1px 1px hsl(200deg 30% 50% / 0.05),
				0 2px 2px hsl(200deg 30% 50% / 0.05),
				0 4px 4px hsl(200deg 30% 50% / 0.05),
				0 8px 8px hsl(200deg 30% 50% / 0.05),
				0 16px 16px hsl(200deg 30% 50% / 0.05)
				;
		
}

.jQueryRichTextInput {
	position: relative;
	width: 100%;
	/* Trick to prevent this element from overflowing to the right when resized */
	min-width: 0;
}

.jQueryRichTextInput > textarea {
	float: left;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	white-space: pre-wrap;
	word-break: break-word;
	min-height: 1em;
	overflow-y: scroll;
	background: transparent;
	height: 50px;
	padding: 0;
	resize: none;
	background: #fff;
	
			border-radius: var(--rounded_corners_radius_fat);
	padding: 10px 15px;
}

.jQueryRichTextInput > .usernamesList {
	float: left;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 5px;
}

.jQueryRichTextInput > .usernamesList > .user {
	display: flex;
	gap: 5px;
	align-items: center;
	border-radius: 20px;
	background-color: var(--grey_color);
}

.jQueryRichTextInput > .usernamesList > .user > .profileImage {
	width: 25px;
	height: 25px;
	margin: 2px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.jQueryRichTextInput > .usernamesList > .user > .username {
	font-size: var(--a_text_font_size_small);
	color: #fff;
	padding-right: 10px;
}

.jQueryImagesManager {
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	padding: 10px 0;
}

.jQueryImagesManager.centered {
	align-items: center;
}

.jQueryImagesManager > .fileInput {
	position: absolute;
	display: none;
}

.jQueryImagesManager > .images {
	position: absolute;
	display: flex;
	justify-content: flex-start;
	overflow-x: auto;
	
			border-radius: var(--rounded_corners_radius_fat);
	width: 100%;
	height: 100%;
}

.jQueryImagesManager > .images:has(.image) {
	position: relative;
}

/* more images overflow indicator */
.jQueryImagesManager > .images:not(.numberOfImages_1):not(.numberOfImages_2):not(.numberOfImages_3):after {
	position: absolute;
	content: '';
	top: calc(50% - 12px);
	right: 10px;

	width: 20px;
	height: 20px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjM5LjJweCIgaGVpZ2h0PSIzOS4xcHgiIHZpZXdCb3g9IjAgMCAzOS4yIDM5LjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM5LjIgMzkuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iX3gzNF84NC5fRm9yd2FyZCI+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzguNiwxOC4xTDIxLDAuNmMtMC44LTAuOC0yLTAuOC0yLjgsMEwxNi44LDJjLTAuOCwwLjgtMC44LDIsMCwyLjhsMTQuNywxNC43TDE2LjgsMzQuMwoJCQljLTAuOCwwLjgtMC44LDIsMCwyLjhsMS40LDEuNGMwLjgsMC44LDIsMC44LDIuOCwwTDM4LjYsMjFDMzkuMywyMC4yLDM5LjMsMTguOSwzOC42LDE4LjF6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9Il94MzRfODQuX0ZvcndhcmRfMV8iPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLjYsMTguMUw2LDAuNmMtMC44LTAuOC0yLTAuOC0yLjgsMEwxLjgsMkMxLDIuOCwxLDQsMS44LDQuOGwxNC43LDE0LjdMMS44LDM0LjNjLTAuOCwwLjgtMC44LDIsMCwyLjgKCQkJbDEuNCwxLjRjMC44LDAuOCwyLDAuOCwyLjgsMEwyMy42LDIxQzI0LjMsMjAuMiwyNC4zLDE4LjksMjMuNiwxOC4xeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=');
	background-color: #000;
	filter: invert();
	mix-blend-mode: screen;
	padding: 5px;
	border-radius: 50%;
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;

	transition: all var(--linkHoverTransitionLeave); ease-out;

	pointer-events: none;
}

.jQueryImagesManager > .images.scrolled:after {
	opacity: 0;
}

/* image size when there are more than three of them */
.jQueryImagesManager > .images > .image {
	position: relative;
	flex-shrink: 0;

	width: calc(33.33% - 7px);
	height: 125px;
	float: left;

	transition: all var(--linkHoverTransitionLeave); ease-out;
}

.jQueryImagesManager > .images > .image > .image {
	position: absolute;
	content: '';
	top: 0; left: 0; right: 0; bottom: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #eee;
	
			border-radius: var(--rounded_corners_radius_fat);
	pointer-events: all;

}

.jQueryImagesManager > .images > .image.queued > .image {
	filter: blur(5px);
}

/* image size when there is ony only one */
.jQueryImagesManager > .images.numberOfImages_1 > .image {
	width: 100%;
	height: 300px;
}

/* image size when there are two of them */
.jQueryImagesManager > .images.numberOfImages_2 > .image {
	width: calc(50% - 5px);
	height: 180px;
}

/* image size when there are two of them */
.jQueryImagesManager > .images.numberOfImages_3 > .image {
	width: calc(33.3% - 7px);
	height: 100px;
}

.jQueryImagesManager > .images > .image:not(:last-child) {
	margin-right: 10px;
}

@keyframes attention {
    0%, 100% {
		transform: scale(1);
		box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
	}
    60% {
		transform: scale(1.2);
		box-shadow: 0 7px 5px -2px rgba(0, 0, 0, 0.3);
	}
    100% {
		transform: scale(1);
		box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
	}
}

.jQueryImagesManager > .images > .image > .buttons {
	position: absolute;
	right: 5px;
	top: 5px;
	margin: 0;
	z-index: 1;
}

/* Buttons only appear when we're in a tap screen */
@media (pointer: fine) {
	.jQueryImagesManager > .images > .image > .buttons {
		opacity: 0;
		transition: all var(--linkHoverTransitionLeave); ease-out;
	}

	.jQueryImagesManager > .images > .image:hover > .buttons {
		opacity: 1;
	}
}

.jQueryImagesManager > .images > .image > .buttons > .button {
	margin: 0 0 0 5px;
}

.jQueryImagesManager > .images > .image > .progress {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 1;
}

.jQueryImagesManager > .images > .image > .progress.icon {
	width: 35px;
	height: 35px;
	background-size: 35px;
}

.jQueryImagesManager > .images > .image > .statusIconContainer {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 1;
}

.jQueryImagesManager > .button {

}

.jQueryFilesManager {

	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.jQueryFilesManager.centered {
	align-items: center;
}

.jQueryFilesManager > .fileInput {
	display: none;
}

.jQueryFilesManager > .files {
	position: relative;
	display: flex;
	justify-content: center;
	overflow-x: auto;
	
			border-radius: var(--rounded_corners_radius_fat);
	width: 100%;
	height: 100%;
}

/* more files overflow indicator */
.jQueryFilesManager > .files:not(.numberOfFiles_1):not(.numberOfFiles_2):not(.numberOfFiles_3):after {
	position: absolute;
	content: '';
	top: calc(50% - 12px);
	right: 10px;

    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjM5LjJweCIgaGVpZ2h0PSIzOS4xcHgiIHZpZXdCb3g9IjAgMCAzOS4yIDM5LjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM5LjIgMzkuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iX3gzNF84NC5fRm9yd2FyZCI+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzguNiwxOC4xTDIxLDAuNmMtMC44LTAuOC0yLTAuOC0yLjgsMEwxNi44LDJjLTAuOCwwLjgtMC44LDIsMCwyLjhsMTQuNywxNC43TDE2LjgsMzQuMwoJCQljLTAuOCwwLjgtMC44LDIsMCwyLjhsMS40LDEuNGMwLjgsMC44LDIsMC44LDIuOCwwTDM4LjYsMjFDMzkuMywyMC4yLDM5LjMsMTguOSwzOC42LDE4LjF6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9Il94MzRfODQuX0ZvcndhcmRfMV8iPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLjYsMTguMUw2LDAuNmMtMC44LTAuOC0yLTAuOC0yLjgsMEwxLjgsMkMxLDIuOCwxLDQsMS44LDQuOGwxNC43LDE0LjdMMS44LDM0LjNjLTAuOCwwLjgtMC44LDIsMCwyLjgKCQkJbDEuNCwxLjRjMC44LDAuOCwyLDAuOCwyLjgsMEwyMy42LDIxQzI0LjMsMjAuMiwyNC4zLDE4LjksMjMuNiwxOC4xeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=');
	background-color: var(--faint_color);
	padding: 15px;
	border-radius: 50%;
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;

	transition: all var(--linkHoverTransitionLeave); ease-out;

	pointer-events: none;
}

.jQueryFilesManager > .files.scrolled:after {
	opacity: 0;
}

/* image size when there are more than three of them */
.jQueryFilesManager > .files > .file {
	position: relative;
	flex-shrink: 0;


	width: calc(33.33% - 7px) !important;
	height: 125px;
	float: left;

	transition: all var(--linkHoverTransitionLeave); ease-out;
}

.jQueryFilesManager > .files > .file > .nonImage {
	position: absolute;
	content: '';
	top: 0; left: 0; right: 0; bottom: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	pointer-events: all;
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 1px;
	border-image-source: url('/gfx/img/fileManagerFileBorder.svg');
	border-image-slice: 65% 35%;
	border-image-width: auto;
	border-image-repeat: round;
}

.jQueryFilesManager > .files > .file > .nonImage > .fileName {
	word-break: break-word;
	font-size: var(--a_text_font_size_small);
	line-height: 1.2em;
	color: var(--grey_darker_color);
	padding: 0 20px;
	max-height: 70%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
	overflow: hidden;
}

.jQueryFilesManager > .files > .file > .image {
	position: absolute;
	content: '';
	top: 0; left: 0; right: 0; bottom: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #eee;
	
			border-radius: var(--rounded_corners_radius_fat);
	pointer-events: all;
	height: 130px;
}

.jQueryFilesManager > .files > .file.queued > .image {
	filter: grayscale();
}

/* image size when there is ony only one */
.jQueryFilesManager > .files.numberOfFiles_1 > .file {
	width: 100%;
}

/* image size when there are two of them */
.jQueryFilesManager > .files.numberOfFiles_2 > .file {
	width: calc(50% - 5px);
}

/* image size when there are two of them */
.jQueryFilesManager > .files.numberOfFiles_3 > .file {
	width: calc(33.3% - 7px);
}

.jQueryFilesManager > .files > .file:not(:last-child) {
	margin-right: 10px;
}

@keyframes attention {
    0%, 100% {
		transform: scale(1);
		box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
	}
    60% {
		transform: scale(1.2);
		box-shadow: 0 7px 5px -2px rgba(0, 0, 0, 0.3);
	}
    100% {
		transform: scale(1);
		box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
	}
}

.jQueryFilesManager > .files > .file > .buttons {
	position: absolute;
	right: 10px;
	top: 10px;
	margin: 0;
	z-index: 1;
}

/* Buttons only appear when we're in a tap screen */
@media (pointer: fine) {
	.jQueryFilesManager > .files > .file > .buttons {
		opacity: 0;
		transition: all var(--linkHoverTransitionLeave); ease-out;
	}

	.jQueryFilesManager > .files > .file:hover > .buttons {
		opacity: 1;
	}
}

.jQueryFilesManager > .files > .file > .buttons > .button {
	margin: 0 0 0 5px;
}

.jQueryFilesManager > .files > .file > .progress {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 1;
}

.jQueryFilesManager > .files > .file > .progress.icon {
	width: 35px;
	height: 35px;
	background-size: 35px;
}

.jQueryFilesManager > .files > .file > .statusIconContainer {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 1;
}

.jQueryFilesManager > .files + .button {
	margin-top: 20px;
}

.jQueryCircleProgress {
}

.jQueryCircleProgress circle.background-ring__circle {
	stroke: rgba(0, 0, 0, 0.2);
}

.jQueryCircleProgress circle.progress-ring__circle {
	stroke: white;
	transition: stroke-dashoffset 0.35s;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
}
.jQueryColumns {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.jQueryColumns > .column {
	max-width: 100%;
}

/* padding small */
.jQueryColumns.padding_small > div {
	margin-bottom: 10px;
}

.jQueryColumns.padding_small > .column:not(:last-child) {
	margin-right: 10px;
}

/* padding medium */
.jQueryColumns.padding_medium > .column:not(:last-child) {
	margin-right: 20px;
}

/* padding big */
.jQueryColumns.padding_big > .column:not(:last-child) {
	margin-right: 20px;
}

.jQueryColumns.padding_big > .column > div {
	margin-bottom: 20px;
}

/* In small screens, the padding is always small */
@media only screen and (max-width: 500px) {
	.jQueryColumns {
		padding: 0 10px !important;
	}

	.jQueryColumns > .column:not(:last-child) {
		margin-right: 10px !important;
	}

	.jQueryColumns > div {
		margin-bottom: 10px !important;
	}
}

#jQueryPopupGallery {
	position: fixed;
	top: 0; right: 0; left: 0; bottom: 0;
	z-index: 10000;
	background: rgba(0, 0, 0, .9);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#jQueryPopupGallery > .button.close {
	position: absolute;
	right: 15px;
	top: 15px;
	top: calc(15px + env(safe-area-inset-top));
}

#jQueryPopupGallery > .view {
	width: 100%;
	flex-grow: 1;
	flex-basis: 100%;
}

#jQueryPopupGallery > .view > .item {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
			border-radius: var(--rounded_corners_radius_fat);
}

#jQueryPopupGallery > .thumbnails {
	display: flex;
	max-width: 100%;
	overflow-x: scroll;
	margin-bottom: 10px;
}

#jQueryPopupGallery > .thumbnails > .item {
	width: 125px;
	height: 125px;
	flex-shrink: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #eee;
	
			border-radius: var(--rounded_corners_radius_fat);
	cursor: pointer;
	margin: 10px;
}

@media only screen and (max-width: 750px) {
	#jQueryPopupGallery > .thumbnails > .item {
		width: 80px;
		height: 80px;
	}
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
	#jQueryPopupGallery {
		flex-direction: row-reverse;
	}

	#jQueryPopupGallery > .view {
		width: auto;
		height: 100%;
	}

	#jQueryPopupGallery > .thumbnails {
		flex-direction: column;
		overflow-y: auto;
		overflow-x: hidden;
		max-height: 100%;
		margin-bottom: 0;
	}
}

.MultiSelector {
	width: 100%;
	position: relative;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
			border-radius: var(--rounded_corners_radius_fat);
	overflow: hidden;
	border: solid var(--fainter_color) 1px;

	display: flex;
	flex-direction: column;
	float: left;

	--height: 55vh;
}

.MultiSelector.panel {
	background: #fff;
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
}

.MultiSelector.isolated {
	margin-top: 40px;
	margin-bottom: 40px;
}

.MultiSelector > .header,
.MultiSelector > .footer {
	padding: 1em;
	text-align: center;
	color: #777;
}

.MultiSelector > .header {
	border-bottom: solid var(--fainter_color) 1px;
}

.MultiSelector > .footer {
	border-top: solid var(--fainter_color) 1px;
}

.MultiSelector > .contents {
	display: grid;
	grid-template-columns: 1fr 150px;
}

.MultiSelector > .contents > .groups {
	overflow-y: auto;
	max-height: var(--height);
	
			-webkit-overflow-scrolling: none;
			overscroll-behavior: none !important;
		
}

.MultiSelector > .contents > .groups > .wrapper {
	display: flex;
	flex-direction: column;
	min-height: min-content;
	margin: 20px;
	gap: 20px;
}

.MultiSelector > .contents > .groups > .wrapper > details.group {
	display: flex;
	flex-direction: column;
	background: var(--fainter_color);

	
			border-radius: var(--rounded_corners_radius_fat);
	overflow: hidden;

	cursor: pointer;
	user-select: none;
}

.MultiSelector > .contents > .groups > .wrapper > details.group > summary::marker,
.MultiSelector > .contents > .groups > .wrapper > details.group > summary::-webkit-details-marker {
	content: '';
	display: none !important;
}

.MultiSelector > .contents > .groups > .wrapper > details.group > summary.header {
	position: relative;
	padding: .5em;
	text-align: center;
	background: var(--fainter_color);
	line-height: 1.2em;
}

.MultiSelector > .contents > .groups > .wrapper > details.group > summary.header > .icon {
	position: absolute;
	top: 10px;
	right: 15px;
	transition: transform .1s linear;
}

.MultiSelector > .contents > .groups > .wrapper > details.group[open] > summary.header,
.MultiSelector > .contents > .groups > .wrapper > details.group > summary.header:hover {
	background: var(--faint_color);
}

.MultiSelector > .contents > .groups > .wrapper > details.group[open] > summary.header > .icon {
	transform: rotate(180deg);
}

.MultiSelector > .contents > .groups > .wrapper > details.group > summary.header > .groupTitle {
	font-size: var(--a_text_font_size_small);
	font-weight: bold;
}

.MultiSelector > .contents > .groups > .wrapper > details.group > summary.header > .groupSubTitle {
	font-size: 10pt;
}

.MultiSelector > .contents .items {
	padding: 20px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}

.MultiSelector > .contents .items > .item {
	position: relative;
	display: inline-block;
	transition: filter .12s ease-in-out;
	
			border-radius: var(--rounded_corners_radius);
	overflow: hidden;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.MultiSelector > .contents .items > .item:not(.selected):hover,
.MultiSelector > .contents .items > .item.selected {
	filter: brightness(1.2);
}

.MultiSelector > .contents .items > .item.selected {
	box-shadow: 0 0 0 3px #fff;
}

.MultiSelector > .contents .items > .item:hover:after,
.MultiSelector > .contents .items > .item.selected:after {
	position: absolute;
	inset: 0;
	content: '✅';
	font-size: 17pt;
	display: flex;
	justify-content: center;
	align-items: center;
}

.MultiSelector > .contents .items > .item > img {
	display: block;
	max-height: 80px;
	float: left;
	border: none;
}

.MultiSelector > .contents > .selection {
	scroll-behavior: smooth;

	border-left: solid var(--fainter_color) 1px;

	display: flex;
	flex-direction: column;
	height: var(--height);
}

.MultiSelector > .contents > .selection > .hint {
	position: relative;
	background: var(--help_color);
	color: #fff;
	padding: 20px;
	font-size: var(--a_text_font_size_small);
	line-height: 1.2em;
}

.MultiSelector > .contents > .selection > .hint:after {
	position: absolute;
	content: '';
	top: 15px;
	right: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 8px 0;
	border-color: transparent var(--help_color) transparent transparent;
}

.MultiSelector > .contents > .selection > .wrapper {
	overflow-y: auto;
	scroll-behavior: smooth;
	
			-webkit-overflow-scrolling: none;
			overscroll-behavior: none !important;
		
}

.MultiSelector > .contents > .selection > .wrapper > .items {
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: start;
}

.MultiSelector > .contents .items > .item.selected:hover:after,
.MultiSelector > .contents > .selection > .wrapper > .items > .item:hover:after {
	content: '❌';
}

.MultiSelector > .contents > .selection > .wrapper > .items > .item > img {
	max-height: none;
	width: 100%;
}

.switchButton {
	display: flex;
}

.switchButton.hidden {
	display: none;
}

.switchButton.inline {
	display: inline-flex;
	width: auto;
}

.switchButton.centered {
	justify-content: center;
}

.switchButton > input {
	display: none;
}

.switchButton > .switch {
	flex-shrink: 0;
	position: relative;
	background: var(--faint_color);
	width: 39px;
	height: 22px;
	border-radius: 20px;
	cursor: pointer;

	transition: all .1s ease;

	box-shadow: inset 0 2px 3px var(--faint_color);

	margin-top: 1px;
}

.switchButton.small > .switch {
	width: 28px;
	height: 16px;
	border-radius: 15px;
}

.switchButton:hover > .switch {
	background: var(--fainter_color);
}

.switchButton > .switch.on {
	background: var(--forms_accent_color);
	box-shadow: none;
}

.switchButton > .switch:before {
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	content: '';
	background: #fff;
	width: 18px;
	height: 18px;
	border-radius: 50%;

	transition: all .1s linear;
}

.switchButton.small > .switch:before {
	width: 12px;
	height: 12px;
	top: 2px;
	bottom: 2px;
	left: 2px;
}

.switchButton > .switch.on:before {
	transform: translateX(calc(100% - 1px));
}

.switchButton > .switch.on:before {
	transform: translateX(calc(100% - 1px));
}

/* warning */
.switchButton.warning > .switch.on {
	background: var(--warning_color)
}

/* critical */
.switchButton.critical > .switch.on {
	background: var(--critical_color);
}

.switchButton > .content {
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 7px;
	margin-top: 2px;
}

.switchButton > .content > .title {
	cursor: pointer;
}

.switchButton > .content > .subTitle {
	font-size: var(--a_text_font_size_smaller);
	line-height: 1.4em;
	color: var(--a_text_color_faint);
}

.switchButton.small > .content > .title {
	font-size: var(--a_text_font_size_smaller);
}#822BFD

.switchButton.disabled {
	opacity: 0.4;
}

.switchButton.disabled > .switch.on {
	background: #999;
}

.switchButton.darkBackground > .title {
	color: #fff;
}

/* loading */
@keyframes switchButtonLoading {
  from { background-position: 0 0; }
  to { background-position: 60px 30px; }
}

.switchButton.loading > .switch:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';

	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;

	background-position: center;
	background-size: 15px 15px;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.1) 25%,
		rgba(0, 0, 0, .05) 25%,
		rgba(0, 0, 0, .05) 50%,
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(0, 0, 0, .05) 75%,
		rgba(0, 0, 0, .05)
	) !important;
	animation: switchButtonLoading 2s linear infinite;
}

/* switchButtons */
.switchButtons {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 100%;
	container-type: inline-size;
	flex-wrap: wrap;
}

.switchButtons.twoColumns {
	flex-direction: row;
	gap: 0;

	> .switchButton {
		flex-basis: 50%;
		border-bottom: solid var(--fainter_color) 1px;
		padding: 15px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	> .switchButton:last-child,
	> .switchButton:nth-last-child(2):nth-child(odd) {
		border-bottom: none;
	}
}

@container (max-width: 600px) {
	.switchButtons.bigSeparation > .switchButton {
		flex-basis: 100%;
	}
}

.fileitems {
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.fileitem {
	position: relative;

	background-color: #f4f4f4;

	padding: 10px;

	margin: 0 15px 15px 0;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
			border-radius: var(--rounded_corners_radius);

	vertical-align: top;

	min-width: 170px;
	min-height: 117px;

	display: flex;
	justify-content: space-between;
}

.fileitems > .fileitem:last-child {
	margin-right: 0;
}

@media only screen and (max-width: 500px) {
	.fileitems {
		display: block;
	}

	.fileitem {
		float: left;
		width: 100%;
	}
}

.fileitem > .filename {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

	background: #333;
	color: #fff;

	text-align: center;

	padding: 3px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fileitem.error {
	background-color: var(--error_color);
	min-height: 0;
	border: 0;
	color: #fff;
}

@keyframes fileitem_image_loading {
  from {
	background-position: 0 0;
  }
  to {
	background-position: 60px 30px;
  }
}

.fileitem > .image_container {
	width: 38px;
	height: 38px;

	
			border-radius: var(--rounded_corners_radius);

	text-align: center;
	overflow: hidden;

	background-position: center !important;
	background-size: 30px 30px !important;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.1) 25%,
		rgba(0, 0, 0, 0.03) 25%,
		rgba(0, 0, 0, 0.03) 50%,
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(0, 0, 0, 0.03) 75%,
		rgba(0, 0, 0, 0.03)
	) !important;
	animation: fileitem_image_loading 0.5s linear infinite;
}

.fileitem > .image_container > .image {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.fileitem > .buttons {
}

.fileitem > .buttons > .button {
	margin: 0 5px 5px 0;
}

.fileitem > .buttons > .button:last-child {
	margin-right: 0;
}

.fileitem > .gauge_horizontal {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	height: 25px;
	margin: 0 !important;
}

.fileitem > .witty_upload_completion_text {
	position: absolute;
	display: none;
	background: #ccc;
	color: #fff;
	
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);

	font-size: 10pt;
	line-height: 1.2em;
	padding: 12px 5px;

	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.fileitem > .witty_upload_completion_text > .text {
	text-align: center;
}

.fileitem > .icon {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	background-size: 40px;
}

.fileitem > .icon + .error_message {
	margin-left: 10px;
}

.fileitem > .error_message {
	font-size: var(--a_text_font_size_small);
	line-height: 1.3em;
	text-align: left;
	color: #fff;
}

.fileitem > .error_message > .filename {
	display: block;
	font-weight: bold;
}

/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('/gfx/img/jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.chart {
	position: relative;
	display: flex;
	flex-direction: column;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width: 100%;
	max-width: calc(100vw - 60px);
}

div.chart > canvas {
	width: 100%;
}

div.chart.panel {
	padding: 20px;
	
			border-radius: var(--rounded_corners_radius_fatter);
	
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
}

div.chart > .footer {
	padding: 10px 5px 0 5px;
	overflow: hidden;

	color: var(--grey_darker_color);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	font-size: 9.5pt;
	line-height: 1.4em;

	width: 60%;
	margin: 0 auto;
}

@media only screen and (max-width: 750px) {
	div.chart > .footer {
		width: 100%;
	}
}

div.chart > .horizontalBlocks {
	margin-top: 40px;
}

div.chart > .footer.centerText {
	text-align: center;
}

div.chart > .footer > .title {
	position: relative;
}

div.chart > .footer > .title > .buttons {
	position: absolute;
	right: 0px;
	top: 0px;
}

div.chart > .footer > .buttons {
	margin-top: 5px;
}

div.chart > .footer > .description > span.note {
	opacity: .7;
}

div.chart > .forbiddenMessage {
	position: absolute;

	top: 20px;
	left: 50%;

	background: var(--warning_color);
	color: #fff;
	
			border-radius: var(--rounded_corners_radius_fatter);
	padding: 15px;

	border: solid #fff 2px;

	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);

	width: 100%;
	max-width: 400px;

	display: flex;

	z-index: 1;
}

div.chart > .forbiddenMessage a {
	color: #fff;
	text-decoration: underline;
}

div.chart > .forbiddenMessage > .icon {
	flex-shrink: 0;
}

div.chart > .forbiddenMessage > .text {
	margin-left: 10px;
	font-size: 10pt;
	line-height: 1.2em;
}

div.chart > .buttons {
	position: absolute;
	top: 0px;
	right: 0px;
}


@media (pointer: fine) {

	div.chart > .buttons {
		opacity: 0;
		transition: opacity .175s ease-in-out;
	}

	div.chart:hover > .buttons {
		opacity: 1;
	}
}

/* charts */
.charts {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	padding: 25px;
}

.charts.withPanel {
	gap: 40px;
}

.charts.columns {
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
}

.charts.columns > .chart {
	max-width: 450px;
}

.chart.columns {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0;
}

.chart.columns > .column {
	width: min-content;
}

.verticalChart {
	float: left;
	width: 100%;
	min-width: 400px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.verticalChart > .item {
	position: relative;
	display: flex;
	padding: 7px;
}

.verticalChart > .item:last-child {
	margin-bottom: 0;
}

.verticalChart > .item:hover {

}

.verticalChart > .item > .object {
	width: 50px;
	margin-right: 5px;
}

.verticalChart > .item > .object > .image {
	display: block;
	
			border-radius: var(--rounded_corners_radius_fat);
	width: 50px;
	height: 50px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.verticalChart > .item > .bars {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 5px;
}

.verticalChart > .item > .bars > .grid {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
}

.verticalChart > .item > .bars > .grid > div {
	height: 100%;
	width: 1px;
	border-left: dotted var(--fainter_color) 1px;
}

.verticalChart > .item > .bars > .bar {
	position: relative;
	background-color: var(--faint_color);
	
			border-top-right-radius: var(--rounded_corners_radius) !important;
			border-bottom-right-radius: var(--rounded_corners_radius) !important;
	height: 12px;

	/* background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 35%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8814119397759104) 100%); */

	color: var(--baseColor);
	background-color: currentColor;
}

.verticalChart > .item > .bars > .bar.noData {
	background-color: #eee !important;
	min-width: 10px;
}

.verticalChart > .item > .bars > .bar > .title {
	position: absolute;
	bottom: calc(100% - 15px);
	right: 7px;
	white-space: nowrap;

	background: #fff;
	color: #888;
	border: solid #eee 1px;
	padding: 5px;
	font-size: 9pt;
	line-height: 1.3em;

	
			border-radius: var(--rounded_corners_radius);

	pointer-events: none;

	opacity: 0;

	-webkit-transition: opacity var(--linkHoverTransitionLeave); ease-out;
	-moz-transition: opacity var(--linkHoverTransitionLeave); ease-out;
	-o-transition: opacity var(--linkHoverTransitionLeave); ease-out;
	transition: opacity var(--linkHoverTransitionLeave); ease-out;

	z-index: 1;
}

.verticalChart > .item > .bars > .bar:hover > .title {
	opacity: 1;
}

/* type STATISTICS_ITEMS_RETRIEVAL_TYPE_NOTICEBOARD_AD */
.verticalChart > .item.type1 > .grid {
	left: 165px;
}

.verticalChart > .item.type1 > .object {
	width: 350px;
}

/* set-dependant colors */
/* by set indicator */
.verticalChart > .item > .bars > .bar.setIndicator10 { --baseColor: #f9005e; }
.verticalChart > .item > .bars > .bar.setIndicator7 { --baseColor: #ffc985; }
.verticalChart > .item > .bars > .bar.setIndicator6 { --baseColor: #ffe985; }
.verticalChart > .item > .bars > .bar.setIndicator15 { --baseColor: #ffc985; }
.verticalChart > .item > .bars > .bar.setIndicator16 { --baseColor: #fd7cb7; }
.verticalChart > .item > .bars > .bar.setIndicator11 { --baseColor: #70e1ff; }

.switch_to_representeduser {
    margin: 0 auto;

	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;

	background: var(--fainter_color);
	padding: 20px;
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.switch_to_representeduser > .icon {
	width: 32px;
	height: 32px;
	mask-size: 32px;
	-webkit-mask-size: 32px;
}

.switch_to_representeduser > .user {
    width: 140px;
    
			border-radius: var(--rounded_corners_radius);
    color: #fff;
}


.switch_to_representeduser > .user > .profile_image
{
    float: left;
    width: 140px;
    height: 140px;
    background-size: cover;
    background-position: center;
    clear: both;
    
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);
}

.switch_to_representeduser > .user > .texts
{
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0;
    line-height: 1.2em;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;;
    padding: 0 10px;
}
.switch_to_representeduser > .user > .texts > .name
{
    float: left;
    width: 100%;
    text-align: center;

    line-height: 1.2em;
    font-weight: bold;
}

.switch_to_representeduser > .user > .texts > .subtitle
{
	font-size: var(--a_text_font_size_small);
    text-align: center;
    margin-top: 3px;
    line-height: 1.2em;
}

/* navigationHeader */

.navigationHeader {
	display: flex;
	justify-content: center;

	background: var(--dark_color);
	color: #fff;
}

.navigationHeader a {
	color: #fff;
	text-decoration: none;
}

.navigationHeader a:hover {
	color: var(--a_text_color_primary_highlight);
}

.navigationHeader > div > .main {
	padding: 30px 30px 30px 20px;
}

.navigationHeader:not(.wide) > div > .main  {
	max-width: var(--contents_width_normal);
}

.navigationHeader > div > .main > .profile {
	margin: 0 auto;
	display: grid;
	grid-template-columns: min-content 1fr;
	gap: 10px;
	align-items: flex-start;
}

@media only screen and (max-width: 500px) {
	.navigationHeader > div > .main > .profile {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.navigationHeader > div > .main > .profile > .right {
		align-items: center !important;
	}

	.navigationHeader > div > .main > .profile > .right > .buttons {
		justify-content: center !important;
	}
}

.navigationHeader > div > .main > .profile > .professionalProfileImage {
	border: none;
}

.navigationHeader > div > .main > .profile > .professionalProfileImage.round {
	width: 100px !important;
	height: 100px !important;
}

.navigationHeader > div > .main > .profile > .professionalProfileImage.squared {
	width: 100px !important;
	height: auto !important;
}

.navigationHeader > div > .main > .profile > .professionalProfileImage.squared > .squaredLogoContainer {
	height: min-content !important;
}

.navigationHeader > div > .main > .profile > .professionalProfileImage.squared > .squaredLogoContainer > img{
	width: 100px;
	height: min-content !important
}

.navigationHeader > div > .main > .profile > .right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
}

.navigationHeader > div > .main > .profile > .right > .title {
	display: flex;
	gap: 5px;
	align-items: center;
}

.navigationHeader > div > .main > .profile > .right > .title > .userName {
	font-weight: 500;
}

.navigationHeader > div > .main > .profile > .right > .title > .badges .icon.black {
	background-color: currentColor;
}

.navigationHeader > div > .buttons {
	margin-bottom: 20px;
}


/* navigationHeaderMenu */

.navigationHeaderMenu {
	padding-top: 10px;
	position: sticky !important;
	top: var(--main_menu_height);
	z-index: 2;
	background-color: var(--dark_color);
}

body.inApp .navigationHeaderMenu {
	top: var(--main_menu_app_header_height);
	top: calc(env(safe-area-inset-top) + var(--main_menu_app_header_height));
}

.navigationHeaderMenu:after {
	position: absolute;
	left: 0; right: 0; top: 100%;
	height: 50px;
	content: '';
	background: linear-gradient(#fff 10px, rgba(255, 255, 255, 0)) !important;
	pointer-events: none;
	opacity: 0;
	transition: opacity .2s ease-in-out;
}

.navigationHeaderMenu.darkShadow:after {
	background: linear-gradient(var(--dark_color) 10px, rgba(255, 255, 255, 0)) !important;
}

/* body:has(#MainMenu.scrolled) .navigationHeaderMenu:after,
body.scrolled .navigationHeaderMenu:after {
	opacity: 1;
} */


/* navigationHeaderBanner */
.navigationHeaderBanner {
	padding: 20px 0 20px 0;
	border-bottom: solid var(--fainter_color) 1px;
}

body.dark .navigationHeaderBanner {
	border-color: var(--dark_fainter_color)
}

.animation_effect_shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;

    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode:both;
}

@keyframes shake {
    0%, 100% {transform: translateX(0);}
    20%, 60% {transform: translateX(-3px);}
    40%, 80% {transform: translateX(3px);}
}

/* animation_effect_pop */
.animation_effect_pop {
    animation-name: pop;
    animation-duration: 1s;
	animation-timing-function: ease-in-out;
    animation-fill-mode:both;
	transform-origin: 50% 50%;
}

@keyframes pop {
    0%, 100% {transform: scale(1);}
    60% {transform: scale(1.05);}
    100% {transform: scale(1);}
}

/* animation_effect_pop_big */
.animation_effect_pop_big {
    animation-name: pop_big;
    animation-duration: 1s;
	animation-timing-function: ease-in-out;
    animation-fill-mode:both;
	transform-origin: 50% 50%;
}

@keyframes pop_big {
    0%, 100% {transform: scale(1);}
    60% {transform: scale(1.5);}
    100% {transform: scale(1);}
}

/* animation_effect_badge_mainmenu */

.animation_effect_badge_mainmenu {
    animation-name: animation_effect_badge_mainmenu;
    animation-duration: 1s;
}

@keyframes animation_effect_badge_mainmenu {
	0% { opacity: 0; filter: brightness(1); top: -20px; }
	30% { opacity: 1; filter: brightness(1.4); top: calc(var(--badgeTop) / 2); }
	50% { opacity: 1; filter: brightness(1.4); top: calc(var(--badgeTop) / 2); }
    100% { opacity: 1; filter: brightness(1); top: var(--badgeTop); }
}

/* wobble */
.animation_effect_wobble {
    animation-name: wobble;
    animation-duration: 0.5s;
    animation-fill-mode:both;
    animation-iteration-count: infinite;
}

@keyframes wobble {
    0%, 50%, 100% {transform: rotate(0);}
    25% {transform: rotate(2deg);}
    75% {transform: rotate(-2deg);}
}

/* hourglass */
.animation_effect_hourglass {
    animation: hourglass 5s infinite;
	transform-origin: 50% 50%;
}

@keyframes hourglass {
    0% {transform: rotate(0deg); -webkit-transform: rotate(0deg)}
	20% {transform: rotate(180deg); -webkit-transform: rotate(180deg)}
    100% {transform: rotate(180deg); -webkit-transform: rotate(180deg)}
}

/* attention */
.animation_effect_attention {
    animation: attention 2s infinite ease !important;
}

@keyframes attention {
    0%, 80%, 100% {
		transform: scale(1);
		box-shadow: 0 1px 2px 0px hsl(from var(--attention_color) h s l / 0%);
	}
    90% {
		transform: scale(1.1);
		box-shadow: 0 0 13px -3px hsl(from var(--attention_color) h calc(s * 3) l);
	}
}

/* remove */
.animation_effect_remove {
    animation: remove 0.2s forwards ease-in !important;
}

@keyframes remove {
    0% {
		transform: scale(1);
	}
    50% {
		transform: scale(0);
	}
	100% {
		transform: scale(0);
		width: 0;
		margin: 0;
	}
}

/* swing */
@keyframes swinging{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
}

.animation_effect_swing {
    transform-origin: 50% 0;
    animation: swinging 3.5s ease-in-out forwards infinite;
}

.animation_effect_swing_timing_2 {
    transform-origin: 50% 0;
    animation: swinging 2.5s ease-in-out forwards infinite;
}

.animation_effect_swing_timing_3 {
    transform-origin: 50% 0;
    animation: swinging 4.5s ease-in-out forwards infinite;
}

/* slightPop */
@keyframes slightPop {
    0%, 100% {transform: scale(1);}
    60% {transform: scale(1.075);}
}

.animation_effect_slightPop {
    transform-origin: 50% 50%;
    animation: slightPop .3s ease-in-out forwards 1;
}

/* loadingBackground */

/* loading */

@keyframes loadingBackground {
  from { background-position: 0 0; }
  to { background-position: 60px 0; }
}

.loadingBackground {
	background-position: center !important;
	background-size: 30px 30px !important;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.05) 25%,
		rgba(0, 0, 0, 0.03) 25%,
		rgba(0, 0, 0, 0.03) 50%,
		rgba(255, 255, 255, 0.05) 50%,
		rgba(255, 255, 255, 0.05) 75%,
		rgba(0, 0, 0, 0.03) 75%,
		rgba(0, 0, 0, 0.03)
	) !important;
	animation: loadingBackground .3s linear infinite;
}

@keyframes warningStripes {
    0%,100% {
        filter: brightness(1.2);
    }
    50% {
        filter: brightness(1);
    }
}

.glitch {
	 position: relative;
	 width: 300px;
}
 @keyframes noise-anim {
	 0% {
		 clip-path: inset(98% 0 2% 0);
	}
	 5% {
		 clip-path: inset(61% 0 23% 0);
	}
	 10% {
		 clip-path: inset(95% 0 5% 0);
	}
	 15% {
		 clip-path: inset(79% 0 8% 0);
	}
	 20% {
		 clip-path: inset(47% 0 21% 0);
	}
	 25% {
		 clip-path: inset(30% 0 13% 0);
	}
	 30% {
		 clip-path: inset(84% 0 11% 0);
	}
	 35% {
		 clip-path: inset(44% 0 10% 0);
	}
	 40% {
		 clip-path: inset(67% 0 10% 0);
	}
	 45% {
		 clip-path: inset(97% 0 4% 0);
	}
	 50% {
		 clip-path: inset(16% 0 1% 0);
	}
	 55% {
		 clip-path: inset(90% 0 6% 0);
	}
	 60% {
		 clip-path: inset(12% 0 12% 0);
	}
	 65% {
		 clip-path: inset(40% 0 19% 0);
	}
	 70% {
		 clip-path: inset(90% 0 1% 0);
	}
	 75% {
		 clip-path: inset(45% 0 42% 0);
	}
	 80% {
		 clip-path: inset(82% 0 14% 0);
	}
	 85% {
		 clip-path: inset(18% 0 58% 0);
	}
	 90% {
		 clip-path: inset(52% 0 4% 0);
	}
	 95% {
		 clip-path: inset(99% 0 1% 0);
	}
	 100% {
		 clip-path: inset(8% 0 31% 0);
	}
}
 .glitch::after {
	 content: attr(data-text);
	 position: absolute;
	 left: 2px;
	 text-shadow: -1px 0 currentColor;
	 top: 0;
	 color: currentColor;
	 background: white;
	 overflow: hidden;
	 animation: noise-anim 2s infinite linear alternate-reverse;
}
 @keyframes noise-anim-2 {
	 0% {
		 clip-path: inset(90% 0 6% 0);
	}
	 5% {
		 clip-path: inset(59% 0 22% 0);
	}
	 10% {
		 clip-path: inset(56% 0 36% 0);
	}
	 15% {
		 clip-path: inset(60% 0 11% 0);
	}
	 20% {
		 clip-path: inset(82% 0 1% 0);
	}
	 25% {
		 clip-path: inset(24% 0 12% 0);
	}
	 30% {
		 clip-path: inset(9% 0 47% 0);
	}
	 35% {
		 clip-path: inset(97% 0 1% 0);
	}
	 40% {
		 clip-path: inset(61% 0 12% 0);
	}
	 45% {
		 clip-path: inset(27% 0 71% 0);
	}
	 50% {
		 clip-path: inset(70% 0 23% 0);
	}
	 55% {
		 clip-path: inset(34% 0 20% 0);
	}
	 60% {
		 clip-path: inset(20% 0 31% 0);
	}
	 65% {
		 clip-path: inset(14% 0 26% 0);
	}
	 70% {
		 clip-path: inset(8% 0 73% 0);
	}
	 75% {
		 clip-path: inset(44% 0 17% 0);
	}
	 80% {
		 clip-path: inset(25% 0 22% 0);
	}
	 85% {
		 clip-path: inset(42% 0 35% 0);
	}
	 90% {
		 clip-path: inset(47% 0 44% 0);
	}
	 95% {
		 clip-path: inset(12% 0 44% 0);
	}
	 100% {
		 clip-path: inset(32% 0 58% 0);
	}
}
 .glitch::before {
	 content: attr(data-text);
	 position: absolute;
	 left: -2px;
	 top: 0;
	 color: currentColor;
	 background: white;
	 overflow: hidden;
	 animation: noise-anim-2 15s infinite linear alternate-reverse;
}

table.manager
{
    width: 100%;

}

table.manager th
{
    padding: 10px 0 20px 10px;
	font-size: var(--a_text_font_size_small);
}

table.manager th > .arrow
{
    position: relative;
    display: block;
    background: var(--fainter_color);
    color: var(--a_text_color_main);
    padding: 8px 10px;
    margin: 0 5px;
    
			border-radius: var(--rounded_corners_radius);
}

table.manager th.order > .arrow
{
    padding-right: 25px;
    background-image: url('/gfx/img/order_grey.svg');
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: right 10px center;

	text-decoration: none;

	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}

table.manager th.order.asc > .arrow
{
    background-image: url('/gfx/img/order_asc_grey.svg');
}

table.manager th.order.desc > .arrow
{
    background-image: url('/gfx/img/order_desc_grey.svg');
}

table.manager th > .arrow:after
{
    position: absolute;
    content: '';
    bottom: -5px;
    left: 15px;

    height: 0px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: var(--fainter_color) transparent transparent transparent;
}

table.manager th.centered > .arrow:after
{
    left: 50%;
    margin-left: -5px;
}

table.manager th.order > a.arrow:hover
{
    background-image: url('/gfx/img/order_grey.svg');
	color: var(--a_text_color_main_highlight);
}

table.manager th.order.asc > .arrow.selected,
table.manager th.order.asc > a.arrow:hover
{
    background-image: url('/gfx/img/order_asc_grey.svg');
}

table.manager th.order.desc > .arrow.selected,
table.manager th.order.desc > a.arrow:hover
{
    background-image: url('/gfx/img/order_desc_grey.svg');
}

table.manager th > .arrow.selected:after,
table.manager th > a.arrow:hover:after
{
}

table.manager td
{
    vertical-align: top;
    border-top: solid var(--fainter_color) 1px;
    padding: 10px;
    line-height: 1.2em;
}

table.manager th.centered,
table.manager td.centered
{
    text-align: center
}

table.manager th.shrink,
table.manager td.shrink
{
    width: 1%;
}

table.manager td.profile_image {
    width: 80px;
}

table.manager td.profile_image .image {
	position: relative;
	float: left;
}

table.manager td.profile_image .image > img {
	width: 75px;
	height: 60px;
	object-fit: cover;
	object-position: center 35%;
	
			border-radius: var(--rounded_corners_radius_fat);
}

table.manager td.profile_image > .image > .badges {
	position: absolute;
	top: -10px;
	right: -10px;
	display: flex;
	gap: 3px;
}

table.manager td.profile_image > .image>  .badges > .badge {
	min-width: 14px;
	background: #fff;
	color: #fff;

	line-height: 15px;
	text-align: center;

	font-size: var(--badge_font_size);
	font-weight: var(--badge_font_weight);
	font-family: var(--badge_font_family);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	text-align: center;

	padding: 4px;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

table.manager td.profile_image > .image>  .badges > .badge > .icon {
	width: 14px;
	height: 14px;
	background-color: var(--grey_darker_color);
}

table.manager td > .title {
}

table.manager td .subtitle {
	font-size: var(--a_text_font_size_small);
    color: var(--grey_darker_color);
}

table.manager td .warning
{
    display: block;
    float: left;
    clear: both;
    margin-top: 8px;
    color: #6c5402;
    font-size: 8pt;
    line-height: 1.2em;
    background-color: #ffc705;
    
			border-radius: var(--rounded_corners_radius);
    padding: 5px;
}

table.manager td .warning a
{
    font-size: 8pt;
    color: #6c5402;
}

table.manager td .warning a:before
{
    content: '\25BA ';
    font-size: 8px;
    margin: 0 3px;
}

table.manager td .warning a:hover
{
    color: #fff;
}

table.manager td.buttons > a,
table.manager td.buttons > div
{
    margin: 0 5px 5px 0;
    float: left !important;
}

table.manager td.no_text_select
{
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}

.bigTableContainer {
	max-width: min(100%, 100vw);
	overflow-x: auto;
}

.NeatFolder {
	--baseHue: var(--neutralHue);
	--folderWidth: 50px;

	display: flex;
	align-items: flex-start;
	gap: 15px;

	padding: 10px;
	
			border-radius: var(--rounded_corners_radius_fatter);

	text-decoration: none;

	&:hover {
		text-decoration: none;
	}
}

a.NeatFolder:hover {
	background: var(--faintest_color);
}

.NeatFolder.centered {
	margin-left: auto;
	margin-right: auto;
}

.NeatFolder > .folder {
	position: relative;
	flex-shrink: 0;
}

.NeatFolder > .folder > .back {
	width: var(--folderWidth);
	aspect-ratio: 0.8;
	mask-image: url('/gfx/img/neatFolderBack.svg');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	background-color: var(--baseColor);
	background-color: hsl(var(--baseHue), 55%, 65%);

	transition: all .25s ease-in-out;
}

.NeatFolder > .folder > .Photostack {
	position: absolute;
	top: 6%;
	left: 12%;
	width: 86%;
	transform: rotate(-10deg);
	transition: all .25s ease-in-out;
	filter: brightness(.9);
	--baseHue: inherit !important;
}

.NeatFolder:hover > .folder > .Photostack {
	transform: rotate(-4deg) translate(5px, -3px);
}

.NeatFolder:hover > .folder > .Photostack {
	filter: brightness(1.1);
}

.NeatFolder > .folder > .front {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	mask-image: url('/gfx/img/neatFolderFront.svg');
	mask-size: 100%;
	mask-repeat: no-repeat;
	mask-position: center;
	background-color: var(--baseColor);
	background-color: hsl(var(--baseHue), 80%, 80%);

	transform-origin: 0 0;

	transform: scaleX(.7) skew(0,10deg);

	transition: all .25s ease-in-out;

	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.NeatFolder:hover > .folder > .front,
.NeatFolder.open > .folder > .front {
	transform: scaleX(.3) skew(0,13deg);
}
.NeatFolder > .right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: hsl(var(--baseHue), 75%, 35%);
	gap: 5px;
}

.NeatFolder > .right > .title {
	text-wrap: balance;
	line-height: 1.2em;
	font-size: var(--a_text_font_size_small);
}

.NeatFolder > .right > .title {
	color: currentColor;
}

.NeatFolder > .right > .badges {
}

.NeatFolder > .right > .button {
	width: 100% !important;
}

.NeatFolder.photofolderType_0 { --baseHue: var(--photofolderRegularHue); }
.NeatFolder.photofolderType_1 { --baseHue: var(--photofolderCollectionHue); }
.NeatFolder.photofolderType_2 { --baseHue: var(--photofolderCampaignHue); }
.NeatFolder.photofolderType_3 { --baseHue: var(--photofolderEditorialHue); }
.NeatFolder.photofolderType_4 { --baseHue: var(--photofolderLookbookHue); }
.NeatFolder.photofolderType_100 { --baseHue: var(--photofolderPolaroidsHue); }


/* NeatFolders */
.NeatFolders {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	width: 100%;
}

.NeatFolders > .NeatFolder {
	flex-basis: 250px;
}

/* NeatFolders.ui-sortable */

.NeatFolders.ui-sortable {
	gap: 10px;
}

.NeatFolders.ui-sortable > .NeatFolder.ui-sortable-handle {
	flex-basis: 210px;
	
			border-radius: var(--rounded_corners_radius_fatter);
	padding: 10px;
	cursor: move;
	background: var(--faintest_color);
	transition: box-shadow .2s ease-in-out;
}

.NeatFolders.ui-sortable > .NeatFolder.ui-sortable-handle.dragging {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.NeatFolders.ui-sortable > .placeholder {
	flex-basis: 210px;
	height: 60px;
	padding: 10px;
	background: white;
	border: dashed var(--faint_color) 1px;
	
			border-radius: var(--rounded_corners_radius_fatter);
}

.Photostack {
	--baseHue: var(--neutralHue);
	--aspectRatio: .73;
    position: relative;
	width: 100%;
	aspect-ratio: var(--aspectRatio);
}

.Photostack > .photo {
    position: absolute;
	width: 100%;
	aspect-ratio: var(--aspectRatio);

	background-color: hsl(var(--baseHue), 45%, 86%);

	border-radius: 4px;
	overflow: hidden;

	box-shadow: .5px .5px .5px hsla(var(--baseHue), 65%, 30%, .5);

	transition: transform .2s ease-in-out;
}

.Photostack > .photo.cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.Photostack > .photo:nth-last-child(2) {
	background-color: hsl(var(--baseHue), 40%, 75%);
}

.Photostack > .photo:nth-last-child(3) {
	background-color: hsl(var(--baseHue), 60%, 85%);
}

.Photostack:hover > .photo:nth-last-child(2),
.NeatFolder:hover .Photostack > .photo:nth-last-child(2) {
	transform: rotate(10deg);
}

.Photostack:hover > .photo:nth-last-child(3),
.NeatFolder:hover .Photostack > .photo:nth-last-child(3) {
	transform: rotate(20deg);
}

.accepted_payment_methods
{
    display: block;
    background-image: url('/gfx/img/accepted_pay_methods.png');
    background-size: 200px 40px;
    width: 200px;
    height: 40px;
}

.payment_blocks_list {
	float: left;
	width: 100%;
    clear: both;
	text-align: center;
}

.payment_blocks_list > .payment_block {
	display: inline-block;
	float: none !important;
	vertical-align: top;
    width: 300px;
    float: left;
	margin: 0 80px 0 0;
}

.payment_blocks_list > .payment_block:last-child {
	margin-right: 0;
}

.payment_block
{
    position: relative;
    
			border-radius: var(--rounded_corners_radius);;
    background: #fff;
    float: left;
    width: 100%;
	border: solid #ccc 1px;
}

.payment_block > .offer_badge,
.payment_block > .offer_33_discount_badge
{
    position: absolute;

    top: -30px;
    right: -40px;

    background-size: 100px 102px;
    background-repeat: no-repeat;

    width: 100px;
    height: 102px;
}

.payment_block > .offer_badge.lang_es
{
    background-image: url('/gfx/img/sticker_special_offer_es.png');
}

.payment_block > .offer_badge.lang_en
{
    background-image: url('/gfx/img/sticker_special_offer_en.png');
}

.payment_block > .offer_33_discount_badge.lang_es
{
    background-image: url('/gfx/img/sticker_special_33_discount_offer_es.png');
}

.payment_block > .offer_33_discount_badge.lang_en
{
    background-image: url('/gfx/img/sticker_special_33_discount_offer_en.png');
}

.payment_block > .price
{
    padding: 30px;
    color: #666;
    text-align: center;
}

.payment_block > .price > .amount
{
    font-size: 110px;
	font-weight: 200;
    line-height: 65px;
    height: 75px;
}

.payment_block > .price > .amount > .currency_prefix,
.payment_block > .price > .amount > .currency_suffix
{
    font-size: 35pt;
}

.payment_block > .price > .amount > .currency_prefix
{
    margin-right: 5px;
}

.payment_block > .price > .amount > .currency_suffix
{
    margin-left: 5px;
}

.payment_block > .price > .additional
{
    font-size: 19pt;
    font-weight: 400;
    line-height: 1em;
    margin-top: 5px;
}

.payment_block > .pay_button
{
    margin-bottom: 5px;
}

.payment_block > .additional
{
    position: relative;
    margin: 15px;
    padding: 10px;
    border-top: solid #ddd 1px;
    text-align: left;
}

.payment_block > .additional:after
{
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -4px;
	content: '';

	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #fff transparent;
    z-index: 100;
}

.payment_block > .additional:before
{
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -4px;
	content: '';

	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #ddd transparent;
    z-index: 100;
}

.payment_block > .additional.with_icon > .icon
{
    margin-right: 10px;
    float: left;
}

.payment_block > .additional > .text
{
    overflow: hidden;
}
.couponBlock {
	position: relative;
    float: left;

    background: #fff;
    color: var(--a_text_color_main);
    
			border-radius: var(--rounded_corners_radius_fatter);
	overflow: hidden;
    
			border: solid hsl(from var(--neutral_1) h s l / 0.1) 1px;
			box-shadow: 0 5px 8px hsl(from var(--neutral_1) h s l / 0.03);
		
	z-index: 1;

	background-image: url('/gfx/img/messenger_litmind_theme_background.svg');
	background-size: 30px;
	background-repeat: repeat;
    background-position: center;

}

.couponBlock > .wrapper {
    position: relative;
    display: flex;
    margin: 0px;
    min-height: 175px;
    font-family: var(--special_a_text_font_family);

}

.couponBlock > .wrapper > .left {
	position: relative;
    display: flex;
	background: var(--grey_color) !important;
	color: #fff;
}

.couponBlock > .wrapper > .left:after {
	position: absolute;
	content: '';
	inset: 0;
	right: -3px;
	border-right: dotted white 6px;
}

.couponBlock > .wrapper > .left > .shortTitle {
    font-size: 22pt;
	font-family: var(--special_a_text_font_family);
	font-weight: bold;
    line-height: 1em;
    padding: 20px 20px;
    writing-mode: vertical-rl;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
	letter-spacing: 2px;
}

.couponBlock > .wrapper > .right {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.couponBlock > .wrapper > .right > img.logo {
	max-width: min(80%, 400px);
	height: auto;
	margin: 0 auto;
	padding: 20px;
}

.couponBlock > .wrapper > .right > img.logo + .title {
	padding-top: 0;
}

.couponBlock > .wrapper > .right > .title {
    text-align: center;
	text-wrap: balance;
    font-size: 18pt;
    line-height: 1.2em;
    padding: 10px 10%;
}

.couponBlock > .wrapper > .right > .couponCode {
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	padding: 10px 20px;
	margin-bottom: 10px;
}

.couponBlock > .wrapper > .right > .couponCode > .characters {
    display: flex;
    justify-content: center;
}

.couponBlock > .wrapper > .right > .couponCode > .characters > div {
    font-size: 13pt;
    line-height: 1.2em;
	font-family: var(--special_a_text_font_family);
	font-weight: bold;
    text-transform: uppercase;
    background: var(--grey_color);
    color: #fff;
    margin: 0 4px 4px 0;
    padding: 8px 10px;
    
			border-radius: var(--rounded_corners_radius);
}

.couponBlock > .wrapper > .right > .couponCode > .characters > div:last-child {
	margin-right: 0;
}

.couponBlock > .wrapper > .right > .couponCode > .couponCodeSubtitle {
	float: left;
	font-size: 11pt;
	font-family: var(--special_a_text_font_family);
	font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background: var(--grey_color);
	color: #fff;
	padding: .1em 1em;
	
			border-radius: var(--rounded_corners_radius);
}

/* styles */

.couponBlock.plus > .wrapper > .left {
    background: var(--plus_color_lighter);
    color: #fff;
}

.couponBlock.pro > .wrapper > .left {
    background: var(--pro_color_lighter);
    color: #fff;
}

.statsPanel {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	color: var(--a_text_color_main);
	gap: 5px 17px;
	font-family: var(--a_text_font_family);
}

.statsPanel.centered {
	justify-content: center;
}

.statsPanel.isolated {
	margin: 15px 0;
}

.statsPanel.placeholder {
	color: var(--placeholder_color);
}

.statsPanel.alignLeft {
	justify-content: flex-start;
}

.statsPanel.alignRight {
	justify-content: flex-end;
}

.statsPanel.fullWidth {
	width: 100%;
	clear: both;
}

.statsPanel > .item {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
	gap: 5px;
	color: currentColor !important;
	min-height: 1.3em;
	padding: 0;
	text-decoration: none;
}

.statsPanel > .item.span {
	margin-right: auto;
}

.statsPanel > .item:last-child {
	margin-right: 0;
}

.statsPanel > .item.attention {
	color: var(--attention_color) !important;
}

.statsPanel > .item > .icon {
	flex-shrink: 0;

	background-color: currentColor !important;
	margin: 3.5px 0 0 0;

	width: 14px;
	height: 14px;
}

.statsPanel.placeholder > .item > .value {
	margin-top: 4px;
}

.statsPanel > .item > .value {
	font-size: var(--a_text_font_size);
	text-align: left;
	line-height: 1.4em;
	text-wrap: balance;
}

.statsPanel.nowrap > .item > .value {
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.statsPanel > a.item {
	color: var(--a_text_color_main) !important;
	text-decoration: none !important;
}

.statsPanel > a.item:hover {
	color: var(--a_text_color_main_highlight) !important;
}

.statsPanel > .item .value > i {
	font-style: normal;
}

.statsPanel > .item .badge {
	display: inline;
	background: var(--grey_color);
	color: #fff;

	line-height: 1em;
	text-align: center;

	font-size: var(--badge_font_size);
	font-weight: var(--badge_font_weight);
	font-family: var(--badge_font_family);
	text-transform: uppercase;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	text-align: center;

	padding: 3px 7px;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	margin: 0 5px;
}

/* item.profile */
.statsPanel > .item.profile {
	display: flex;
	align-items: center;
	font-size: 12pt;
	line-height: 1.2em;
	color: var(--a_text_color_main) !important;
	text-decoration: none !important;
}

.statsPanel > .item.profile > .profileImage {
	width: 3em;
	height: 3em;
	border-radius: 50%;
	background: var(--grey_color);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.statsPanel > .item.profile > a.profileImage:hover {
	filter: brightness(1.2);
}

.statsPanel > .item.profile > .texts {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.statsPanel > .item.profile > .texts > .top {
	display: flex;
	gap: 5px;
}

.statsPanel > .item.profile > .texts > .top > .title {
	line-height: 1.2em;
	font-weight: 600;
}

.statsPanel > .item.profile > .texts > .top > a.title {
	color: currentColor;
	text-decoration: none;
}

.statsPanel > a.item.profile.author:hover > .texts > .top > .title,
.statsPanel > .item.profile > .texts > .top > a.title:hover {
	color: var(--a_text_color_primary);
	text-decoration: none;
}


.statsPanel > .item.profile > .texts > .subTitle {
	font-size: .85em;
	line-height: 1.2em;
}

/* withBorder */

.statsPanel.withBorder {
	border: solid #fff 1px;
	
			border-radius: var(--rounded_corners_radius);
}

.statsPanel.withBorder > .item {
	border-right: solid #fff 1px;
	padding: 6px 10px;
	margin-right: 0;
}

.statsPanel.withBorder > .item:last-child {
	border: none;
}

/* lightBackground */

.statsPanel.withBorder.lightBackground,
.statsPanel.withBorder.lightBackground > .item {
	border-color: rgba(0, 0, 0, 0.2) !important;
}

.statsPanel.lightBackground > .item > .icon {
	background-color: currentColor;
}


/* darkBackground */

.statsPanel.darkBackground {
	color: #fff;
}

.statsPanel.darkBackground a {
	color: #fff !important;
}

.statsPanel.withBorder.darkBackground,
.statsPanel.withBorder.darkBackground > .item {
	border-color: #fff;
}


/* faint */
.statsPanel.faint {
	color: var(--a_text_color_faint);
}

.statsPanel.faint.darkBackground {
	color: rgba(255, 255, 255, 0.7);
}

/* demoted */
.statsPanel.demoted.darkBackground {
	color: rgba(255, 255, 255, .7);
}

.statsPanel.demoted.darkBackground > a.item:hover {
	color: rgba(255, 255, 255, .9) !important;
}


/* vertical */

.statsPanel.vertical {
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.statsPanel.vertical > .item {
	min-height: auto;
}

/* small */
/* Tiny is just like small, but it gets even smaller on small screen */
.statsPanel.small {
	gap: 10px;
}

.statsPanel.small > .item {
	gap: 5px;
}

.statsPanel.small > .item > .icon {
	width: var(--icon_size_small);
	height: var(--icon_size_small);
}

.statsPanel.small > .item > .value {
	font-size: var(--a_text_font_size_small);
}


/* tiny */
.statsPanel.vertical.tiny {
	gap: 2px;
}

.statsPanel.tiny {
	gap: 0px 8px;
}

.statsPanel.tiny > .item {
	gap: 4px;
	min-height: 0;
}

.statsPanel.tiny > .item > .icon {
	margin-top: 3px;
	width: 12px;
	height: 12px;
}

.statsPanel.tiny > .item > .value {
	font-size: var(--a_text_font_size_tiny);
}


/* overImage */
.statsPanel.overImage {
	background: rgba(255, 255, 255, 1);
	padding: 2px 5px;
	
			border-radius: var(--rounded_corners_radius);
}

.statsPanel.overImage > .value {
	color: #000;
}


/* multipleColumns */

.statsPanel.multipleColumns {
	display: block;
	columns: 300px;
}

.statsPanel.multipleColumns > .item {
	margin-bottom: 8px;
	break-inside: avoid;
}


/* additional item styles */
.statsPanel > .item.warning {
	color: var(--warning_color) !important;
}

.statsPanel > .item.info {
	color: var(--info_color) !important;
}

.statsPanel > .item.help {
	color: var(--help_color) !important;
}

.statsPanel > .item.error {
	color: var(--error_color) !important;
}

.statsPanel > .item.success {
	color: var(--ok_color) !important;
}

.statsPanelVertical {
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
	cursor: default;
}

.statsPanelVertical > .item {
	clear: both;
	white-space: nowrap;
}

.statsPanelVertical > .item .icon {
	float: left;
	width: 12px;
	height: 17px;
	background-size: 12px;
	margin-right: 4px;
}

.statsPanelVertical > .item .value {
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: var(--special_a_text_font_family);
	font-size: 10pt;
	line-height: 19px;
	text-align: left;
}

.statsPanelVertical > .item.faint {
	opacity: 0.5;
}

.statsPanelVertical > a.item {
	color: var(--a_text_color_button);
}

.statsPanelVertical > a.item:hover {
	color: var(--a_text_color_button_hover);
}

/* lightBackground */

.statsPanelVertical.withBorder.lightBackground,
.statsPanelVertical.withBorder.lightBackground > .item {
	color: #000;
}


/* darkBackground */

.statsPanelVertical.withBorder.darkBackground,
.statsPanelVertical.withBorder.darkBackground > .item {
	color: #fff;
}


/* faint */
.statsPanelVertical.faint > .item .icon,
.statsPanelVertical.faint > .item .value {
	opacity: 0.45;
}

.statstatsPanelVerticalsPanel.faint > a.item:hover .icon,
.statsPanelVertical.faint > a.item:hover .value {
	opacity: 1;
}

.flow_arrow
{
    overflow: hidden;
    clear: both;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.flow_arrow.down
{
    width: 31px;
    height: 79px;

    background-image: url('/gfx/img/flow_arrows/down.png');
    background-size: 31px 79px;
}

.flow_arrow.down_two_options
{
    width: 346px;
    height: 111px;

    background-image: url('/gfx/img/flow_arrows/down_two_options.png');
    background-size: 346px 111px;
}
.help_on_hover {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.help_on_hover > .icon {
	background-color: #ccc;
	width: 10px;
	height: 10px;
	background-size: 10px;
	padding: 3px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	margin: -3px 0 0 5px;
}
.uploadManager {
	--height: var(--button_height);

    position: relative;
    white-space: nowrap;
	height: var(--height);
	max-width: 100%;
}

.uploadManager > .uploads {
    position: relative;
    display: inline-block;
	height: var(--height);
}

.uploadManager > .uploadButton {
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}


.uploadManager > .uploadButton > .button {
    margin: 0;
}

.uploadManager > .uploadButton > .fileInput {
    display: none;
}

.uploadManager > .uploads {
}

.uploadManager > .uploads > .uploadManagerItem {
    position: relative;
    display: inline-block;
    
			border-radius: var(--rounded_corners_radius);
    background: #eee;
    height: 100%;
	min-width: 40px;
	margin: 0;
    margin-left: 7px;
    vertical-align: top;
    overflow: hidden;
}

.uploadManager > .uploads > .uploadManagerItem:first-child {
    margin-left: 0;
}

.uploadManager > .uploads > .uploadManagerItem > .statusIcon {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 25px !important;
    height: 25px !important;

    margin-left: -12px !important;
    margin-top: -12px !important;

    background-size: 17px !important;
    background-position: center;

    background-color: #fff;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.uploadManager > .uploads > .uploadManagerItem > .cancelButton {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: var(--warning_color);
    visibility: hidden;
    z-index: 1;

	display: flex;
	justify-content: center;
	align-items: center;
}

.uploadManager > .uploads > .uploadManagerItem:hover > .cancelButton {
    visibility: visible;
}

.uploadManager > .uploads > .uploadManagerItem.nonImage > .fileName {
    position: relative;
    padding: 0 10px;
    line-height: var(--height);
    font-size: 9pt;
    white-space: nowrap;
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.uploadManager > .uploads > .uploadManagerItem.nonImage > .progress {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    background-color: var(--a_text_color_primary_highlight);
    
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);
}

.uploadManager > .uploads > .uploadManagerItem.image > .imageBackground,
.uploadManager > .uploads > .uploadManagerItem.image > .progress {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    background-size: cover;
    background-position: center;

    
			border-radius: var(--rounded_corners_radius);
}

.uploadManager > .uploads > .uploadManagerItem.image > .imageBackground {
}

.uploadManager > .uploads > .uploadManagerItem.image > .progress {
    position: relative;
    
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);
}

/* loading */

@keyframes progress_loading {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}

.uploadManager > .uploads > .uploadManagerItem.image > .progress:after {
    position: absolute;

    content: '';

    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;

    
			border-bottom-left-radius: var(--rounded_corners_radius);
			border-bottom-right-radius: var(--rounded_corners_radius);

    background-position: center !important;
    background-size: 30px 30px !important;
    background-image: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.1) 25%,
        rgba(0, 0, 0, 0.03) 25%,
        rgba(0, 0, 0, 0.03) 50%,
        rgba(255, 255, 255, 0.1) 50%,
        rgba(255, 255, 255, 0.1) 75%,
        rgba(0, 0, 0, 0.03) 75%,
        rgba(0, 0, 0, 0.03)
    ) !important;
    animation: button_loading 0.5s linear infinite;
}

/* uploadManager.big */

.uploadManager.big  > .uploads {
    --height: var(--forms_input_height_big);
}

.uploadManager.big > .uploads > .uploadManagerItem > .statusIcon {
    width: 25px;
    height: 25px;
    background-size: 25px;
}

.progressBars {
	display: flex;
	gap: 15px;
}

.progressBar {
	--height: 14px;
	--barColor: var(--primary_5);
	--textColor: var(--a_text_main_color);

    position: relative;

    background: var(--faintest_color);
    height: var(--height);
    line-height: var(--height);

    padding: 0 5px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    
			border-radius: var(--rounded_corners_radius_fat);

    overflow: hidden;
	z-index: 0;

    box-shadow: inset 0 2px 7px rgba(0, 0, 0, .07);

	display: flex;
	align-items: center;
	justify-content: center;
}

.progressBar.big {
	--height: 28px;
}

.progressBar > .text {
	position: relative;
    line-height: 1em;
    text-align: center;

	background: rgba(255, 255, 255, 1);
	backdrop-filter: blur(10px);
	color: var(--textColor);

	
			border-radius: var(--rounded_corners_radius);

    font-size: 9pt;
	font-weight: 500;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

	z-index: 2;
}

.progressBar:not(.big) > .text {
	padding: 0 3px;
}

.progressBar.big > .text {
	font-size: var(--a_text_font_size_small);
	font-weight: normal;
	padding: 2px 5px;
}

.progressBar > .bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0px;
    background: var(--barColor);

    transition: all 1s ease-in-out;

	z-index: 1;
}

.progressBar.warning > .bar {
	
			background: repeating-linear-gradient(
				-55deg,
				var(--warning_color),
				var(--warning_color) 10px,
				var(--warning_color_lighter) 10px,
				var(--warning_color_lighter) 20px
			);
			animation: warningStripes 1s linear infinite;
		
}

.progressBar.increasing {
	background-position: center left;
	background-size: 30px 30px;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.1) 25%,
		rgba(0, 0, 0, 0.03) 25%,
		rgba(0, 0, 0, 0.03) 50%,
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(0, 0, 0, 0.03) 75%,
		rgba(0, 0, 0, 0.03)
	) !important;
	animation: progressBarIncreasingAnimation 0.5s linear infinite;
}

@keyframes progressBarIncreasingAnimation {
  from {
	background-position: 0 0;
  }
  to {
	background-position: 60px 30px;
  }
}

/* listItems */
.listItems {
	display: flex;
	flex-direction: column;
}

.listItems:has(.listItem) {
	padding: 5px;
}

.listItems > .listItem:last-child {
	border-bottom: none;
}

.listItems > .header {
    text-align: center;
    float: left;
	border-bottom: solid var(--faint_color) 1px;
	flex-basis: 100%;
	margin: 10px -10px;
}

.listItems > .header > .title {
	float: left;
    font-size: var(--a_text_font_size_smaller);
    line-height: 1em;
    padding: 5px 8px;
	background: #fff;
    color: var(--a_text_color_faint);
	margin: 0 10px -1px 20px;
	
			border-top-left-radius: var(--rounded_corners_radius);
			border-top-right-radius: var(--rounded_corners_radius);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	border: solid var(--faint_color) 1px;
	border-bottom: none;
}

.listItems > .footer {
	flex-basis: 100%;
	text-align: center;
}

.listItems.multiColumns {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.listItems.multiColumns > .listItem {
	width: 245px;
}

/* listItemsListHorizontal */
.listItemsListHorizontal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	clear: both;
	gap: 15px;
}

.listItemsListHorizontal.centered {
	justify-content: center;
}

.listItemsListHorizontal > div.rowExclusive {
	width: 100%;
}

.listItemsListHorizontal + .listItemsListHorizontal {
	margin-top: 10px;
}

.listItemsListHorizontal > .title {
	font-size: var(--a_text_font_size_smaller);
}


/* listItems grid */

.listItems.grid {
	clear: both;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.listItems.grid > .listItem {
	border: solid var(--fainter_color) 1px;
	margin: 10px;
	padding: 10px;
}

@media only screen and (max-width: 980px) {
	.listItems.grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media only screen and (max-width: 750px) {
	.listItems.grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 500px) {
	.listItems.grid {
		grid-template-columns: 1fr;
	}
}

.listItem {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;

	gap: 10px;

	position: relative;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	cursor: default;

	
			border-radius: var(--rounded_corners_radius_fatter);

	--textColor: var(--a_text_color_main);
	--textColorFaint: var(--a_text_color_faint);
	--textColorHighlight: var(--a_text_color_primary);
	color: var(--textColor);

	padding: 10px;

	text-decoration: none;
}

a.listItem:not(.selected),
.listItem:not(.selected).clickable {
	cursor: pointer !important;
}

.listItem.selected,
a.listItem:not(.selected):hover,
.listItem.clickable:not(.selected):hover {
	background-color: var(--faintest_color);
	cursor: pointer;
	text-decoration: none;
}

.listItem.dark.selected,
a.listItem.dark:not(.selected):hover,
.listItem.dark.clickable:not(.selected):hover {
	background-color: rgba(0, 0, 0, 0.3);
}

a.listItem:not(.selected):hover > img.logo ,
.listItem:not(.selected).clickable:hover > img.logo {
	mix-blend-mode:multiply;
}

.listItem.selected {
	background-color: var(--fainter_color);
}

.listItem {
	--size: 25px;
}

.listItem > .checkbox_radio_box {
	position: absolute;
	left: 6px;
	bottom: 6px;
	z-index: 1;
}

.listItem > .iconContainer {
	flex-shrink: 0;
	background-color: var(--grey_color);
	border-radius: 50%;

	display: flex;
	justify-content: center;
	align-items: center;

	--iconSize: 12px;
}

.listItem > .iconContainer > .icon {
	width: var(--iconSize);
	height: var(--iconSize);
	mask-size: var(--iconSize);
}

.listItem.big {
	--size: 47px;
}

.listItem.big > .iconContainer {
	--iconSize: 20px;
}

.listItem > .iconContainer,
.listItem > .profileImage {
	width: var(--size);
	height: var(--size);
}

.listItem > .thumbnail {
	width: 70px;
	height: 50px;
	flex-shrink: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.listItem > .thumbnail.cover {
	background-size: cover;
}

.listItem > .logo,
.listItem > .logoTextReplacement {
	display: inline-block;
	
			border-radius: var(--rounded_corners_radius_fat);
	height: 40px;
}

.listItem > .logoTextReplacement {
	line-height: 1em;
	padding: 0 .5em;
	font-size: var(--a_text_font_size);
	white-space: nowrap;
}

.listItem > .profileImage {
	flex-shrink: 0;
	position: relative;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--fainter_color);

	border-radius: 50%;

	width: 50px;
	height: 50px;
}

.listItem > .profileImage.logo {
	
			border-radius: var(--rounded_corners_radius);
	background-size: contain;
	background-color: transparent;
}

.listItem > .image {
	max-width: 100px;
}

.listItem > .image > img {
	width: 100%;
	
			border-radius: var(--rounded_corners_radius);
}

.listItem.brand > .profileImage,
.listItem.user > .profileImage,
.listItem.chat > .profileImage {
	width: 47px;
	height: 47px;
}

.listItem.chat > .profileImage {
	
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;

			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;

			border-radius: 0 !important;
	mask: url('/gfx/img/messenger_chat_mask.svg');
	-webkit-mask: url('/gfx/img/messenger_chat_mask.svg');
}

.listItem > .profileImage > .text {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;

	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);

	color: #fff;
	text-align: center;
}

.listItem > .profileImage > .text.huge {
	font-size: 14pt;
	font-weight: bold;
	color: #fff;
}

.listItem > .profileImage > .badges {
	position: absolute;
	top: -5px;
	right: -5px;
}

.listItem > .profileImage > .badges > .badge {
	border-radius: 50vw;
}

.listItem > .badges {
	position: absolute;
}

.listItem.user > .badges,
.listItem.chat > .badges {
	right: calc(100% - 55px);
}

.listItem > .content {
	text-align: left;
	vertical-align: middle;
	line-height: 1.2em;
	flex-grow: 1;
	width: 100%;
}

.listItem > .content a {
	text-decoration: none;
	color: var(--a_text_color_main);
}

.listItem > .content a:hover {
	text-decoration: none;
	color: var(--a_text_color_main_highlight);
}

.listItem > .content > .title {
	color: var(--textColor);
	word-break: break-word;
}

.listItem > .content > .title > .badge {
	margin-left: 4px;
}

a.listItem:hover {
	color: var(--textColorHighlight);
}

.listItem > .content > .title > .membershipTag {
	margin-left: 5px;
	vertical-align: bottom;
}

.listItem > .content > .title > .searchTerm {
	background-color: rgba(211, 247, 255, 1);
}

.listItem > .content > .subtitle {
	white-space: normal;
	font-size: var(--a_text_font_size_small);
	color: var(--textColorFaint);
	margin-top: 1px;
}

.listItem > .content > .subtitleLabel {
	float: left;
	margin-top: 1px;
	color: #aaa;
}

.listItem > .content > .subtitleCombo {
	width: 95%;
	margin-top: 5px;
}

.listItem > .content > .subtitleInput {
	float: left;
	max-width: 95%;
	margin: 5px 0 0 0;
	padding: 0 5px;
	line-height: 1.6em;
	font-size: 10pt !important;
}

.listItem > .content > .description {
	color: var(--grey_color);
	font-size: var(--a_text_font_size_small);
}

.listItem > .buttons {
	display: flex;
	pointer-events: none !important;
	margin-left: auto;
}

.listItem > .buttons > .button {
	pointer-events: all !important;
}

.listItem > .buttons > .button:last-child {
	margin-right: 0;
}

.listItem > .buttons > .button:hover {
}

.listItem > .images {
	width: min-content;

	--gap: 3px;
	--imageWidth: 40px;
	--imageHeight: var(--imageWidth);

	display: grid;
	grid-template-columns: 1fr 1fr 1fr;

	gap: var(--gap);
}

.listItem > .images > .image,
.listItem > .images > .moreImages {
	
			border-radius: var(--rounded_corners_radius);

	width: var(--imageWidth);
	height: var(--imageHeight);

	background-size: cover;
	background-repeat: no-repeat;

	background-position: center;

	cursor: pointer;

	background-color: var(--fainter_color);
}

.listItem > .images > .image:hover {
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.listItem > .images > .moreImages {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--grey_darker_color);
	font-weight: 500;
	font-size: var(--a_text_font_size_small);
}

.listItem.inline {
	display: inline-block;
	width: auto;
	float: none;
	margin: 0 0 5px 5px;
}

.listItem.inline > .logo {
	float: left;
}

/* dark */
.listItem.dark {
	--textColor: #fff;
	--textColorFaint: var(--faint_color);
}

/* listItems.inline A listItems */
.listItems.inline.centered {
	text-align: center;
}

.listItems.inline > .listItem {
	display: inline-block;
	width: auto;
}

/* listItem.noWrap */
.listItem.noWrap > .content > .title,
.listItem.noWrap > .content > .subtitle {
	white-space: nowrap;
}

/* listItem.small */

.listItem.small {
	--size: 30px;
}

.listItem.small > .logo,
.listItem.small > .logoTextReplacement {
	height: var(--size);
}

.listItem.small > .logoTextReplacement {
	line-height: var(--size);
	font-size: 10pt;
}

.listItem.small > .profileImage {
	width: 37px;
	height: 37px;
}

/* listItem.mini */
.listItem.mini > .logo,
.listItem.mini > .logoTextReplacement {
	height: 20px;
}

.listItem.mini > .logoTextReplacement {
	line-height: 20px;
	font-size: 8pt;
}

.listItem.mini > .profileImage {
	width: 20px;
	height: 20px;
}


/* icon colors */

.listItem.hashtag > .iconContainer {
	background-color: var(--hashtag_color);
}

.listItem.noticeboardAd > .iconContainer {
	background-color: var(--noticeboard_color);
}

.listItem.noticeboardAd.casting > .iconContainer {
	background-color: hsl(var(--castingsHue), 70%, 50%);
}

.listItem.noticeboardAd.jobs > .iconContainer {
	background-color: hsl(var(--jobsHue), 70%, 50%);
}

.listItem.noticeboardAd.services > .iconContainer {
	background-color: hsl(var(--servicesHue), 70%, 50%);
}

.listItem.noticeboardAd.training > .iconContainer {
	background-color: hsl(var(--trainingHue), 70%, 50%);
}

.listItem.noticeboardAd.others > .iconContainer {
	background-color: hsl(var(--othersHue), 70%, 50%);
}

.listItem.noticeboardAd.marketplace > .iconContainer {
	background-color: hsl(var(--marketplaceHue), 70%, 50%);
}

.listItem.noticeboardAd.travelnotice > .iconContainer {
	background-color: hsl(var(--travelnoticeHue), 70%, 50%);
}


.listItem.workgroup > .iconContainer,
.listItem.workgroup_global_message > .iconContainer,
.listItem.workgroup_new_topic > .iconContainer,
.listItem.workgroup_new_topic_message > .iconContainer,
.listItem.workgroup_new_file > .iconContainer,
.listItem.workgroup_new_calendar_event > .iconContainer,
.listItem.workgroup_new_member > .iconContainer,
.listItem.workgroup_new_request > .iconContainer,
.listItem.workgroup_new_calendar_event > .iconContainer
{
	background-color: var(--workgroup_color);
}

.listItem.follow > .iconContainer
{
	background-color: var(--follow_color);
}

.listItem.unfollow > .iconContainer
{
	background-color: var(--unfollow_color);
}

.listItem.comment_photo > .iconContainer,
.listItem.comments > .iconContainer
{
	background-color: var(--comment_color);
}

.listItem.new_photos > .iconContainer,
.listItem.photos > .iconContainer
{
	background-color: var(--photo_color);
}

.listItem.noticeboard_new > .iconContainer,
.listItem.noticeboard > .iconContainer
{
	background-color: var(--noticeboard_color);
}

.listItem.like_photo > .iconContainer
{
	background-color: var(--like_color);
}

.listItem.unlike_photo > .iconContainer
{
	background-color: var(--like_color);
}

.listItem.usertag_photo > .iconContainer
{
	background-color: var(--usertag_color);
}

.listItem.usertag_photofolder > .iconContainer
{
    background-color: var(--usertag_color);
}

.listItem.lightboxed > .iconContainer,
.listItem.favorite_photo > .iconContainer {
    background-color: var(--lightbox_color);
}

.listItem.site_message > .iconContainer,
.listItem.new_features > .iconContainer,
.listItem.news > .iconContainer {
    background-color: var(--site_message_color);
}

.listItem.travelnotice > .iconContainer {
    background-color: hsl(var(--travelnoticeHue), 70%, 50%);
}

.listItem.project_new > .iconContainer,
.listItem.projectquotation_status_changed > .iconContainer
{
	background-color: var(--photolancers_color);
	background-size: 16px !important;
}

.listItem.slide > .iconContainer {
	background-color: var(--posts_color);
}

.listItem.post_new > .iconContainer {
	background-color: var(--posts_color);
}

.listItem.post_reply > .iconContainer {
	background-color: var(--posts_color);
}

.listItem.post_mention > .iconContainer {
	background-color: var(--posts_color);
}

.listItem.post_like > .iconContainer {
	background-color: var(--posts_color);
}

.listItem.like_post > .iconContainer
{
	background-color: transparent;
	background-size: 20px !important;
}

.listItem.content > .iconContainer {
	background-color: var(--contents_color);
}


/* pill */
.listItem.pill {
	margin: 10px;
	width: calc(100% - 20px);
	
			border-radius: var(--rounded_corners_radius);
	padding: 10px 12px !important;
}

.listItem.pill > .badge {
	top: auto;
	top: -8px;
	right: 10px;
}

details {
	float: left;
	clear: both;
}

details > summary.button > .icon {
	transition: all .15s ease-in-out;
}

details[open] > summary.button > .icon {
	transform: rotate(180deg);
}

.creditsBadge {
	display: inline-flex;
	line-height: inherit;
	vertical-align: center;
	align-items: center;

	background-color: var(--credits_color);

	padding: 3px 6px 3px 4px;
	border-radius: 20px;
	gap: 1px;
}

.creditsBadge > .icon.black {
	opacity: .7;
}

.creditsBadge > .text {
	margin-left: 3px;
	font-family: var(--font_family_a) !important;
	font-size: 9pt;
	line-height: 1em;
	color: #fff;
	font-weight: 200;
}

.creditsBadge.big {
	padding: 10px 15px 10px 10px;
	border-radius: 100px;
	gap: 4px;
}

.creditsBadge.big > .icon {
	width: 32px !important;
    height: 32px !important;
}

.creditsBadge.big > .text {
	font-size: 18pt;
	font-weight: 500;
}

.MosaicBillboard {
	width: 100%;
	height: 100%;
	overflow: hidden;
	--itemWidth: 50px;
	--itemAspectRatio: 1;
}

.MosaicBillboard > .wrapper {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	width: 200%;
	top: calc(var(--itemWidth) / -2);
	animation: mosaicBillboardScroll 120s infinite;
}

@keyframes mosaicBillboardScroll {
    0% { left: 0px; }
	50% { left: calc(-100% + 50px); }
	100% { left: 0%; }
}

.MosaicBillboard > .wrapper > .item {
	position: relative;
	width: var(--itemWidth);
	aspect-ratio: var(--itemAspectRatio);
}

.MosaicBillboard > .wrapper > .item > .image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	inset: 0;
	opacity: .5;
	transition: opacity 1s ease-in-out;
}

.MosaicBillboard > .wrapper > .item.clickable {
	cursor: pointer;
}

.MosaicBillboard > .wrapper > .item:hover > .image {
	opacity: 1;
	transition: opacity .1s ease-in-out;
}