:root {

    --size-icon-large: 32px;
    --size-icon-base: 24px;
    --size-icon-small: 16px;
    --size-icon-xsmall: 12px;

    --size-component-xlarge: 64px;
    --size-component-large: 48px;
    --size-component-base: 40px;
    --size-component-small: 32px;
    --size-component-xsmall: 24px;
    --size-component-xxsmall: 16px;

    --spacing-XXL: 40px;
    --spacing-XL: 32px;
    --spacing-L: 24px;
    --spacing-M: 16px;
    --spacing-S: 12px;
    --spacing-XS: 8px;
    --spacing-XXS: 4px;
    --spacing-XXXS: 2px;
    --spacing-None: 0;
    --spacing-Negative-M: -16px;
    --spacing-Negative-S: -8px;
    --spacing-Negative-xS: -4px;
    --spacing-section-S: 32px;
    --spacing-section-M: 64px;
    --spacing-section-L: 96px;
    --spacing-section-XL: 160px;

    --corner-S: 4px;
    --corner-M: 8px;
    --corner-Card: 24px;
    --corner-RING: 12px;
    --corner-round: 100px;

    --breakpoint-small: 375px;
    --breakpoint-medium: 600px;
    --breakpoint-large: 900px;
    --breakpoint-xlarge: 1200px;

    --Depth-0: 0;
    --Depth-100: 4px;
    --Depth-200: 8px;
    --Depth-300: 10px;
    --Depth-400: 16px;
    --Depth-500: 20px;
    --Depth-600: 24px;
    --Depth-800: 32px;
    --Depth-1200: 48px;
    --Depth-025: 1px;
    --Depth-050: 2px;
    --Depth-075: 3px;
    --Depth-Negative-025: -1px;
    --Depth-Negative-050: -3px;
    --Depth-Negative-100: -4px;
    --Depth-Negative-200: -8px;
    --Depth-Negative-300: -12px;
    --Depth-Negative-400: -16px;
    --Depth-Negative-800: -32px;
    --Depth-Negative-1200: -48px;

    --Font-size-50: 10px;
    --Font-size-100: 12px;
    --Font-size-200: 14px;
    --Font-size-300: 16px;
    --Font-size-400: 18px;
    --Font-size-500: 24px;
    --Font-size-600: 32px;
    --Font-size-700: 40px;
    --Font-size-800: 48px;
    --Font-size-900: 64px;

    --Line-height-XXXS: 12px;
    --Line-height-XXS: 16px;
    --Line-height-XS: 20px;
    --Line-height-S: 22px;
    --Line-height-M: 24px;
    --Line-height-L: 26px;
    --Line-height-XL: 30px;
    --Line-height-XXL: 40px;
    --Line-height-3XL: 48px;
    --Line-height-4XL: 56px;
    --Line-height-5XL: 80px;

    --Font-weight-Thin-100: 100;
    --Font-weight-ExtraLight-200: 200;
    --Font-weight-Light-300: 300;
    --Font-weight-Regular-400: 400;
    --Font-weight-Medium-500: 500;
    --Font-weight-SemiBold-600: 600;
    --Font-weight-Bold-700: 700;
    --Font-weight-ExtraBold-800: 800;
    --Font-weight-Black-900: 900;

    --Font-style-100-italic: "Thin Italic";
    --Font-style-200-italic: "Extra Light Italic";
    --Font-style-300-italic: "Light Italic";
    --Font-style-400-italic: "Italic";
    --Font-style-500-italic: "Medium Italic";
    --Font-style-600-italic: "Semi Bold Italic";
    --Font-style-700-italic: "Bold Italic";
    --Font-style-800-italic: "Extra Bold Italic";
    --Font-style-900-italic: "Black Italic";

    --font-sans: "inter";
    --Heading: "snicker";
    --Document: "Roboto Mono";

    --Solid-Gray-50: #ffffff;
    --Solid-Gray-100: #fcfcfc;
    --Solid-Gray-200: #f9f9f9;
    --Solid-Gray-300: #f0f0f0;
    --Solid-Gray-400: #e8e8e8;
    --Solid-Gray-500: #e0e0e0;
    --Solid-Gray-600: #d9d9d9;
    --Solid-Gray-700: #cecece;
    --Solid-Gray-800: #bbbbbb;
    --Solid-Gray-900: #8d8d8d;
    --Solid-Gray-1000: #838383;
    --Solid-Gray-1100: #646464;
    --Solid-Gray-1200: #202020;

    --Alpha-Gray-100: rgba(0, 0, 0, 0);
    --Alpha-Gray-200: rgba(0, 0, 0, 0.01);
    --Alpha-Gray-300: rgba(0, 0, 0, 0.05);
    --Alpha-Gray-400: rgba(0, 0, 0, 0.09);
    --Alpha-Gray-500: rgba(0, 0, 0, 0.12);
    --Alpha-Gray-600: rgba(0, 0, 0, 0.14);
    --Alpha-Gray-700: rgba(0, 0, 0, 0.18);
    --Alpha-Gray-800: rgba(0, 0, 0, 0.27);
    --Alpha-Gray-900: rgba(0, 0, 0, 0.45);
    --Alpha-Gray-1000: rgba(0, 0, 0, 0.49);
    --Alpha-Gray-1100: rgba(0, 0, 0, 0.61);
    --Alpha-Gray-1200: rgba(0, 0, 0, 0.87);

    --Solid-Orange-100: #fefcfb;
    --Solid-Orange-200: #fff7ed;
    --Solid-Orange-300: #ffefd6;
    --Solid-Orange-400: #ffdfb5;
    --Solid-Orange-500: #ffd19a;
    --Solid-Orange-600: #ffc182;
    --Solid-Orange-700: #f5ae73;
    --Solid-Orange-800: #ec9455;
    --Solid-Orange-900: #f76b15;
    --Solid-Orange-1000: #ef5f00;
    --Solid-Orange-1100: #cc4e00;
    --Solid-Orange-1200: #582d1d;

    --Alpha-Orange-50: rgba(192, 64, 0, 0.0296);
    --Alpha-Orange-100: rgba(192, 64, 0, 0);
    --Alpha-Orange-200: rgba(255, 142, 0, 0.07);
    --Alpha-Orange-300: rgba(255, 156, 0, 0.16);
    --Alpha-Orange-400: rgba(255, 145, 1, 0.29);
    --Alpha-Orange-500: rgba(255, 139, 0, 0.40);
    --Alpha-Orange-600: rgba(255, 129, 0, 0.49);
    --Alpha-Orange-700: rgba(237, 108, 0, 0.54);
    --Alpha-Orange-800: rgba(227, 95, 0, 0.67);
    --Alpha-Orange-900: rgba(246, 94, 0, 0.92);
    --Alpha-Orange-1000: rgba(239, 95, 0, 0.81);
    --Alpha-Orange-1100: rgba(204, 78, 0, 0.90);
    --Alpha-Orange-1200: rgba(67, 18, 0, 0.89);

    --Solid-Blue-12: #113264;
    --Solid-Blue-100: #fbfdff;
    --Solid-Blue-200: #f4faff;
    --Solid-Blue-300: #e6f4fe;
    --Solid-Blue-400: #d5efff;
    --Solid-Blue-500: #c2e5ff;
    --Solid-Blue-600: #acd8fc;
    --Solid-Blue-700: #8ec8f6;
    --Solid-Blue-800: #5eb1ef;
    --Solid-Blue-900: #0090ff;
    --Solid-Blue-1000: #0588f0;
    --Solid-Blue-1100: #0d74ce;

    --Alpha-Blue-12: rgba(0, 35, 89, 0.92);
    --Alpha-Blue-100: rgba(0, 128, 255, 0.01);
    --Alpha-Blue-200: rgba(0, 140, 255, 0.03);
    --Alpha-Blue-300: rgba(0, 143, 245, 0.10);
    --Alpha-Blue-400: rgba(0, 158, 255, 0.16);
    --Alpha-Blue-500: rgba(0, 147, 255, 0.23);
    --Alpha-Blue-600: rgba(0, 136, 246, 0.32);
    --Alpha-Blue-700: rgba(0, 131, 235, 0.43);
    --Alpha-Blue-800: rgba(0, 132, 230, 0.63);
    --Alpha-Blue-900: rgba(0, 144, 255, 0.72);
    --Alpha-Blue-1000: rgba(0, 134, 240, 0.98);
    --Alpha-Blue-1100: rgba(0, 109, 203, 0.94);

    --Solid-Teal-100: #fafefd;
    --Solid-Teal-200: #f3fbf9;
    --Solid-Teal-300: #e0f8f3;
    --Solid-Teal-400: #ccf3ea;
    --Solid-Teal-500: #b8eae0;
    --Solid-Teal-600: #a1ded2;
    --Solid-Teal-700: #83cdc1;
    --Solid-Teal-800: #53b9ab;
    --Solid-Teal-900: #12a594;
    --Solid-Teal-1000: #0d9b8a;
    --Solid-Teal-1100: #008573;
    --Solid-Teal-1200: #0d3d38;

    --Alpha-Teal-100: rgba(0, 204, 153, 0.01);
    --Alpha-Teal-200: rgba(0, 170, 128, 0.05);
    --Alpha-Teal-300: rgba(0, 198, 157, 0.12);
    --Alpha-Teal-400: rgba(0, 195, 150, 0.20);
    --Alpha-Teal-500: rgba(0, 180, 144, 0.27);
    --Alpha-Teal-600: rgba(0, 166, 133, 0.36);
    --Alpha-Teal-700: rgba(0, 153, 128, 0.49);
    --Alpha-Teal-800: rgba(0, 151, 131, 0.67);
    --Alpha-Teal-900: rgba(0, 158, 140, 0.92);
    --Alpha-Teal-1000: rgba(0, 150, 132, 0.94);
    --Alpha-Teal-1100: rgba(0, 133, 115, 0.90);
    --Alpha-Teal-1200: rgba(0, 51, 45, 0.94);

    --Solid-Amber-12: #342111;
    --Solid-Amber-100: #f8eed5;
    --Solid-Amber-200: #fff9bc;
    --Solid-Amber-300: #fff796;
    --Solid-Amber-400: #ffee70;
    --Solid-Amber-500: #ffeb47;
    --Solid-Amber-600: #fbdb3f;
    --Solid-Amber-700: #f1c22e;
    --Solid-Amber-800: #dc9d10;
    --Solid-Amber-900: #ffc511;
    --Solid-Amber-1000: #ebb200;
    --Solid-Amber-1100: #c89600;

    --Alpha-Amber-12: rgba(52, 21, 0, 0.87);
    --Alpha-Amber-100: rgba(192, 128, 0, 0.01);
    --Alpha-Amber-200: rgba(244, 209, 0, 0.09);
    --Alpha-Amber-300: rgba(255, 222, 0, 0.23);
    --Alpha-Amber-400: rgba(255, 212, 0, 0.38);
    --Alpha-Amber-500: rgba(248, 207, 0, 0.52);
    --Alpha-Amber-600: rgba(234, 181, 0, 0.54);
    --Alpha-Amber-700: rgba(220, 155, 0, 0.61);
    --Alpha-Amber-800: rgba(218, 138, 0, 0.78);
    --Alpha-Amber-900: rgba(255, 179, 0, 0.76);
    --Alpha-Amber-1000: rgba(255, 179, 0, 0.90);
    --Alpha-Amber-1100: rgba(171, 100, 0, 0.90);

    --Solid-Red-1: #fffcfc;
    --Solid-Red-200: #fff7f7;
    --Solid-Red-300: #feebec;
    --Solid-Red-400: #ffdbdc;
    --Solid-Red-500: #ffcdce;
    --Solid-Red-600: #fdbdbe;
    --Solid-Red-700: #f4a9aa;
    --Solid-Red-800: #eb8e90;
    --Solid-Red-900: #e5484d;
    --Solid-Red-1000: #dc3e42;
    --Solid-Red-1100: #ce2c31;
    --Solid-Red-1200: #641723;

    --Alpha-Red-1: rgba(255, 0, 0, 0.01);
    --Alpha-Red-200: rgba(255, 0, 0, 0.03);
    --Alpha-Red-300: rgba(243, 0, 13, 0.07);
    --Alpha-Red-400: rgba(255, 0, 8, 0.14);
    --Alpha-Red-500: rgba(255, 0, 6, 0.20);
    --Alpha-Red-600: rgba(248, 0, 4, 0.25);
    --Alpha-Red-700: rgba(223, 0, 3, 0.34);
    --Alpha-Red-800: rgba(210, 0, 5, 0.43);
    --Alpha-Red-900: rgba(219, 0, 7, 0.72);
    --Alpha-Red-1000: rgba(209, 0, 5, 0.76);
    --Alpha-Red-1100: rgba(196, 0, 6, 0.83);
    --Alpha-Red-1200: rgba(85, 0, 13, 0.90);

    --Solid-Green-100: #fbfefc;
    --Solid-Green-200: #f4fbf6;
    --Solid-Green-300: #e6f6eb;
    --Solid-Green-400: #d6f1df;
    --Solid-Green-500: #c4e8d1;
    --Solid-Green-600: #adddc0;
    --Solid-Green-700: #8eceaa;
    --Solid-Green-800: #5bb98b;
    --Solid-Green-900: #30a46c;
    --Solid-Green-1000: #2b9a66;
    --Solid-Green-1100: #218358;
    --Solid-Green-1200: #193b2d;

    --Alpha-Green-100: rgba(0, 192, 64, 0.01);
    --Alpha-Green-200: rgba(0, 163, 47, 0.03);
    --Alpha-Green-300: rgba(0, 164, 51, 0.10);
    --Alpha-Green-400: rgba(0, 168, 56, 0.16);
    --Alpha-Green-500: rgba(1, 156, 57, 0.23);
    --Alpha-Green-600: rgba(0, 150, 60, 0.32);
    --Alpha-Green-700: rgba(0, 145, 64, 0.43);
    --Alpha-Green-800: rgba(0, 146, 75, 0.63);
    --Alpha-Green-900: rgba(0, 143, 74, 0.81);
    --Alpha-Green-1000: rgba(0, 134, 71, 0.83);
    --Alpha-Green-1100: rgba(0, 113, 63, 0.87);
    --Alpha-Green-1200: rgba(0, 38, 22, 0.90);

    --Alpha-White-100: rgba(255, 255, 255, 0.05);
    --Alpha-White-200: rgba(255, 255, 255, 0.10);
    --Alpha-White-300: rgba(255, 255, 255, 0.14);
    --Alpha-White-400: rgba(255, 255, 255, 0.20);
    --Alpha-White-500: rgba(255, 255, 255, 0.30);
    --Alpha-White-600: rgba(255, 255, 255, 0.40);
    --Alpha-White-700: rgba(255, 255, 255, 0.50);
    --Alpha-White-800: rgba(255, 255, 255, 0.60);
    --Alpha-White-900: rgba(255, 255, 255, 0.70);
    --Alpha-White-1000: rgba(255, 255, 255, 0.85);
    --Alpha-White-1100: rgba(255, 255, 255, 0.90);
    --Alpha-White-1200: rgba(255, 255, 255, 0.94);

    --Alpha-Black-100: rgba(0, 0, 0, 0.05);
    --Alpha-Black-200: rgba(0, 0, 0, 0.10);
    --Alpha-Black-300: rgba(0, 0, 0, 0.14);
    --Alpha-Black-400: rgba(0, 0, 0, 0.20);
    --Alpha-Black-500: rgba(0, 0, 0, 0.30);
    --Alpha-Black-600: rgba(0, 0, 0, 0.40);
    --Alpha-Black-700: rgba(0, 0, 0, 0.50);
    --Alpha-Black-800: rgba(0, 0, 0, 0.60);
    --Alpha-Black-900: rgba(0, 0, 0, 0.70);
    --Alpha-Black-1000: rgba(0, 0, 0, 0.80);
    --Alpha-Black-1100: rgba(0, 0, 0, 0.90);
    --Alpha-Black-1200: rgba(0, 0, 0, 0.94);

    --Neutral-10: rgba(192, 64, 0, 0);
    --Neutral-100: rgba(192, 64, 0, 0.07);
    --Neutral-200: rgba(192, 64, 0, 0.16);
    --Neutral-bold-10: rgba(0, 0, 0, 0);
    --Neutral-bold-100: rgba(0, 0, 0, 0.10);
    --Neutral-bold-200: rgba(0, 0, 0, 0.14);

    --Solid-Violet-100: #fdfcfe;
    --Solid-Violet-200: #faf8ff;
    --Solid-Violet-300: #f4f0fe;
    --Solid-Violet-400: #ebe4ff;
    --Solid-Violet-500: #e1d9ff;
    --Solid-Violet-600: #d4cafe;
    --Solid-Violet-700: #c2b5f5;
    --Solid-Violet-800: #aa99ec;
    --Solid-Violet-900: #6e56cf;
    --Solid-Violet-1000: #654dc4;
    --Solid-Violet-1100: #6550b9;
    --Solid-Violet-1200: #2f265f;

    --Alpha-Violet-100: rgba(85, 0, 170, 0.0118);
    --Alpha-Violet-200: rgba(73, 0, 255, 0.0314);
    --Alpha-Violet-300: rgba(68, 0, 238, 0.0588);
    --Alpha-Violet-400: rgba(67, 0, 255, 0.1098);
    --Alpha-Violet-500: rgba(54, 0, 255, 0.1490);
    --Alpha-Violet-600: rgba(49, 0, 251, 0.2118);
    --Alpha-Violet-700: rgba(45, 1, 221, 0.2902);
    --Alpha-Violet-800: rgba(43, 0, 208, 0.40);
    --Alpha-Violet-900: rgba(36, 0, 183, 0.6588);
    --Alpha-Violet-1000: rgba(35, 0, 171, 0.7020);
    --Alpha-Violet-1100: rgba(31, 0, 153, 0.6902);
    --Alpha-Violet-1200: rgba(11, 0, 67, 0.8510);

    --blue-100: #e0f2ff;
    --blue-200: #cae8ff;
    --blue-300: #b5deff;
    --blue-400: #96cefd;
    --blue-500: #78bbfa;
    --blue-600: #59a7f6;
    --blue-900: #0265dc;
    --blue-1000: #0054b6;
    --blue-1100: #004491;

    --green-100: #cef8e0;
    --green-200: #adf4ce;
    --green-300: #89ecbc;
    --green-400: #67dea8;
    --green-500: #49cc93;
    --green-600: #2fb880;
    --green-900: #007a4d;
    --green-1000: #00653e;
    --green-1100: #005132;

    --red-100: #ffebe7;
    --red-200: #ffddd6;
    --red-300: #ffcdc3;
    --red-400: #ffb7a9;
    --red-500: #ff9b88;
    --red-600: #ff7c65;
    --red-900: #d31510;
    --red-1000: #b40000;
    --red-1100: #930000;

    --orange-100: #ffeccc;
    --orange-200: #ffdfad;
    --orange-300: #fdd291;
    --orange-400: #ffbb63;
    --orange-500: #ffa037;
    --orange-600: #f68511;
    --orange-900: #b14c00;
    --orange-1000: #953d00;
    --orange-1100: #7a2f00;

    --text-default: var(--Solid-Gray-1200);
    --text-Secondary: var(--Alpha-Black-800);
    --text-Tertiary: var(--Alpha-Black-600);
    --text-Subtle: var(--Solid-Gray-1100);
    --text-Disabled: var(--Alpha-Gray-800);
    --text-Inverse: var(--Solid-Gray-50);
    --text-Inverse-Subtle: var(--Solid-Gray-600);
    --text-onbrand-default: var(--Solid-Gray-50);
    --text-onbrand-secondery: var(--Alpha-White-1000);
    --text-onbrand-tertiary: var(--Alpha-White-800);
    --text-Brand-Bold: var(--Solid-Orange-900);
    --text-Brand-Bold-Hover: var(--Solid-Orange-1000);
    --text-Brand-Bold-Avtive: var(--Solid-Orange-1100);
    --text-Link: var(--Solid-Blue-900);
    --text-Link-Hover: var(--Solid-Blue-1000);
    --text-Link-Avtive: var(--Solid-Blue-1100);
    --text-Color-Brand: var(--Solid-Orange-900);
    --text-Color-Success: var(--Solid-Green-900);
    --text-Color-Danger: var(--Solid-Red-1000);
    --text-Color-Warning: var(--Solid-Orange-1000);
    --text-Color-Info: var(--Solid-Blue-900);
    --text-accent-Accent-Yellow: var(--Solid-Amber-800);
    --text-accent-Accent-Green: var(--Solid-Teal-900);
    --text-accent-Accent-Orange: var(--Solid-Orange-900);
    --text-accent-Accent-Red: var(--Solid-Red-900);
    --text-accent-Accent-Violet: var(--Solid-Violet-900);

    --bg-brand-Primary: var(--Solid-Orange-900);
    --bg-brand-hover: var(--Solid-Orange-1000);
    --bg-brand-Active: var(--Solid-Orange-1100);
    --bg-brand-Subtlest: var(--Solid-Orange-300);
    --bg-Surface-Default: var(--Solid-Gray-50);
    --bg-Surface-Secondary: var(--Solid-Gray-200);
    --bg-Surface-tertiary: var(--Solid-Gray-400);
    --bg-Surface-hover: var(--Solid-Gray-200);
    --bg-Surface-selected: var(--Solid-Orange-300);
    --bg-Surface-Disabled: var(--Alpha-White-200);
    --bg-Surface-Sunken: var(--Solid-Gray-100);
    --bg-Surface-Solid-Brand: var(--Solid-Orange-200);
    --bg-Surface-Solid-Blue: var(--Solid-Blue-200);
    --bg-Surface-Solid-Teal: var(--Solid-Teal-200);
    --bg-Surface-Solid-Yellow: var(--Solid-Amber-100);
    --bg-Surface-Solid-Red: var(--Solid-Red-200);
    --bg-Surface-Solid-Green: var(--Solid-Green-200);
    --bg-Surface-Solid-White: var(--Solid-Gray-50);
    --bg-Surface-Soft-Brand: var(--Alpha-Orange-300);
    --bg-Surface-Soft-Brand-subtle: var(--Alpha-Orange-200);
    --bg-Surface-Soft-Blue: var(--Alpha-Blue-300);
    --bg-Surface-Soft-Blue-subtle: var(--Alpha-Blue-200);
    --bg-Surface-Soft-Teal: var(--Alpha-Teal-300);
    --bg-Surface-Soft-Teal-subtle: var(--Alpha-Teal-200);
    --bg-Surface-Soft-Yellow: var(--Alpha-Amber-300);
    --bg-Surface-Soft-Yellow-subtle: var(--Alpha-Amber-200);
    --bg-Surface-Soft-Red: var(--Alpha-Red-300);
    --bg-Surface-Soft-Red-subtle: var(--Alpha-Red-200);
    --bg-Surface-Soft-Green: var(--Alpha-Green-300);
    --bg-Surface-Soft-Green-subtle: var(--Alpha-Green-200);
    --bg-NeutralBackground1: var(--Solid-Gray-1200);
    --bg-NeutralBackground2: var(--Solid-Gray-900);
    --bg-NeutralBackground3: var(--Solid-Gray-300);
    --bg-NeutralBackground4: var(--Alpha-Orange-50);
    --bg-Neutral: var(--Alpha-Orange-50);
    --bg-Neutral-Hover: var(--Alpha-Orange-200);
    --bg-Neutral-Active: var(--Alpha-Orange-300);
    --bg-Neutral-Selected: var(--Alpha-Orange-400);
    --bg-Bold-Neutral-Gohst: var(--Alpha-Gray-100);
    --bg-Bold-Neutral: var(--Alpha-Gray-200);
    --bg-Bold-Neutral-Hover: var(--Alpha-Gray-300);
    --bg-Bold-Neutral-Active: var(--Alpha-Gray-400);
    --bg-Bold-Neutral-Selected: var(--Alpha-Gray-300);
    --bg-Bold-Neutral-Disabled: var(--Solid-Gray-200);
    --bg-Inverse-Neutral-Inverse-Default: var(--Alpha-White-100);
    --bg-Inverse-Neutral-Inverse-Hover: var(--Alpha-White-200);
    --bg-Inverse-Neutral-Inverse-Active: var(--Alpha-White-300);
    --bg-Inverse-Neutral-Inverse-Selected: var(--Alpha-White-200);
    --bg-Inverse-Neutral-Inverse-Disabled: var(--Alpha-White-300);
    --bg-Gray-Gray-Subtler: var(--Solid-Gray-50);
    --bg-Gray-Gray-Subler-Hover: var(--Solid-Gray-100);
    --bg-Gray-Gray-Subler-Active: var(--Solid-Gray-200);
    --bg-Gray-Gray-Subtle: var(--Solid-Gray-200);
    --bg-Gray-Gray-Subtle-Hover: var(--Solid-Gray-400);
    --bg-Gray-Gray-Subtle-Active: var(--Solid-Gray-400);
    --bg-Gray-Gray-Bold: var(--Solid-Gray-1200);
    --bg-Gray-Gray-Bold-Hover: var(--Solid-Gray-1100);
    --bg-Gray-Gray-Bold-Active: var(--Solid-Gray-1000);
    --bg-Input-Default: var(--Alpha-White-1000);
    --bg-Input-Hover: var(--Alpha-Gray-300);
    --bg-blue-Primary: var(--Solid-Blue-900);
    --bg-blue-hover: var(--Solid-Blue-1000);
    --bg-blue-Active: var(--Solid-Blue-1100);
    --bg-blue-Brand-Subtlest: var(--Solid-Blue-300);
    --bg-Danger-Primary: var(--red-900);
    --bg-Danger-Hover: var(--red-1000);
    --bg-Danger-Active: var(--red-1100);
    --bg-Danger-Subtlest: var(--red-100);
    --bg-Warning-Warning: var(--orange-900);
    --bg-Warning-hover: var(--orange-1000);
    --bg-Warning-Active: var(--orange-1100);
    --bg-Warning-Subtlest: var(--orange-100);
    --bg-Success-Success: var(--Solid-Green-900);
    --bg-Success-hover: var(--Solid-Green-1000);
    --bg-Success-Active: var(--Solid-Green-1100);
    --bg-Success-Subtlest: var(--Solid-Green-300);
    --bg-assistive01-Primary: var(--Solid-Amber-900);
    --bg-assistive01-hover: var(--Solid-Amber-1000);
    --bg-assistive01-Active: var(--Solid-Amber-1100);
    --bg-assistive01-Subtlest: var(--Alpha-Amber-300);
    --bg-assistive02-Primary: var(--Solid-Teal-900);
    --bg-assistive02-hover: var(--Alpha-Teal-1000);
    --bg-assistive02-Active: var(--Alpha-Teal-1100);
    --bg-assistive02-Subtlest: var(--Solid-Teal-300);
    --bg-accent-Accent-Blue: var(--Solid-Blue-700);
    --bg-accent-AccentBlue-Subtlest: var(--Solid-Blue-300);
    --bg-accent-Accent-Yellow: var(--Solid-Amber-700);
    --bg-accent-Accent-Yellow-Subtlest: var(--Solid-Amber-200);
    --bg-accent-Accent-Green: var(--Solid-Green-700);
    --bg-accent-Accent-Green-Subtlest: var(--Solid-Green-300);
    --bg-accent-Accent-Red: var(--Solid-Red-700);
    --bg-accent-Accent-Red-Subtlest: var(--Solid-Red-300);
    --bg-accent-Accent-Orange: var(--Solid-Orange-700);
    --bg-accent-Accent-Orange-Subtlest: var(--Solid-Orange-300);
    --bg-accent-Accent-Violet: var(--Solid-Violet-700);
    --bg-accent-Accent-Violet-Subtlest: var(--Solid-Violet-300);
    --bg-Utilities-Overlay: rgba(0, 0, 0, 0.5);
    --bg-Utilities-Blanket: rgba(0, 0, 0, 0.7);
    --bg-Utilities-Scrim: rgba(255, 255, 255, 0.8);

    --icon-Bold: var(--Alpha-Black-1200);
    --icon-Secondary: var(--Alpha-Black-800);
    --icon-tertiary: var(--Alpha-Black-600);
    --icon-Subtle: var(--Solid-Gray-600);
    --icon-Hover: var(--Solid-Gray-1000);
    --icon-Active: var(--Solid-Gray-1100);
    --icon-Disabled: var(--Alpha-Gray-800);
    --icon-Strong-Disabled: var(--Alpha-Gray-900);
    --icon-Inverse-default: var(--Solid-Gray-50);
    --icon-Inverse-Subtle: var(--Solid-Gray-300);
    --icon-Inverse-Subtle-Hover: var(--Solid-Gray-400);
    --icon-Inverse-Subtle-Active: var(--Solid-Gray-400);
    --icon-onbrand-default: var(--Solid-Gray-50);
    --icon-onbrand-secondery: var(--Alpha-White-1000);
    --icon-onbrand-tertiary: var(--Alpha-White-800);
    --icon-Brand-Bold: var(--Solid-Orange-900);
    --icon-Brand-hover: var(--Solid-Orange-1000);
    --icon-Brand-Active: var(--Solid-Orange-1100);
    --icon-Brand-Subtlest: var(--Solid-Orange-300);
    --icon-Link: var(--Solid-Blue-900);
    --icon-Link-hover: var(--Solid-Blue-1000);
    --icon-Link-Active: var(--Solid-Blue-1100);
    --icon-assistive01-Primary: var(--Solid-Amber-900);
    --icon-assistive01-hover: var(--Solid-Amber-1000);
    --icon-assistive01-Active: var(--Solid-Amber-1100);
    --icon-assistive01-Subtlest: var(--Alpha-Amber-300);
    --icon-assistive02-Primary: var(--Solid-Teal-900);
    --icon-assistive02-hover: var(--Alpha-Teal-1000);
    --icon-assistive02-Active: var(--Alpha-Teal-1100);
    --icon-assistive02-Subtlest: var(--Solid-Teal-300);
    --icon-Color-Brand: var(--Solid-Orange-900);
    --icon-Color-Success: var(--Solid-Green-900);
    --icon-Color-Danger: var(--Solid-Red-1000);
    --icon-Color-Warning: var(--orange-900);
    --icon-Color-Accent: var(--Solid-Amber-800);
    --icon-Color-Info: var(--Solid-Blue-900);
    --icon-accent-Accent-Blue: var(--Solid-Blue-700);
    --icon-accent-Accent-Yellow: var(--Solid-Amber-800);
    --icon-accent-Accent-Green: var(--Solid-Green-900);
    --icon-accent-Accent-Orange: var(--Solid-Orange-900);
    --icon-accent-Accent-Red: var(--Solid-Red-900);
    --icon-accent-Accent-Violet: var(--Solid-Violet-900);

    --border-Subtle: var(--Solid-Gray-400);
    --border-Bold: var(--Solid-Gray-1200);
    --border-Brand-Focus: var(--Solid-Orange-700);
    --border-Gohst: var(--Alpha-Gray-100);
    --border-Inverse-default: var(--Solid-Gray-50);
    --border-Brand-Bold: var(--Solid-Orange-900);
    --border-Brand-hover: var(--Solid-Orange-1000);
    --border-Brand-Active: var(--Solid-Orange-1100);
    --border-Brand-Subtlest: var(--Solid-Orange-300);
    --border-Colors-Info: var(--Solid-Blue-900);
    --border-Colors-Warning: var(--orange-900);
    --border-Colors-Danger: var(--red-900);
    --border-Colors-Success: var(--Solid-Green-900);
    --border-Soft-Accent-Accent-Blue: var(--Alpha-Blue-300);
    --border-Soft-Accent-Accent-Blue-Bold: var(--Solid-Blue-900);
    --border-Soft-Accent-Accent-Yellow: var(--Alpha-Amber-300);
    --border-Soft-Accent-Accent-Yellow-Bold: var(--Solid-Amber-900);
    --border-Soft-Accent-Accent-Teal: var(--Alpha-Teal-300);
    --border-Soft-Accent-Accent-Teal-Bold: var(--Alpha-Teal-900);
    --border-Soft-Accent-Accent-Orange: var(--Alpha-Orange-300);
    --border-Soft-Accent-Accent-Orange-Bold: var(--Solid-Orange-900);
    --border-Soft-Accent-Accent-Red: var(--Alpha-Red-300);
    --border-Soft-Accent-Accent-Red-Bold: var(--Alpha-Red-900);
    --border-Soft-Accent-Accent-Violet: var(--Solid-Violet-300);
    --border-Soft-Accent-Accent-Purple-Bold: var(--Solid-Violet-900);
    --border-input-default: var(--Alpha-Black-400);

    --Gradient-Blue: var(--blue-600);
    --Gradient-Blue-Subtle: var(--blue-100);
    --Gradient-Green: var(--green-600);
    --Gradient-Purple: var(--Solid-Violet-600);
    --Gradient-Red: var(--red-600);
    --Gradient-Orange: var(--orange-600);
    --Gradient-Gray: var(--Solid-Gray-600);

    /* Mobile Font Sizes */
    --Font-size-500-mobile: 20px;

}

