:root{--color-neutral-light-0: #ffffff;--color-neutral-light-100: #efefef;--color-neutral-light-200: #dcdcdc;--color-neutral-light-300: #c9c9c9;--color-neutral-light-400: #b3b3b3;--color-neutral-light-500: #999999;--color-neutral-light-600: #7b7b7b;--color-neutral-light-700: #717171;--color-neutral-light-800: #656565;--color-neutral-light-900: #575757;--color-neutral-light-1000: #474747;--color-neutral-light-1100: #151515;--color-brand-light-0: #fcf2f2;--color-brand-light-100: #fbe9ea;--color-brand-light-200: #f6d1d2;--color-brand-light-300: #f2b6b7;--color-brand-light-400: #ee9b9d;--color-brand-light-500: #e96b6f;--color-brand-light-600: #e41e2b;--color-brand-light-700: #d01b27;--color-brand-light-800: #b61822;--color-brand-light-900: #a1151e;--color-brand-light-1000: #841119;--color-brand-light-1100: #5d0c12;--color-green-light-0: #f2f7f3;--color-green-light-100: #e9f1ea;--color-green-light-200: #d0e1d3;--color-green-light-300: #b4d1b9;--color-green-light-400: #93c09b;--color-green-light-500: #5fa96e;--color-green-light-600: #00963a;--color-green-light-700: #008935;--color-green-light-800: #007a2f;--color-green-light-900: #006a29;--color-green-light-1000: #005722;--color-green-light-1100: #003d18;--color-blue-light-0: #f2f4f7;--color-blue-light-100: #eaecf1;--color-blue-light-200: #d2d7e3;--color-blue-light-300: #b8c0d3;--color-blue-light-400: #8a9abb;--color-blue-light-500: #7186b0;--color-blue-light-600: #315d9b;--color-blue-light-700: #2d558e;--color-blue-light-800: #2a5085;--color-blue-light-900: #23426e;--color-blue-light-1000: #1c365a;--color-blue-light-1100: #14263f;--color-yellow-light-0: #fef8f2;--color-yellow-light-100: #fef4e9;--color-yellow-light-200: #fde8d0;--color-yellow-light-300: #fcdbb4;--color-yellow-light-400: #fbce93;--color-yellow-light-500: #fabf68;--color-yellow-light-600: #f9b002;--color-yellow-light-700: #eaa502;--color-yellow-light-800: #cb9002;--color-yellow-light-900: #b07c01;--color-yellow-light-1000: #906601;--color-yellow-light-1100: #654801;--color-purple-light-0: #f7f2fa;--color-purple-light-100: #f2eaf7;--color-purple-light-200: #e3d2ef;--color-purple-light-300: #d7bee9;--color-purple-light-400: #caa7e3;--color-purple-light-500: #b171d6;--color-purple-light-600: #9d32cd;--color-purple-light-700: #8f2ebb;--color-purple-light-800: #79279e;--color-purple-light-900: #652084;--color-purple-light-1000: #531a6c;--color-purple-light-1100: #401454;--color-pink-light-0: #fdf2f6;--color-pink-light-100: #fbeaf0;--color-pink-light-200: #f8d2df;--color-pink-light-300: #f4b7cd;--color-pink-light-400: #f098b9;--color-pink-light-500: #eb679f;--color-pink-light-600: #e82c8a;--color-pink-light-700: #d4287e;--color-pink-light-800: #bd2471;--color-pink-light-900: #a41f62;--color-pink-light-1000: #861950;--color-pink-light-1100: #5f1238;--color-orange-light-0: #fdf5f2;--color-orange-light-100: #fceee9;--color-orange-light-200: #f8dbd0;--color-orange-light-300: #f5c6b4;--color-orange-light-400: #f2b398;--color-orange-light-500: #f09f79;--color-orange-light-600: #eb7501;--color-orange-light-700: #d76b01;--color-orange-light-800: #c05f01;--color-orange-light-900: #a65301;--color-orange-light-1000: #884401;--color-orange-light-1100: #603000;--color-neutral-alpha-0: rgba(13, 13, 13, 0);--color-neutral-alpha-2: rgba(13, 13, 13, .02);--color-neutral-alpha-4: rgba(13, 13, 13, .04);--color-neutral-alpha-8: rgba(13, 13, 13, .08);--color-neutral-alpha-16: rgba(13, 13, 13, .16);--color-neutral-alpha-24: rgba(13, 13, 13, .24);--color-neutral-alpha-32: rgba(13, 13, 13, .32);--color-neutral-dark-0: #0d0d0d;--color-neutral-dark-100: #262626;--color-neutral-dark-200: #474747;--color-neutral-dark-300: #575757;--color-neutral-dark-400: #656565;--color-neutral-dark-500: #717171;--color-neutral-dark-600: #7b7b7b;--color-neutral-dark-700: #999999;--color-neutral-dark-800: #b3b3b3;--color-neutral-dark-900: #c9c9c9;--color-neutral-dark-1000: #dcdcdc;--color-neutral-dark-1100: #efefef;--color-brand-dark-0: #48090e;--color-brand-dark-100: #5d0c12;--color-brand-dark-200: #841119;--color-brand-dark-300: #a1151e;--color-brand-dark-400: #b61822;--color-brand-dark-500: #d01b27;--color-brand-dark-600: #e41e2b;--color-brand-dark-700: #e96b6f;--color-brand-dark-800: #ee9b9d;--color-brand-dark-900: #f2b6b7;--color-brand-dark-1000: #f6d1d2;--color-brand-dark-1100: #fbe9ea;--color-green-dark-0: #002f12;--color-green-dark-100: #003d18;--color-green-dark-200: #005722;--color-green-dark-300: #006a29;--color-green-dark-400: #007a2f;--color-green-dark-500: #008b36;--color-green-dark-600: #00963a;--color-green-dark-700: #5fa96e;--color-green-dark-800: #93c09b;--color-green-dark-900: #b4d1b9;--color-green-dark-1000: #d0e1d3;--color-green-dark-1100: #e9f1ea;--color-blue-dark-0: #0f1d31;--color-blue-dark-100: #14263f;--color-blue-dark-200: #1c365a;--color-blue-dark-300: #23426e;--color-blue-dark-400: #2a5085;--color-blue-dark-500: #2d558e;--color-blue-dark-600: #315d9b;--color-blue-dark-700: #7186b0;--color-blue-dark-800: #8b9abb;--color-blue-dark-900: #b8c0d3;--color-blue-dark-1000: #d2d7e3;--color-blue-dark-1100: #eaecf1;--color-yellow-dark-0: #4f3801;--color-yellow-dark-100: #654801;--color-yellow-dark-200: #906601;--color-yellow-dark-300: #b07c01;--color-yellow-dark-400: #c18802;--color-yellow-dark-500: #eca702;--color-yellow-dark-600: #f9b002;--color-yellow-dark-700: #fabb58;--color-yellow-dark-800: #fbce93;--color-yellow-dark-900: #fcdbb4;--color-yellow-dark-1000: #fde8d0;--color-yellow-dark-1100: #fef4e9;--color-purple-dark-0: #321041;--color-purple-dark-100: #401454;--color-purple-dark-200: #5b1d76;--color-purple-dark-300: #6f2391;--color-purple-dark-400: #7a279f;--color-purple-dark-500: #8f2ebb;--color-purple-dark-600: #9d32cd;--color-purple-dark-700: #a95ed3;--color-purple-dark-800: #b77fd9;--color-purple-dark-900: #d4b8e7;--color-purple-dark-1000: #e3d2ef;--color-purple-dark-1100: #f2eaf7;--color-pink-dark-0: #490e2c;--color-pink-dark-100: #5f1238;--color-pink-dark-200: #861950;--color-pink-dark-300: #a41f62;--color-pink-dark-400: #bd2471;--color-pink-dark-500: #d82980;--color-pink-dark-600: #e82c8a;--color-pink-dark-700: #ec6da2;--color-pink-dark-800: #f098b9;--color-pink-dark-900: #f4b7cd;--color-pink-dark-1000: #f8d2df;--color-pink-dark-1100: #fbeaf0;--color-orange-dark-0: #4a2500;--color-orange-dark-100: #603000;--color-orange-dark-200: #884401;--color-orange-dark-300: #a65301;--color-orange-dark-400: #c05f01;--color-orange-dark-500: #da6d01;--color-orange-dark-600: #eb7501;--color-orange-dark-700: #f09f7a;--color-orange-dark-800: #f2b398;--color-orange-dark-900: #f5c6b4;--color-orange-dark-1000: #f8dbd0;--color-orange-dark-1100: #fceee9}:root{--font-family-regular: "Roboto", "Segoe UI", sans-serif;--font-family-medium: "Roboto Medium", "Segoe UI", sans-serif;--font-family-bold: "Roboto Bold", "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-display-large: 96px;--font-size-display-medium: 64px;--font-size-display-small: 44px;--font-size-display-x-small: 36px;--font-size-heading-xx-large: 40px;--font-size-heading-x-large: 36px;--font-size-heading-large: 32px;--font-size-heading-medium: 28px;--font-size-heading-small: 24px;--font-size-heading-x-small: 20px;--font-size-label-large: 18px;--font-size-label-medium: 16px;--font-size-label-small: 14px;--font-size-label-x-small: 12px;--font-size-paragraph-large: 18px;--font-size-paragraph-medium: 16px;--font-size-paragraph-small: 14px;--font-size-paragraph-x-small: 12px;--font-weight--bold: 700;--font-weight--semibold: 600;--font-weight--regular: 400;--font-weight-regular: regular;--font-weight-semibold: semibold;--font-weight-bold: bold;--font-weight-italic: italic;--font-line-height-spaced: 170%;--font-line-height-default: 140%;--font-line-height-tight: 120%;--font-letter-spacing-spacing: 2.5px;--font-letter-spacing-default: 0px;--font-letter-spacing-tight: -1px}[data-display=tablet]{--font-family-regular: "Roboto", "Segoe UI", sans-serif;--font-family-medium: "Roboto Medium", "Segoe UI", sans-serif;--font-family-bold: "Roboto Bold", "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-display-large: 64px;--font-size-display-medium: 64px;--font-size-display-small: 44px;--font-size-display-x-small: 36px;--font-size-heading-xx-large: 40px;--font-size-heading-x-large: 36px;--font-size-heading-large: 32px;--font-size-heading-medium: 28px;--font-size-heading-small: 24px;--font-size-heading-x-small: 20px;--font-size-label-large: 18px;--font-size-label-medium: 16px;--font-size-label-small: 14px;--font-size-label-x-small: 12px;--font-size-paragraph-large: 18px;--font-size-paragraph-medium: 16px;--font-size-paragraph-small: 14px;--font-size-paragraph-x-small: 12px;--font-weight--bold: 700;--font-weight--semibold: 600;--font-weight--regular: 400;--font-weight-regular: regular;--font-weight-semibold: semibold;--font-weight-bold: bold;--font-weight-italic: italic;--font-line-height-spaced: 170%;--font-line-height-default: 140%;--font-line-height-tight: 120%;--font-letter-spacing-spacing: 2.5px;--font-letter-spacing-default: 0px;--font-letter-spacing-tight: -1}[data-display=mobile]{--font-family-regular: "Roboto", "Segoe UI", sans-serif;--font-family-medium: "Roboto Medium", "Segoe UI", sans-serif;--font-family-bold: "Roboto Bold", "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-display-large: 32px;--font-size-display-medium: 64px;--font-size-display-small: 44px;--font-size-display-x-small: 36px;--font-size-heading-xx-large: 40px;--font-size-heading-x-large: 36px;--font-size-heading-large: 32px;--font-size-heading-medium: 28px;--font-size-heading-small: 24px;--font-size-heading-x-small: 20px;--font-size-label-large: 18px;--font-size-label-medium: 16px;--font-size-label-small: 14px;--font-size-label-x-small: 12px;--font-size-paragraph-large: 18px;--font-size-paragraph-medium: 16px;--font-size-paragraph-small: 14px;--font-size-paragraph-x-small: 12px;--font-weight--bold: 700;--font-weight--semibold: 600;--font-weight--regular: 400;--font-weight-regular: regular;--font-weight-semibold: semibold;--font-weight-bold: bold;--font-weight-italic: italic;--font-line-height-spaced: 170%;--font-line-height-default: 140%;--font-line-height-tight: 120%;--font-letter-spacing-spacing: 2.5px;--font-letter-spacing-default: 0px;--font-letter-spacing-tight: -1}:root{--space-0: 0px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-72: 72px;--space-80: 80px;--space-88: 88px;--space-96: 96px;--space-104: 104px;--space-112: 112px;--space-120: 120px;--space-128: 128px;--space--2: -2px;--space--4: -4px;--space--6: -6px;--space--8: -8px;--space--12: -12px;--space--16: -16px;--space--20: -20px;--space--24: -24px;--space--32: -32px;--space--40: -40px;--space--48: -48px;--space--56: -56px;--space--64: -64px;--space--72: -72px;--space--80: -80px;--space--88: -88px;--space--96: -96px;--space--104: -104px;--space--112: -112px;--space--120: -120px;--space--128: -128px;--size-0: 0px;--size-2: 2px;--size-4: 4px;--size-6: 6px;--size-8: 8px;--size-10: 10px;--size-12: 12px;--size-14: 14px;--size-16: 16px;--size-18: 18px;--size-20: 20px;--size-24: 24px;--size-32: 32px;--size-36: 36px;--size-40: 40px;--size-48: 48px;--size-56: 56px;--size-64: 64px;--size-72: 72px;--size-80: 80px;--size-88: 88px;--size-96: 96px;--size-104: 104px;--size-112: 112px;--size-120: 120px;--size-128: 128px;--size-160: 160px;--size-320: 320px;--size-640: 640px;--size-720: 720px;--size-1024: 1024px;--size-1280: 1280px;--size-1440: 1440px;--shape-0: 0px;--shape-2: 2px;--shape-4: 4px;--shape-6: 6px;--shape-8: 8px;--shape-12: 12px;--shape-16: 16px;--shape-20: 20px;--shape-24: 24px;--shape-32: 32px;--shape-100: 100px;--opacity-0: 0%;--opacity-10: 10%;--opacity-20: 20%;--opacity-30: 30%;--opacity-40: 40%;--opacity-50: 50%;--opacity-60: 60%;--opacity-70: 70%;--opacity-80: 80%;--opacity-90: 90%;--opacity-100: 100%}:root{--content-brand: var(--color-brand-light-600);--content-primary: var(--color-neutral-light-1100);--content-secondary: var(--color-neutral-light-800);--content-tertiary: var(--color-neutral-light-600);--content-alwaysWhite: var(--color-neutral-light-0);--content-alwaysDark: var(--color-neutral-light-1100);--content-inverse: var(--color-neutral-light-0);--content-disabled: var(--color-neutral-light-700);--content-alert-danger: var(--color-orange-light-600);--content-alert-warning: var(--color-yellow-light-600);--content-alert-success: var(--color-green-light-600);--content-alert-information: var(--color-blue-light-600);--content-accent-purple: var(--color-purple-light-600);--content-accent-pink: var(--color-pink-light-600);--content-accent-orange: var(--color-orange-light-600);--content-accent-blue: var(--color-blue-light-600);--content-accent-green: var(--color-green-light-600);--content-accent-yellow: var(--color-yellow-light-600);--content-accent-brand: var(--color-brand-light-600);--background-brand: var(--color-brand-light-600);--background-primary: var(--color-neutral-light-0);--background-secondary: var(--color-neutral-light-200);--background-tertiary: var(--color-neutral-light-300);--background-inverse: var(--color-neutral-light-1100);--background-disabled: var(--color-neutral-light-300);--background-alwaysWhite: var(--color-neutral-light-0);--background-alwaysDark: var(--color-neutral-light-1100);--background-alert-danger: var(--color-orange-light-600);--background-alert-warning: var(--color-yellow-light-600);--background-alert-success: var(--color-green-light-600);--background-alert-information: var(--color-blue-light-600);--background-alert-danger-light: var(--color-brand-light-100);--background-alert-warning-light: var(--color-yellow-light-100);--background-alert-success-light: var(--color-green-light-100);--background-alert-information-light: var(--color-blue-light-100);--background-accent-purple-light: var(--color-purple-light-100);--background-accent-pink-light: var(--color-pink-light-100);--background-accent-orange-light: var(--color-orange-light-100);--background-accent-blue-light: var(--color-blue-light-100);--background-accent-green-light: var(--color-green-light-100);--background-accent-yellow-light: var(--color-yellow-light-100);--background-accent-brand-light: var(--color-brand-light-100);--background-accent-purple: var(--color-purple-light-600);--background-accent-pink: var(--color-pink-light-600);--background-accent-orange: var(--color-orange-light-600);--background-accent-blue: var(--color-blue-light-600);--background-accent-green: var(--color-green-light-600);--background-accent-yellow: var(--color-yellow-light-600);--background-accent-brand: var(--color-brand-light-600);--border-brand: var(--color-brand-light-600);--border-primary: var(--color-neutral-light-400);--border-secondary: var(--color-neutral-light-300);--border-inverse: var(--color-neutral-light-800);--border-alert-danger: var(--color-orange-light-600);--border-alert-warning: var(--color-yellow-light-600);--border-alert-success: var(--color-green-light-600);--border-alert-information: var(--color-blue-light-600);--border-input-default: var(--color-neutral-light-400);--border-input-disabled: var(--color-neutral-light-200);--border-input-hover: var(--color-neutral-light-500);--border-input-focus: var(--color-neutral-light-600);--border-input-active: var(--color-brand-light-600);--border-accent-purple: var(--color-purple-light-600);--border-accent-pink: var(--color-pink-light-600);--border-accent-orange: var(--color-orange-light-600);--border-accent-blue: var(--color-blue-light-600);--border-accent-green: var(--color-green-light-600);--border-accent-yellow: var(--color-yellow-light-600);--border-accent-brand: var(--color-brand-light-600)}[data-theme=dark]{--content-brand: var(--color-brand-dark-600);--content-primary: var(--color-neutral-dark-100);--content-secondary: var(--color-neutral-dark-800);--content-tertiary: var(--color-neutral-dark-600);--content-alwaysWhite: var(--color-neutral-dark-1100);--content-alwaysDark: var(--color-neutral-dark-0);--content-inverse: var(--color-neutral-dark-0);--content-disabled: var(--color-neutral-dark-700);--content-alert-danger: var(--color-orange-dark-600);--content-alert-warning: var(--color-yellow-dark-600);--content-alert-success: var(--color-green-dark-600);--content-alert-information: var(--color-blue-dark-600);--content-accent-purple: var(--color-purple-dark-600);--content-accent-pink: var(--color-pink-dark-600);--content-accent-orange: var(--color-orange-dark-600);--content-accent-blue: var(--color-blue-dark-600);--content-accent-green: var(--color-green-dark-600);--content-accent-yellow: var(--color-yellow-dark-600);--content-accent-brand: var(--color-brand-dark-600);--background-brand: var(--color-brand-dark-600);--background-disabled: var(--color-neutral-dark-300);--background-primary: var(--color-neutral-dark-0);--background-secondary: var(--color-neutral-dark-200);--background-tertiary: var(--color-neutral-dark-300);--background-inverse: var(--color-neutral-dark-1100);--background-alwaysWhite: var(--color-neutral-dark-1100);--background-alwaysDark: var(--color-neutral-dark-0);--background-alert-danger: var(--color-orange-dark-600);--background-alert-warning: var(--color-yellow-dark-600);--background-alert-success: var(--color-green-dark-600);--background-alert-information: var(--color-blue-dark-600);--background-alert-danger-light: var(--color-brand-dark-100);--background-alert-warning-light: var(--color-yellow-dark-100);--background-alert-success-light: var(--color-green-dark-100);--background-alert-information-light: var(--color-blue-dark-100);--background-accent-purple-light: var(--color-purple-dark-100);--background-accent-pink-light: var(--color-pink-dark-100);--background-accent-orange-light: var(--color-orange-dark-100);--background-accent-blue-light: var(--color-blue-dark-100);--background-accent-green-light: var(--color-green-dark-100);--background-accent-yellow-light: var(--color-yellow-dark-100);--background-accent-brand-light: var(--color-brand-dark-100);--background-accent-purple: var(--color-purple-dark-600);--background-accent-pink: var(--color-pink-dark-600);--background-accent-orange: var(--color-orange-dark-600);--background-accent-blue: var(--color-blue-dark-600);--background-accent-green: var(--color-green-dark-600);--background-accent-yellow: var(--color-yellow-dark-600);--background-accent-brand: var(--color-brand-dark-600);--border-brand: var(--color-brand-dark-600);--border-primary: var(--color-neutral-dark-400);--border-secondary: var(--color-neutral-dark-300);--border-inverse: var(--color-neutral-dark-800);--border-alert-danger: var(--color-orange-dark-600);--border-alert-warning: var(--color-yellow-dark-600);--border-alert-success: var(--color-green-dark-600);--border-alert-information: var(--color-blue-dark-600);--border-input-default: var(--color-neutral-dark-400);--border-input-disabled: var(--color-neutral-dark-200);--border-input-hover: var(--color-neutral-dark-500);--border-input-focus: var(--color-neutral-dark-600);--border-input-active: var(--color-brand-dark-600);--border-accent-purple: var(--color-purple-dark-600);--border-accent-pink: var(--color-pink-dark-600);--border-accent-orange: var(--color-orange-dark-600);--border-accent-blue: var(--color-blue-dark-600);--border-accent-green: var(--color-green-dark-600);--border-accent-yellow: var(--color-yellow-dark-600);--border-accent-brand: var(--color-brand-dark-600)}:root{--component-xxxs: var(--size-2);--component-xxs: var(--size-4);--component-xs: var(--size-8);--component-s: var(--size-12);--component-m: var(--size-16);--component-l: var(--size-20);--component-xl: var(--size-24);--component-xxl: var(--size-32);--component-xxxl: var(--size-40);--icon-xs: var(--size-8);--icon-s: var(--size-12);--icon-m: var(--size-16);--icon-l: var(--size-20);--icon-xl: var(--size-24);--icon-xxl: var(--size-32);--icon-stroke-s: 2px;--icon-stroke-m: 2.5px;--icon-stroke-l: 3px;--avatar-xxxs: var(--size-2);--avatar-xxs: var(--size-4);--avatar-xs: var(--size-8);--avatar-s: var(--size-12);--avatar-m: var(--size-16);--avatar-l: var(--size-20);--avatar-xl: var(--size-24);--avatar-xxl: var(--size-32);--avatar-xxxl: var(--size-40);--padding-xxxs: var(--space-2);--padding-xxs: var(--space-4);--padding-xs: var(--space-8);--padding-s: var(--space-12);--padding-m: var(--space-16);--padding-l: var(--space-20);--padding-xl: var(--space-24);--padding-xxl: var(--space-32);--padding-xxxl: var(--space-40);--gap-xxxs: var(--space-2);--gap-xxs: var(--space-4);--gap-xs: var(--space-8);--gap-s: var(--space-12);--gap-m: var(--space-16);--gap-l: var(--space-20);--gap-xl: var(--space-24);--gap-xxl: var(--space-32);--gap-xxxl: var(--space-40);--gap-negative-xxxs: var(--space-negative-2);--gap-negative-xxs: var(--space-negative-4);--gap-negative-xs: var(--space-negative-8);--gap-negative-s: var(--space-negative-12);--gap-negative-m: var(--space-negative-16);--gap-negative-l: var(--space-negative-20);--gap-negative-xl: var(--space-negative-24);--gap-negative-xxl: var(--space-negative-32);--gap-negative-xxxl: var(--space-negative-40)}[data-layout-mode=compact]{--layout-mode: compact;--component-xxxs: var(--size-0);--component-xxs: var(--size-2);--component-xs: var(--size-4);--component-s: var(--size-8);--component-m: var(--size-12);--component-l: var(--size-16);--component-xl: var(--size-20);--component-xxl: var(--size-24);--component-xxxl: var(--size-32);--icon-xs: var(--size-4);--icon-s: var(--size-8);--icon-m: var(--size-12);--icon-l: var(--size-16);--icon-xl: var(--size-20);--icon-xxl: var(--size-24);--avatar-xxxs: var(--size-0);--avatar-xxs: var(--size-2);--avatar-xs: var(--size-4);--avatar-s: var(--size-8);--avatar-m: var(--size-12);--avatar-l: var(--size-16);--avatar-xl: var(--size-20);--avatar-xxl: var(--size-24);--avatar-xxxl: var(--size-32);--padding-xxxs: var(--space-0);--padding-xxs: var(--space-2);--padding-xs: var(--space-4);--padding-s: var(--space-8);--padding-m: var(--space-12);--padding-l: var(--space-16);--padding-xl: var(--space-20);--padding-xxl: var(--space-24);--padding-xxxl: var(--space-32);--gap-xxxs: var(--space-0);--gap-xxs: var(--space-2);--gap-xs: var(--space-4);--gap-s: var(--space-8);--gap-m: var(--space-12);--gap-l: var(--space-16);--gap-xl: var(--space-20);--gap-xxl: var(--space-24);--gap-xxxl: var(--space-32);--gap-negative-xxxs: var(--space-negative-0);--gap-negative-xxs: var(--space-negative-2);--gap-negative-xs: var(--space-negative-4);--gap-negative-s: var(--space-negative-8);--gap-negative-m: var(--space-negative-12);--gap-negative-l: var(--space-negative-16);--gap-negative-xl: var(--space-negative-20);--gap-negative-xxl: var(--space-negative-24);--gap-negative-xxxl: var(--space-negative-32)}[data-layout-mode=expanded]{--layout-mode: expanded;--component-xxxs: var(--size-4);--component-xxs: var(--size-8);--component-xs: var(--size-12);--component-s: var(--size-16);--component-m: var(--size-20);--component-l: var(--size-24);--component-xl: var(--size-32);--component-xxl: var(--size-40);--component-xxxl: var(--size-48);--icon-xs: var(--size-12);--icon-s: var(--size-16);--icon-m: var(--size-20);--icon-l: var(--size-24);--icon-xl: var(--size-32);--icon-xxl: var(--size-40);--avatar-xxxs: var(--size-4);--avatar-xxs: var(--size-8);--avatar-xs: var(--size-12);--avatar-s: var(--size-16);--avatar-m: var(--size-20);--avatar-l: var(--size-24);--avatar-xl: var(--size-32);--avatar-xxl: var(--size-40);--avatar-xxxl: var(--size-48);--padding-xxxs: var(--space-4);--padding-xxs: var(--space-8);--padding-xs: var(--space-12);--padding-s: var(--space-16);--padding-m: var(--space-20);--padding-l: var(--space-24);--padding-xl: var(--space-32);--padding-xxl: var(--space-40);--padding-xxxl: var(--space-48);--gap-xxxs: var(--space-4);--gap-xxs: var(--space-8);--gap-xs: var(--space-12);--gap-s: var(--space-16);--gap-m: var(--space-20);--gap-l: var(--space-24);--gap-xl: var(--space-32);--gap-xxl: var(--space-40);--gap-xxxl: var(--space-48);--gap-negative-xxxs: var(--space-negative-4);--gap-negative-xxs: var(--space-negative-8);--gap-negative-xs: var(--space-negative-12);--gap-negative-s: var(--space-negative-16);--gap-negative-m: var(--space-negative-20);--gap-negative-l: var(--space-negative-24);--gap-negative-xl: var(--space-negative-32);--gap-negative-xxl: var(--space-negative-40);--gap-negative-xxxl: var(--space-negative-48)}:root{--layout-mode: default;--radii-surface: var(--shape-12);--radii-component-xxs: var(--shape-4);--radii-component-xs: var(--shape-8);--radii-component-s: var(--shape-12);--radii-component-m: var(--shape-16);--radii-component-l: var(--shape-20);--radii-component-xl: var(--shape-24)}[data-shape-mode=rounded]{--layout-mode: rounded;--radii-surface: var(--shape-16);--radii-component-xxs: var(--shape-32);--radii-component-xs: var(--shape-32);--radii-component-s: var(--shape-32);--radii-component-m: var(--shape-32);--radii-component-l: var(--shape-32);--radii-component-xl: var(--shape-32)}[data-shape-mode=sharp]{--layout-mode: "sharp";--radii-surface: var(--shape-2);--radii-component-xxs: var(--shape-2);--radii-component-xs: var(--shape-2);--radii-component-s: var(--shape-2);--radii-component-m: var(--shape-2);--radii-component-l: var(--shape-2);--radii-component-xl: var(--shape-2)}:root{--grid-gap-mobile: 8px;--grid-gap-tablet: 16px;--grid-gap-desktop: 24px;--grid-margin-mobile: 16px;--grid-margin-tablet: 24px;--grid-margin-desktop: 32px}.grid{display:grid;margin:0 auto;width:100%;box-sizing:border-box}.grid-item{border-radius:8px;padding:16px;text-align:center;font-family:sans-serif;transition:all .2s ease;margin-top:10px;margin-bottom:10px}@media (max-width: 767px){.grid{grid-template-columns:repeat(4,1fr);gap:var(--grid-gap-mobile);padding:0 var(--grid-margin-mobile)}.mobile-col-1{grid-column:span 1}.mobile-col-2{grid-column:span 2}.mobile-col-3{grid-column:span 3}.mobile-col-4{grid-column:span 4}.mobile-offset-1{grid-column-start:2}.mobile-offset-2{grid-column-start:3}.mobile-offset-3{grid-column-start:4}}@media (min-width: 768px) and (max-width: 1023px){.grid{grid-template-columns:repeat(8,1fr);gap:var(--grid-gap-tablet);padding:0 var(--grid-margin-tablet)}.tablet-col-1{grid-column:span 1}.tablet-col-2{grid-column:span 2}.tablet-col-3{grid-column:span 3}.tablet-col-4{grid-column:span 4}.tablet-col-5{grid-column:span 5}.tablet-col-6{grid-column:span 6}.tablet-col-7{grid-column:span 7}.tablet-col-8{grid-column:span 8}.tablet-offset-1{grid-column-start:2}.tablet-offset-2{grid-column-start:3}.tablet-offset-3{grid-column-start:4}.tablet-offset-4{grid-column-start:5}.tablet-offset-5{grid-column-start:6}.tablet-offset-6{grid-column-start:7}.tablet-offset-7{grid-column-start:8}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(12,1fr);gap:var(--grid-gap-desktop);padding:0 var(--grid-margin-desktop);max-width:1200px}.desktop-col-1{grid-column:span 1}.desktop-col-2{grid-column:span 2}.desktop-col-3{grid-column:span 3}.desktop-col-4{grid-column:span 4}.desktop-col-5{grid-column:span 5}.desktop-col-6{grid-column:span 6}.desktop-col-7{grid-column:span 7}.desktop-col-8{grid-column:span 8}.desktop-col-9{grid-column:span 9}.desktop-col-10{grid-column:span 10}.desktop-col-11{grid-column:span 11}.desktop-col-12{grid-column:span 12}.desktop-offset-1{grid-column-start:2}.desktop-offset-2{grid-column-start:3}.desktop-offset-3{grid-column-start:4}.desktop-offset-4{grid-column-start:5}.desktop-offset-5{grid-column-start:6}.desktop-offset-6{grid-column-start:7}.desktop-offset-7{grid-column-start:8}.desktop-offset-8{grid-column-start:9}.desktop-offset-9{grid-column-start:10}.desktop-offset-10{grid-column-start:11}.desktop-offset-11{grid-column-start:12}}.grid.justify-start{justify-content:start;justify-items:start}.grid.justify-center{justify-content:center;justify-items:center}.grid.justify-end{justify-content:end;justify-items:end}.grid.justify-between{justify-content:space-between}.grid.align-start{align-content:start;align-items:start}.grid.align-center{align-content:center;align-items:center}.grid.align-end{align-content:end;align-items:end}.grid.align-stretch{align-items:stretch}.grid-item.justify-start{justify-self:start}.grid-item.justify-center{justify-self:center}.grid-item.justify-end{justify-self:end}.grid-item.align-start{align-self:start}.grid-item.align-center{align-self:center}.grid-item.align-end{align-self:end}.grid.debug{position:relative;background-image:repeating-linear-gradient(to right,rgba(255,0,0,.08) 0,rgba(255,0,0,.08) 1fr,transparent 1fr,transparent calc(100% / 12))}.grid.debug .grid-item{outline:1px dashed rgba(255,0,0,.4);background-color:#ff00000d}.grid{display:flex;flex-wrap:wrap}.grid-item{display:flex}.direction-row{flex-direction:row}.direction-column{flex-direction:column}.direction-row-reverse{flex-direction:row-reverse}.direction-column-reverse{flex-direction:column-reverse}.text{color:var(--content-primary);font-style:normal}.text--display-large,.text--display-medium,.text--display-small,.text--display-x-small{font-family:var(--font-family-bold);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-tight);letter-spacing:var(--font-letter-spacing-tight)}.text--display-large{font-size:var(--font-size-display-large)}.text--display-medium{font-size:var(--font-size-display-medium)}.text--display-small{font-size:var(--font-size-display-small)}.text--display-x-small{font-size:var(--font-size-display-x-small)}.text--heading-xx-large,.text--heading-x-large,.text--heading-large{font-family:var(--font-family-bold);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-default)}.text--heading-medium,.text--heading-small,.text--heading-x-small{font-family:var(--font-family-medium);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-default)}.text--heading-xx-large{font-size:var(--font-size-heading-xx-large)}.text--heading-x-large{font-size:var(--font-size-heading-x-large)}.text--heading-large{font-size:var(--font-size-heading-large)}.text--heading-medium{font-size:var(--font-size-heading-medium)}.text--heading-small{font-size:var(--font-size-heading-small)}.text--heading-x-small{font-size:var(--font-size-heading-x-small)}.text--label-large,.text--label-medium,.text--label-small,.text--label-x-small{font-family:var(--font-family-regular);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-default);letter-spacing:.03em}.text--label-large{font-size:var(--font-size-label-large)}.text--label-medium{font-size:var(--font-size-label-medium)}.text--label-small{font-size:var(--font-size-label-small)}.text--label-x-small{font-size:var(--font-size-label-x-small)}.text--paragraph-large,.text--paragraph-medium,.text--paragraph-small,.text--paragraph-x-small{font-family:var(--font-family-regular);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-default)}.text--paragraph-large{font-size:var(--font-size-paragraph-large)}.text--paragraph-medium{font-size:var(--font-size-paragraph-medium)}.text--paragraph-small{font-size:var(--font-size-paragraph-small);line-height:var(--font-line-height-spaced)}.text--paragraph-x-small{font-size:var(--font-size-paragraph-x-small);line-height:var(--font-line-height-spaced)}.text--caption-medium,.text--caption-small{font-family:var(--font-family-regular);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-default);letter-spacing:.5px}.text--caption-medium{font-size:10px}.text--caption-small{font-size:8px}.orbit-spinner{position:relative;display:inline-block;line-height:0}.orbit-spinner__rotate{position:absolute;top:0;left:0;animation:orbit-spinner-rotate 1s linear infinite;overflow:visible}@keyframes orbit-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--radii-component-xs, 8px);box-shadow:inset 0 0 0 3px var(--btn-border, transparent);border:0px solid var(--btn-border, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--btn-bg);color:var(--btn-text-color);transition:all 0s ease-in-out;position:relative;overflow:hidden}.content{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--gap-m, 16px)}.button:hover:not(:disabled,.is-loading){background:var(--btn-bg-hover);box-shadow:inset 0 0 0 1px var(--btn-border-hover, transparent);color:var(--btn-text-hover)}.button:active:not(:disabled){background:var(--btn-bg-active);color:var(--btn-text-active);transform:scale(.98)}.button.is-active{background:var(--btn-bg-active, var(--btn-bg-hover));box-shadow:inset 0 0 0 3px var(--btn-border-active, transparent);color:var(--btn-border-active);transform:scale(.98)}.button.is-active:hover:not(:disabled){background:var(--btn-bg-hover, var(--btn-bg-active));border-color:3px solid var(--btn-border-active);color:var(--btn-border-active)}.button:disabled{background:var(--btn-bg-disabled);color:var(--btn-text-disabled);box-shadow:inset 0 0 0 2px var(--btn-border-disabled, transparent);cursor:not-allowed}.button.is-loading{cursor:wait;background:var(--btn-bg-loading, var(--btn-bg));box-shadow:inset 0 0 0 3px var(--btn-border-loading, transparent)}.button__spinner{width:var(--spinner-size, 16px);height:var(--spinner-size, 16px);border:2px solid var(--spinner-color, rgba(255, 255, 255, .5));border-top-color:var(--spinner-color-active, #fff);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button--xs{padding:var(--padding-xxs);gap:var(--gap-xxxs)}.button--s{padding:var(--padding-xs);gap:var(--gap-xxxs)}.button--m{padding:var(--padding-s);gap:var(--gap-xs)}.button--l{padding:var(--padding-m);gap:var(--gap-m)}.button--block{display:block;width:100%}.button--brand.button--primary{--btn-bg: var(--background-brand);--btn-text-color: var(--content-alwaysWhite,);--btn-border: var(--background-brand);--btn-bg-active: var(--background-alwaysDark);--btn-text-active: var(--content-alwaysWhite);--btn-border-active: var(--background-alwaysDark);--btn-bg-loading: var(--background-brand);--btn-text-loading: var(--background-brand);--btn-border-loading: var(--background-brand);--btn-bg-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-brand);--btn-text-hover: var(--content-alwaysWhite);--btn-border-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-brand);--spinner-color: transparent;--spinner-color-active: var(--content-inverse);--btn-bg-disabled: var(--background-disabled);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--background-disabled)}.button--brand.button--secondary{--btn-bg: transparent;--btn-text-color: var(--content-brand);--btn-border: var(--background-brand);--btn-bg-hover: var(--color-brand-light-100);--btn-text-hover: var(--content-brand, #e41e2b);--btn-border-hover: var(--global-color-border, #E41E2B);--btn-bg-loading: transparent;--btn-text-loading: var(--content-brand, #e41e2b);--btn-border-loading: var(--background-brand);--btn-bg-active: var(--color-brand-light-200, #f6d1d2);--btn-text-active: var(--content-brand, #e41e2b);--btn-border-active: var(--content-brand);--spinner-color: transparent;--spinner-color-active: var(--content-brand);--btn-bg-disabled: var(--background-secondary);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--border-secondary)}.button--brand.button--tertiary{--btn-bg: transparent;--btn-text-color: var(--content-brand);--btn-border: transparent;--btn-bg-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-text-hover: var(--content-brand, #e41e2b);--btn-border-hover: transparent;--btn-bg-loading: transparent;--btn-text-loading: var(--content-brand);--btn-border-loading: transparent;--btn-bg-active: var(--background-accent-red-light, #fbe9ea);--btn-text-active: var(--content-brand);--btn-border-active: transparent;--spinner-color: transparent;--spinner-color-active: var(--content-brand);--btn-bg-disabled: transparent;--btn-text-disabled: var(--content-disabled);--btn-border-disabled: transparent}.button--green.button--primary{--btn-bg: var(--content-accent-green, #00963a);--btn-text-color: var(--content-alwaysWhite);--btn-border: var(--content-accent-green, #00963a);--btn-bg-active: var(--color-green-light-1100, #003d18);--btn-text-active: var(--content-alwaysWhite);--btn-border-active: var(--color-green-light-1100, #003d18);--btn-bg-loading: var(--content-accent-green, #00963a);--btn-text-loading: var(--content-accent-green, #00963a);--btn-border-loading: var(--content-accent-green, #00963a);--btn-bg-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-accent-green, #00963a);--btn-text-hover: var(--content-alwaysWhite);--btn-border-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-green);--spinner-color: transparent;--spinner-color-active: var(--content-inverse);--btn-bg-disabled: var(--background-disabled);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--background-disabled)}.button--green.button--secondary{--btn-bg: transparent;--btn-text-color: var(--content-accent-green);--btn-border: var(--content-accent-green);--btn-bg-active: var(--color-green-light-200);--btn-text-active: var(--content-accent-green);--btn-border-active: var(--content-accent-green);--btn-bg-loading: transparent;--btn-text-loading: var(--content-inverse);--btn-border-loading: var(--content-accent-green);--btn-bg-hover: var(--color-green-light-100, #e9f1ea);--btn-text-hover: var(--content-alert-success, #00963a);--btn-border-hover: var(--border-accent-green, #00963a);--spinner-color: transparent;--spinner-color-active: var(--content-accent-green);--btn-bg-disabled: var(--background-secondary);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--border-secondary)}.button--green.button--tertiary{--btn-bg: transparent;--btn-text-color: var(--content-accent-green);--btn-border: transparent;--btn-bg-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-text-hover: var(--content-alert-success, #00963a);--btn-border-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-bg-loading: transparent;--btn-text-loading: var(--content-inverse);--btn-border-loading: transparent;--btn-bg-active: var(--background-accent-green-light, #e9f1ea);--btn-text-active: var(--content-accent-green);--btn-border-active: transparent;--spinner-color: transparent;--spinner-color-active: var(--content-alert-success, #00963a);--btn-bg-disabled: transparent;--btn-text-disabled: var(--content-disabled);--btn-border-disabled: transparent}.button--yellow.button--primary{--btn-bg: var(--content-alert-warning, #f9b002);--btn-text-color: var(--content-alwaysWhite);--btn-border: var(--content-alert-warning, #f9b002);--btn-bg-active: var(--color-yellow-light-1100, #654801);--btn-text-active: var(--content-alwaysWhite);--btn-border-active: var(--color-yellow-light-1100, #654801);--btn-bg-loading: var(--content-alert-warning, #f9b002);--btn-text-loading: var(--content-alert-warning, #f9b002);--btn-border-loading: var(--content-alert-warning, #f9b002);--btn-bg-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-alert-warning, #f9b002);--btn-text-hover: var(--content-alwaysWhite);--btn-border-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-yellow);--spinner-color: transparent;--spinner-color-active: var(--content-inverse);--btn-bg-disabled: var(--background-disabled);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--background-disabled)}.button--yellow.button--secondary{--btn-bg: transparent;--btn-text-color: var(--content-alert-warning, #f9b002);--btn-border: var(--border-accent-orange, #eb7501);--btn-bg-active: var(--color-yellow-light-200, #fde8d0);--btn-text-active: var(--content-alert-warning, #f9b002);--btn-border-active: var(--border-accent-orange, #eb7501);--btn-bg-loading: transparent;--btn-text-loading: var(--content-alert-warning, #f9b002);--btn-border-loading: var(--border-accent-orange, #eb7501);--btn-bg-hover: var(--color-yellow-light-100, #fef4e9);--btn-text-hover: var(--content-alert-warning, #f9b002);--btn-border-hover: var(--border-accent-orange, #eb7501);--spinner-color: transparent;--spinner-color-active: var(--content-accent-yellow);--btn-bg-disabled: var(--background-secondary);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--border-secondary)}.button--yellow.button--tertiary{--btn-bg: transparent;--btn-text-color: var(--content-alert-warning, #f9b002);--btn-border: transparent;--btn-bg-active: var(--background-accent-yellow-light, #fef4e9);--btn-text-active: var(--content-alert-warning, #f9b002);--btn-border-active: transparent;--btn-bg-loading: transparent;--btn-text-loading: var(--content-alert-warning, #f9b002);--btn-border-loading: transparent;--btn-bg-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-text-hover: var(--content-alert-warning, #f9b002);--btn-border-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--spinner-color: transparent;--spinner-color-active: var(--content-alert-warning, #f9b002);--btn-bg-disabled: transparent;--btn-text-disabled: var(--content-disabled);--btn-border-disabled: transparent}.button--blue.button--primary{--btn-bg: var(--content-alert-information, #315d9b);--btn-text-color: var(--content-alwaysWhite);--btn-border: var(--content-alert-information, #315d9b);--btn-bg-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-alert-information, #315d9b);--btn-text-hover: var(--content-alwaysWhite);--btn-border-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-alert-information, #315d9b);--btn-bg-loading: var(--content-alert-information, #315d9b);--btn-text-loading: var(--content-alwaysWhite, #fff);--btn-border-loading: var(--content-alert-information, #315d9b);--btn-bg-active: var(--color-blue-light-1100, #14263f);--btn-text-active: var(--content-alwaysWhite, #fff);--btn-border-active: var(--color-blue-light-1100, #14263f);--spinner-color: transparent;--spinner-color-active: var(--content-alwaysWhite, #fff);--btn-bg-disabled: var(--background-disabled);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--background-disabled)}.button--blue.button--secondary{--btn-bg: transparent;--btn-text-color: var(--content-alert-information, #315d9b);--btn-border: var(--border-accent-blue, #315d9b);--btn-bg-hover: var(--color-blue-light-100, #eaecf1);--btn-text-hover: var(--content-alert-information, #315d9b);--btn-border-hover: var(--border-accent-blue, #315d9b);--btn-bg-loading: var(--color-blue-light-200, #d2d7e3);--btn-text-loading: var(--content-alert-information, #315d9b);--btn-border-loading: var(--border-accent-blue, #315d9b);--btn-bg-active: var(--color-blue-light-200, #d2d7e3);--btn-text-active: var(--content-alert-information, #315d9b);--btn-border-active: var(--border-accent-blue, #315d9b);--spinner-color: transparent;--spinner-color-active: var(--content-alert-information, #315d9b);--btn-bg-disabled: var(--background-secondary);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--border-secondary)}.button--blue.button--tertiary{--btn-bg: transparent;--btn-text-color: var(--content-alert-information, #315d9b);--btn-border: transparent;--btn-bg-active: var(--background-accent-blue-light, #eaecf1);--btn-text-active: var(--content-alert-information, #315d9b);--btn-border-active: var(--background-accent-blue-light, #eaecf1);--btn-bg-loading: var(--background-accent-blue-light, #eaecf1);--btn-text-loading: var(--content-alert-information, #315d9b);--btn-border-loading: transparent;--btn-bg-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-text-hover: var(--content-alert-information, #315d9b);--btn-border-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--spinner-color: transparent;--spinner-color-active: var(--content-alert-information, #315d9b);--btn-bg-disabled: transparent;--btn-text-disabled: var(--content-disabled);--btn-border-disabled: transparent}.button--purple.button--primary{--btn-bg: var(--content-accent-purple, #9d32cd);--btn-text-color: var(--content-alwaysWhite, #fff);--btn-border: var(--content-accent-purple, #9d32cd);--btn-bg-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-accent-purple, #9d32cd);--btn-text-hover: var(--content-alwaysWhite, #fff);--btn-border-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-accent-purple, #9d32cd);--btn-bg-loading: var(--content-accent-purple, #9d32cd);--btn-text-loading: var(--content-alwaysWhite, #fff);--btn-border-loading: var(--content-accent-purple, #9d32cd);--btn-bg-active: var(--color-purple-light-1100, #401454);--btn-text-active: var(--content-alwaysWhite, #fff);--btn-border-active: var(--color-purple-light-1100, #401454);--spinner-color: transparent;--spinner-color-active: var(--content-alwaysWhite, #fff);--btn-bg-disabled: var(--background-disabled);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--background-disabled)}.button--purple.button--secondary{--btn-bg: transparent;--btn-text-color: var(--content-accent-purple, #9d32cd);--btn-border: var(--border-accent-purple, #9d32cd);--btn-bg-hover: var(--color-purple-light-100, #f2eaf7);--btn-text-hover: var(--content-accent-purple, #9d32cd);--btn-border-hover: var(--border-accent-purple, #9d32cd);--btn-bg-loading: transparent;--btn-text-loading: var(--content-accent-purple, #9d32cd);--btn-border-loading: var(--border-accent-purple, #9d32cd);--btn-bg-active: var(--color-purple-light-200, #e3d2ef);--btn-text-active: var(--content-accent-purple, #9d32cd);--btn-border-active: var(--border-accent-purple, #9d32cd);--spinner-color: transparent;--spinner-color-active: var(--content-accent-purple, #9d32cd);--btn-bg-disabled: var(--background-secondary);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--border-secondary)}.button--purple.button--tertiary{--btn-bg: transparent;--btn-text-color: var(--content-accent-purple, #9d32cd);--btn-border: transparent;--btn-bg-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-text-hover: var(--content-accent-purple, #9d32cd);--btn-border-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-bg-loading: transparent;--btn-text-loading: var(--content-accent-purple, #9d32cd);--btn-border-loading: transparent;--btn-bg-active: var(--background-accent-purple-light, #f2eaf7);--btn-text-active: var(--content-accent-purple, #9d32cd);--btn-border-active: var(--background-accent-purple-light, #f2eaf7);--spinner-color: transparent;--spinner-color-active: var(--content-accent-purple, #9d32cd);--btn-bg-disabled: transparent;--btn-text-disabled: var(--content-disabled);--btn-border-disabled: transparent}.button--pink.button--primary{--btn-bg: var(--content-accent-pink, #e82c8a);--btn-text-color: var(--content-alwaysWhite, #fff);--btn-border: var(--content-accent-pink, #e82c8a);--btn-bg-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-accent-pink, #e82c8a);--btn-text-hover: var(--content-alwaysWhite, #fff);--btn-border-hover: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), var(--content-accent-pink, #e82c8a);--btn-bg-loading: var(--content-accent-pink, #e82c8a);--btn-text-loading: var(--content-alwaysWhite, #fff);--btn-border-loading: var(--content-accent-pink, #e82c8a);--btn-bg-active: var(--color-pink-light-1100, #5f1238);--btn-text-active: var(--content-alwaysWhite, #fff);--btn-border-active: var(--color-pink-light-1100, #5f1238);--spinner-color: transparent;--spinner-color-active: var(--content-alwaysWhite, #fff);--btn-bg-disabled: var(--background-disabled);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--background-disabled)}.button--pink.button--secondary{--btn-bg: transparent;--btn-text-color: var(--content-accent-pink, #e82c8a);--btn-border: var(--border-accent-pink, #e82c8a);--btn-bg-hover: var(--color-pink-light-100, #fbeaf0);--btn-text-hover: var(--content-accent-pink, #e82c8a);--btn-border-hover: var(--border-accent-pink, #e82c8a);--btn-bg-loading: transparent;--btn-text-loading: var(--content-accent-pink, #e82c8a);--btn-border-loading: var(--content-accent-pink, #e82c8a);--btn-bg-active: var(--color-pink-light-200, #f8d2df);--btn-text-active: var(--content-accent-pink, #e82c8a);--btn-border-active: var(--content-accent-pink, #e82c8a);--spinner-color: transparent;--spinner-color-active: var(--content-accent-pink, #e82c8a);--btn-bg-disabled: var(--background-secondary);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--border-secondary)}.button--pink.button--tertiary{--btn-bg: transparent;--btn-text-color: var(--content-accent-pink, #e82c8a);--btn-border: transparent;--btn-bg-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-text-hover: var(--content-accent-pink, #e82c8a);--btn-border-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-bg-loading: transparent;--btn-text-loading: var(--content-accent-pink, #e82c8a);--btn-border-loading: transparent;--btn-bg-active: var(--background-accent-pink-light, #fbeaf0);--btn-text-active: var(--content-accent-pink, #e82c8a);--btn-border-active: var(--background-accent-pink-light, #fbeaf0);--spinner-color: transparent;--spinner-color-active: var(--content-accent-pink, #e82c8a);--btn-bg-disabled: transparent;--btn-text-disabled: var(--content-disabled);--btn-border-disabled: transparent}.button--black.button--primary{--btn-bg: var(--background-inverse, #151515);--btn-text-color: var(--content-alwaysDark, #fff);--btn-border: var(--background-inverse, #151515);--btn-bg-hover: var(--color-neutral-light-800, #656565);--btn-text-hover: var(--content-alwaysWhite, #fff);--btn-border-hover: var(--color-neutral-light-800, #656565);--btn-bg-loading: var(--background-inverse, #151515);--btn-text-loading: var(--content-alwaysWhite, #fff);--btn-border-loading: var(--background-inverse, #151515);--btn-bg-active: var(--color-neutral-light-1000, #474747);--btn-text-active: var(--content-alwaysWhite, #fff);--btn-border-active: var(--color-neutral-light-1000, #474747);--spinner-color: transparent;--spinner-color-active: var(--content-alwaysWhite, #fff);--btn-bg-disabled: var(--background-disabled);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--background-disabled)}.button--black.button--secondary{--btn-bg: transparent;--btn-text-color: var(--color-neutral-light-1000, #474747);--btn-border: var(--border-inverse, #656565);--btn-bg-hover: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%), var(--color-neutral-alpha-32, rgba(13, 13, 13, .32));--btn-text-hover: var(--content-primary, #151515);--btn-border-hover: var(--border-inverse, #656565);--btn-bg-loading: transparent;--btn-text-loading: var(--color-neutral-light-1000, #474747);--btn-border-loading: var(--border-inverse, #656565);--btn-bg-active: var(--background-inverse, #151515);--btn-text-active: var(--content-alwaysWhite, #fff);--btn-border-active: var(--border-inverse, #656565);--spinner-color: transparent;--spinner-color-active: var(--color-neutral-light-1000, #474747);--btn-bg-disabled: var(--background-secondary);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--border-secondary)}.button--black.button--tertiary{--btn-bg: transparent;--btn-text-color: var(--color-neutral-light-1000, #474747);--btn-border: transparent;--btn-bg-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-text-hover: var(--color-neutral-light-1000, #474747);--btn-border-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-bg-loading: transparent;--btn-text-loading: var(--color-neutral-light-1000, #474747);--btn-border-loading: transparent;--btn-bg-active: var(--color-neutral-light-200, #dcdcdc);--btn-text-active: var(--color-neutral-light-1000, #474747);--btn-border-active: var(--color-neutral-light-200, #dcdcdc);--spinner-color: transparent;--spinner-color-active: var(--color-neutral-light-1000, #474747);--btn-bg-disabled: transparent;--btn-text-disabled: var(--content-disabled);--btn-border-disabled: transparent}.button--white.button--primary{--btn-bg: var(--background-alwaysWhite, #fff);--btn-text-color: var(--content-alwaysWhite, #151515);--btn-border: var(--background-alwaysWhite, #fff);--btn-bg-hover: var(--color-neutral-light-500, #999);--btn-text-hover: var(--content-alwaysDark, #151515);--btn-border-hover: var(--color-neutral-light-500, #999);--btn-bg-loading: var(--background-alwaysWhite, #fff);--btn-text-loading: var(--content-alwaysWhite, #fff);--btn-border-loading: var(--background-alwaysWhite, #fff);--btn-bg-active: var(--background-alwaysWhite, #fff);--btn-text-active: var(--content-alwaysWhite, #151515);--btn-border-active: var(--background-alwaysWhite, #fff);--spinner-color: transparent;--spinner-color-active: var(--color-neutral-light-1000, #474747);--btn-bg-disabled: var(--background-disabled);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--background-disabled)}.button--white.button--secondary{--btn-bg: transparent;--btn-text-color: var(--content-alwaysWhite,, #fff);--btn-border: var(--content-alwaysWhite, #fff);--btn-bg-hover: var(--color-neutral-light-100, #efefef);--btn-text-hover: var(--color-neutral-light-1000, #474747);--btn-border-hover: var(--color-neutral-light-100, #efefef);--btn-bg-loading: transparent;--btn-text-loading: var(--content-alwaysWhite, #fff);--btn-border-loading: var(--content-alwaysWhite, #fff);--btn-bg-active: var(--color-neutral-light-200, #dcdcdc);--btn-text-active: var(--color-neutral-light-1000, #474747);--btn-border-active: var(--border-input-default, #b3b3b3);--spinner-color: transparent;--spinner-color-active: var(--content-alwaysWhite, #fff);--btn-bg-disabled: var(--background-secondary);--btn-text-disabled: var(--content-disabled);--btn-border-disabled: var(--border-secondary)}.button--white.button--tertiary{--btn-bg: transparent;--btn-text-color: var(--content-alwaysWhite,, #fff);--btn-border: transparent;--btn-bg-hover: var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));--btn-text-hover: var(--content-alwaysWhite, #fff);--btn-border-hover: var(--border-input-hover, #999);--btn-bg-loading: transparent;--btn-text-loading: var(--color-neutral-light-1000, #474747);--btn-border-loading: transparent;--btn-bg-active: var(--color-neutral-light-200, #dcdcdc);--btn-text-active: var(--color-neutral-light-1000, #474747);--btn-border-active: var(--color-neutral-light-200, #dcdcdc);--spinner-color: transparent;--spinner-color-active: var(--content-alwaysWhite, #fff);--btn-bg-disabled: transparent;--btn-text-disabled: var(--content-disabled);--btn-border-disabled: transparent}.card{display:flex;width:250px;flex-direction:column;border-radius:12px;padding:var(--padding-xs);align-items:flex-start;box-shadow:0 1px 2px #0000000f,0 2px 6px #00000014}.content{display:flex;flex-direction:row;gap:var(--gap-xs, 8px)}.line{border-top:1px solid var(--border-secondary, #C9C9C9);padding:var(--padding-xs)}.footer{flex:1;width:100%;display:flex;flex-direction:column;gap:var(--padding-xxs)}.textContainer{flex:1;display:flex;flex-direction:column;align-self:stretch}.quantitySelector{display:flex;align-items:center;width:100%;gap:var(--padding-xxxs);-webkit-user-select:none;user-select:none}.quantitySelector__button{display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;background:var(--color-neutral-alpha-8, rgba(13, 13, 13, .08));transition:opacity .2s ease}.quantitySelector__button:disabled{opacity:.4;cursor:not-allowed}.quantitySelector__quantity{flex:1;display:flex;justify-content:center}.quantitySelector--small .quantitySelector__button{width:22px;height:22px;border-radius:11px}.quantitySelector--medium .quantitySelector__button{width:26px;height:26px;border-radius:13px}.quantitySelector--large .quantitySelector__button{width:30px;height:30px;border-radius:15px}.containerBadge{display:flex;flex-direction:row;gap:var(--gap-xs)}.productBadge{display:flex;flex-direction:row;align-items:center;justify-content:center;align-content:center;border-radius:4px;align-self:flex-start;background-color:var(--background-accent-brand-light);gap:var(--gap-xxxs, 2px);padding:var(--padding-xxs, 4px)}.productBadge--iconOnly{padding:4px;min-width:20px}.productBadge__icon{display:flex;align-items:center}.productBadge__icon--withText{margin-right:4px}.productBadge__text{display:flex;align-items:center;font-weight:400}.productBadge--border{border:2px solid var(--border-brand);min-height:17px}.skeleton{position:relative;overflow:hidden;background:var(--content-primary);opacity:.12;display:block}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--color-neutral-light-0, rgba(255, 255, 255, .5)),transparent);transform:translate(-100%);animation:skeleton-shimmer 1.6s linear infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.textfield__container{display:flex;flex-direction:column;gap:var(--gap-xxs);border-width:1px;border-style:solid;border-color:var(--border-color);border-radius:var(--component-xs);padding:var(--padding-m);background-color:var(--background-color);transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.textfield--hover:not(.textfield--grid) .textfield__container{box-shadow:0 6px 8px #00000040}.textfield--grid .textfield__container{border-width:0;padding-inline:var( --padding-0, 0px );background-color:transparent}.textfield__input-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--gap-xs);background-color:var( --background-color );transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.textfield--grid .textfield__input-wrapper{border-width:1px;border-style:solid;border-color:var( --border-color );border-radius:var( --component-xs );padding:var(--padding-m)}.textfield--grid.textfield--hover .textfield__input-wrapper{box-shadow:0 6px 8px #00000040}.textfield__label-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.textfield__label-group{display:flex;flex-direction:row;gap:var(--gap-xxs)}.textfield__label{color:var(--label-color)}.textfield__input{flex:1;color:var(--text-color);font-size:var(--component-m);line-height:var(--component-l);background-color:transparent;border:none;outline:none}.textfield__input::placeholder{color:var( --placeholder-color )}.textfield__icons{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--gap-xs)}.textfield__footer{display:flex;flex-direction:row;align-items:center;align-self:flex-end;gap:var(--gap-xxs)}.textfield--disabled{cursor:not-allowed}.textfield--disabled:not(.textfield--grid) .textfield__container{background:var( --background-disabled, #C9C9C9 );border-color:var( --background-disabled, #C9C9C9 )}.textfield--disabled.textfield--grid .textfield__input-wrapper{background:var( --background-disabled, #C9C9C9 );border-color:var( --background-disabled, #C9C9C9 )}.textfield--disabled .textfield__input{color:var( --content-disabled, #999 );cursor:not-allowed}.textfield--disabled .textfield__input::placeholder{color:var( --content-disabled, #999 )}.textfield--disabled .textfield__label,.textfield--disabled .textfield__footer{color:var( --content-disabled, #999 )}.textfield--disabled button{cursor:not-allowed}button,input[type=submit],input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.textfield__skeleton-input{width:100%}.textfield:not(.textfield--grid) .textfield__skeleton-input{height:24px}.textfield--grid .textfield__skeleton-input{flex:1}.toast-container{position:fixed;left:10%;right:10%;padding:var(--padding-m);border-radius:var(--radii-surface);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-elevation-2);z-index:9999;opacity:0;transform:translateY(0);transition:opacity .4s ease-in-out,transform .4s ease-in-out;will-change:opacity,transform}.toast--top{top:50px}.toast--center{top:50%;transform:translateY(-50%)}.toast--bottom{bottom:50px}.toast--brand{background:var(--content-accent-brand);color:var(--content-onColor)}.toast--success{background:var(--background-alert-success);color:var(--content-onColor)}.toast--warning{background:var(--background-alert-warning);color:var(--content-onColor)}.toast--information{background:var(--background-alert-information);color:var(--content-onColor)}.toast--danger{background:var(--background-alert-danger);color:var(--content-onColor)}.toast--visible{opacity:1;transform:translateY(4px)}.toast-message{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-xs, 8px)}.toast-message__left{display:flex;align-items:center;gap:var(--spacing-xs, 8px);flex-shrink:1}.toast-message__text{font-family:var(--font-family-medium, "Roboto", "Segoe UI", sans-serif);font-size:var(--font-size-body-small, 12px);font-weight:var(--font-weight-bold, 700);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--content-primary, #000)}.radio-button{display:flex;flex-direction:row;align-items:center;gap:var(--gap-s);cursor:pointer;-webkit-user-select:none;user-select:none}.radio-button.is-disabled{cursor:not-allowed;opacity:.6}.radio-button__circle{width:var(--component-l);height:var(--component-l);border-radius:50%;border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.radio-button.checked[data-color=brand] .radio-button__circle{border-color:var(--border-accent-brand)}.radio-button.checked[data-color=green] .radio-button__circle{border-color:var(--border-accent-green)}.radio-button.checked[data-color=blue] .radio-button__circle{border-color:var(--border-accent-blue)}.radio-button.checked[data-color=yellow] .radio-button__circle{border-color:var(--border-accent-yellow)}.radio-button.checked[data-color=purple] .radio-button__circle{border-color:var(--border-accent-purple)}.radio-button.checked[data-color=pink] .radio-button__circle{border-color:var(--border-accent-pink)}.radio-button.checked[data-color=orange] .radio-button__circle{border-color:var(--border-accent-orange)}.radio-button.is-disabled .radio-button__circle{border-color:var(--border-input-disabled)}.radio-button:not(.is-disabled):active .radio-button__circle{border-color:var(--border-input-active)}.radio-button>.labelSmall{color:var(--content-primary)}.radio-button-group{display:flex;flex-direction:column}.radio-button-group__item{margin-bottom:var(--gap-s)}.radio-button-group__item:last-child{margin-bottom:0}.checkbox{display:inline-flex;align-items:center;gap:var(--gap-xs);cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px}.checkbox input{display:none}.checkbox__box{width:var(--component-l);height:var(--component-l);border-radius:var(--radii-component-xxs);border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;box-sizing:border-box}.checkbox:not(.is-disabled):hover .checkbox__box{border-color:var(--border-primary, #B3B3B3);background:linear-gradient(0deg,#0003,#0003),var(--background-secondary, #DCDCDC)}.checkbox input:focus-visible+.checkbox__box{outline:2px solid var(--border-input-focus);outline-offset:2px}.checkbox--brand input:checked+.checkbox__box{background-color:var(--background-brand);border-color:var(--border-brand)}.checkbox--green input:checked+.checkbox__box{background-color:var(--background-accent-green);border-color:var(--border-accent-green)}.checkbox--blue input:checked+.checkbox__box{background-color:var(--background-accent-blue);border-color:var(--border-accent-blue)}.checkbox--yellow input:checked+.checkbox__box{background-color:var(--background-accent-yellow);border-color:var(--border-accent-yellow)}.checkbox--purple input:checked+.checkbox__box{background-color:var(--background-accent-purple);border-color:var(--border-accent-purple)}.checkbox--pink input:checked+.checkbox__box{background-color:var(--background-accent-pink);border-color:var(--border-accent-pink)}.checkbox--orange input:checked+.checkbox__box{background-color:var(--background-accent-orange);border-color:var(--border-accent-orange)}.checkbox.is-disabled{cursor:not-allowed;opacity:.6}.checkbox.is-disabled .checkbox__box{background-color:var(--background-disabled);border-color:var(--border-input-disabled)}.checkbox.is-disabled .checkbox__label{color:var(--content-disabled)}.switch{display:flex;align-items:center;justify-content:flex-start;border-radius:73px;border:1px solid var(--border-primary, #b3b3b3);background:var(--background-secondary, #dcdcdc);cursor:pointer;transition:background-color .25s ease,justify-content .4s ease;box-sizing:border-box}.switch__thumb{border-radius:50%;background:var(--content-brand, #e41e2b);flex-shrink:0;transition:background-color 1s ease,transform 1s cubic-bezier(1,0,.25,1)}.switch--L{width:72px;padding:var(--padding-xxs, 4px)}.switch--L .switch__thumb{width:34px;height:34px}.switch--M{width:56px;padding:var(--padding-xxs, 4px)}.switch--M .switch__thumb{width:var(--component-xl, 24px);height:var(--component-xl, 24px)}.switch--S{width:40px;padding:var(--padding-xxs, 4px)}.switch--S .switch__thumb{width:var(--component-m, 16px);height:var(--component-m, 16px)}.switch:hover:not(.is-disabled):not(.active){background:var(--background-tertiary, #c9c9c9);box-shadow:2px 2px 2px #00000040 inset}.switch.active{justify-content:flex-end;background:var(--background-brand, #e41e2b)}.switch.active .switch__thumb{background:var(--content-alwaysWhite, #fff)}.switch.is-disabled{cursor:not-allowed;opacity:.6;background:var(--background-disabled, #c9c9c9)}.switch.is-disabled .switch__thumb{background:var(--content-disabled, #999)}
