:root{--primitive-color-coolgray-25:#f9f9fa;--primitive-color-coolgray-50:#f2f2fa;--primitive-color-coolgray-100:#e8e8f4;--primitive-color-coolgray-200:#dadbe8;--primitive-color-coolgray-300:#c9cadb;--primitive-color-coolgray-400:#b4b4c6;--primitive-color-coolgray-500:#acaabb;--primitive-color-coolgray-600:#918f9e;--primitive-color-coolgray-700:#6e6d78;--primitive-color-violet-25:#f7f7fe;--primitive-color-violet-50:#f5f2ff;--primitive-color-violet-100:#e9e6ff;--primitive-color-violet-200:#d6ccff;--primitive-color-violet-300:#c1b2ff;--primitive-color-violet-400:#ab94ff;--primitive-color-violet-500:#9678ff;--primitive-color-violet-600:#8461fa;--primitive-color-violet-700:#654ec1;--primitive-color-violet-800:#423089;--primitive-color-violet-900:#2f2262;--primitive-color-violet-950:#1d153c;--primitive-color-lime-50:#fbffe6;--primitive-color-lime-100:#f5fec9;--primitive-color-lime-200:#e5fc8b;--primitive-color-lime-300:#d5f75f;--primitive-color-lime-400:#c0ec2f;--primitive-color-lime-500:#a1d30f;--primitive-color-lime-600:#7da907;--primitive-color-lime-700:#5f800b;--primitive-color-lime-800:#4b650f;--primitive-color-lime-900:#405512;--primitive-color-lime-950:#203003;--primitive-color-coral-50:#fef1ec;--primitive-color-coral-100:#fee4da;--primitive-color-coral-200:#fdcebe;--primitive-color-coral-300:#fbb29c;--primitive-color-coral-400:#f79479;--primitive-color-coral-500:#f37555;--primitive-color-coral-600:#f04d24;--primitive-color-coral-700:#d2360f;--primitive-color-coral-800:#a22a0b;--primitive-color-coral-900:#721e08;--primitive-color-coral-950:#431105;--primitive-color-gray-25:#f9f9fa;--primitive-color-gray-50:#f7f7f8;--primitive-color-gray-100:#efeff0;--primitive-color-gray-200:#d8d8d8;--primitive-color-gray-300:#b6b8b9;--primitive-color-gray-400:#a6a9ac;--primitive-color-gray-500:#95999d;--primitive-color-gray-600:#868b90;--primitive-color-gray-700:#6d7278;--primitive-color-default-0:#fff;--primitive-color-black-800:#333;--primitive-color-black-900:#262626;--primitive-color-black-950:#000;--primitive-color-red-500:#ff7a68;--primitive-color-etc-blue:#0029ff;--primitive-color-etc-timer-bg:#262626;--primitive-number-0:0rem;--primitive-number-1:.063rem;--primitive-number-2:.125rem;--primitive-number-3:.25rem;--primitive-number-4:.375rem;--primitive-number-5:.5rem;--primitive-number-6:.625rem;--primitive-number-7:.75rem;--primitive-number-8:1rem;--primitive-number-9:1.25rem;--primitive-number-10:1.5rem;--primitive-number-11:1.75rem;--primitive-number-12:2rem;--primitive-number-13:2.25rem;--primitive-number-14:2.5rem;--primitive-number-15:2.75rem;--primitive-number-16:3rem;--primitive-number-17:3.5rem;--primitive-number-18:4rem;--primitive-number-19:4.5rem;--primitive-number-20:4.75rem;--primitive-number-21:5rem;--primitive-number-22:6rem;--primitive-number-23:7rem;--primitive-number-24:7.5rem;--primitive-number-25:8rem;--primitive-number-26:9rem;--primitive-number-27:10rem;--primitive-number-max:62.5rem;--primitive-typo-letter-spacing:0rem;--primitive-typo-font-family-pretendard:Pretendard;--primitive-typo-font-weight-pretendard-0:600;--primitive-typo-font-weight-pretendard-1:500;--primitive-typo-font-weight-pretendard-2:400;--primitive-typo-font-size-0:8px;--primitive-typo-font-size-1:10px;--primitive-typo-font-size-2:12px;--primitive-typo-font-size-3:14px;--primitive-typo-font-size-4:16px;--primitive-typo-font-size-5:18px;--primitive-typo-font-size-6:20px;--primitive-typo-font-size-7:22px;--primitive-typo-font-size-8:24px;--primitive-typo-font-size-9:28px;--primitive-typo-font-size-10:32px;--primitive-typo-font-size-11:36px;--primitive-typo-font-size-12:40px;--primitive-typo-font-size-13:44px;--primitive-typo-font-size-14:48px;--primitive-typo-font-size-15:64px;--primitive-typo-line-height-0:83.2px;--primitive-typo-line-height-1:83.2px;--primitive-typo-line-height-2:83.2px;--primitive-typo-line-height-3:62.4px;--primitive-typo-line-height-4:62.4px;--primitive-typo-line-height-5:62.4px;--primitive-typo-line-height-6:56px;--primitive-typo-line-height-7:56px;--primitive-typo-line-height-8:56px;--primitive-typo-line-height-9:52px;--primitive-typo-line-height-10:52px;--primitive-typo-line-height-11:44.8px;--primitive-typo-line-height-12:48px;--primitive-typo-line-height-13:48px;--primitive-typo-line-height-14:39.2px;--primitive-typo-line-height-15:44.8px;--primitive-typo-line-height-16:44.8px;--primitive-typo-line-height-17:33.6px;--primitive-typo-line-height-18:39.2px;--primitive-typo-line-height-19:39.2px;--primitive-typo-line-height-20:39.2px;--primitive-typo-line-height-21:33.6px;--primitive-typo-line-height-22:33.6px;--primitive-typo-line-height-23:33.6px;--primitive-typo-line-height-24:30px;--primitive-typo-line-height-25:30px;--primitive-typo-line-height-26:30px;--primitive-typo-line-height-27:28px;--primitive-typo-line-height-28:28px;--primitive-typo-line-height-29:28px;--primitive-typo-line-height-30:27px;--primitive-typo-line-height-31:27px;--primitive-typo-line-height-32:27px;--primitive-typo-line-height-33:24px;--primitive-typo-line-height-34:24px;--primitive-typo-line-height-35:24px;--primitive-typo-line-height-36:21px;--primitive-typo-line-height-37:21px;--primitive-typo-line-height-38:21px;--primitive-typo-line-height-39:18px;--primitive-typo-line-height-40:18px;--primitive-typo-line-height-41:18px;--primitive-typo-line-height-42:16px;--primitive-typo-line-height-43:16px;--primitive-typo-line-height-44:16px;--primitive-typo-line-height-45:12px;--primitive-typo-line-height-46:12px;--primitive-typo-line-height-47:12px;--primitive-radius-0:0rem;--primitive-radius-4:.25rem;--primitive-radius-8:.5rem;--primitive-radius-12:.75rem;--primitive-radius-16:1rem;--primitive-radius-20:1.25rem;--primitive-radius-24:1.5rem;--primitive-radius-32:2rem;--primitive-radius-full:624.938rem;--primitive-spacing-0:0rem;--primitive-spacing-2:.125rem;--primitive-spacing-4:.25rem;--primitive-spacing-8:.5rem;--primitive-spacing-12:.75rem;--primitive-spacing-16:1rem;--primitive-spacing-20:1.25rem;--primitive-spacing-24:1.5rem;--primitive-spacing-32:2rem;--primitive-spacing-36:2.25rem;--primitive-spacing-40:2.5rem;--primitive-spacing-48:3rem;--primitive-spacing-60:3.75rem;--primitive-spacing-64:4rem;--primitive-spacing-80:5rem;--primitive-spacing-100:6.25rem;--responsive-typo-font-size-Display-1-mo:2.75rem;--responsive-typo-font-size-Display-1-ta:3rem;--responsive-typo-font-size-Display-1-pc:4rem;--responsive-typo-font-size-Display-2-mo:2.5rem;--responsive-typo-font-size-Display-2-ta:2.75rem;--responsive-typo-font-size-Display-2-pc:3rem;--responsive-typo-font-size-Display-3-mo:2.25rem;--responsive-typo-font-size-Display-3-ta:2.5rem;--responsive-typo-font-size-Display-3-pc:2.75rem;--responsive-typo-font-size-Display-4-mo:2rem;--responsive-typo-font-size-Display-4-ta:2.25rem;--responsive-typo-font-size-Display-4-pc:2.5rem;--responsive-typo-font-size-Display-5-mo:1.75rem;--responsive-typo-font-size-Display-5-ta:2rem;--responsive-typo-font-size-Display-5-pc:2.25rem;--responsive-typo-font-size-Display-6-mo:1.5rem;--responsive-typo-font-size-Display-6-ta:1.75rem;--responsive-typo-font-size-Display-6-pc:2rem;--responsive-typo-font-size-Heading-1-mo:1.375rem;--responsive-typo-font-size-Heading-1-ta:1.5rem;--responsive-typo-font-size-Heading-1-pc:1.75rem;--responsive-typo-font-size-Heading-2-mo:1.25rem;--responsive-typo-font-size-Heading-2-ta:1.375rem;--responsive-typo-font-size-Heading-2-pc:1.5rem;--responsive-typo-font-size-Heading-3-mo:1.125rem;--responsive-typo-font-size-Heading-3-ta:1.25rem;--responsive-typo-font-size-Heading-3-pc:1.375rem;--responsive-typo-font-size-Heading-4-mo:1rem;--responsive-typo-font-size-Heading-4-ta:1.125rem;--responsive-typo-font-size-Heading-4-pc:1.25rem;--responsive-typo-font-size-Heading-5-mo:.875rem;--responsive-typo-font-size-Heading-5-ta:1rem;--responsive-typo-font-size-Heading-5-pc:1.125rem;--responsive-typo-font-size-Body-1-mo:.875rem;--responsive-typo-font-size-Body-1-ta:.875rem;--responsive-typo-font-size-Body-1-pc:1rem;--responsive-typo-font-size-Body-2-mo:.75rem;--responsive-typo-font-size-Body-2-ta:.75rem;--responsive-typo-font-size-Body-2-pc:.875rem;--responsive-typo-font-size-Label-1-mo:.75rem;--responsive-typo-font-size-Label-1-ta:.75rem;--responsive-typo-font-size-Label-1-pc:.75rem;--responsive-typo-font-size-Label-2-mo:.625rem;--responsive-typo-font-size-Label-2-ta:.625rem;--responsive-typo-font-size-Label-2-pc:.625rem;--responsive-typo-font-size-Caption-1-mo:.5rem;--responsive-typo-font-size-Caption-1-ta:.5rem;--semantic-color-primary-default:#9678ff;--semantic-color-primary-hover:#8461fa;--semantic-color-primary-pressed:#654ec1;--semantic-color-primary-subtle:#f5f2ff;--semantic-color-primary-light:#e9e6ff;--semantic-color-interactive-primary:#9678ff;--semantic-color-interactive-primary-hover:#8461fa;--semantic-color-interactive-primary-active:#654ec1;--semantic-color-interactive-primary-subtle:#f5f2ff;--semantic-color-interactive-primary-light:#e9e6ff;--semantic-color-interactive-secondary:#f9f9fa;--semantic-color-interactive-secondary-hover:#f2f2fa;--semantic-color-interactive-inactive:#c9cadb;--semantic-color-interactive-disabled:#dadbe8;--semantic-color-brand-lime:#d5f75f;--semantic-color-brand-lime-deep:#4b650f;--semantic-color-brand-lime-accent:#e5fc8b;--semantic-color-brand-violet:#9678ff;--semantic-color-text-primary:#262626;--semantic-color-text-strong:#333;--semantic-color-text-secondary:#acaabb;--semantic-color-text-tertiary:#c9cadb;--semantic-color-text-disabled:#b6b8b9;--semantic-color-text-inverse:#fff;--semantic-color-text-error:#ff7a68;--semantic-color-text-brand:#9678ff;--semantic-color-text-brand-hover:#8461fa;--semantic-color-bg-base:#fff;--semantic-color-bg-subtle:#fff;--semantic-color-bg-muted:#f9f9fa;--semantic-color-bg-input:#f7f7f8;--semantic-color-bg-input-secondary:#f9f9fa;--semantic-color-bg-timer:#262626;--semantic-color-bg-inverse:#000;--semantic-color-bg-brand-subtle:#f5f2ff;--semantic-color-bg-strong:#333;--semantic-color-bg-weak:#fff;--semantic-color-bg-solid:#fff;--semantic-color-bg-error:#f37555;--semantic-color-bg-neutral-solid:#333;--semantic-color-bg-neutral-solid-pressed:#262626;--semantic-color-bg-disable:#efeff0;--semantic-color-bg-brand-weak-pressed:#e9e6ff;--semantic-color-bg-nav-scrolled:#fff;--semantic-color-bg-pressed:#efeff0;--semantic-color-bg-brand:#9678ff;--semantic-color-bg-brand-hover:#8461fa;--semantic-color-bg-brand-pressed:#654ec1;--semantic-color-bg-error-pressed:#f04d24;--semantic-color-bg-error-disabled:#fdcebe;--semantic-color-bg-error-subtle:#fef1ec;--semantic-color-bg-disable-secondary:#efeff0;--semantic-color-bg-pressed-secondary:#efeff0;--semantic-color-bg-skeleton:#efeff0;--semantic-color-bg-skeleton-shine:#f9f9fa;--semantic-color-bg-white-5:#ffffff0d;--semantic-color-bg-white-10:#ffffff1a;--semantic-color-bg-white-15:#ffffff26;--semantic-color-bg-white-20:#fff3;--semantic-color-bg-white-25:#ffffff40;--semantic-color-bg-white-30:#ffffff4d;--semantic-color-bg-white-35:#ffffff59;--semantic-color-bg-white-40:#fff6;--semantic-color-bg-white-45:#ffffff73;--semantic-color-bg-white-50:#ffffff80;--semantic-color-bg-white-55:#ffffff8c;--semantic-color-bg-white-60:#fff9;--semantic-color-bg-white-65:#ffffffa6;--semantic-color-bg-white-70:#ffffffb3;--semantic-color-bg-white-75:#ffffffbf;--semantic-color-bg-white-80:#fffc;--semantic-color-bg-white-85:#ffffffd9;--semantic-color-bg-white-90:#ffffffe6;--semantic-color-bg-white-95:#fffffff2;--semantic-color-bg-white-100:#fff;--semantic-color-bg-black-5:#3333330d;--semantic-color-bg-black-10:#3333331a;--semantic-color-bg-black-15:#33333326;--semantic-color-bg-black-20:#3333;--semantic-color-bg-black-25:#33333340;--semantic-color-bg-black-30:#3333334d;--semantic-color-bg-black-35:#33333359;--semantic-color-bg-black-40:#3336;--semantic-color-bg-black-45:#33333373;--semantic-color-bg-black-50:#33333380;--semantic-color-bg-black-55:#3333338c;--semantic-color-bg-black-60:#3339;--semantic-color-bg-black-65:#333333a6;--semantic-color-bg-black-70:#333333b3;--semantic-color-bg-black-75:#333333bf;--semantic-color-bg-black-80:#333c;--semantic-color-bg-black-85:#333333d9;--semantic-color-bg-black-90:#333333e6;--semantic-color-bg-black-95:#333333f2;--semantic-color-bg-black-100:#333;--semantic-color-border-default:#e8e8f4;--semantic-color-border-strong:#262626;--semantic-color-border-focus:#9678ff;--semantic-color-border-error:#f37555;--semantic-color-border-disabled:#efeff0;--semantic-color-border-selected:#333;--semantic-color-border-weak:#d8d8d8;--semantic-color-border-solid:#b6b8b9;--semantic-color-border-disable:#efeff0;--semantic-color-border-subtle:#efeff0;--semantic-color-border-brand:#9678ff;--semantic-color-border-inverse:#fff;--semantic-color-border-nav-top:#3330;--semantic-color-border-neutral-solid:#333;--semantic-color-feedback-error:#ff7a68;--semantic-color-feedback-error-subtle:#fef1ec;--semantic-color-feedback-error-bg:#fee4da;--semantic-color-feedback-error-strong:#f37555;--semantic-color-feedback-success:#a1d30f;--semantic-color-feedback-warning:#f79479;--semantic-color-fg-text-solid:#333;--semantic-color-fg-text-weak:#333;--semantic-color-fg-text-muted:#6d7278;--semantic-color-fg-text-subtle:#868b90;--semantic-color-fg-text-disable:#b6b8b9;--semantic-color-fg-text-solid-muted:#fff;--semantic-color-fg-text-error:#f37555;--semantic-color-fg-text-brand:#9678ff;--semantic-color-fg-text-error-contrast:#f37555;--semantic-color-fg-text-positive:#a1d30f;--semantic-color-fg-text-warning:#f79479;--semantic-color-fg-text-inverse:#fff;--semantic-color-fg-text-static-light:#fff;--semantic-color-fg-text-static-dark:#333;--semantic-color-fg-text-error-pressed:#f04d24;--semantic-color-fg-icon-weak:#333;--semantic-color-fg-icon-muted:#6d7278;--semantic-color-fg-icon-subtle:#d8d8d8;--semantic-color-fg-icon-solid-muted:#fff;--semantic-color-fg-icon-disable:#b6b8b9;--semantic-color-fg-icon-error:#f37555;--semantic-color-fg-icon-inverse:#fff;--semantic-color-fg-icon-brand:#9678ff;--semantic-color-effect-shadow-nav:#6d727814;--semantic-breakpoint-mobile:30rem;--semantic-breakpoint-tablet:48rem;--semantic-breakpoint-desktop:64rem;--semantic-breakpoint-max-width:90rem;--semantic-size-height-1:.5rem;--semantic-size-height-2:1rem;--semantic-size-height-3:1.25rem;--semantic-size-height-4:1.5rem;--semantic-size-height-5:2rem;--semantic-size-height-6:2.5rem;--semantic-size-height-7:3rem;--semantic-size-height-8:3.5rem;--semantic-size-height-9:4rem;--semantic-size-height-10:4.5rem;--semantic-size-height-11:4.75rem;--semantic-radius-0:0rem;--semantic-radius-4:.25rem;--semantic-radius-8:.5rem;--semantic-radius-12:.75rem;--semantic-radius-16:1rem;--semantic-radius-20:1.25rem;--semantic-radius-24:1.5rem;--semantic-radius-28:1.75rem;--semantic-radius-32:2rem;--semantic-radius-36:2.25rem;--semantic-radius-xs:.25rem;--semantic-radius-sm:.5rem;--semantic-radius-md:.75rem;--semantic-radius-lg:1rem;--semantic-radius-xl:1.25rem;--semantic-radius-2xl:1.5rem;--semantic-radius-3xl:2rem;--semantic-radius-full:624.938rem;--semantic-spacing-1:.25rem;--semantic-spacing-2:.5rem;--semantic-spacing-3:.75rem;--semantic-spacing-4:1rem;--semantic-spacing-5:1.25rem;--semantic-spacing-6:1.5rem;--semantic-spacing-7:1.75rem;--semantic-spacing-8:2rem;--semantic-spacing-9:2.25rem;--semantic-spacing-10:2.5rem;--semantic-spacing-11:2.75rem;--semantic-spacing-12:3rem;--semantic-spacing-14:3.5rem;--semantic-spacing-16:4rem;--semantic-spacing-18:4.5rem;--semantic-spacing-19:4.75rem;--semantic-spacing-20:5rem;--semantic-spacing-24:6rem;--semantic-spacing-28:7rem;--semantic-spacing-30:7.5rem;--semantic-spacing-32:8rem;--semantic-spacing-36:2.25rem;--semantic-spacing-40:10rem;--semantic-spacing-60:3.75rem;--semantic-spacing-100:6.25rem;--semantic-spacing-2xs:.125rem;--semantic-spacing-xs:.25rem;--semantic-spacing-sm:.5rem;--semantic-spacing-md:.75rem;--semantic-spacing-lg:1rem;--semantic-spacing-xl:1.25rem;--semantic-spacing-2xl:1.5rem;--semantic-spacing-3xl:2rem;--semantic-spacing-4xl:2.5rem;--semantic-spacing-5xl:3rem;--semantic-spacing-6xl:4rem;--semantic-spacing-7xl:5rem;--semantic-gap-1:.25rem;--semantic-gap-2:.5rem;--semantic-gap-3:.75rem;--semantic-gap-4:1rem;--semantic-gap-5:1.25rem;--semantic-gap-6:1.5rem;--semantic-gap-7:1.75rem;--semantic-gap-8:2rem;--semantic-gap-9:2.25rem;--semantic-gap-10:2.5rem;--semantic-gap-11:2.75rem;--semantic-gap-12:3rem;--semantic-gap-14:3.5rem;--semantic-gap-16:4rem;--semantic-gap-18:4.5rem;--semantic-gap-19:4.75rem;--semantic-gap-20:5rem;--semantic-gap-24:6rem;--semantic-gap-28:7rem;--semantic-gap-30:7.5rem;--semantic-gap-32:8rem;--semantic-gap-36:9rem;--semantic-gap-40:10rem;--semantic-padding-1:.25rem;--semantic-padding-2:.5rem;--semantic-padding-3:.75rem;--semantic-padding-4:1rem;--semantic-padding-5:1.25rem;--semantic-padding-6:1.5rem;--semantic-padding-7:1.75rem;--semantic-padding-8:2rem;--semantic-padding-9:2.25rem;--semantic-padding-10:2.5rem;--semantic-padding-11:2.75rem;--semantic-padding-12:3rem;--semantic-padding-14:3.5rem;--semantic-padding-16:4rem;--semantic-padding-18:4.5rem;--semantic-padding-19:4.75rem;--semantic-padding-20:5rem;--semantic-padding-24:6rem;--semantic-padding-28:7rem;--semantic-padding-30:7.5rem;--semantic-padding-32:8rem;--semantic-padding-36:9rem;--semantic-padding-40:10rem;--semantic-opacity-dim:50;--semantic-opacity-disabled:38;--semantic-opacity-hover:8;--semantic-opacity-pressed:16;--semantic-opacity-overlay-5:5;--semantic-opacity-overlay-10:10;--semantic-opacity-overlay-15:15;--semantic-opacity-overlay-20:20;--semantic-opacity-overlay-25:25;--semantic-opacity-overlay-30:30;--semantic-opacity-overlay-35:35;--semantic-opacity-overlay-40:40;--semantic-opacity-overlay-45:45;--semantic-opacity-overlay-50:50;--semantic-opacity-overlay-55:55;--semantic-opacity-overlay-60:60;--semantic-opacity-overlay-65:65;--semantic-opacity-overlay-70:70;--semantic-opacity-overlay-75:75;--semantic-opacity-overlay-80:80;--semantic-opacity-overlay-85:85;--semantic-opacity-overlay-90:90;--semantic-opacity-overlay-95:95;--semantic-opacity-overlay-100:100;--semantic-opacity-toast:80;--semantic-Shadow-100:0 4px 8px 0 #6d72780a;--semantic-Shadow-200:0 4px 8px 0 #6d727814;--semantic-Shadow-300:0 4px 12px 0 #6d727814;--semantic-Shadow-400:0 4px 12px 0 #6d727829;--semantic-Shadow-500:0 4px 20px 0 #6d727829;--semantic-Shadow-600:0 20px 50px -20px #6d727880;--semantic-Shadow-float:0 3px 1px 0 #0000000f, 0 3px 8px 0 #00000026;--semantic-Shadow-nav:0 -2px 8px 0 #6d727814;--semantic-Shadow-dark-100:0 4px 8px 0 #0000001f;--semantic-Shadow-dark-200:0 4px 8px 0 #0003;--semantic-Shadow-dark-300:0 4px 12px 0 #0003;--semantic-Shadow-dark-400:0 4px 12px 0 #00000052;--semantic-Shadow-dark-500:0 4px 20px 0 #0006;--semantic-Shadow-dark-600:0 20px 50px -20px #000000b3;--semantic-Shadow-dark-nav:0 -2px 8px 0 #0003;--component-button-primary-bg:#9678ff;--component-button-primary-bg-hover:#8461fa;--component-button-primary-bg-inactive:#c9cadb;--component-button-primary-text:#fff;--component-button-primary-radius:.5rem;--component-button-secondary-bg:#f9f9fa;--component-button-secondary-bg-hover:#f2f2fa;--component-button-secondary-text:#acaabb;--component-button-secondary-radius:.5rem;--component-button-pastel-bg:#e9e6ff;--component-button-pastel-text:#9678ff;--component-button-pastel-radius:.5rem;--component-button-lime-bg:#d5f75f;--component-button-lime-text:#4b650f;--component-button-lime-radius:.5rem;--component-button-light-coral-bg:#fef1ec;--component-button-light-coral-text:#f37555;--component-button-light-coral-radius:.5rem;--component-button-brand-solid-bg:#9678ff;--component-button-brand-solid-bg-hover:#8461fa;--component-button-brand-solid-bg-disabled:#efeff0;--component-button-brand-solid-text:#fff;--component-button-brand-solid-bg-pressed:#654ec1;--component-button-brand-weak-bg:#f5f2ff;--component-button-brand-weak-text:#9678ff;--component-button-neutral-solid-bg:#333;--component-button-neutral-solid-bg-pressed:#262626;--component-button-neutral-solid-bg-disabled:#efeff0;--component-button-neutral-solid-text:#fff;--component-button-error-bg:#f37555;--component-button-error-bg-pressed:#f04d24;--component-button-error-bg-disabled:#fdcebe;--component-button-error-text:#fff;--component-button-neutral-weak-solid-bg:#f7f7f8;--component-button-neutral-weak-solid-bg-pressed:#efeff0;--component-button-neutral-weak-solid-bg-disabled:#efeff0;--component-button-neutral-weak-solid-text:#333;--component-input-bg:#f7f7f8;--component-input-bg-secondary:#f9f9fa;--component-input-border:#e8e8f4;--component-input-border-focus:#9678ff;--component-input-border-error:#f37555;--component-input-text:#333;--component-input-placeholder:#acaabb;--component-input-error-text:#ff7a68;--component-input-radius:.5rem;--component-input-radius-search:624.938rem;--component-chip-radius:1rem;--component-chip-padding-md:.5rem;--component-chip-padding-sm:.25rem;--component-chip-pastel-bg:#e9e6ff;--component-chip-pastel-text:#9678ff;--component-chip-pastel-border:#e9e6ff;--component-chip-pastel-text-checked:#8461fa;--component-chip-coral-bg:#fef1ec;--component-chip-coral-text:#f37555;--component-switch-bg-on:#f37555;--component-switch-bg-off:#c9cadb;--component-switch-inner-bg:#fff;--component-tab-color-active:#f37555;--component-tab-bg-indicator:#f37555;--component-radio-border-checked:#f37555;--component-checkbox-border:#e8e8f4;--component-checkbox-border-checked:#9678ff;--component-checkbox-bg-checked:#9678ff;--component-checkbox-text-checked:#fff;--component-checkbox-radius:.25rem}@theme{--semantic-color-primary-default: var(--semantic-color-primary-default); --semantic-color-primary-hover: var(--semantic-color-primary-hover); --semantic-color-primary-pressed: var(--semantic-color-primary-pressed); --semantic-color-primary-subtle: var(--semantic-color-primary-subtle); --semantic-color-primary-light: var(--semantic-color-primary-light); --semantic-color-interactive-primary: var(--semantic-color-interactive-primary); --semantic-color-interactive-primary-hover: var(--semantic-color-interactive-primary-hover); --semantic-color-interactive-primary-active: var(--semantic-color-interactive-primary-active); --semantic-color-interactive-primary-subtle: var(--semantic-color-interactive-primary-subtle); --semantic-color-interactive-primary-light: var(--semantic-color-interactive-primary-light); --semantic-color-interactive-secondary: var(--semantic-color-interactive-secondary); --semantic-color-interactive-secondary-hover: var(--semantic-color-interactive-secondary-hover); --semantic-color-interactive-inactive: var(--semantic-color-interactive-inactive); --semantic-color-interactive-disabled: var(--semantic-color-interactive-disabled); --semantic-color-brand-lime: var(--semantic-color-brand-lime); --semantic-color-brand-lime-deep: var(--semantic-color-brand-lime-deep); --semantic-color-brand-lime-accent: var(--semantic-color-brand-lime-accent); --semantic-color-brand-violet: var(--semantic-color-brand-violet); --semantic-color-text-primary: var(--semantic-color-text-primary); --semantic-color-text-strong: var(--semantic-color-text-strong); --semantic-color-text-secondary: var(--semantic-color-text-secondary); --semantic-color-text-tertiary: var(--semantic-color-text-tertiary); --semantic-color-text-disabled: var(--semantic-color-text-disabled); --semantic-color-text-inverse: var(--semantic-color-text-inverse); --semantic-color-text-error: var(--semantic-color-text-error); --semantic-color-text-brand: var(--semantic-color-text-brand); --semantic-color-text-brand-hover: var(--semantic-color-text-brand-hover); --semantic-color-bg-base: var(--semantic-color-bg-base); --semantic-color-bg-subtle: var(--semantic-color-bg-subtle); --semantic-color-bg-muted: var(--semantic-color-bg-muted); --semantic-color-bg-input: var(--semantic-color-bg-input); --semantic-color-bg-input-secondary: var(--semantic-color-bg-input-secondary); --semantic-color-bg-timer: var(--semantic-color-bg-timer); --semantic-color-bg-inverse: var(--semantic-color-bg-inverse); --semantic-color-bg-brand-subtle: var(--semantic-color-bg-brand-subtle); --semantic-color-bg-strong: var(--semantic-color-bg-strong); --semantic-color-bg-weak: var(--semantic-color-bg-weak); --semantic-color-bg-solid: var(--semantic-color-bg-solid); --semantic-color-bg-error: var(--semantic-color-bg-error); --semantic-color-bg-neutral-solid: var(--semantic-color-bg-neutral-solid); --semantic-color-bg-neutral-solid-pressed: var(--semantic-color-bg-neutral-solid-pressed); --semantic-color-bg-disable: var(--semantic-color-bg-disable); --semantic-color-bg-brand-weak-pressed: var(--semantic-color-bg-brand-weak-pressed); --semantic-color-bg-nav-scrolled: var(--semantic-color-bg-nav-scrolled); --semantic-color-bg-pressed: var(--semantic-color-bg-pressed); --semantic-color-bg-brand: var(--semantic-color-bg-brand); --semantic-color-bg-brand-hover: var(--semantic-color-bg-brand-hover); --semantic-color-bg-brand-pressed: var(--semantic-color-bg-brand-pressed); --semantic-color-bg-error-pressed: var(--semantic-color-bg-error-pressed); --semantic-color-bg-error-disabled: var(--semantic-color-bg-error-disabled); --semantic-color-bg-error-subtle: var(--semantic-color-bg-error-subtle); --semantic-color-bg-disable-secondary: var(--semantic-color-bg-disable-secondary); --semantic-color-bg-pressed-secondary: var(--semantic-color-bg-pressed-secondary); --semantic-color-bg-skeleton: var(--semantic-color-bg-skeleton); --semantic-color-bg-skeleton-shine: var(--semantic-color-bg-skeleton-shine); --semantic-color-bg-white-5: var(--semantic-color-bg-white-5); --semantic-color-bg-white-10: var(--semantic-color-bg-white-10); --semantic-color-bg-white-15: var(--semantic-color-bg-white-15); --semantic-color-bg-white-20: var(--semantic-color-bg-white-20); --semantic-color-bg-white-25: var(--semantic-color-bg-white-25); --semantic-color-bg-white-30: var(--semantic-color-bg-white-30); --semantic-color-bg-white-35: var(--semantic-color-bg-white-35); --semantic-color-bg-white-40: var(--semantic-color-bg-white-40); --semantic-color-bg-white-45: var(--semantic-color-bg-white-45); --semantic-color-bg-white-50: var(--semantic-color-bg-white-50); --semantic-color-bg-white-55: var(--semantic-color-bg-white-55); --semantic-color-bg-white-60: var(--semantic-color-bg-white-60); --semantic-color-bg-white-65: var(--semantic-color-bg-white-65); --semantic-color-bg-white-70: var(--semantic-color-bg-white-70); --semantic-color-bg-white-75: var(--semantic-color-bg-white-75); --semantic-color-bg-white-80: var(--semantic-color-bg-white-80); --semantic-color-bg-white-85: var(--semantic-color-bg-white-85); --semantic-color-bg-white-90: var(--semantic-color-bg-white-90); --semantic-color-bg-white-95: var(--semantic-color-bg-white-95); --semantic-color-bg-white-100: var(--semantic-color-bg-white-100); --semantic-color-bg-black-5: var(--semantic-color-bg-black-5); --semantic-color-bg-black-10: var(--semantic-color-bg-black-10); --semantic-color-bg-black-15: var(--semantic-color-bg-black-15); --semantic-color-bg-black-20: var(--semantic-color-bg-black-20); --semantic-color-bg-black-25: var(--semantic-color-bg-black-25); --semantic-color-bg-black-30: var(--semantic-color-bg-black-30); --semantic-color-bg-black-35: var(--semantic-color-bg-black-35); --semantic-color-bg-black-40: var(--semantic-color-bg-black-40); --semantic-color-bg-black-45: var(--semantic-color-bg-black-45); --semantic-color-bg-black-50: var(--semantic-color-bg-black-50); --semantic-color-bg-black-55: var(--semantic-color-bg-black-55); --semantic-color-bg-black-60: var(--semantic-color-bg-black-60); --semantic-color-bg-black-65: var(--semantic-color-bg-black-65); --semantic-color-bg-black-70: var(--semantic-color-bg-black-70); --semantic-color-bg-black-75: var(--semantic-color-bg-black-75); --semantic-color-bg-black-80: var(--semantic-color-bg-black-80); --semantic-color-bg-black-85: var(--semantic-color-bg-black-85); --semantic-color-bg-black-90: var(--semantic-color-bg-black-90); --semantic-color-bg-black-95: var(--semantic-color-bg-black-95); --semantic-color-bg-black-100: var(--semantic-color-bg-black-100); --semantic-color-border-default: var(--semantic-color-border-default); --semantic-color-border-strong: var(--semantic-color-border-strong); --semantic-color-border-focus: var(--semantic-color-border-focus); --semantic-color-border-error: var(--semantic-color-border-error); --semantic-color-border-disabled: var(--semantic-color-border-disabled); --semantic-color-border-selected: var(--semantic-color-border-selected); --semantic-color-border-weak: var(--semantic-color-border-weak); --semantic-color-border-solid: var(--semantic-color-border-solid); --semantic-color-border-disable: var(--semantic-color-border-disable); --semantic-color-border-subtle: var(--semantic-color-border-subtle); --semantic-color-border-brand: var(--semantic-color-border-brand); --semantic-color-border-inverse: var(--semantic-color-border-inverse); --semantic-color-border-nav-top: var(--semantic-color-border-nav-top); --semantic-color-border-neutral-solid: var(--semantic-color-border-neutral-solid); --semantic-color-feedback-error: var(--semantic-color-feedback-error); --semantic-color-feedback-error-subtle: var(--semantic-color-feedback-error-subtle); --semantic-color-feedback-error-bg: var(--semantic-color-feedback-error-bg); --semantic-color-feedback-error-strong: var(--semantic-color-feedback-error-strong); --semantic-color-feedback-success: var(--semantic-color-feedback-success); --semantic-color-feedback-warning: var(--semantic-color-feedback-warning); --semantic-color-fg-text-solid: var(--semantic-color-fg-text-solid); --semantic-color-fg-text-weak: var(--semantic-color-fg-text-weak); --semantic-color-fg-text-muted: var(--semantic-color-fg-text-muted); --semantic-color-fg-text-subtle: var(--semantic-color-fg-text-subtle); --semantic-color-fg-text-disable: var(--semantic-color-fg-text-disable); --semantic-color-fg-text-solid-muted: var(--semantic-color-fg-text-solid-muted); --semantic-color-fg-text-error: var(--semantic-color-fg-text-error); --semantic-color-fg-text-brand: var(--semantic-color-fg-text-brand); --semantic-color-fg-text-error-contrast: var(--semantic-color-fg-text-error-contrast); --semantic-color-fg-text-positive: var(--semantic-color-fg-text-positive); --semantic-color-fg-text-warning: var(--semantic-color-fg-text-warning); --semantic-color-fg-text-inverse: var(--semantic-color-fg-text-inverse); --semantic-color-fg-text-static-light: var(--semantic-color-fg-text-static-light); --semantic-color-fg-text-static-dark: var(--semantic-color-fg-text-static-dark); --semantic-color-fg-text-error-pressed: var(--semantic-color-fg-text-error-pressed); --semantic-color-fg-icon-weak: var(--semantic-color-fg-icon-weak); --semantic-color-fg-icon-muted: var(--semantic-color-fg-icon-muted); --semantic-color-fg-icon-subtle: var(--semantic-color-fg-icon-subtle); --semantic-color-fg-icon-solid-muted: var(--semantic-color-fg-icon-solid-muted); --semantic-color-fg-icon-disable: var(--semantic-color-fg-icon-disable); --semantic-color-fg-icon-error: var(--semantic-color-fg-icon-error); --semantic-color-fg-icon-inverse: var(--semantic-color-fg-icon-inverse); --semantic-color-fg-icon-brand: var(--semantic-color-fg-icon-brand); --semantic-color-effect-shadow-nav: var(--semantic-color-effect-shadow-nav); --semantic-breakpoint-mobile: var(--semantic-breakpoint-mobile); --semantic-breakpoint-tablet: var(--semantic-breakpoint-tablet); --semantic-breakpoint-desktop: var(--semantic-breakpoint-desktop); --semantic-breakpoint-max-width: var(--semantic-breakpoint-max-width); --semantic-size-height-1: var(--semantic-size-height-1); --semantic-size-height-2: var(--semantic-size-height-2); --semantic-size-height-3: var(--semantic-size-height-3); --semantic-size-height-4: var(--semantic-size-height-4); --semantic-size-height-5: var(--semantic-size-height-5); --semantic-size-height-6: var(--semantic-size-height-6); --semantic-size-height-7: var(--semantic-size-height-7); --semantic-size-height-8: var(--semantic-size-height-8); --semantic-size-height-9: var(--semantic-size-height-9); --semantic-size-height-10: var(--semantic-size-height-10); --semantic-size-height-11: var(--semantic-size-height-11); --semantic-radius-0: var(--semantic-radius-0); --semantic-radius-4: var(--semantic-radius-4); --semantic-radius-8: var(--semantic-radius-8); --semantic-radius-12: var(--semantic-radius-12); --semantic-radius-16: var(--semantic-radius-16); --semantic-radius-20: var(--semantic-radius-20); --semantic-radius-24: var(--semantic-radius-24); --semantic-radius-28: var(--semantic-radius-28); --semantic-radius-32: var(--semantic-radius-32); --semantic-radius-36: var(--semantic-radius-36); --semantic-radius-xs: var(--semantic-radius-xs); --semantic-radius-sm: var(--semantic-radius-sm); --semantic-radius-md: var(--semantic-radius-md); --semantic-radius-lg: var(--semantic-radius-lg); --semantic-radius-xl: var(--semantic-radius-xl); --semantic-radius-2xl: var(--semantic-radius-2xl); --semantic-radius-3xl: var(--semantic-radius-3xl); --semantic-radius-full: var(--semantic-radius-full); --semantic-spacing-1: var(--semantic-spacing-1); --semantic-spacing-2: var(--semantic-spacing-2); --semantic-spacing-3: var(--semantic-spacing-3); --semantic-spacing-4: var(--semantic-spacing-4); --semantic-spacing-5: var(--semantic-spacing-5); --semantic-spacing-6: var(--semantic-spacing-6); --semantic-spacing-7: var(--semantic-spacing-7); --semantic-spacing-8: var(--semantic-spacing-8); --semantic-spacing-9: var(--semantic-spacing-9); --semantic-spacing-10: var(--semantic-spacing-10); --semantic-spacing-11: var(--semantic-spacing-11); --semantic-spacing-12: var(--semantic-spacing-12); --semantic-spacing-14: var(--semantic-spacing-14); --semantic-spacing-16: var(--semantic-spacing-16); --semantic-spacing-18: var(--semantic-spacing-18); --semantic-spacing-19: var(--semantic-spacing-19); --semantic-spacing-20: var(--semantic-spacing-20); --semantic-spacing-24: var(--semantic-spacing-24); --semantic-spacing-28: var(--semantic-spacing-28); --semantic-spacing-30: var(--semantic-spacing-30); --semantic-spacing-32: var(--semantic-spacing-32); --semantic-spacing-36: var(--semantic-spacing-36); --semantic-spacing-40: var(--semantic-spacing-40); --semantic-spacing-60: var(--semantic-spacing-60); --semantic-spacing-100: var(--semantic-spacing-100); --semantic-spacing-2xs: var(--semantic-spacing-2xs); --semantic-spacing-xs: var(--semantic-spacing-xs); --semantic-spacing-sm: var(--semantic-spacing-sm); --semantic-spacing-md: var(--semantic-spacing-md); --semantic-spacing-lg: var(--semantic-spacing-lg); --semantic-spacing-xl: var(--semantic-spacing-xl); --semantic-spacing-2xl: var(--semantic-spacing-2xl); --semantic-spacing-3xl: var(--semantic-spacing-3xl); --semantic-spacing-4xl: var(--semantic-spacing-4xl); --semantic-spacing-5xl: var(--semantic-spacing-5xl); --semantic-spacing-6xl: var(--semantic-spacing-6xl); --semantic-spacing-7xl: var(--semantic-spacing-7xl); --semantic-gap-1: var(--semantic-gap-1); --semantic-gap-2: var(--semantic-gap-2); --semantic-gap-3: var(--semantic-gap-3); --semantic-gap-4: var(--semantic-gap-4); --semantic-gap-5: var(--semantic-gap-5); --semantic-gap-6: var(--semantic-gap-6); --semantic-gap-7: var(--semantic-gap-7); --semantic-gap-8: var(--semantic-gap-8); --semantic-gap-9: var(--semantic-gap-9); --semantic-gap-10: var(--semantic-gap-10); --semantic-gap-11: var(--semantic-gap-11); --semantic-gap-12: var(--semantic-gap-12); --semantic-gap-14: var(--semantic-gap-14); --semantic-gap-16: var(--semantic-gap-16); --semantic-gap-18: var(--semantic-gap-18); --semantic-gap-19: var(--semantic-gap-19); --semantic-gap-20: var(--semantic-gap-20); --semantic-gap-24: var(--semantic-gap-24); --semantic-gap-28: var(--semantic-gap-28); --semantic-gap-30: var(--semantic-gap-30); --semantic-gap-32: var(--semantic-gap-32); --semantic-gap-36: var(--semantic-gap-36); --semantic-gap-40: var(--semantic-gap-40); --semantic-padding-1: var(--semantic-padding-1); --semantic-padding-2: var(--semantic-padding-2); --semantic-padding-3: var(--semantic-padding-3); --semantic-padding-4: var(--semantic-padding-4); --semantic-padding-5: var(--semantic-padding-5); --semantic-padding-6: var(--semantic-padding-6); --semantic-padding-7: var(--semantic-padding-7); --semantic-padding-8: var(--semantic-padding-8); --semantic-padding-9: var(--semantic-padding-9); --semantic-padding-10: var(--semantic-padding-10); --semantic-padding-11: var(--semantic-padding-11); --semantic-padding-12: var(--semantic-padding-12); --semantic-padding-14: var(--semantic-padding-14); --semantic-padding-16: var(--semantic-padding-16); --semantic-padding-18: var(--semantic-padding-18); --semantic-padding-19: var(--semantic-padding-19); --semantic-padding-20: var(--semantic-padding-20); --semantic-padding-24: var(--semantic-padding-24); --semantic-padding-28: var(--semantic-padding-28); --semantic-padding-30: var(--semantic-padding-30); --semantic-padding-32: var(--semantic-padding-32); --semantic-padding-36: var(--semantic-padding-36); --semantic-padding-40: var(--semantic-padding-40); --semantic-opacity-dim: var(--semantic-opacity-dim); --semantic-opacity-disabled: var(--semantic-opacity-disabled); --semantic-opacity-hover: var(--semantic-opacity-hover); --semantic-opacity-pressed: var(--semantic-opacity-pressed); --semantic-opacity-overlay-5: var(--semantic-opacity-overlay-5); --semantic-opacity-overlay-10: var(--semantic-opacity-overlay-10); --semantic-opacity-overlay-15: var(--semantic-opacity-overlay-15); --semantic-opacity-overlay-20: var(--semantic-opacity-overlay-20); --semantic-opacity-overlay-25: var(--semantic-opacity-overlay-25); --semantic-opacity-overlay-30: var(--semantic-opacity-overlay-30); --semantic-opacity-overlay-35: var(--semantic-opacity-overlay-35); --semantic-opacity-overlay-40: var(--semantic-opacity-overlay-40); --semantic-opacity-overlay-45: var(--semantic-opacity-overlay-45); --semantic-opacity-overlay-50: var(--semantic-opacity-overlay-50); --semantic-opacity-overlay-55: var(--semantic-opacity-overlay-55); --semantic-opacity-overlay-60: var(--semantic-opacity-overlay-60); --semantic-opacity-overlay-65: var(--semantic-opacity-overlay-65); --semantic-opacity-overlay-70: var(--semantic-opacity-overlay-70); --semantic-opacity-overlay-75: var(--semantic-opacity-overlay-75); --semantic-opacity-overlay-80: var(--semantic-opacity-overlay-80); --semantic-opacity-overlay-85: var(--semantic-opacity-overlay-85); --semantic-opacity-overlay-90: var(--semantic-opacity-overlay-90); --semantic-opacity-overlay-95: var(--semantic-opacity-overlay-95); --semantic-opacity-overlay-100: var(--semantic-opacity-overlay-100); --semantic-opacity-toast: var(--semantic-opacity-toast); --semantic-Shadow-100: var(--semantic-Shadow-100); --semantic-Shadow-200: var(--semantic-Shadow-200); --semantic-Shadow-300: var(--semantic-Shadow-300); --semantic-Shadow-400: var(--semantic-Shadow-400); --semantic-Shadow-500: var(--semantic-Shadow-500); --semantic-Shadow-600: var(--semantic-Shadow-600); --semantic-Shadow-float: var(--semantic-Shadow-float); --semantic-Shadow-nav: var(--semantic-Shadow-nav); --semantic-Shadow-dark-100: var(--semantic-Shadow-dark-100); --semantic-Shadow-dark-200: var(--semantic-Shadow-dark-200); --semantic-Shadow-dark-300: var(--semantic-Shadow-dark-300); --semantic-Shadow-dark-400: var(--semantic-Shadow-dark-400); --semantic-Shadow-dark-500: var(--semantic-Shadow-dark-500); --semantic-Shadow-dark-600: var(--semantic-Shadow-dark-600); --semantic-Shadow-dark-nav: var(--semantic-Shadow-dark-nav); --component-button-primary-bg: var(--component-button-primary-bg); --component-button-primary-bg-hover: var(--component-button-primary-bg-hover); --component-button-primary-bg-inactive: var(--component-button-primary-bg-inactive); --component-button-primary-text: var(--component-button-primary-text); --component-button-primary-radius: var(--component-button-primary-radius); --component-button-secondary-bg: var(--component-button-secondary-bg); --component-button-secondary-bg-hover: var(--component-button-secondary-bg-hover); --component-button-secondary-text: var(--component-button-secondary-text); --component-button-secondary-radius: var(--component-button-secondary-radius); --component-button-pastel-bg: var(--component-button-pastel-bg); --component-button-pastel-text: var(--component-button-pastel-text); --component-button-pastel-radius: var(--component-button-pastel-radius); --component-button-lime-bg: var(--component-button-lime-bg); --component-button-lime-text: var(--component-button-lime-text); --component-button-lime-radius: var(--component-button-lime-radius); --component-button-light-coral-bg: var(--component-button-light-coral-bg); --component-button-light-coral-text: var(--component-button-light-coral-text); --component-button-light-coral-radius: var(--component-button-light-coral-radius); --component-button-brand-solid-bg: var(--component-button-brand-solid-bg); --component-button-brand-solid-bg-hover: var(--component-button-brand-solid-bg-hover); --component-button-brand-solid-bg-disabled: var(--component-button-brand-solid-bg-disabled); --component-button-brand-solid-text: var(--component-button-brand-solid-text); --component-button-brand-solid-bg-pressed: var(--component-button-brand-solid-bg-pressed); --component-button-brand-weak-bg: var(--component-button-brand-weak-bg); --component-button-brand-weak-text: var(--component-button-brand-weak-text); --component-button-neutral-solid-bg: var(--component-button-neutral-solid-bg); --component-button-neutral-solid-bg-pressed: var(--component-button-neutral-solid-bg-pressed); --component-button-neutral-solid-bg-disabled: var(--component-button-neutral-solid-bg-disabled); --component-button-neutral-solid-text: var(--component-button-neutral-solid-text); --component-button-error-bg: var(--component-button-error-bg); --component-button-error-bg-pressed: var(--component-button-error-bg-pressed); --component-button-error-bg-disabled: var(--component-button-error-bg-disabled); --component-button-error-text: var(--component-button-error-text); --component-button-neutral-weak-solid-bg: var(--component-button-neutral-weak-solid-bg); --component-button-neutral-weak-solid-bg-pressed: var(--component-button-neutral-weak-solid-bg-pressed); --component-button-neutral-weak-solid-bg-disabled: var(--component-button-neutral-weak-solid-bg-disabled); --component-button-neutral-weak-solid-text: var(--component-button-neutral-weak-solid-text); --component-input-bg: var(--component-input-bg); --component-input-bg-secondary: var(--component-input-bg-secondary); --component-input-border: var(--component-input-border); --component-input-border-focus: var(--component-input-border-focus); --component-input-border-error: var(--component-input-border-error); --component-input-text: var(--component-input-text); --component-input-placeholder: var(--component-input-placeholder); --component-input-error-text: var(--component-input-error-text); --component-input-radius: var(--component-input-radius); --component-input-radius-search: var(--component-input-radius-search); --component-chip-radius: var(--component-chip-radius); --component-chip-padding-md: var(--component-chip-padding-md); --component-chip-padding-sm: var(--component-chip-padding-sm); --component-chip-pastel-bg: var(--component-chip-pastel-bg); --component-chip-pastel-text: var(--component-chip-pastel-text); --component-chip-pastel-border: var(--component-chip-pastel-border); --component-chip-pastel-text-checked: var(--component-chip-pastel-text-checked); --component-chip-coral-bg: var(--component-chip-coral-bg); --component-chip-coral-text: var(--component-chip-coral-text); --component-switch-bg-on: var(--component-switch-bg-on); --component-switch-bg-off: var(--component-switch-bg-off); --component-switch-inner-bg: var(--component-switch-inner-bg); --component-tab-color-active: var(--component-tab-color-active); --component-tab-bg-indicator: var(--component-tab-bg-indicator); --component-radio-border-checked: var(--component-radio-border-checked); --component-checkbox-border: var(--component-checkbox-border); --component-checkbox-border-checked: var(--component-checkbox-border-checked); --component-checkbox-bg-checked: var(--component-checkbox-bg-checked); --component-checkbox-text-checked: var(--component-checkbox-text-checked); --component-checkbox-radius: var(--component-checkbox-radius);}:root,[data-brand=allcl]{--semantic-color-primary-default:#9678ff;--semantic-color-primary-hover:#8461fa;--semantic-color-primary-pressed:#654ec1;--semantic-color-interactive-primary:var(--semantic-color-primary-default);--semantic-color-interactive-primary-hover:var(--semantic-color-primary-hover);--semantic-color-interactive-primary-active:var(--semantic-color-primary-pressed);--component-button-primary-bg:var(--semantic-color-primary-default);--component-button-primary-bg-hover:var(--semantic-color-primary-hover);--component-button-pastel-text:var(--semantic-color-primary-default);--component-input-border-focus:var(--semantic-color-primary-default)}:root{--color-primary-default:var(--semantic-color-primary-default);--color-primary-hover:var(--semantic-color-primary-hover);--color-primary-pressed:var(--semantic-color-primary-pressed);--color-primary-subtle:var(--semantic-color-primary-subtle);--color-primary-light:var(--semantic-color-primary-light);--color-interactive-primary:var(--semantic-color-interactive-primary);--color-interactive-primary-hover:var(--semantic-color-interactive-primary-hover);--color-interactive-primary-active:var(--semantic-color-interactive-primary-active);--color-interactive-primary-subtle:var(--semantic-color-interactive-primary-subtle);--color-interactive-primary-light:var(--semantic-color-interactive-primary-light);--color-interactive-secondary:var(--semantic-color-interactive-secondary);--color-interactive-secondary-hover:var(--semantic-color-interactive-secondary-hover);--color-interactive-inactive:var(--semantic-color-interactive-inactive);--color-interactive-disabled:var(--semantic-color-interactive-disabled);--color-brand-lime:var(--semantic-color-brand-lime);--color-brand-lime-deep:var(--semantic-color-brand-lime-deep);--color-brand-lime-accent:var(--semantic-color-brand-lime-accent);--color-brand-violet:var(--semantic-color-brand-violet);--color-text-primary:var(--semantic-color-text-primary);--color-text-strong:var(--semantic-color-text-strong);--color-text-secondary:var(--semantic-color-text-secondary);--color-text-tertiary:var(--semantic-color-text-tertiary);--color-text-disabled:var(--semantic-color-text-disabled);--color-text-inverse:var(--semantic-color-text-inverse);--color-text-error:var(--semantic-color-text-error);--color-text-brand:var(--semantic-color-text-brand);--color-text-brand-hover:var(--semantic-color-text-brand-hover);--color-bg-base:var(--semantic-color-bg-base);--color-bg-subtle:var(--semantic-color-bg-subtle);--color-bg-muted:var(--semantic-color-bg-muted);--color-bg-input:var(--semantic-color-bg-input);--color-bg-input-secondary:var(--semantic-color-bg-input-secondary);--color-bg-timer:var(--semantic-color-bg-timer);--color-bg-inverse:var(--semantic-color-bg-inverse);--color-bg-brand-subtle:var(--semantic-color-bg-brand-subtle);--color-bg-strong:var(--semantic-color-bg-strong);--color-bg-weak:var(--semantic-color-bg-weak);--color-bg-solid:var(--semantic-color-bg-solid);--color-bg-error:var(--semantic-color-bg-error);--color-bg-neutral-solid:var(--semantic-color-bg-neutral-solid);--color-bg-neutral-solid-pressed:var(--semantic-color-bg-neutral-solid-pressed);--color-bg-disable:var(--semantic-color-bg-disable);--color-bg-brand-weak-pressed:var(--semantic-color-bg-brand-weak-pressed);--color-bg-nav-scrolled:var(--semantic-color-bg-nav-scrolled);--color-bg-pressed:var(--semantic-color-bg-pressed);--color-bg-brand:var(--semantic-color-bg-brand);--color-bg-brand-hover:var(--semantic-color-bg-brand-hover);--color-bg-brand-pressed:var(--semantic-color-bg-brand-pressed);--color-bg-error-pressed:var(--semantic-color-bg-error-pressed);--color-bg-error-disabled:var(--semantic-color-bg-error-disabled);--color-bg-error-subtle:var(--semantic-color-bg-error-subtle);--color-bg-disable-secondary:var(--semantic-color-bg-disable-secondary);--color-bg-pressed-secondary:var(--semantic-color-bg-pressed-secondary);--color-bg-skeleton:var(--semantic-color-bg-skeleton);--color-bg-skeleton-shine:var(--semantic-color-bg-skeleton-shine);--color-bg-white-5:var(--semantic-color-bg-white-5);--color-bg-white-10:var(--semantic-color-bg-white-10);--color-bg-white-15:var(--semantic-color-bg-white-15);--color-bg-white-20:var(--semantic-color-bg-white-20);--color-bg-white-25:var(--semantic-color-bg-white-25);--color-bg-white-30:var(--semantic-color-bg-white-30);--color-bg-white-35:var(--semantic-color-bg-white-35);--color-bg-white-40:var(--semantic-color-bg-white-40);--color-bg-white-45:var(--semantic-color-bg-white-45);--color-bg-white-50:var(--semantic-color-bg-white-50);--color-bg-white-55:var(--semantic-color-bg-white-55);--color-bg-white-60:var(--semantic-color-bg-white-60);--color-bg-white-65:var(--semantic-color-bg-white-65);--color-bg-white-70:var(--semantic-color-bg-white-70);--color-bg-white-75:var(--semantic-color-bg-white-75);--color-bg-white-80:var(--semantic-color-bg-white-80);--color-bg-white-85:var(--semantic-color-bg-white-85);--color-bg-white-90:var(--semantic-color-bg-white-90);--color-bg-white-95:var(--semantic-color-bg-white-95);--color-bg-white-100:var(--semantic-color-bg-white-100);--color-bg-black-5:var(--semantic-color-bg-black-5);--color-bg-black-10:var(--semantic-color-bg-black-10);--color-bg-black-15:var(--semantic-color-bg-black-15);--color-bg-black-20:var(--semantic-color-bg-black-20);--color-bg-black-25:var(--semantic-color-bg-black-25);--color-bg-black-30:var(--semantic-color-bg-black-30);--color-bg-black-35:var(--semantic-color-bg-black-35);--color-bg-black-40:var(--semantic-color-bg-black-40);--color-bg-black-45:var(--semantic-color-bg-black-45);--color-bg-black-50:var(--semantic-color-bg-black-50);--color-bg-black-55:var(--semantic-color-bg-black-55);--color-bg-black-60:var(--semantic-color-bg-black-60);--color-bg-black-65:var(--semantic-color-bg-black-65);--color-bg-black-70:var(--semantic-color-bg-black-70);--color-bg-black-75:var(--semantic-color-bg-black-75);--color-bg-black-80:var(--semantic-color-bg-black-80);--color-bg-black-85:var(--semantic-color-bg-black-85);--color-bg-black-90:var(--semantic-color-bg-black-90);--color-bg-black-95:var(--semantic-color-bg-black-95);--color-bg-black-100:var(--semantic-color-bg-black-100);--color-border-default:var(--semantic-color-border-default);--color-border-strong:var(--semantic-color-border-strong);--color-border-focus:var(--semantic-color-border-focus);--color-border-error:var(--semantic-color-border-error);--color-border-disabled:var(--semantic-color-border-disabled);--color-border-selected:var(--semantic-color-border-selected);--color-border-weak:var(--semantic-color-border-weak);--color-border-solid:var(--semantic-color-border-solid);--color-border-disable:var(--semantic-color-border-disable);--color-border-subtle:var(--semantic-color-border-subtle);--color-border-brand:var(--semantic-color-border-brand);--color-border-inverse:var(--semantic-color-border-inverse);--color-border-nav-top:var(--semantic-color-border-nav-top);--color-border-neutral-solid:var(--semantic-color-border-neutral-solid);--color-feedback-error:var(--semantic-color-feedback-error);--color-status-error:var(--semantic-color-feedback-error);--color-feedback-error-subtle:var(--semantic-color-feedback-error-subtle);--color-status-error-subtle:var(--semantic-color-feedback-error-subtle);--color-feedback-error-bg:var(--semantic-color-feedback-error-bg);--color-status-error-bg:var(--semantic-color-feedback-error-bg);--color-feedback-error-strong:var(--semantic-color-feedback-error-strong);--color-status-error-strong:var(--semantic-color-feedback-error-strong);--color-feedback-success:var(--semantic-color-feedback-success);--color-status-success:var(--semantic-color-feedback-success);--color-feedback-warning:var(--semantic-color-feedback-warning);--color-status-warning:var(--semantic-color-feedback-warning);--color-fg-text-solid:var(--semantic-color-fg-text-solid);--color-fg-text-weak:var(--semantic-color-fg-text-weak);--color-fg-text-muted:var(--semantic-color-fg-text-muted);--color-fg-text-subtle:var(--semantic-color-fg-text-subtle);--color-fg-text-disable:var(--semantic-color-fg-text-disable);--color-fg-text-solid-muted:var(--semantic-color-fg-text-solid-muted);--color-fg-text-error:var(--semantic-color-fg-text-error);--color-fg-text-brand:var(--semantic-color-fg-text-brand);--color-fg-text-error-contrast:var(--semantic-color-fg-text-error-contrast);--color-fg-text-positive:var(--semantic-color-fg-text-positive);--color-fg-text-warning:var(--semantic-color-fg-text-warning);--color-fg-text-inverse:var(--semantic-color-fg-text-inverse);--color-fg-text-static-light:var(--semantic-color-fg-text-static-light);--color-fg-text-static-dark:var(--semantic-color-fg-text-static-dark);--color-fg-text-error-pressed:var(--semantic-color-fg-text-error-pressed);--color-fg-icon-weak:var(--semantic-color-fg-icon-weak);--color-fg-icon-muted:var(--semantic-color-fg-icon-muted);--color-fg-icon-subtle:var(--semantic-color-fg-icon-subtle);--color-fg-icon-solid-muted:var(--semantic-color-fg-icon-solid-muted);--color-fg-icon-disable:var(--semantic-color-fg-icon-disable);--color-fg-icon-error:var(--semantic-color-fg-icon-error);--color-fg-icon-inverse:var(--semantic-color-fg-icon-inverse);--color-fg-icon-brand:var(--semantic-color-fg-icon-brand);--color-effect-shadow-nav:var(--semantic-color-effect-shadow-nav);--color-bg-default:var(--semantic-color-bg-base)}:root,[data-brand=allcl]{--semantic-color-primary-default:#9678ff;--semantic-color-primary-hover:#8461fa;--semantic-color-primary-pressed:#654ec1}[data-brand=motemote]{--semantic-color-primary-default:#333;--semantic-color-primary-hover:#6d7278;--semantic-color-primary-pressed:#95999d;--color-interactive-primary:var(--semantic-color-primary-default);--color-interactive-primary-hover:var(--semantic-color-primary-hover);--color-bg-brand:var(--semantic-color-primary-default);--color-border-brand:var(--semantic-color-primary-default);--color-text-brand:var(--semantic-color-primary-default)}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:2rem 1rem 3rem}.hero{color:#fff;background:linear-gradient(135deg,#111827,#1f2937 65%,#374151);border-radius:16px;margin-bottom:1rem;padding:1.5rem}.hero h1{margin:0 0 .5rem;font-size:1.7rem}.hero p{opacity:.9;margin:0}.badge{border:1px solid #4b5563;border-radius:999px;margin-top:.8rem;padding:.25rem .7rem;font-size:.8rem;display:inline-block}.section{margin-top:1.2rem}.section h2{margin:0 0 .6rem;font-size:1.05rem}.grid{grid-template-columns:repeat(12,1fr);gap:.75rem;display:grid}.card{background:var(--color-bg-default);border:1px solid var(--color-border-default);border-radius:14px;padding:1rem}.repo-card{grid-column:span 12}@media (width>=840px){.repo-card{grid-column:span 4}}.repo-card h3{margin:0;font-size:1rem}.repo-card p{color:var(--color-text-secondary);margin:.45rem 0 .8rem;font-size:.9rem}.links{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:1px solid var(--color-border-default);background:var(--color-bg-subtle);border-radius:999px;padding:.25rem .65rem;font-size:.8rem}.button-chip{cursor:pointer}.button-chip:hover{border-color:var(--color-border-brand);background:var(--color-bg-brand-subtle)}.chip-active{background:var(--color-bg-brand-subtle);border-color:var(--color-border-brand);color:var(--color-text-brand)}.chip-info{background:var(--color-interactive-primary-subtle);border-color:var(--color-border-brand);color:var(--color-text-brand)}.kpi{grid-column:span 12}@media (width>=840px){.kpi{grid-column:span 3}}.kpi .label{color:var(--color-text-secondary);font-size:.8rem}.kpi .value{margin-top:.35rem;font-size:1.4rem;font-weight:700}.kpi-link{transition:transform .12s,box-shadow .12s,border-color .12s}.kpi-link:hover{border-color:var(--color-border-brand);transform:translateY(-1px);box-shadow:0 4px 14px #9678ff14}.trend{margin-top:.3rem;font-size:.78rem;font-weight:600}.trend-up{color:#166534}.trend-down{color:#991b1b}.trend-flat{color:#475569}.note{color:var(--color-text-secondary);margin-top:1rem;font-size:.9rem}.status-badge{background:#f9fafb;border:1px solid #d1d5db;border-radius:999px;padding:.1rem .55rem;font-size:.74rem;font-weight:600;display:inline-block}.button-badge{cursor:pointer}.button-badge:hover{filter:brightness(.97)}.status-blocked{color:#991b1b;background:#fef2f2;border-color:#fecaca}.status-in_progress,.status-implementing{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.status-in_review,.status-pending_approval,.status-pending_final_approval{color:#92400e;background:#fffbeb;border-color:#fde68a}.status-planning,.status-draft{color:#5b21b6;background:#f5f3ff;border-color:#ddd6fe}.status-done,.status-approved{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.88rem}.data-table th,.data-table td{border-bottom:1px solid var(--color-border-default);text-align:left;vertical-align:top;padding:.55rem .45rem}.data-table th{color:var(--color-text-secondary);background:var(--color-bg-subtle);font-weight:600}.pg-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.pg-title{letter-spacing:-.02em;color:#111;margin:0;font-size:1.35rem;font-weight:800}.pg-sub{color:#9ca3af;margin-left:.5rem;font-size:.8rem}.nx-panel{background:#fff;border:1px solid #e8e8f4;border-radius:12px;margin-bottom:.85rem;padding:1.1rem 1.25rem}.nx-panel-title{text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin:0 0 .85rem;font-size:.72rem;font-weight:700}.nx-empty{color:#9ca3af;text-align:center;margin:0;padding:1rem 0;font-size:.83rem}.nx-table-wrap{overflow-x:auto}.nx-table{border-collapse:collapse;width:100%;font-size:.83rem}.nx-table thead th{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;background:#fafafa;border-bottom:1px solid #e8e8f4;padding:.5rem .65rem;font-size:.72rem;font-weight:600}.nx-table tbody tr{border-bottom:1px solid #f7f7f8;transition:background 80ms}.nx-table tbody tr:hover{background:#fafbff}.nx-table td{vertical-align:middle;color:#374151;padding:.55rem .65rem}.nx-pill{white-space:nowrap;background:#f9fafb;border:1px solid #e8e8f4;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.nx-pill-ok{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.nx-pill-warn{color:#92400e;background:#fffbeb;border-color:#fde68a}.nx-pill-danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.nx-pill-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.nx-pill-purple{color:#6d28d9;background:#f5f2ff;border-color:#ddd6fe}.nx-pill-muted{color:#9ca3af;background:#f9fafb;border-color:#e8e8f4}.nx-mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.78rem}.nx-muted{color:#9ca3af}*{box-sizing:border-box}body{background:#f7f7f8;margin:0}.app.svelte-12qhfyh{color:#262626;min-height:100vh;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.overlay.svelte-12qhfyh{z-index:40;cursor:pointer;background:#00000073;display:none;position:fixed;inset:0}.sidebar.svelte-12qhfyh{color:#ffffffd9;z-index:50;background:#111;flex-direction:column;flex-shrink:0;width:220px;height:100vh;transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.sidebar-top.svelte-12qhfyh{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:1.25rem 1rem 1rem;display:flex}.brand.svelte-12qhfyh{align-items:center;gap:.55rem;display:flex}.brand-icon.svelte-12qhfyh{color:#9678ff;font-size:1.2rem}.brand-name.svelte-12qhfyh{letter-spacing:-.01em;color:#fff;font-size:.9rem;font-weight:700}.sidebar-close.svelte-12qhfyh{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1rem;line-height:1;display:none}.nav-list.svelte-12qhfyh{flex:1;margin:.5rem 0 0;padding:0 .5rem;list-style:none;overflow-y:auto}.nav-item.svelte-12qhfyh{color:#ffffff8c;border-radius:8px;align-items:center;gap:.6rem;margin-bottom:2px;padding:.5rem .65rem;font-size:.85rem;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item.svelte-12qhfyh:hover{color:#ffffffe6;background:#ffffff12}.nav-active.svelte-12qhfyh{color:#b89fff;background:#9678ff2e}.nav-active.svelte-12qhfyh:hover{background:#9678ff3d}.nav-icon.svelte-12qhfyh{text-align:center;flex-shrink:0;width:1.1rem;font-size:.85rem}.nav-label.svelte-12qhfyh{flex:1;font-weight:500}.nav-badge.svelte-12qhfyh{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:1.1rem;margin-left:auto;padding:.05rem .4rem;font-size:.65rem;font-weight:700;line-height:1.4}.sidebar-bottom.svelte-12qhfyh{border-top:1px solid #ffffff12;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.sidebar-ver.svelte-12qhfyh{color:#ffffff40;font-size:.7rem}.user-info.svelte-12qhfyh{justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.user-name.svelte-12qhfyh{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-logout.svelte-12qhfyh{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;padding:.2rem .5rem;font-size:.7rem}.user-logout.svelte-12qhfyh:hover{color:#fff;background:#ffffff14}.content.svelte-12qhfyh{flex-direction:column;flex:1;min-width:0;display:flex}.topbar.svelte-12qhfyh{z-index:30;background:#fff;border-bottom:1px solid #e8e8f4;align-items:center;gap:.75rem;padding:.75rem 1rem;display:none;position:sticky;top:0}.hamburger.svelte-12qhfyh{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:flex}.hamburger.svelte-12qhfyh span:where(.svelte-12qhfyh){background:#262626;border-radius:2px;width:20px;height:2px;display:block}.topbar-title.svelte-12qhfyh{color:#262626;font-size:.9rem;font-weight:700}.main-content.svelte-12qhfyh{flex:1;padding:1.5rem 2rem}@media (width<=768px){.sidebar.svelte-12qhfyh{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-open.svelte-12qhfyh{transform:translate(0)}.overlay.svelte-12qhfyh,.sidebar-close.svelte-12qhfyh{display:block}.topbar.svelte-12qhfyh{display:flex}.main-content.svelte-12qhfyh{padding:1rem}}