.page-id-71 footer {
    display: none;
}

.iscu_system_container {
    background: var(--bg-NeutralBackground3);
    min-height: calc(100vh - 96px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    height: 100vh;
}

.admin-bar .iscu_system_container {
    max-height: calc(100vh - 96px);
}

.iscu_system_sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    width: 241px;
    padding: 24px 12px;
    border-right: 1px solid #E8E8E8;
    background: var(--bg-NeutralBackground3);
    max-width: 241px;
    height: calc(100vh - 65px);
}

.admin-bar .iscu_system_sidebar {
    max-height: calc(100vh - 96px);
}

.iscu_system_menu_item a {
    display: flex;
    height: 40px;
    padding: 0px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.00);
}

.iscu_system_sidebar_footer,
.iscu_system_menu_item {
    width: 100%;
}

.iscu_sidebar_close .iscu_system_menu_items .iscu_system_menu_item_image {
    position: relative;
}

.iscu_sidebar_close .iscu_system_menu_items .iscu_system_menu_item_image::after {
    content: attr(data-notification);
    position: absolute;
    top: -11px;
    right: -11px;
    display: none;
    height: 16px;
    color: var(--text-Inverse);
    text-align: center;
    font-family: var(--font-sans);
    font-size: var(--Font-size-50);
    font-style: normal;
    font-weight: var(--Font-weight-SemiBold-600);
    line-height: var(--Font-size-300);
    letter-spacing: 0.24px;
    width: 15px;
    border-radius: var(--corner-round);
    background: var(--bg-Danger-Primary);
}

.iscu_sidebar_close .iscu_system_menu_item_image[data-notification]:not([data-notification="0"])::after {
    display: flex;
    justify-content: center;
    align-items: center;
}


.iscu_system_menu_item_notification_count {
    display: flex;
    width: 16px;
    height: 16px;
    min-width: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #D31510;
    color: #FFF;
    text-align: center;
    font-family: var(--font-sans);
    font-size: var(--Font-size-50);
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.24px;
}

.iscu_system_menu_items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.iscu_system_menu_item.active {
    border-radius: 8px;
    background: #F76B15;
    pointer-events: none;
}

.iscu_system_menu_item_image {
    display: flex;
}

.iscu_system_menu_item.active a {
    color: white;
}

.iscu_system_menu_item a {
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--font-sans);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-height-M, 24px);
}


.iscu_sidebar_account_details.iscu_system_menu_item {
    display: flex;
    padding: 12px 0 12px 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid #E8E8E8;
}

.iscu_system_sidebar_footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.iscu_sidebar_account_details img {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 100px;
    background: lightgray 50% / cover no-repeat;
}

.iscu_sidebar_user_details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    width: calc(100% - 32px);
}

.iscu_sidebar_user_name {
    color: var(--text-default);
    font-family: var(--font-sans);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--Font-weight-Normal-Bold-700);
    line-height: 20px;
    align-self: stretch;
}

.iscu_sidebar_user_email {
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--font-sans);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    align-self: stretch;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.iscu_sidebar_logout .iscu_system_menu_item_title,
.iscu_sidebar_logout .iscu_system_menu_item_image {
    color: #DC3E42;
}

.iscu_sidebar_collapse {
    cursor: pointer;
}

.iscu_system_content_wrapper:not(.active),
.iscu_system_sidebar.iscu_sidebar_close .iscu_collapse_close,
.iscu_system_sidebar:not(.iscu_sidebar_close) .iscu_collapse_open,
.iscu_system_sidebar.iscu_sidebar_close .iscu_sidebar_user_details,
.iscu_system_sidebar.iscu_sidebar_close .iscu_system_menu_item_notification,
.iscu_system_sidebar.iscu_sidebar_close .iscu_system_menu_item_title {
    display: none;
}

.iscu_system_menu_item.active svg path {
    fill: white;
    fill-opacity: 1;
}

.iscu_system_menu_item:not(.iscu_sidebar_account_details) .iscu_system_menu_item_image svg {
    width: 24px;
    height: 24px;
}

.iscu_system_sidebar.iscu_sidebar_close {
    max-width: 66px;
}

.iscu_system_sidebar.iscu_sidebar_close a {
    padding: 8px;
}

.iscu_sidebar_account_details img {
    width: 40px;
    height: 40px;
    max-width: unset;
    max-height: unset;
}

.iscu_sidebar_close .iscu_sidebar_account_details a {
    padding: 0
}

.iscu_system_content_wrapper {
    width: calc(100% - 241px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    background: linear-gradient(0deg, rgba(192, 64, 0, 0.03) 0%, rgba(192, 64, 0, 0.03) 100%), #FFF;
    overflow: auto;
    scrollbar-width: none;
    background: var(--bg-Surface-Default);
}

.iscu_system_sidebar.iscu_sidebar_close+.iscu_system_content_wrapper {
    width: calc(100% - 65px);
}

.iscu_system_header {
    display: flex;
    padding: 16px 48px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    background: var(--bg-NeutralBackground3);
}

.iscu_system_bread_crumb {
    display: flex;
    padding: 16px 0px 32px 0px;
    align-items: center;
    column-gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
    row-gap: 10px;
}

.iscu_system_bread_crumb_item a,
.iscu_system_bread_crumb_item {
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--font-sans);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    position: relative;
}

.iscu_system_bread_crumb_item a {
    color: var(--text-Brand-Bold-Avtive);
}

.iscu_system_bread_crumb_item:not(:last-child)::after {
    content: '';
    height: 5px;
    width: 5px;
    border: 1px solid #909090;
    display: block;
    rotate: 45deg;
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    right: -13px;
    top: 50%;
    translate: 0px -1px;
}

.iscu_system_title_wrapper {
    display: flex;
    padding: 8px 0px;
    align-items: center;
    gap: 15px;
    align-self: stretch;
}

.iscu_system_title {
    align-self: stretch;
    color: var(--text-default);
    font-family: var(--font-sans);
    font-size: var(--Font-size-400);
    font-style: normal;
    font-weight: var(--Font-weight-Normal-Bold-700);
    line-height: var(--Line-height-M, 24px);
    display: flex;
    padding: 4px 0px;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}

.iscu_add_new_child_wrapper button {
    display: flex;
    height: var(--size-component-base);
    min-width: 112px;
    padding: 0px var(--spacing-S);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-XS);
    border-radius: var(--corner-M);
    background: var(--bg-Gray-Gray-Bold);
    color: var(--text-Inverse);
    text-align: center;
    font-family: var(--font-sans);
    font-size: var(--Font-size-300);
    font-style: normal;
    font-weight: var(--Font-weight-SemiBold-600);
    line-height: var(--Line-height-M);
    border: 0;
    cursor: pointer;
}

.iscu_system_content {
    display: flex;
    padding: 0px 48px 40px 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
    align-self: stretch;
}

.iscu_system_table_header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.iscu_system_table_tabs {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-bottom: 1px solid #E8E8E8;
    overflow-x: auto;
    scrollbar-width: none;
}

.iscu_system_table_tab.active {
    color: #F76B15;
    border-bottom: 2px solid #F76B15;
}

.iscu_system_table_tab {
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: rgba(0, 0, 0, 0.60);
    text-align: center;
    font-family: var(--font-sans);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: var(--Line-height-M, 24px);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}


.iscu_system_table_filters {
    display: flex;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}

.iscu_system_table_filter {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.iscu_system_table_search {
    width: 300px;
    border-radius: var(--corner-M, 8px);
    border: 1px solid var(--border-input-default, rgba(0, 0, 0, 0.20));
    background: var(--bg-Input-Default, rgba(255, 255, 255, 0.85));
    color: var(--text-Tertiary, rgba(0, 0, 0, 0.40));
    display: flex;
    height: var(--size-component-large, 48px);
    padding: var(--spacing-S, 12px) var(--spacing-XS, 8px);
    align-items: center;
    gap: var(--spacing-XS, 8px);
    align-self: stretch;
}

#iscu_sort_user,
#iscu_search_user_by_date {
    width: 250px;
    flex-direction: column;
    display: flex;
    height: 48px;
    padding: 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: rgba(255, 255, 255, 0.85);
    appearance: none;
}

.iscu_system_table_search,
.iscu_sort_user_wrapper,
.iscu_search_user_by_date_wrapper {
    position: relative;
}

.iscu_sort_user_wrapper::after,
.iscu_search_user_by_date_wrapper::after {
    content: '';
    display: block;
    border: 2px solid black;
    height: 6px;
    width: 6px;
    rotate: 45deg;
    border-left: 0;
    border-top: 0;
    position: absolute;
    right: 12px;
    top: 18px;
}

#iscu_search_user {
    letter-spacing: 0.14px;
    flex: 1;
    border: 0;
    color: var(--text-default, #202020);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    max-width: 220px;
}

.iscu_search_cancel {
    display: none;
    cursor: pointer;
}

body #iscu_system_user_table .sorting_disabled {
    background-image: unset !important;
}

#iscu_system_user_table td,
#iscu_system_user_table th {
    padding: 9px;
    border: 0;
    white-space: nowrap;
}

.iscu_system_table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: last baseline;
    border-radius: 8px;
    background: #FFF;
    width: 100%;
}

#iscu_system_user_table_wrapper {
    overflow-x: auto;
    width: 100% !important;
}

#iscu_system_user_table {
    width: 100% !important;
}

#iscu_system_user_table_wrapper table {
    box-shadow: 0px 8px 8px -3px rgba(12, 12, 13, 0.10), 0px 4px 8px -3px rgba(12, 12, 13, 0.05);
}

#iscu_system_user_table_wrapper,
#iscu_system_user_table_wrapper table {
    display: inline-table;
}

#iscu_system_user_table_body td:first-child,
.iscu_bulk_select_th {
    width: 53px !important;
    box-sizing: border-box !important;
    text-align: center;
}



.iscu_system_table .paginate_button path {
    fill: #F76B15;
    fill-opacity: 1;
}

.iscu_system_table .paginate_button.disabled path {
    fill: black;
    fill-opacity: 0.45;
}

body .iscu_system_table #iscu_system_user_table_paginate .paginate_button.disabled {
    border: 1px solid #E8E8E8;
}

body .iscu_system_table #iscu_system_user_table_paginate .paginate_button {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #F76B15;
    background: #F9F9F9;
    padding: 0;
    margin: 0;
}

#iscu_system_user_table {
    margin: 0;
    border: 0;
}

#iscu_system_user_table_paginate {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 24px;
}

.iscu_total_records {
    color: rgba(0, 0, 0, 0.60);
    text-align: right;
    font-family: var(--font-sans);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-right: 4px;
}

#iscu_system_user_table_body tr.odd:hover,
#iscu_system_user_table_body tr.odd,
#iscu_system_user_table_body tr.odd:hover td,
#iscu_system_user_table_body tr.odd td {
    background: rgba(0, 53, 113, 0.00);
    cursor: pointer;
}

#iscu_system_user_table thead tr,
#iscu_system_user_table_body tr.even:hover,
#iscu_system_user_table_body tr.even,
#iscu_system_user_table_body tr.even:hover td,
#iscu_system_user_table_body tr.even td {
    background: #F6F7F8;
    cursor: pointer;
}

#iscu_system_user_table_wrapper,
#iscu_system_user_table_wrapper table {
    width: 100% !important;
    /* overflow: auto; */
    scrollbar-width: none;
}

.iscu_financial_status,
.iscu_placement_status {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    border-radius: 100px;
    background: rgba(0, 164, 51, 0.10);
    color: #30A46C;
    font-family: var(--font-sans);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.24px;
}

.iscu_placement_status::before {
    content: '';
    display: block;
    background: #30A46C;
    border-radius: 50px;
    padding: 4px;
}

.iscu_placement_status.iscu_in_bearbeitung {
    background: #E6F4FE;
    color: #0090FF;
}

.iscu_placement_status.iscu_in_bearbeitung::before {
    background: #0090FF;
}

.iscu_financial_status.iscu_nicht_bezahlt,
.iscu_placement_status.iscu_abgelehnt {
    background: rgba(243, 0, 13, 0.07);
    color: #E5484D;
}

.iscu_placement_status.iscu_abgelehnt::before {
    background: #E5484D;
}

.iscu_placement_status.iscu_new {
    background: var(--bg-Bold-Neutral-Hover);
    color: var(--text-Secondary);
}

.iscu_placement_status.iscu_new::before {
    background: var(--Alpha-Black-800);
}

.iscu_membership_type {
    width: fit-content;
    display: flex;
    height: 32px;
    min-width: 96px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    color: #646464;
    font-family: var(--font-sans);
    font-size: 14px;
    line-height: 20px;
    border-radius: 8px;
}

.iscu_membership_type.iscu_tagesfamilien {
    border: 1px solid rgba(0, 158, 140, 0.92);
    background: #F3FBF9;
}

.iscu_membership_type.iscu_kita {
    border: 1px solid #FFC511;
    background: rgba(255, 222, 0, 0.23);
}

.iscu_delete_user,
.iscu_edit_user {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #202020;
}

.iscu_delete_user {
    background-color: #F9F9F9;
    pointer-events: none;
}

.iscu_user_actions {
    display: flex;
    align-items: center;
    gap: var(--spacing-S);
    width: fit-content;
    align-self: stretch;
}


.iscu_more_actions {
    position: relative;
    width: fit-content;
}

.iscu_more_actions_dropdown {
    display: none;
    width: 270px;
    padding: var(--spacing-XS);
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    left: -278px;
    top: 17px;
    border-radius: var(--corner-M);
    background: var(--bg-Surface-Default);
    box-shadow: var(--Depth-0) var(--Depth-200) var(--Depth-200) var(--Depth-Negative-050) var(--light-Black-200, rgba(12, 12, 13, 0.10)), var(--Depth-0) var(--Depth-100, 4px) var(--Depth-200, 8px) var(--Depth-Negative-050) var(--light-Black-100, rgba(12, 12, 13, 0.05));
}

.iscu_dropdown_open .iscu_more_actions_dropdown {
    display: flex;
}

.iscu_more_actions_icon {
    display: flex;
    width: var(--size-component-small);
    height: var(--size-component-small);
    justify-content: center;
    align-items: center;
    border-radius: var(--corner-M);
    cursor: pointer;
}


.iscu_more_action {
    display: flex;
    height: 40px;
    padding: var(--spacing-S);
    align-items: center;
    gap: var(--spacing-S);
    align-self: stretch;
    border-radius: var(--corner-M);
    border: 2px solid var(--border-Gohst);
    background: var(--bg-Bold-Neutral-Gohst);
    color: var(--text-Secondary);
    font-family: var(--font-sans);
    font-size: var(--Font-size-200);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-XS);
}

.iscu_more_action img {
    width: 20px;
    height: 20px;
}

.iscu_user_selected .iscu_black_delete,
tr:not(.iscu_user_selected) .iscu_white_delete,
.iscu_dropdown_open .iscu_closed_dropdown,
.iscu_more_actions:not(.iscu_dropdown_open) .iscu_opened_dropdown {
    display: none;
}

.iscu_dropdown_open .iscu_more_actions_icon {
    background: var(--bg-Bold-Neutral-Active);
}

#iscu_system_user_table_wrapper .iscu_user_selected,
#iscu_system_user_table_wrapper .iscu_user_selected td {
    background: var(--bg-Surface-Soft-Brand-subtle) !important;
}

#iscu_select_all_users,
.iscu_select_user {
    width: 20px;
    height: 20px;
}

.iscu_user_selected .iscu_delete_user {
    background-color: #D31510;
    pointer-events: unset;
}

.iscu_system_menu_item.disabled {
    opacity: .45;
    pointer-events: none;
}

.iscu_sidebar_account_details.iscu_system_menu_item .iscu_system_menu_item_image::after {
    display: block;
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 16px;
    border-radius: var(--corner-round, 100px);
    border: 1px solid var(--border-Inverse-default);
    background: var(--bg-Success-Success);
}

.iscu_sidebar_account_details.iscu_system_menu_item .iscu_system_menu_item_image {
    position: relative;
}

.iscu_system_modal_container {
    background: rgba(19, 19, 38, 0.30);
    backdrop-filter: blur(calc(var(--Depth-100) / 2));
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.iscu_system_modal_container.iscu_show_system_modal {
    visibility: visible;
    opacity: 1;
}

.iscu_system_modal_content {
    display: flex;
    max-width: 500px;
    width: 90%;
    padding: var(--spacing-L);
    flex-direction: column;
    align-items: flex-end;
    gap: var(--spacing-L);
    flex-shrink: 0;
    border-radius: 16px;
    background: var(--bg-Surface-Default);
    box-shadow: var(--Depth-0) var(--Depth-200) var(--Depth-200) var(--Depth-Negative-050) var(--light-Black-200, rgba(12, 12, 13, 0.10)), var(--Depth-0) var(--Depth-100) var(--Depth-200) var(--Depth-Negative-050) var(--light-Black-100, rgba(12, 12, 13, 0.05));
    position: absolute;
    left: 50%;
    top: 100px;
    translate: -50%;
    transform: translateY(-150%);
    transition: all .3s;
}

.iscu_show_system_modal .iscu_system_modal_content {
    transform: translateY(0%);
}

.iscu_system_modal_details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-S);
    align-self: stretch;
}

.iscu_system_modal_heading {
    flex: 1 0 0;
    color: var(--text-default);
    font-family: var(--font-sans);
    font-size: var(--Font-size-500);
    font-style: normal;
    font-weight: var(--Font-weight-Bold-700);
    line-height: var(--Line-height-XL);
}

.iscu_system_modal_description {
    align-self: stretch;
    color: var(--text-Secondary);
    font-family: var(--font-sans);
    font-size: var(--Font-size-300);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-M);
    color: var(--text-Secondary);
    font-family: var(--font-sans);
    font-size: var(--Font-size-300);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-M);
}

.iscu_system_modal_footer {
    display: flex;
    width: 452px;
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacing-S);
}

.iscu_system_modal_header {
    display: flex;
    align-items: center;
    gap: var(--spacing-S);
    align-self: stretch;
}

div.iscu_close_system_modal {
    width: var(--size-icon-base);
    height: var(--size-icon-base);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

button.iscu_close_system_modal {
    display: flex;
    height: var(--size-component-base);
    min-width: 96px;
    padding: 0px var(--spacing-S);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-XXS);
    border-radius: var(--corner-M);
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Bold-Neutral);
    color: var(--text-default);
    text-align: center;
    font-family: var(--font-sans);
    font-style: normal;
    font-size: var(--Font-size-font-size-200, 14px);
    font-weight: var(--Font-weight-Normal-SemiBold-600, 600);
    line-height: var(--Line-height-XS);
    cursor: pointer;
}

.iscu_close_system_modal:hover {
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Bold-Neutral-Hover);
    color: var(--text-Secondary);
}

.iscu_close_system_modal:focus-visible {
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Bold-Neutral-Hover);
    outline: 2px solid var(--border-Brand-Focus);
    outline-offset: 2px;
    color: var(--text-Secondary);
}

.iscu_close_system_modal:active {
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Bold-Neutral-Active);
    color: var(--text-default);
}

.iscu_confirm_system_mdoal {
    display: flex;
    height: var(--size-component-base);
    min-width: 112px;
    padding: 0px var(--spacing-S);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-XXS);
    border-radius: var(--corner-M);
    background: var(--bg-brand-Primary);
    border: 0;
    color: var(--text-onbrand-default);
    text-align: center;
    font-family: var(--font-sans);
    font-style: normal;
    font-size: var(--Font-size-font-size-200, 14px);
    font-weight: var(--Font-weight-Normal-SemiBold-600, 600);
    line-height: var(--Line-height-XS);
    cursor: pointer;
}

.iscu_confirm_system_mdoal[data-action="delete"] {
    border-radius: var(--corner-M);
    background: var(--bg-Danger-Primary);
}

.iscu_system_content_wrapper.iscu_system_edit_profile {
    gap: 56px;
    background: var(--bg-Surface-Default);
}

.iscu_system_content_wrapper.iscu_system_edit_profile .iscu_system_content {
    padding: 0px 34px 40px 34px;
    position: relative;
}

.iscu_system_content .iscu_buttons_spinner {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

.iscu_confirm_system_mdoal.iscu_ajaxing .iscu_button_text,
.iscu_confirm_system_mdoal:not(.iscu_ajaxing) .iscu_buttons_spinner,
.iscu_profile_comment_save.iscu_ajaxing .iscu_button_text,
.iscu_profile_comment_save:not(.iscu_ajaxing) .iscu_buttons_spinner,
.iscu_system_content:not(.iscu_ajaxing) .iscu_buttons_spinner {
    display: none;
}


.iscu_profile_comment_save:not(.iscu_ajaxing):hover,
.iscu_confirm_system_mdoal:not(.iscu_ajaxing):hover {
    background: var(--bg-brand-hover);
}

.iscu_profile_comment_save.iscu_ajaxing,
.iscu_confirm_system_mdoal.iscu_ajaxing {
    background: var(--bg-NeutralBackground3);
}

.iscu_confirm_system_mdoal:not(.iscu_ajaxing):focus-visible {
    outline: 2px solid var(--border-Brand-Focus);
    outline-offset: 2px;
}

.iscu_confirm_system_mdoal:not(.iscu_ajaxing):active {
    background: var(--bg-brand-Active);
    outline: none;
}

.iscu_profile_comment_save.iscu_ajaxing .iscu_buttons_spinner {
    display: block;
}

.iscu_system_profile_banner {
    border-radius: 0px 0px 16px 16px;
    box-shadow: var(--Depth-0) var(--Depth-100) var(--Depth-100) var(--Depth-Negative-025) var(--light-Black-200, rgba(12, 12, 13, 0.10)), var(--Depth-0) var(--Depth-100) var(--Depth-100) var(--Depth-Negative-025) var(--light-Black-100, rgba(12, 12, 13, 0.05));
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    max-height: 338px;
}

.iscu_system_edit_profile_sidebar,
.iscu_system_edit_profile_form_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.iscu_system_edit_profile_wrapper {
    width: calc(100% - 112px);
    margin: auto;
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    margin-top: -95px;
}

.iscu_system_edit_profile_form_wrapper {
    width: 70%;
}

.iscu_system_edit_profile_sidebar {
    width: 30%;
}

.iscu_system_profile_comment_wrapper {
    display: flex;
    width: 100%;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 16px;
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Surface-Default);
    box-shadow: 0px 39px 11px 0px rgba(32, 32, 32, 0.00), 0px 25px 10px 0px rgba(32, 32, 32, 0.01), 0px 14px 8px 0px rgba(32, 32, 32, 0.02), 0px 6px 6px 0px rgba(32, 32, 32, 0.03), 0px 2px 3px 0px rgba(32, 32, 32, 0.04);
}

.iscu_system_profile_comment_field_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-XS);
    align-self: stretch;
}

.iscu_profile_comment_label {
    display: flex;
    align-items: flex-end;
    gap: var(--spacing-XXS);
    align-self: stretch;
}

.iscu_profile_comment_field textarea {
    display: flex;
    min-height: 120px;
    padding: var(--spacing-S) var(--spacing-XS) 0px var(--spacing-XS);
    align-items: flex-start;
    gap: var(--spacing-S);
    align-self: stretch;
    border-radius: var(--corner-M);
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Bold-Neutral-Disabled);
    color: var(--text-Disabled);
    font-family: var(--font-sans);
    font-size: var(--Font-size-300);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-M);
    flex: 1 0 0;
    width: 100%;
    resize: none;
}

.iscu_profile_comment_field {
    width: 100%;
}

.iscu_profile_comment_hint {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
}

.iscu_profile_comment_description {
    flex: 1 0 0;
    color: var(--text-Secondary);
    font-family: var(--font-sans);
    font-size: var(--Font-size-100);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-XXS);
}

.iscu_profile_comment_length {
    color: var(--text-Tertiary);
    text-align: right;
    font-family: var(--font-sans);
    font-size: var(--Font-size-100);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-XXS);
}

.iscu_system_profile_comment_footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacing-S);
    align-self: stretch;
}

.iscu_profile_comment_cancel {
    display: flex;
    height: var(--size-component-small);
    min-width: 96px;
    padding: 0px var(--spacing-XS);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-XXS);
    border-radius: var(--corner-M);
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Bold-Neutral);
    color: var(--text-default);
    text-align: center;
    font-family: var(--font-sans);
    font-size: var(--Font-size-200);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-XS);
    cursor: pointer;
}

.iscu_profile_comment_save,
.iscu_profile_comment_edit {
    display: flex;
    height: var(--size-component-small);
    min-width: 115px;
    padding: 0px var(--spacing-XS);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-XXS);
    border-radius: var(--corner-M);
    background: var(--bg-brand-Primary);
    color: var(--text-onbrand-default);
    text-align: center;
    font-family: var(--font-sans);
    font-size: var(--Font-size-200);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-XS);
    border: 0;
    cursor: pointer;
    position: relative;
    flex-direction: row-reverse;
}

.iscu_system_user_child_section,
.iscu_system_user_parent_section,
.iscu_system_user_profile_section {
    display: flex;
    padding: 48px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    border-radius: 24px;
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Surface-Default);
    box-shadow: 0px 39px 11px 0px rgba(32, 32, 32, 0.00), 0px 25px 10px 0px rgba(32, 32, 32, 0.01), 0px 14px 8px 0px rgba(32, 32, 32, 0.02), 0px 6px 6px 0px rgba(32, 32, 32, 0.03), 0px 2px 3px 0px rgba(32, 32, 32, 0.04);
}

.iscu_profile_comment_cancel,
.iscu_profile_comment_save {
    display: none;
}


.iscu_system_update_profile_logs {
    display: flex;
    padding: 24px 0;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-None);
    border-radius: 16px;
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Surface-Default);
    box-shadow: 0px 39px 11px 0px rgba(32, 32, 32, 0.00), 0px 25px 10px 0px rgba(32, 32, 32, 0.01), 0px 14px 8px 0px rgba(32, 32, 32, 0.02), 0px 6px 6px 0px rgba(32, 32, 32, 0.03), 0px 2px 3px 0px rgba(32, 32, 32, 0.04);
    width: 100%;
}

.iscu_system_update_profile_log {
    padding: 8px 0 16px 0;
    margin: 0 24px;
    border-bottom: 1px solid var(--border-Subtle);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-end;
    row-gap: 4px;
    align-self: stretch;
    flex-wrap: wrap;
}

.iscu_system_update_profile_log_details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}

.iscu_system_update_profile_log_action {
    display: flex;
    padding: 8px 0px;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

.iscu_system_update_profile_log_time {
    color: var(--text-Tertiary);
    font-family: var(--font-sans);
    font-size: var(--Font-size-100);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-XXS);
}

.iscu_system_update_profile_log_title {
    color: var(--text-Link);
    font-family: var(--font-sans, Inter);
    font-size: var(--Font-size-200);
    font-style: normal;
    font-weight: var(--Font-weight-SemiBold-600);
    line-height: var(--Line-height-XS, 20px);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    flex: 1 0 0;
    cursor: pointer;
}

.iscu_system_update_profile_log_title:hover {
    color: var(--text-Link-Hover);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.iscu_system_update_profile_log_title:active {
    color: var(--text-Link-Avtive);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.iscu_system_update_profile_log_title:focus {
    color: var(--text-Link-Avtive);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.iscu_system_update_profile_log_description {
    max-width: 364px;
    align-self: stretch;
    color: var(--text-Secondary);
    font-family: var(--font-sans);
    font-size: var(--Font-size-100);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-XXS);
}

.iscu_system_update_profile_log_confirmation {
    display: flex;
    height: var(--size-component-small, 32px);
    min-width: 96px;
    padding: 0px var(--spacing-XS, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-XXS, 4px);
    border-radius: var(--corner-M, 8px);
    border: 1px solid var(--border-Brand-Bold, #F76B15);
    background: var(--bg-Bold-Neutral, rgba(0, 0, 0, 0.01));
    color: var(--text-Brand-Bold, #F76B15);
    text-align: center;
    font-family: var(--font-sans, Inter);
    font-size: var(--Font-size-200);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-XS, 20px);
    cursor: pointer;
}

.iscu_system_update_profile_log_confirmation:hover {
    color: var(--text-Brand-Bold-Hover, #EF5F00);
    border: 1px solid var(--border-Brand-Bold, #F76B15);
    background: var(--bg-Bold-Neutral-Hover, rgba(0, 0, 0, 0.05));
}


.iscu_system_update_profile_log_confirmation:focus-visible {
    color: var(--text-Brand-Bold-Hover, #EF5F00);
    border: 1px solid var(--border-Brand-Bold, #F76B15);
    background: var(--bg-Bold-Neutral-Selected, rgba(0, 0, 0, 0.05));
    outline: 2px solid var(--border-Brand-Focus);
    outline-offset: 2px;
}

.iscu_system_update_profile_log_confirmation:active {
    color: var(--text-Brand-Bold-Avtive);
    border: 1px solid var(--border-Brand-Bold, #F76B15);
    background: var(--bg-Bold-Neutral-Active, rgba(0, 0, 0, 0.09));
}

.iscu_system_update_profile_log_confirmation:disabled {
    background: var(--bg-Bold-Neutral-Disabled, #F9F9F9);
    color: var(--text-Disabled, rgba(0, 0, 0, 0.27));
}

/* .iscu_system_update_profile_log_confirmation:focus-visible {
    outline: none;
    outline-offset: 0;
} */

.iscu_system_user_display_name img {
    border-radius: 100px;
}

.iscu_system_user_display_name {
    display: flex;
    height: var(--size-component-large);
    align-items: center;
    gap: var(--spacing-XS);
    align-self: stretch;
    color: var(--text-default);
    font-family: var(--font-sans);
    font-size: var(--Font-size-200);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
}

.iscu_system_table_search span {
    color: var(--text-Tertiary, rgba(0, 0, 0, 0.40));
}

.iscu_system_table_search:hover {
    border-radius: var(--corner-M, 8px);
    border: 1px solid var(--border-input-default, rgba(0, 0, 0, 0.20));
    background: var(--bg-Input-Hover, rgba(0, 0, 0, 0.05));
}

.iscu_system_table_search:hover #iscu_search_user {
    background: transparent;
}

.iscu_system_table_search:focus-within {
    border-radius: var(--corner-M);
    border: 1px solid var(--border-Brand-Bold);
    background: var(--bg-Input-Default);
}

.iscu_system_table_search:has(input:focus) {
    border-radius: var(--corner-M);
    border: 1px solid var(--border-Brand-Bold);
    background: var(--bg-Input-Default);
}

/* #iscu_search_user:empty {
    color: var(--text-default);
} */

#iscu_search_user::placeholder {
    color: var(--text-Tertiary, rgba(0, 0, 0, 0.40));
}

.iscu_system_table_search:focus-within span {
    color: var(--icon-Bold);
}

.iscu_system_table_search:has(input:focus) span {
    color: var(--icon-Bold);
}

.iscu_system_table_search.iscu_filled {
    border: 1px solid var(--border-Subtle, #E8E8E8);
}

.iscu_filled span {
    color: var(--icon-Bold);
}

.iscu_system_table_search span.iscu_search_cancel {
    color: var(--icon-Active);
}

#iscu_system_user_table tr input[type="checkbox"] {
    border: 2px solid #00000099;
    border-radius: 3px;
    background-color: white !important;
    cursor: pointer;
    appearance: none;
    position: relative;
}

#iscu_system_user_table tr input[type="checkbox"]::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    left: 4px !important;
    top: 0px !important;
}

#iscu_system_user_table tr input[type="checkbox"]:checked {
    background-color: #F76B15 !important;
    border-color: #F76B15 !important;
    position: relative;
}

#iscu_system_user_table tr td:first-child,
th:first-child {
    position: relative;
}

#iscu_system_user_table tr td:nth-child(2) span.iscu_system_user_display_name_text {
    text-overflow: ellipsis;
    overflow: hidden;
}

#iscu_system_user_table thead tr th {
    color: var(--text-default);
    font-family: var(--font-sans);
    font-size: var(--Font-size-200);
    font-style: normal;
    font-weight: var(--Font-weight-SemiBold-600);
    line-height: var(--Line-height-XS);
}

#iscu_system_user_table tbody tr td:nth-child(2) span {
    color: var(--text-default);
    font-family: var(--font-sans);
    font-size: var(--Font-size-200);
    font-style: normal;
    font-weight: var(--Font-weight-Regular-400);
    line-height: var(--Line-height-XS);
}

.iscu_system_add_profile .iscu_profile_comment_cancel {
    display: block;
}

.iscu_system_add_profile .iscu_profile_comment_cancel {
    display: block;
}

.iscu_sys_user_add_btn {
    display: flex;
    min-width: 112px;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-S, 12px);
    padding: 0px var(--spacing-M, 16px);
    border-radius: var(--corner-M, 8px);
    height: var(--size-component-large, 48px);
    background: var(--bg-NeutralBackground3, #F0F0F0);
}

.iscu_sys_user_add_btn_icon_wrapper {
    height: 28px;
}

.iscu_sys_user_account_info_content_wrapper {
    gap: 24px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
}

.iscu_new_user_generate_random_pass_btn {
    display: flex;
    height: var(--size-component-base, 40px);
    min-width: 133px;
    padding: 0px var(--spacing-S, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-XXS, 4px);
    color: var(--text-default);
    text-align: center;
    font-family: var(--font-sans, Inter);
    font-size: var(--Font-size-200);
    font-style: normal;
    font-weight: var(--Font-weight-SemiBold-600);
    line-height: var(--Line-height-XS, 20px);
    border-radius: var(--corner-M);
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Bold-Neutral, rgba(0, 0, 0, 0.02));
    cursor: pointer;
}

.iscu_user_send_notification_wrapp {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-XXS, 4px);
}

.iscu_user_send_notification_content_wrapp {
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    gap: var(--spacing-XS, 8px);
}

.iscu_sys_user_account_info_content {
    gap: 16px;
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.iscu_sys_random_pass_btn_wrapper {
    display: flex;
    justify-content: end;
    width: 100%;
}

.iscu_system_add_profile_form_wrapper .iscu_up_date_field_wrap>span {
    top: 12px;
}

.iscu_user_send_notification_wrapp .iscu_up_weekday_label_text {
    color: var(--text-default);
}

.iscu_system_bread_crumb_item a:hover {
    color: var(--text-Brand-Bold-Hover);
}

.iscu_system_bread_crumb_item a:active {
    color: var(--text-Secondary);
}

.iscu_new_user_child_section .iscu_sys_user_time_wrap,
.iscu_system_add_profile_form_wrapper .iscu_new_user_child_section .iscu_add_user_profile_container,
.iscu_system_add_profile_form_wrapper .iscu_new_user_child_section .iscu_new_user_alternative_care_wrap {
    display: none;
}

.iscu_new_user_alternative_care_wrap .iscu_sys_user_time_wrap {
    display: block;
}

.iscu_new_user_child_section .iscu_new_user_alternative_care_wrap .iscu_up_heading_block_text {
    font-style: normal;
    font-family: var(--font-sans, Inter);
    color: var(--text-default);
    line-height: var(--Line-height-XL, 30px);
    font-size: var(--Font-size-500);
    font-weight: var(--Font-weight-Bold-700);
}

.iscu_system_add_profile_form_wrapper>.iscu_system_user_parent_section:nth-child(1) {
    gap: 32px;
    display: flex;
    padding: 48px 32px;
    align-self: stretch;
    border-radius: 24px;
    flex-direction: column;
    align-items: flex-start;
    background: var(--bg-Surface-Default, #FFF);
    border: 1px solid var(--border-Subtle, #E8E8E8);
    gap: var(--spacing-XS) !important;
}

.iscu_system_user_add_profile textarea,
.iscu_system_user_edit_profile textarea,
.iscu_user_profile_container textarea {
    resize: none;
}

/* System start*/

.iscu_system_user_edit_profile .iscu_up_date_field_wrap>span {
    position: absolute;
    top: 12px;
    right: 12px;
}

.iscu_new_user_child_section .iscu_sys_user_time_tagesfamilien .iscu_up_weekday_wrap:has(input[type="checkbox"]:not(:checked)) .iscu_up_weekday_time_wrap {
    display: none !important;
}

.iscu_new_user_child_section .iscu_sys_user_time_tagesfamilien {
    width: 100%;
}

.iscu_new_user_child_section .iscu_sys_user_time_tagesfamilien .iscu_up_time_details_block_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 24px;
    width: 100%;
}

.iscu_new_user_field_group_wrapp {
    width: 100%;
}

.iscu_new_user_child_section .iscu_up_time_details_block_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.iscu_system_add_profile_form_wrapper .iscu_signup_sent {
    color: var(--text-Color-Danger);
}

.iscu_system_user_parent_section {
    padding: 32px;
    gap: 24px;
}

.iscu_system_user_child_section {
    padding: 32px;
    gap: 24px;
}

.iscu_sys_user_account_info_wrap .iscu_up_heading_block {
    padding: 16px 0px;
}

.iscu_sys_user_add_btn.iscu_sys_user_btn_load,
.iscu_sys_user_update_btn.iscu_sys_user_btn_load,
.iscu_sys_admin_user_update_btn.iscu_sys_user_btn_load {
    background: var(--bg-NeutralBackground3);
}

.iscu_sys_user_add_btn.iscu_sys_user_btn_load .iscu_button_text,
.iscu_sys_user_update_btn.iscu_sys_user_btn_load .iscu_button_text,
.iscu_sys_admin_user_update_btn.iscu_sys_user_btn_load .iscu_button_text {
    display: none;
}

.iscu_sys_user_add_btn.iscu_sys_user_btn_load .iscu_verf_main_loader,
.iscu_sys_user_update_btn.iscu_sys_user_btn_load .iscu_verf_main_loader,
.iscu_sys_admin_user_update_btn.iscu_sys_user_btn_load .iscu_verf_main_loader {
    display: flex;
}

.iscu_system_menu_item_image .iscu_up_avatar {
    width: var(--size-component-small);
    height: var(--size-component-small);
    font-size: var(--Font-size-300);
}

.iscu_system_user_display_name .iscu_up_avatar {
    width: var(--size-component-xsmall);
    height: var(--size-component-xsmall);
    font-size: var(--Font-size-200);
    min-width: var(--size-component-xsmall);
}

.iscu_delete_user.iscu_set_outline {
    outline: none !important;
}

.iscu_edit_user.iscu_set_outline {
    outline: none !important;
}

.iscu_profile_comment_edit:hover {
    background: var(--bg-brand-Primary);
}

.iscu_profile_comment_edit:active {
    background: var(--bg-brand-Active);
}

.iscu_profile_comment_edit:focus-visible {
    background: var(--bg-brand-Primary);
    outline-offset: 2px;
    outline: 1px solid var(--bg-brand-Primary);
}

.iscu_profile_comment_edit:disabled {
    background: var(--bg-Bold-Neutral-Disabled);
    color: var(--text-Disabled);
}

.iscu_profile_comment_save:disabled {
    background: var(--bg-Bold-Neutral-Disabled);
    color: var(--text-Disabled);
}

.iscu_profile_comment_save:active {
    background: var(--bg-brand-Active);
}

.iscu_profile_comment_save:focus-visible {
    background: var(--bg-brand-Primary);
    outline-offset: 2px;
    outline: 1px solid var(--bg-brand-Primary);
}

.iscu_profile_comment_cancel:hover {
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Bold-Neutral-Hover);
    color: var(--text-Secondary);
}

.iscu_profile_comment_cancel:focus-visible {
    background: var(--bg-Bold-Neutral-Hover);
    outline-offset: 2px;
    border: none !important;
    outline: 1px solid var(--bg-brand-Primary);
    color: var(--text-Secondary, rgba(0, 0, 0, 0.60));
}

.iscu_profile_comment_cancel:active {
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Bold-Neutral-Active);
    color: var(--text-default);
}

.iscu_profile_comment_cancel:disabled {
    border: 1px solid var(--border-Subtle);
    background: var(--bg-Bold-Neutral-Disabled);
    color: var(--text-Disabled);
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile .iscu_button_text {
    color: var(--text-Inverse-Inverse);
    display: flex;
    align-items: center;
    gap: var(--spacing-XS);
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile .iscu_button_text>span {
    display: flex;
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile {
    border-radius: var(--corner-M);
    background: var(--bg-Gray-Gray-Bold);
    display: flex;
    height: var(--size-component-large);
    min-width: 112px;
    padding: 0px var(--spacing-M);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-XS);
    flex-shrink: 0;
    white-space: nowrap;
    align-items: center;
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile:disabled span {
    color: var(--text-Disabled);
}

.iscu_sys_sp_flex {
    display: flex;
    gap: var(--spacing-XS);
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile:active {
    background: var(--bg-Gray-Gray-Bold-Active);
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile:active span {
    color: var(--text-Inverse-Inverse-Subtle);
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile:focus-visible span {
    color: var(--text-Inverse-Inverse-Subtle);
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile:focus-visible {
    background: var(--bg-Gray-Gray-Bold-Hover);
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile:not([disabled]):hover {
    background: var(--bg-Gray-Gray-Bold-Hover);
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile:not([disabled]):hover span {
    color: var(--text-Inverse-Inverse-Subtle);
}

.iscu_up_update_profile_success_main_wrap.iscu_up_update_profile_false_main_wrap.iscu_sys_false_show {
    display: flex !important;
}

.iscu_up_update_profile_success_main_wrap.iscu_up_update_profile_false_main_wrap.iscu_sys_false_show {
    border-radius: var(--corner-M);
    border: 1px solid var(--border-Colors-Danger);
    background: linear-gradient(0deg, var(--bg-Surface-Soft-Red-subtle) 0%, var(--bg-Surface-Soft-Red-subtle) 100%), var(--bg-Surface-Default);
    width: 100%;
}

.iscu_up_update_profile_success_main_wrap.iscu_up_update_profile_false_main_wrap.iscu_sys_false_show .iscu_up_update_profile_svg span {
    color: var(--text-Color-Danger);
}

.iscu_sys_user_add_btn.iscu_sys_add_user_save_profile.iscu_sys_user_btn_load {
    background: var(--bg-NeutralBackground3) !important;
}

.iscu_up_update_profile_false_main_wrap {
    display: none;
}

.iscu_placement_status.iscu_waiting_list::before {
	background: #DC9D10;
}

.iscu_placement_status.iscu_waiting_list {
	background: #FFF9BC;
	color: #DC9D10;
}

/* System End*/

@media screen and (max-width: 2000px) {
    #iscu_system_user_table td:nth-child(2) {
        max-width: 300px;
    }
}

@media screen and (max-width: 1500px) {
    #iscu_system_user_table td:nth-child(2) {
        max-width: 150px;
    }
}

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

    #iscu_system_user_table td:nth-child(4),
    #iscu_system_user_table td:nth-child(5) {
        white-space: wrap;
    }

    #iscu_system_user_table th:nth-child(5),
    #iscu_system_user_table td:nth-child(5) {
        max-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media screen and (max-width: 1400px) {
    .iscu_system_edit_profile_form_wrapper {
        width: 60%;
    }

    .iscu_system_edit_profile_sidebar {
        width: 40%;
    }

    .iscu_sys_user_account_details_wrap {
        flex-direction: column;
    }

    .iscu_sys_user_account_info_wrap {
        width: 100%;
    }

    #iscu_system_user_table td:nth-child(2) {
        max-width: 100px;
    }

    #iscu_system_user_table .iscu_user_actions {
        margin: auto;
    }
}

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

    #iscu_system_user_table td:nth-child(3),
    #iscu_system_user_table th:nth-child(3),
    #iscu_system_user_table td:nth-child(7),
    #iscu_system_user_table th:nth-child(7) {
        max-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

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

    #iscu_system_user_table td:nth-child(5),
    #iscu_system_user_table th:nth-child(5) {
        display: none;
    }
}

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

    #iscu_system_user_table td:nth-child(6),
    #iscu_system_user_table th:nth-child(6) {
        display: none;
    }
}

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

    .iscu_system_edit_profile_wrapper {
        flex-direction: column;
    }

    .iscu_system_edit_profile_sidebar,
    .iscu_system_edit_profile_form_wrapper {
        width: 100%;
        max-width: unset;
    }

}

@media screen and (max-width: 1165px) {
    .iscu_system_table_filters {
        flex-direction: column;
        gap: 16px;
    }

    .iscu_system_table_search,
    #iscu_search_user_by_date,
    #iscu_sort_user,
    .iscu_system_table_filter {
        width: 100%;
    }

    .iscu_search_user_by_date_wrapper,
    .iscu_sort_user_wrapper {
        width: 50%;
    }

    #iscu_search_user {
        flex: 1;
    }

    #iscu_search_user {
        max-width: unset;
    }

    .iscu_system_table_filter {
        flex-direction: column;
    }

    .iscu_system_table_filter .iscu_system_search_user_by_date_wrapper,
    .iscu_system_table_filter .iscu_system_sort_user_wrapper {
        width: 100%;
    }
}

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

    .iscu_system_sidebar {
        position: absolute;
        z-index: 99;
        height: 100%;
    }

    .iscu_system_content_wrapper {
        margin-left: 66px;
    }

    .iscu_system_header {
        padding: 16px 25px;
    }

    .iscu_system_content_wrapper.iscu_system_edit_profile {
        gap: 30px;
    }

    .iscu_system_content_wrapper.iscu_system_edit_profile .iscu_system_content {
        padding: 0px 25px 40px 25px;
    }

    .iscu_system_content {
        padding: 0px 24px 40px 24px;
    }

    .iscu_add_new_child_wrapper button {
        font-size: 14px;
    }

    .iscu_system_sidebar a {
        padding: 8px;
    }

    .iscu_system_sidebar .iscu_sidebar_account_details a {
        padding: 0
    }

    .iscu_system_user_display_name .iscu_up_avatar {
        display: none;
    }

}

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

    #iscu_system_user_table td:nth-child(7),
    #iscu_system_user_table th:nth-child(7) {
        display: none;
    }
}

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

    .iscu_system_table {
        width: 100% !important;
        /* overflow-x: scroll;   */
    }

    .iscu_system_edit_profile_wrapper {
        width: calc(100% - 16px);
    }

    .iscu_system_profile_banner img {
        height: 385px;
        flex: 1 0 0;
        object-fit: cover;
    }

    .iscu_system_content_wrapper.iscu_system_edit_profile .iscu_system_content {
        padding: 0px 0 40px 0;
    }

    .iscu_system_content_wrapper.iscu_system_edit_profile {
        gap: 24px;
    }

    .iscu_system_content {
        padding: 0px 16px 40px 16px;
    }

    #iscu_system_user_table_body td:first-child,
    .iscu_bulk_select_th {
        width: 31px !important;
        padding: 5px 2px !important;
    }

    #iscu_system_user_table td,
    #iscu_system_user_table th {
        padding: 5px;
    }

    #iscu_system_user_table_paginate {
        padding: 24px 5px;
        float: right;
    }

    .iscu_system_header {
        padding: 16px;
    }

    .iscu_system_user_child_section,
    .iscu_system_user_parent_section,
    .iscu_system_user_profile_section {
        padding: 30px 12px;
    }

    .iscu_system_profile_comment_wrapper {
        padding: 24px 12px;
    }

    .iscu_system_add_profile_form_wrapper>.iscu_system_user_parent_section:nth-child(1) {
        padding: 30px 12px;
    }

}

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

    .iscu_sys_user_account_details_wrap {
        flex-direction: column;
    }

    .iscu_sys_user_account_info_wrap {
        width: 100%;
    }
}

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

    .iscu_sidebar_close .iscu_system_menu_items .iscu_system_menu_item_image::after {
        top: -7px;
        right: -7px;
        height: 14px;
        width: 13px;
    }

    .iscu_system_bread_crumb {
        padding: 16px 0px 16px 0px;
    }

    .iscu_system_content_wrapper {
        margin-left: 40px;
    }

    .iscu_system_title_wrapper {
        flex-direction: column;
    }

    .iscu_add_new_child_wrapper button,
    .iscu_add_new_child_wrapper {
        width: 100%;
    }

    .iscu_system_sidebar {
        padding: 10px 4px;
        width: 200px;
        max-width: 200px;
    }

    .iscu_system_sidebar.iscu_sidebar_close {
        max-width: 40px;
    }

    .iscu_system_menu_item:not(.iscu_sidebar_account_details) .iscu_system_menu_item_image svg {
        width: 23px;
        height: 23px;
    }

    .iscu_sidebar_account_details img {
        width: 30px;
        height: 30px;
    }

    .iscu_system_sidebar.iscu_sidebar_close a,
    .iscu_system_menu_item a {
        height: 31px;
        padding: 4px;
        white-space: nowrap;
    }

    #iscu_system_user_table_paginate {
        white-space: nowrap;
    }

    .iscu_more_actions_dropdown {
        width: 230px;
        padding: var(--spacing-XS);
        left: -230px;
        white-space: wrap;
    }

    .iscu_system_sidebar .iscu_sidebar_account_details a {
        padding: 0;
    }

    .iscu_system_sidebar_footer {
        padding-bottom: var(--spacing-S);
    }
}

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

    #iscu_system_user_table td:nth-child(4),
    #iscu_system_user_table th:nth-child(4) {
        display: none;
    }

}

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

    .iscu_system_update_profile_log {
        flex-direction: column;
    }

    #iscu_system_user_table td:nth-child(3),
    #iscu_system_user_table td:nth-child(4),
    #iscu_system_user_table td:nth-child(5),
    #iscu_system_user_table td:nth-child(6),
    #iscu_system_user_table td:nth-child(7),
    #iscu_system_user_table th:nth-child(3),
    #iscu_system_user_table th:nth-child(4),
    #iscu_system_user_table th:nth-child(5),
    #iscu_system_user_table th:nth-child(6),
    #iscu_system_user_table th:nth-child(7) {
        display: none;
    }

    .iscu_sys_user_profile_header {
        flex-direction: column;
    }

    .iscu_system_edit_profile.iscu_system_user_edit_profile,
    .iscu_system_add_profile.iscu_system_user_add_profile {
        width: 100%;
    }

    .iscu_system_user_child_section,
    .iscu_system_user_parent_section,
    .iscu_system_user_profile_section {
        width: 100%;
    }

}