[data-bezier-theme="dark"] {
  --backdrop-large: var(--dimension-60);
  --backdrop-small: var(--dimension-6);
  --border-default: 0 0 0 var(--dimension-1) var(--color-border-neutral);
  --border-bottom: 0 var(--dimension-1-m) 0 0 var(--color-border-neutral);
  --border-right: var(--dimension-1-m) 0 0 0 var(--color-border-neutral);
  --border-left: var(--dimension-1) 0 0 0 var(--color-border-neutral);
  --border-top: 0 var(--dimension-1) 0 0 var(--color-border-neutral);
  --border-white-high: 0 0 0 var(--dimension-1) var(--color-surface-high);
  --border-white-higher: 0 0 0 var(--dimension-1) var(--color-surface-higher);
  --border-white-highest: 0 0 0 var(--dimension-1) var(--color-surface-highest);
  --elevation-1: 0 var(--dimension-1) var(--dimension-2) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --elevation-2: 0 var(--dimension-2) var(--dimension-6) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --elevation-3: 0 var(--dimension-4) var(--dimension-12) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --elevation-4: 0 var(--dimension-4) var(--dimension-24) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --elevation-5: 0 var(--dimension-6) var(--dimension-40) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --elevation-6: 0 var(--dimension-12) var(--dimension-60) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --layer-z-index-base: var(--layer-depth-0);
  --layer-z-index-floating: var(--layer-depth-1);
  --layer-z-index-overlay: var(--layer-depth-1000);
  --layer-z-index-modal: var(--layer-depth-1100);
  --layer-z-index-toast: var(--layer-depth-1200);
  --layer-z-index-tooltip: var(--layer-depth-1300);
  --layer-z-index-hidden: var(--layer-depth-1-m);
  --layer-z-index-important: var(--layer-depth-2000);
  --motion-transition-fast: var(--motion-duration-150) var(--motion-timing-function-easing);
  --motion-transition-default: var(--motion-duration-300) var(--motion-timing-function-easing);
  --motion-transition-slow: var(--motion-duration-450) var(--motion-timing-function-easing);
  --opacity-disabled: var(--dimension-40-p);
  --radius-2: var(--dimension-2);
  --radius-3: var(--dimension-3);
  --radius-4: var(--dimension-4);
  --radius-6: var(--dimension-6);
  --radius-7: var(--dimension-7);
  --radius-8: var(--dimension-8);
  --radius-10: var(--dimension-10);
  --radius-12: var(--dimension-12);
  --radius-14: var(--dimension-14);
  --radius-16: var(--dimension-16);
  --radius-20: var(--dimension-20);
  --radius-32: var(--dimension-32);
  --state-error: 0 0 0 var(--dimension-1) var(--color-state-warning);
  --state-active: 0 0 0 var(--dimension-1) var(--color-state-action);
  --state-input-default: 0 var(--dimension-1) var(--dimension-2) 0 var(--color-elevation-base), inset 0 0 0 var(--dimension-1) var(--color-state-default);
  --state-input-hovered: 0 var(--dimension-2) var(--dimension-6) 0 var(--color-elevation-base), inset 0 0 0 var(--dimension-1) var(--color-state-action);
  --state-input-active: 0 var(--dimension-2) var(--dimension-6) 0 var(--color-elevation-base), 0 0 0 var(--dimension-3) var(--color-state-action-light), inset 0 0 0 var(--dimension-1) var(--color-state-action);
  --state-input-error: 0 var(--dimension-2) var(--dimension-6) 0 var(--color-elevation-base), 0 0 0 var(--dimension-3) var(--color-state-warning-light), inset 0 0 0 var(--dimension-1) var(--color-state-warning);
  --typography-heading-font-family: var(--typography-font-family-sans-kr);
  --typography-heading-size-xlarge: var(--typography-font-size-24);
  --typography-heading-size-large: var(--typography-font-size-22);
  --typography-heading-size-medium: var(--typography-font-size-18);
  --typography-heading-size-small: var(--typography-font-size-17);
  --typography-heading-size-xsmall: var(--typography-font-size-16);
  --typography-heading-size-2xsmall: var(--typography-font-size-15);
  --typography-heading-weight-bold: var(--typography-font-weight-700);
  --typography-heading-letter-spacing: var(--typography-letter-spacing-0);
  --typography-heading-letter-spacing-tight: var(--typography-letter-spacing-0-1);
  --typography-heading-letter-spacing-tighter: var(--typography-letter-spacing-0-4);
  --typography-heading-line-height-xlarge: var(--typography-line-height-32);
  --typography-heading-line-height-large: var(--typography-line-height-28);
  --typography-heading-line-height-medium: var(--typography-line-height-24);
  --typography-heading-line-height-small: var(--typography-line-height-24);
  --typography-heading-line-height-xsmall: var(--typography-line-height-24);
  --typography-heading-line-height-2xsmall: var(--typography-line-height-20);
  --typography-text-font-family: var(--typography-font-family-sans-kr);
  --typography-text-size-2xlarge: var(--typography-font-size-17);
  --typography-text-size-xlarge: var(--typography-font-size-16);
  --typography-text-size-large: var(--typography-font-size-15);
  --typography-text-size-medium: var(--typography-font-size-14);
  --typography-text-size-small: var(--typography-font-size-13);
  --typography-text-size-xsmall: var(--typography-font-size-12);
  --typography-text-size-2xsmall: var(--typography-font-size-11);
  --typography-text-weight-bold: var(--typography-font-weight-700);
  --typography-text-weight-regular: var(--typography-font-weight-400);
  --typography-text-letter-spacing: var(--typography-letter-spacing-0);
  --typography-text-letter-spacing-tight: var(--typography-letter-spacing-0-1);
  --typography-text-line-height-2xlarge: var(--typography-line-height-24);
  --typography-text-line-height-xlarge: var(--typography-line-height-24);
  --typography-text-line-height-large: var(--typography-line-height-20);
  --typography-text-line-height-medium: var(--typography-line-height-18);
  --typography-text-line-height-small: var(--typography-line-height-18);
  --typography-text-line-height-xsmall: var(--typography-line-height-16);
  --typography-text-line-height-2xsmall: var(--typography-line-height-16);
  --typography-display-font-family: var(--typography-font-family-sans-kr);
  --typography-display-size-large: var(--typography-font-size-36);
  --typography-display-size-medium: var(--typography-font-size-30);
  --typography-display-weight-bold: var(--typography-font-weight-700);
  --typography-display-letter-spacing-tighter: var(--typography-letter-spacing-0-4);
  --typography-display-line-height-large: var(--typography-line-height-44);
  --typography-display-line-height-medium: var(--typography-line-height-36);
  --typography-code-font-family: var(--typography-font-family-monospace);
  --typography-code-size-medium: var(--typography-font-size-14);
  --typography-code-size-small: var(--typography-font-size-13);
  --typography-code-weight-regular: var(--typography-font-weight-400);
  --typography-code-letter-spacing: var(--typography-letter-spacing-0);
  --typography-code-line-height-medium: var(--typography-line-height-18);
  --typography-code-line-height-small: var(--typography-line-height-18);
  --color-text-action: var(--color-blue-300);
  --color-text-action-hovered: #9698ffff;
  --color-text-success: var(--color-green-300);
  --color-text-success-hovered: #5cce7cff;
  --color-text-highlight: var(--color-cobalt-300);
  --color-text-highlight-hovered: #6cb8f5ff;
  --color-text-warning: var(--color-orange-300);
  --color-text-warning-hovered: #f8a45cff;
  --color-text-critical: var(--color-red-300);
  --color-text-critical-hovered: #f87979ff;
  --color-text-neutral-heaviest: var(--color-white-100);
  --color-text-neutral-heaviest-hovered: #edededff;
  --color-text-neutral: var(--color-white-80);
  --color-text-neutral-hovered: #edededcc;
  --color-text-neutral-light: var(--color-white-60);
  --color-text-neutral-light-hovered: #ededed99;
  --color-text-neutral-lighter: var(--color-white-40);
  --color-text-neutral-lighter-hovered: #ededed66;
  --color-text-accent-blue: var(--color-blue-300);
  --color-text-accent-blue-hovered: #9698ffff;
  --color-text-accent-cobalt: var(--color-cobalt-300);
  --color-text-accent-cobalt-hovered: #6cb8f5ff;
  --color-text-accent-green: var(--color-green-300);
  --color-text-accent-green-hovered: #5cce7cff;
  --color-text-accent-red: var(--color-red-300);
  --color-text-accent-red-hovered: #f87979ff;
  --color-text-accent-orange: var(--color-orange-300);
  --color-text-accent-orange-hovered: #f8a45cff;
  --color-text-accent-yellow: var(--color-yellow-300);
  --color-text-accent-yellow-hovered: #f7c736ff;
  --color-text-accent-olive: var(--color-olive-300);
  --color-text-accent-olive-hovered: #ccdb25ff;
  --color-text-accent-teal: var(--color-teal-300);
  --color-text-accent-teal-hovered: #4cdccfff;
  --color-text-accent-navy: var(--color-navy-300);
  --color-text-accent-navy-hovered: #8a95d7ff;
  --color-text-accent-purple: var(--color-purple-300);
  --color-text-accent-purple-hovered: #b686ffff;
  --color-text-accent-pink: var(--color-pink-300);
  --color-text-accent-pink-hovered: #f27fdbff;
  --color-text-absolute-white: var(--color-white-100);
  --color-text-absolute-white-hovered: #edededff;
  --color-text-absolute-black: var(--color-black-100);
  --color-text-absolute-black-hovered: #0a0a0aff;
  --color-text-inverse: var(--color-black-85);
  --color-text-inverse-hovered: #0a0a0ad9;
  --color-icon-action: var(--color-blue-300);
  --color-icon-action-hovered: #9698ffff;
  --color-icon-success: var(--color-green-300);
  --color-icon-success-hovered: #5cce7cff;
  --color-icon-highlight: var(--color-cobalt-300);
  --color-icon-highlight-hovered: #6cb8f5ff;
  --color-icon-warning: var(--color-orange-300);
  --color-icon-warning-hovered: #f8a45cff;
  --color-icon-critical: var(--color-red-300);
  --color-icon-critical-hovered: #f87979ff;
  --color-icon-neutral: var(--color-white-40);
  --color-icon-neutral-hovered: #ededed66;
  --color-icon-neutral-heavy: var(--color-white-60);
  --color-icon-neutral-heavy-hovered: #ededed99;
  --color-icon-neutral-heavier: var(--color-white-80);
  --color-icon-neutral-heavier-hovered: #edededcc;
  --color-icon-accent-blue: var(--color-blue-300);
  --color-icon-accent-blue-hovered: #9698ffff;
  --color-icon-accent-cobalt: var(--color-cobalt-300);
  --color-icon-accent-cobalt-hovered: #6cb8f5ff;
  --color-icon-accent-green: var(--color-green-300);
  --color-icon-accent-green-hovered: #5cce7cff;
  --color-icon-accent-red: var(--color-red-300);
  --color-icon-accent-red-hovered: #f87979ff;
  --color-icon-accent-orange: var(--color-orange-300);
  --color-icon-accent-orange-hovered: #f8a45cff;
  --color-icon-accent-yellow: var(--color-yellow-300);
  --color-icon-accent-yellow-hovered: #f7c736ff;
  --color-icon-accent-olive: var(--color-olive-300);
  --color-icon-accent-olive-hovered: #ccdb25ff;
  --color-icon-accent-teal: var(--color-teal-300);
  --color-icon-accent-teal-hovered: #4cdccfff;
  --color-icon-accent-navy: var(--color-navy-300);
  --color-icon-accent-navy-hovered: #8a95d7ff;
  --color-icon-accent-purple: var(--color-purple-300);
  --color-icon-accent-purple-hovered: #b686ffff;
  --color-icon-accent-pink: var(--color-pink-300);
  --color-icon-accent-pink-hovered: #f27fdbff;
  --color-icon-absolute-white: var(--color-white-100);
  --color-icon-absolute-white-hovered: #edededff;
  --color-icon-absolute-black: var(--color-black-100);
  --color-icon-absolute-black-hovered: #0a0a0aff;
  --color-icon-inverse-heavier: var(--color-black-85);
  --color-icon-inverse-heavier-hovered: #0a0a0ad9;
  --color-fill-neutral: var(--color-white-12);
  --color-fill-neutral-hovered: #ededed2f;
  --color-fill-neutral-heaviest: var(--color-white-100);
  --color-fill-neutral-heaviest-hovered: #edededff;
  --color-fill-neutral-heavier: var(--color-white-40);
  --color-fill-neutral-heavier-hovered: #ededed66;
  --color-fill-neutral-heavy: var(--color-white-20);
  --color-fill-neutral-heavy-hovered: #ededed4d;
  --color-fill-neutral-light: var(--color-white-8);
  --color-fill-neutral-light-hovered: #ededed1e;
  --color-fill-neutral-lighter: var(--color-white-5);
  --color-fill-neutral-lighter-hovered: #ededed14;
  --color-fill-neutral-lightest: var(--color-white-3);
  --color-fill-neutral-lightest-hovered: #ededed0c;
  --color-fill-neutral-transparent: var(--color-white-0);
  --color-fill-neutral-transparent-hovered: #ffffff0d;
  --color-fill-action: var(--color-blue-300);
  --color-fill-action-hovered: #9698ffff;
  --color-fill-action-light: var(--color-blue-300-30);
  --color-fill-action-light-hovered: #8184ff4d;
  --color-fill-action-lighter: var(--color-blue-300-18);
  --color-fill-action-lighter-hovered: #8184ff45;
  --color-fill-action-transparent: var(--color-blue-300-0);
  --color-fill-action-transparent-hovered: #6b6eff1a;
  --color-fill-success: var(--color-green-300);
  --color-fill-success-hovered: #5cce7cff;
  --color-fill-success-light: var(--color-green-300-30);
  --color-fill-success-light-hovered: #56cc774d;
  --color-fill-success-lighter: var(--color-green-300-18);
  --color-fill-success-lighter-hovered: #56cc7745;
  --color-fill-success-transparent: var(--color-green-300-0);
  --color-fill-success-transparent-hovered: #4bc16c1a;
  --color-fill-highlight: var(--color-cobalt-300);
  --color-fill-highlight-hovered: #6cb8f5ff;
  --color-fill-highlight-light: var(--color-cobalt-300-30);
  --color-fill-highlight-light-hovered: #6cb8f54d;
  --color-fill-highlight-lighter: var(--color-cobalt-300-18);
  --color-fill-highlight-lighter-hovered: #6cb8f545;
  --color-fill-highlight-transparent: var(--color-cobalt-300-0);
  --color-fill-highlight-transparent-hovered: #5cadef1a;
  --color-fill-warning: var(--color-orange-300);
  --color-fill-warning-hovered: #f8a45cff;
  --color-fill-warning-light: var(--color-orange-300-30);
  --color-fill-warning-light-hovered: #f8a45c4d;
  --color-fill-warning-lighter: var(--color-orange-300-18);
  --color-fill-warning-lighter-hovered: #f8a45c45;
  --color-fill-warning-transparent: var(--color-orange-300-0);
  --color-fill-warning-transparent-hovered: #f798471a;
  --color-fill-critical: var(--color-red-300);
  --color-fill-critical-hovered: #f87979ff;
  --color-fill-critical-light: var(--color-red-300-30);
  --color-fill-critical-light-hovered: #f771714d;
  --color-fill-critical-lighter: var(--color-red-300-18);
  --color-fill-critical-lighter-hovered: #f7717145;
  --color-fill-critical-transparent: var(--color-red-300-0);
  --color-fill-critical-transparent-hovered: #f260601a;
  --color-fill-grey-light: var(--color-grey-900);
  --color-fill-grey-light-hovered: #27272bff;
  --color-fill-grey: var(--color-grey-850);
  --color-fill-grey-hovered: #2e2e31ff;
  --color-fill-grey-heavy: var(--color-grey-800);
  --color-fill-grey-heavy-hovered: #333338ff;
  --color-fill-grey-heavier: var(--color-grey-750);
  --color-fill-grey-heavier-hovered: #3b3b40ff;
  --color-fill-accent-blue: var(--color-blue-300-18);
  --color-fill-accent-blue-hovered: #8184ff45;
  --color-fill-accent-blue-heavy: var(--color-blue-300-30);
  --color-fill-accent-blue-heavy-hovered: #8184ff4d;
  --color-fill-accent-blue-heavier: var(--color-blue-300);
  --color-fill-accent-blue-heavier-hovered: #9698ffff;
  --color-fill-accent-blue-transparent: var(--color-blue-300-0);
  --color-fill-accent-blue-transparent-hovered: #6b6eff1a;
  --color-fill-accent-cobalt: var(--color-cobalt-300-18);
  --color-fill-accent-cobalt-hovered: #6cb8f545;
  --color-fill-accent-cobalt-heavy: var(--color-cobalt-300-30);
  --color-fill-accent-cobalt-heavy-hovered: #6cb8f54d;
  --color-fill-accent-cobalt-heavier: var(--color-cobalt-300);
  --color-fill-accent-cobalt-heavier-hovered: #6cb8f5ff;
  --color-fill-accent-cobalt-transparent: var(--color-cobalt-300-0);
  --color-fill-accent-cobalt-transparent-hovered: #5cadef1a;
  --color-fill-accent-green: var(--color-green-300-18);
  --color-fill-accent-green-hovered: #56cc7745;
  --color-fill-accent-green-heavy: var(--color-green-300-30);
  --color-fill-accent-green-heavy-hovered: #56cc774d;
  --color-fill-accent-green-heavier: var(--color-green-300);
  --color-fill-accent-green-heavier-hovered: #5cce7cff;
  --color-fill-accent-green-transparent: var(--color-green-300-0);
  --color-fill-accent-green-transparent-hovered: #4bc16c1a;
  --color-fill-accent-red: var(--color-red-300-18);
  --color-fill-accent-red-hovered: #f7717145;
  --color-fill-accent-red-heavy: var(--color-red-300-30);
  --color-fill-accent-red-heavy-hovered: #f771714d;
  --color-fill-accent-red-heavier: var(--color-red-300);
  --color-fill-accent-red-heavier-hovered: #f87979ff;
  --color-fill-accent-red-transparent: var(--color-red-300-0);
  --color-fill-accent-red-transparent-hovered: #f260601a;
  --color-fill-accent-orange: var(--color-orange-300-18);
  --color-fill-accent-orange-hovered: #f8a45c45;
  --color-fill-accent-orange-heavy: var(--color-orange-300-30);
  --color-fill-accent-orange-heavy-hovered: #f8a45c4d;
  --color-fill-accent-orange-heavier: var(--color-orange-300);
  --color-fill-accent-orange-heavier-hovered: #f8a45cff;
  --color-fill-accent-orange-transparent: var(--color-orange-300-0);
  --color-fill-accent-orange-transparent-hovered: #f798471a;
  --color-fill-accent-yellow: var(--color-yellow-300-18);
  --color-fill-accent-yellow-hovered: #f7c73645;
  --color-fill-accent-yellow-heavy: var(--color-yellow-300-30);
  --color-fill-accent-yellow-heavy-hovered: #f7c7364d;
  --color-fill-accent-yellow-heavier: var(--color-yellow-300);
  --color-fill-accent-yellow-heavier-hovered: #f7c736ff;
  --color-fill-accent-yellow-transparent: var(--color-yellow-300-0);
  --color-fill-accent-yellow-transparent-hovered: #f0be271a;
  --color-fill-accent-olive: var(--color-olive-300-18);
  --color-fill-accent-olive-hovered: #ccdb2545;
  --color-fill-accent-olive-heavy: var(--color-olive-300-30);
  --color-fill-accent-olive-heavy-hovered: #ccdb254d;
  --color-fill-accent-olive-heavier: var(--color-olive-300);
  --color-fill-accent-olive-heavier-hovered: #ccdb25ff;
  --color-fill-accent-olive-transparent: var(--color-olive-300-0);
  --color-fill-accent-olive-transparent-hovered: #b7c4271a;
  --color-fill-accent-teal: var(--color-teal-300-18);
  --color-fill-accent-teal-hovered: #4cdccf45;
  --color-fill-accent-teal-heavy: var(--color-teal-300-30);
  --color-fill-accent-teal-heavy-hovered: #4cdccf4d;
  --color-fill-accent-teal-heavier: var(--color-teal-300);
  --color-fill-accent-teal-heavier-hovered: #4cdccfff;
  --color-fill-accent-teal-transparent: var(--color-teal-300-0);
  --color-fill-accent-teal-transparent-hovered: #40d3c51a;
  --color-fill-accent-navy: var(--color-navy-300-18);
  --color-fill-accent-navy-hovered: #7b86d345;
  --color-fill-accent-navy-heavy: var(--color-navy-300-30);
  --color-fill-accent-navy-heavy-hovered: #7b86d34d;
  --color-fill-accent-navy-heavier: var(--color-navy-300);
  --color-fill-accent-navy-heavier-hovered: #8a95d7ff;
  --color-fill-accent-navy-transparent: var(--color-navy-300-0);
  --color-fill-accent-navy-transparent-hovered: #6f7bc81a;
  --color-fill-accent-purple: var(--color-purple-300-18);
  --color-fill-accent-purple-hovered: #b686ff45;
  --color-fill-accent-purple-heavy: var(--color-purple-300-30);
  --color-fill-accent-purple-heavy-hovered: #b686ff4d;
  --color-fill-accent-purple-heavier: var(--color-purple-300);
  --color-fill-accent-purple-heavier-hovered: #b686ffff;
  --color-fill-accent-purple-transparent: var(--color-purple-300-0);
  --color-fill-accent-purple-transparent-hovered: #a970ff1a;
  --color-fill-accent-pink: var(--color-pink-300-18);
  --color-fill-accent-pink-hovered: #f27fdb45;
  --color-fill-accent-pink-heavy: var(--color-pink-300-30);
  --color-fill-accent-pink-heavy-hovered: #f27fdb4d;
  --color-fill-accent-pink-heavier: var(--color-pink-300);
  --color-fill-accent-pink-heavier-hovered: #f27fdbff;
  --color-fill-accent-pink-transparent: var(--color-pink-300-0);
  --color-fill-accent-pink-transparent-hovered: #ec6fd31a;
  --color-fill-absolute-white: var(--color-white-100);
  --color-fill-absolute-white-hovered: #edededff;
  --color-fill-absolute-white-light: var(--color-white-20);
  --color-fill-absolute-white-light-hovered: #ededed4d;
  --color-fill-absolute-white-transparent: var(--color-white-0);
  --color-fill-absolute-white-transparent-hovered: #ffffff0d;
  --color-fill-absolute-black: var(--color-black-100);
  --color-fill-absolute-black-hovered: #0a0a0aff;
  --color-fill-absolute-black-light: var(--color-black-20);
  --color-fill-absolute-black-light-hovered: #0a0a0a4d;
  --color-fill-absolute-black-transparent: var(--color-black-0);
  --color-fill-absolute-black-transparent-hovered: #0000000d;
  --color-fill-bright: var(--color-grey-650);
  --color-fill-bright-hovered: #64646aff;
  --color-border-neutral: var(--color-white-12);
  --color-border-neutral-hovered: #ededed2f;
  --color-border-neutral-heavy: var(--color-white-20);
  --color-border-neutral-heavy-hovered: #ededed4d;
  --color-border-neutral-heavier: var(--color-white-40);
  --color-border-neutral-heavier-hovered: #ededed66;
  --color-border-detach: var(--color-grey-900);
  --color-border-detach-hovered: #27272bff;
  --color-border-detach-highest: var(--color-grey-750);
  --color-border-detach-highest-hovered: #3b3b40ff;
  --color-border-detach-higher: var(--color-grey-800);
  --color-border-detach-higher-hovered: #333338ff;
  --color-border-detach-high: var(--color-grey-850);
  --color-border-detach-high-hovered: #2e2e31ff;
  --color-border-detach-low: var(--color-grey-950);
  --color-border-detach-low-hovered: #242427ff;
  --color-border-absolute-white: var(--color-white-100);
  --color-border-absolute-white-hovered: #edededff;
  --color-surface: var(--color-grey-900);
  --color-surface-hovered: #27272bff;
  --color-surface-highest: var(--color-grey-750);
  --color-surface-highest-hovered: #3b3b40ff;
  --color-surface-higher: var(--color-grey-800);
  --color-surface-higher-hovered: #333338ff;
  --color-surface-high: var(--color-grey-850);
  --color-surface-high-hovered: #2e2e31ff;
  --color-surface-low: var(--color-grey-950);
  --color-surface-low-hovered: #242427ff;
  --color-surface-glass: var(--color-grey-800-90);
  --color-surface-glass-hovered: #333338e6;
  --color-surface-glass-highest: var(--color-grey-750-90);
  --color-surface-glass-highest-hovered: #3b3b40e6;
  --color-surface-glass-higher: var(--color-grey-800-90);
  --color-surface-glass-higher-hovered: #333338e6;
  --color-surface-glass-high: var(--color-grey-850-90);
  --color-surface-glass-high-hovered: #2e2e31e6;
  --color-dim-absolute-black: var(--color-black-40);
  --color-dim-absolute-black-hovered: #0a0a0a66;
  --color-dim-absolute-black-heavy: var(--color-black-60);
  --color-dim-absolute-black-heavy-hovered: #0a0a0a99;
  --color-dim-absolute-white: var(--color-white-40);
  --color-dim-absolute-white-hovered: #ededed66;
  --color-dim-absolute-white-heavy: var(--color-white-60);
  --color-dim-absolute-white-heavy-hovered: #ededed99;
  --color-gradient-green: var(--color-green-400);
  --color-gradient-green-hovered: #1ec35dff;
  --color-gradient-green-heavy: var(--color-green-300);
  --color-gradient-green-heavy-hovered: #5cce7cff;
  --color-state-default: var(--color-white-20);
  --color-state-default-hovered: #ededed4d;
  --color-state-action: var(--color-blue-300);
  --color-state-action-hovered: #9698ffff;
  --color-state-action-light: var(--color-blue-300-45);
  --color-state-action-light-hovered: #8184ff73;
  --color-state-warning: var(--color-orange-300);
  --color-state-warning-hovered: #f8a45cff;
  --color-state-warning-light: var(--color-orange-300-30);
  --color-state-warning-light-hovered: #f8a45c4d;
  --color-elevation-xlarge: var(--color-black-30);
  --color-elevation-xlarge-hovered: #0a0a0a4d;
  --color-elevation-large: var(--color-black-22);
  --color-elevation-large-hovered: #0a0a0a38;
  --color-elevation-medium: var(--color-black-15);
  --color-elevation-medium-hovered: #0a0a0a39;
  --color-elevation-small: var(--color-black-8);
  --color-elevation-small-hovered: #0a0a0a1e;
  --color-elevation-base: var(--color-black-5);
  --color-elevation-base-hovered: #0a0a0a14;
  --color-elevation-base-inner: var(--color-white-12);
  --color-elevation-base-inner-hovered: #ededed2f;
  --color-chart-theme-default-10: #b4d6e5;
  --color-chart-theme-default-10-hovered: #c3e0edff;
  --color-chart-theme-default-01: #7c72fd;
  --color-chart-theme-default-01-hovered: #9088fdff;
  --color-chart-theme-default-02: #81dfdd;
  --color-chart-theme-default-02-hovered: #8fe7e5ff;
  --color-chart-theme-default-03: #fc9783;
  --color-chart-theme-default-03-hovered: #fda999ff;
  --color-chart-theme-default-04: #b1596a;
  --color-chart-theme-default-04-hovered: #be6274ff;
  --color-chart-theme-default-05: #fe71ba;
  --color-chart-theme-default-05-hovered: #fe87c5ff;
  --color-chart-theme-default-06: #c971ec;
  --color-chart-theme-default-06-hovered: #d281f2ff;
  --color-chart-theme-default-07: #4a75e3;
  --color-chart-theme-default-07-hovered: #5881ebff;
  --color-chart-theme-default-08: #80b6fd;
  --color-chart-theme-default-08-hovered: #96c3fdff;
  --color-chart-theme-default-09: #fb90f1;
  --color-chart-theme-default-09-hovered: #fca6f4ff;
}

:where(:root, :host) {
  --color-blue-100: #b2b7ffff;
  --color-blue-200: #8d93ffff;
  --color-blue-300: #8082ffff;
  --color-blue-400: #6157eaff;
  --color-blue-500: #5139d9ff;
  --color-blue-600: #4134bbff;
  --color-blue-300-0: #6b6eff00;
  --color-blue-300-10: #6b6eff1a;
  --color-blue-300-18: #6b6eff2e;
  --color-blue-300-30: #6b6eff4d;
  --color-blue-300-45: #6b6eff73;
  --color-blue-400-0: #6157ea00;
  --color-blue-400-5: #6157ea0d;
  --color-blue-400-10: #6157ea1a;
  --color-blue-400-20: #6157ea33;
  --color-blue-400-30: #6157ea4d;
  --color-cobalt-100: #a1d5ffff;
  --color-cobalt-200: #8dcafcff;
  --color-cobalt-300: #5cadefff;
  --color-cobalt-400: #3292e3ff;
  --color-cobalt-500: #3176d1ff;
  --color-cobalt-600: #2b59b5ff;
  --color-cobalt-300-0: #5cadef00;
  --color-cobalt-300-10: #5cadef1a;
  --color-cobalt-300-18: #5cadef2e;
  --color-cobalt-300-30: #5cadef4d;
  --color-cobalt-300-45: #5cadef73;
  --color-cobalt-400-0: #3292e300;
  --color-cobalt-400-5: #3292e30d;
  --color-cobalt-400-10: #3292e31a;
  --color-cobalt-400-20: #3292e333;
  --color-cobalt-400-30: #3292e34d;
  --color-green-100: #a4ecb3ff;
  --color-green-200: #7cd985ff;
  --color-green-300: #51c371ff;
  --color-green-400: #20ab55ff;
  --color-green-500: #358761ff;
  --color-green-600: #327055ff;
  --color-green-300-0: #4bc16c00;
  --color-green-300-10: #4bc16c1a;
  --color-green-300-18: #4bc16c2e;
  --color-green-300-30: #4bc16c4d;
  --color-green-300-45: #4bc16c73;
  --color-green-400-0: #20ab5500;
  --color-green-400-5: #20ab550d;
  --color-green-400-10: #20ab551a;
  --color-green-400-20: #20ab5533;
  --color-green-400-30: #20ab554d;
  --color-red-100: #ffb8b8ff;
  --color-red-200: #ff8683ff;
  --color-red-300: #f36868ff;
  --color-red-400: #e1535dff;
  --color-red-500: #bc3a42ff;
  --color-red-600: #992c34ff;
  --color-red-300-0: #f2606000;
  --color-red-300-10: #f260601a;
  --color-red-300-18: #f260602e;
  --color-red-300-30: #f260604d;
  --color-red-300-45: #f2606073;
  --color-red-400-0: #e1535d00;
  --color-red-400-5: #e1535d0d;
  --color-red-400-10: #e1535d1a;
  --color-red-400-20: #e1535d33;
  --color-red-400-30: #e1535d4d;
  --color-orange-100: #ffc38fff;
  --color-orange-200: #ffab70ff;
  --color-orange-300: #f79847ff;
  --color-orange-400: #e67f2bff;
  --color-orange-500: #c1630dff;
  --color-orange-600: #a1540cff;
  --color-orange-300-0: #f7984700;
  --color-orange-300-10: #f798471a;
  --color-orange-300-18: #f798472e;
  --color-orange-300-30: #f798474d;
  --color-orange-300-45: #f7984773;
  --color-orange-400-0: #e67f2b00;
  --color-orange-400-5: #e67f2b0d;
  --color-orange-400-10: #e67f2b1a;
  --color-orange-400-20: #e67f2b33;
  --color-orange-400-30: #e67f2b4d;
  --color-yellow-100: #ffe38fff;
  --color-yellow-200: #fed968ff;
  --color-yellow-300: #f0be27ff;
  --color-yellow-400: #edae0dff;
  --color-yellow-500: #c38f00ff;
  --color-yellow-600: #9e7504ff;
  --color-yellow-300-0: #f0be2700;
  --color-yellow-300-10: #f0be271a;
  --color-yellow-300-18: #f0be272e;
  --color-yellow-300-30: #f0be274d;
  --color-yellow-300-45: #f0be2773;
  --color-yellow-400-0: #edae0d00;
  --color-yellow-400-5: #edae0d0d;
  --color-yellow-400-10: #edae0d1a;
  --color-yellow-400-20: #edae0d33;
  --color-yellow-400-30: #edae0d4d;
  --color-olive-100: #e7f17cff;
  --color-olive-200: #dbe56eff;
  --color-olive-300: #b7c427ff;
  --color-olive-400: #a9b110ff;
  --color-olive-500: #7b801cff;
  --color-olive-600: #65691cff;
  --color-olive-300-0: #b7c42700;
  --color-olive-300-10: #b7c4271a;
  --color-olive-300-18: #b7c4272e;
  --color-olive-300-30: #b7c4274d;
  --color-olive-300-45: #b7c42773;
  --color-olive-400-0: #a9b11000;
  --color-olive-400-5: #a9b1100d;
  --color-olive-400-10: #a9b1101a;
  --color-olive-400-20: #a9b11033;
  --color-olive-400-30: #a9b1104d;
  --color-teal-100: #9beee6ff;
  --color-teal-200: #72e0d5ff;
  --color-teal-300: #40d3c5ff;
  --color-teal-400: #09b2acff;
  --color-teal-500: #068e95ff;
  --color-teal-600: #06687dff;
  --color-teal-300-0: #40d3c500;
  --color-teal-300-10: #40d3c51a;
  --color-teal-300-18: #40d3c52e;
  --color-teal-300-30: #40d3c54d;
  --color-teal-300-45: #40d3c573;
  --color-teal-400-0: #09b2ac00;
  --color-teal-400-5: #09b2ac0d;
  --color-teal-400-10: #09b2ac1a;
  --color-teal-400-20: #09b2ac33;
  --color-teal-400-30: #09b2ac4d;
  --color-navy-100: #a5b2eeff;
  --color-navy-200: #8b99d9ff;
  --color-navy-300: #7e89cdff;
  --color-navy-400: #424fabff;
  --color-navy-500: #353888ff;
  --color-navy-600: #22245bff;
  --color-navy-300-0: #6f7bc800;
  --color-navy-300-10: #6f7bc81a;
  --color-navy-300-18: #6f7bc82e;
  --color-navy-300-30: #6f7bc84d;
  --color-navy-300-45: #6f7bc873;
  --color-navy-400-0: #424fab00;
  --color-navy-400-5: #424fab0d;
  --color-navy-400-10: #424fab1a;
  --color-navy-400-20: #424fab33;
  --color-navy-400-30: #424fab4d;
  --color-purple-100: #d1b5ffff;
  --color-purple-200: #c19affff;
  --color-purple-300: #a970ffff;
  --color-purple-400: #8e57e7ff;
  --color-purple-500: #6735b6ff;
  --color-purple-600: #54278fff;
  --color-purple-300-0: #a970ff00;
  --color-purple-300-10: #a970ff1a;
  --color-purple-300-18: #a970ff2e;
  --color-purple-300-30: #a970ff4d;
  --color-purple-300-45: #a970ff73;
  --color-purple-400-0: #8e57e700;
  --color-purple-400-5: #8e57e70d;
  --color-purple-400-10: #8e57e71a;
  --color-purple-400-20: #8e57e733;
  --color-purple-400-30: #8e57e74d;
  --color-pink-100: #ffafefff;
  --color-pink-200: #f392e0ff;
  --color-pink-300: #ec6fd3ff;
  --color-pink-400: #d64bb5ff;
  --color-pink-500: #b0369eff;
  --color-pink-600: #962c86ff;
  --color-pink-300-0: #ec6fd300;
  --color-pink-300-10: #ec6fd31a;
  --color-pink-300-18: #ec6fd32e;
  --color-pink-300-30: #ec6fd34d;
  --color-pink-300-45: #ec6fd373;
  --color-pink-400-0: #d64bb500;
  --color-pink-400-5: #d64bb50d;
  --color-pink-400-10: #d64bb51a;
  --color-pink-400-20: #d64bb533;
  --color-pink-400-30: #d64bb54d;
  --color-grey-25: #fdfdffff;
  --color-grey-50: #fbfbfbff;
  --color-grey-100: #f7f7f8ff;
  --color-grey-200: #efeff0ff;
  --color-grey-300: #e2e2e4ff;
  --color-grey-400: #cfcfd1ff;
  --color-grey-500: #a7a7aaff;
  --color-grey-600: #79797eff;
  --color-grey-650: #5a5a5fff;
  --color-grey-700: #3b3b3fff;
  --color-grey-750: #313135ff;
  --color-grey-800: #29292dff;
  --color-grey-850: #242426ff;
  --color-grey-900: #1d1d20ff;
  --color-grey-950: #1a1a1cff;
  --color-grey-50-80: #fbfbfbcc;
  --color-grey-100-80: #f7f7f8cc;
  --color-grey-100-90: #f7f7f8e6;
  --color-grey-200-80: #efeff0cc;
  --color-grey-200-90: #efeff0e6;
  --color-grey-700-80: #3b3b3fcc;
  --color-grey-700-90: #3b3b3fe6;
  --color-grey-750-90: #313135e6;
  --color-grey-800-80: #29292dcc;
  --color-grey-800-90: #29292de6;
  --color-grey-850-80: #242426cc;
  --color-grey-850-90: #242426e6;
  --color-grey-900-0: #24242800;
  --color-grey-900-90: #1d1d2000;
  --color-white-0: #fff0;
  --color-white-3: #ffffff08;
  --color-white-5: #ffffff0d;
  --color-white-8: #ffffff14;
  --color-white-12: #ffffff1f;
  --color-white-20: #fff3;
  --color-white-22: #ffffff38;
  --color-white-30: #ffffff4d;
  --color-white-40: #fff6;
  --color-white-50: #ffffff80;
  --color-white-60: #fff9;
  --color-white-80: #fffc;
  --color-white-90: #ffffffe6;
  --color-white-100: #ffff;
  --color-black-0: #0000;
  --color-black-1: #00000003;
  --color-black-3: #00000008;
  --color-black-5: #0000000d;
  --color-black-8: #00000014;
  --color-black-15: #00000026;
  --color-black-20: #0003;
  --color-black-22: #00000038;
  --color-black-30: #0000004d;
  --color-black-40: #0006;
  --color-black-50: #00000080;
  --color-black-60: #0009;
  --color-black-70: #000000b3;
  --color-black-85: #000000d9;
  --color-black-100: #000f;
  --dimension-1: 1px;
  --dimension-2: 2px;
  --dimension-3: 3px;
  --dimension-4: 4px;
  --dimension-6: 6px;
  --dimension-7: 7px;
  --dimension-8: 8px;
  --dimension-10: 10px;
  --dimension-12: 12px;
  --dimension-14: 14px;
  --dimension-16: 16px;
  --dimension-20: 20px;
  --dimension-22: 22px;
  --dimension-24: 24px;
  --dimension-28: 28px;
  --dimension-30: 30px;
  --dimension-32: 32px;
  --dimension-36: 36px;
  --dimension-40: 40px;
  --dimension-42: 42px;
  --dimension-44: 44px;
  --dimension-48: 48px;
  --dimension-54: 54px;
  --dimension-60: 60px;
  --dimension-72: 72px;
  --dimension-90: 90px;
  --dimension-120: 120px;
  --dimension-160: 160px;
  --dimension-200: 200px;
  --dimension-240: 240px;
  --dimension-320: 320px;
  --dimension-420: 420px;
  --dimension-540: 540px;
  --dimension-640: 640px;
  --dimension-720: 720px;
  --dimension-800: 800px;
  --dimension-900: 900px;
  --dimension-1-m: -1px;
  --dimension-40-p: 40%;
  --layer-depth-0: 0;
  --layer-depth-1: 1;
  --layer-depth-1000: 1000;
  --layer-depth-1100: 1100;
  --layer-depth-1200: 1200;
  --layer-depth-1300: 1300;
  --layer-depth-2000: 2000;
  --layer-depth-1-m: -1;
  --motion-duration-150: 150ms;
  --motion-duration-300: 300ms;
  --motion-duration-450: 450ms;
  --motion-timing-function-easing: cubic-bezier(0.3, 0, 0, 1);
  --typography-font-family-sans-kr: 'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif';
  --typography-font-family-sans-jp: 'Inter', 'NotoSansJP', 'Noto Sans JP', 'NotoSansKR', 'Noto Sans KR', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif';
  --typography-font-family-monospace: 'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace';
  --typography-font-size-11: 11px;
  --typography-font-size-12: 12px;
  --typography-font-size-13: 13px;
  --typography-font-size-14: 14px;
  --typography-font-size-15: 15px;
  --typography-font-size-16: 16px;
  --typography-font-size-17: 17px;
  --typography-font-size-18: 18px;
  --typography-font-size-22: 22px;
  --typography-font-size-24: 24px;
  --typography-font-size-30: 30px;
  --typography-font-size-36: 36px;
  --typography-font-weight-400: 400;
  --typography-font-weight-500: 500;
  --typography-font-weight-600: 600;
  --typography-font-weight-700: 700;
  --typography-line-height-16: 16px;
  --typography-line-height-18: 18px;
  --typography-line-height-20: 20px;
  --typography-line-height-22: 22px;
  --typography-line-height-24: 24px;
  --typography-line-height-28: 28px;
  --typography-line-height-32: 32px;
  --typography-line-height-36: 36px;
  --typography-line-height-44: 44px;
  --typography-letter-spacing-0: 0;
  --typography-letter-spacing-0-1: -0.1px;
  --typography-letter-spacing-0-4: -0.4px;
}

:where(:root, :host), [data-bezier-theme="light"] {
  --backdrop-large: var(--dimension-60);
  --backdrop-small: var(--dimension-6);
  --border-default: 0 0 0 var(--dimension-1) var(--color-border-neutral);
  --border-bottom: 0 var(--dimension-1-m) 0 0 var(--color-border-neutral);
  --border-right: var(--dimension-1-m) 0 0 0 var(--color-border-neutral);
  --border-left: var(--dimension-1) 0 0 0 var(--color-border-neutral);
  --border-top: 0 var(--dimension-1) 0 0 var(--color-border-neutral);
  --border-white-high: 0 0 0 var(--dimension-1) var(--color-surface-high);
  --border-white-higher: 0 0 0 var(--dimension-1) var(--color-surface-higher);
  --border-white-highest: 0 0 0 var(--dimension-1) var(--color-surface-highest);
  --elevation-1: 0 var(--dimension-1) var(--dimension-2) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --elevation-2: 0 var(--dimension-2) var(--dimension-6) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --elevation-3: 0 var(--dimension-4) var(--dimension-12) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --elevation-4: 0 var(--dimension-4) var(--dimension-24) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --elevation-5: 0 var(--dimension-6) var(--dimension-40) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --elevation-6: 0 var(--dimension-12) var(--dimension-60) 0 var(--color-elevation-small), 0 0 var(--dimension-2) var(--dimension-1) var(--color-elevation-base), inset 0 0 var(--dimension-2) 0 var(--color-elevation-base-inner);
  --layer-z-index-base: var(--layer-depth-0);
  --layer-z-index-floating: var(--layer-depth-1);
  --layer-z-index-overlay: var(--layer-depth-1000);
  --layer-z-index-modal: var(--layer-depth-1100);
  --layer-z-index-toast: var(--layer-depth-1200);
  --layer-z-index-tooltip: var(--layer-depth-1300);
  --layer-z-index-hidden: var(--layer-depth-1-m);
  --layer-z-index-important: var(--layer-depth-2000);
  --motion-transition-fast: var(--motion-duration-150) var(--motion-timing-function-easing);
  --motion-transition-default: var(--motion-duration-300) var(--motion-timing-function-easing);
  --motion-transition-slow: var(--motion-duration-450) var(--motion-timing-function-easing);
  --opacity-disabled: var(--dimension-40-p);
  --radius-2: var(--dimension-2);
  --radius-3: var(--dimension-3);
  --radius-4: var(--dimension-4);
  --radius-6: var(--dimension-6);
  --radius-7: var(--dimension-7);
  --radius-8: var(--dimension-8);
  --radius-10: var(--dimension-10);
  --radius-12: var(--dimension-12);
  --radius-14: var(--dimension-14);
  --radius-16: var(--dimension-16);
  --radius-20: var(--dimension-20);
  --radius-32: var(--dimension-32);
  --state-error: 0 0 0 var(--dimension-1) var(--color-state-warning);
  --state-active: 0 0 0 var(--dimension-1) var(--color-state-action);
  --state-input-default: 0 var(--dimension-1) var(--dimension-2) 0 var(--color-elevation-base), inset 0 0 0 var(--dimension-1) var(--color-state-default);
  --state-input-hovered: 0 var(--dimension-2) var(--dimension-6) 0 var(--color-elevation-base), inset 0 0 0 var(--dimension-1) var(--color-state-action);
  --state-input-active: 0 var(--dimension-2) var(--dimension-6) 0 var(--color-elevation-base), 0 0 0 var(--dimension-3) var(--color-state-action-light), inset 0 0 0 var(--dimension-1) var(--color-state-action);
  --state-input-error: 0 var(--dimension-2) var(--dimension-6) 0 var(--color-elevation-base), 0 0 0 var(--dimension-3) var(--color-state-warning-light), inset 0 0 0 var(--dimension-1) var(--color-state-warning);
  --typography-heading-font-family: var(--typography-font-family-sans-kr);
  --typography-heading-size-xlarge: var(--typography-font-size-24);
  --typography-heading-size-large: var(--typography-font-size-22);
  --typography-heading-size-medium: var(--typography-font-size-18);
  --typography-heading-size-small: var(--typography-font-size-17);
  --typography-heading-size-xsmall: var(--typography-font-size-16);
  --typography-heading-size-2xsmall: var(--typography-font-size-15);
  --typography-heading-weight-bold: var(--typography-font-weight-700);
  --typography-heading-letter-spacing: var(--typography-letter-spacing-0);
  --typography-heading-letter-spacing-tight: var(--typography-letter-spacing-0-1);
  --typography-heading-letter-spacing-tighter: var(--typography-letter-spacing-0-4);
  --typography-heading-line-height-xlarge: var(--typography-line-height-32);
  --typography-heading-line-height-large: var(--typography-line-height-28);
  --typography-heading-line-height-medium: var(--typography-line-height-24);
  --typography-heading-line-height-small: var(--typography-line-height-24);
  --typography-heading-line-height-xsmall: var(--typography-line-height-24);
  --typography-heading-line-height-2xsmall: var(--typography-line-height-20);
  --typography-text-font-family: var(--typography-font-family-sans-kr);
  --typography-text-size-2xlarge: var(--typography-font-size-17);
  --typography-text-size-xlarge: var(--typography-font-size-16);
  --typography-text-size-large: var(--typography-font-size-15);
  --typography-text-size-medium: var(--typography-font-size-14);
  --typography-text-size-small: var(--typography-font-size-13);
  --typography-text-size-xsmall: var(--typography-font-size-12);
  --typography-text-size-2xsmall: var(--typography-font-size-11);
  --typography-text-weight-bold: var(--typography-font-weight-700);
  --typography-text-weight-regular: var(--typography-font-weight-400);
  --typography-text-letter-spacing: var(--typography-letter-spacing-0);
  --typography-text-letter-spacing-tight: var(--typography-letter-spacing-0-1);
  --typography-text-line-height-2xlarge: var(--typography-line-height-24);
  --typography-text-line-height-xlarge: var(--typography-line-height-24);
  --typography-text-line-height-large: var(--typography-line-height-20);
  --typography-text-line-height-medium: var(--typography-line-height-18);
  --typography-text-line-height-small: var(--typography-line-height-18);
  --typography-text-line-height-xsmall: var(--typography-line-height-16);
  --typography-text-line-height-2xsmall: var(--typography-line-height-16);
  --typography-display-font-family: var(--typography-font-family-sans-kr);
  --typography-display-size-large: var(--typography-font-size-36);
  --typography-display-size-medium: var(--typography-font-size-30);
  --typography-display-weight-bold: var(--typography-font-weight-700);
  --typography-display-letter-spacing-tighter: var(--typography-letter-spacing-0-4);
  --typography-display-line-height-large: var(--typography-line-height-44);
  --typography-display-line-height-medium: var(--typography-line-height-36);
  --typography-code-font-family: var(--typography-font-family-monospace);
  --typography-code-size-medium: var(--typography-font-size-14);
  --typography-code-size-small: var(--typography-font-size-13);
  --typography-code-weight-regular: var(--typography-font-weight-400);
  --typography-code-letter-spacing: var(--typography-letter-spacing-0);
  --typography-code-line-height-medium: var(--typography-line-height-18);
  --typography-code-line-height-small: var(--typography-line-height-18);
  --color-text-action: var(--color-blue-400);
  --color-text-action-hovered: #5146e4ff;
  --color-text-success: var(--color-green-400);
  --color-text-success-hovered: #219c50ff;
  --color-text-highlight: var(--color-cobalt-400);
  --color-text-highlight-hovered: #2589ddff;
  --color-text-warning: var(--color-orange-400);
  --color-text-warning-hovered: #df751fff;
  --color-text-critical: var(--color-red-400);
  --color-text-critical-hovered: #da444fff;
  --color-text-neutral-heaviest: var(--color-black-100);
  --color-text-neutral-heaviest-hovered: #1c1c1cff;
  --color-text-neutral: var(--color-black-85);
  --color-text-neutral-hovered: #1c1c1cd9;
  --color-text-neutral-light: var(--color-black-60);
  --color-text-neutral-light-hovered: #1c1c1c99;
  --color-text-neutral-lighter: var(--color-black-40);
  --color-text-neutral-lighter-hovered: #1c1c1c66;
  --color-text-accent-blue: var(--color-blue-400);
  --color-text-accent-blue-hovered: #5146e4ff;
  --color-text-accent-cobalt: var(--color-cobalt-400);
  --color-text-accent-cobalt-hovered: #2589ddff;
  --color-text-accent-green: var(--color-green-400);
  --color-text-accent-green-hovered: #219c50ff;
  --color-text-accent-red: var(--color-red-400);
  --color-text-accent-red-hovered: #da444fff;
  --color-text-accent-orange: var(--color-orange-400);
  --color-text-accent-orange-hovered: #df751fff;
  --color-text-accent-yellow: var(--color-yellow-400);
  --color-text-accent-yellow-hovered: #d9a010ff;
  --color-text-accent-olive: var(--color-olive-300);
  --color-text-accent-olive-hovered: #a7b328ff;
  --color-text-accent-teal: var(--color-teal-400);
  --color-text-accent-teal-hovered: #08a5a0ff;
  --color-text-accent-navy: var(--color-navy-400);
  --color-text-accent-navy-hovered: #414c9cff;
  --color-text-accent-purple: var(--color-purple-400);
  --color-text-accent-purple-hovered: #8247e1ff;
  --color-text-accent-pink: var(--color-pink-400);
  --color-text-accent-pink-hovered: #cf3eacff;
  --color-text-absolute-white: var(--color-white-100);
  --color-text-absolute-white-hovered: #edededff;
  --color-text-absolute-black: var(--color-black-100);
  --color-text-absolute-black-hovered: #1c1c1cff;
  --color-text-inverse: var(--color-white-100);
  --color-text-inverse-hovered: #edededff;
  --color-icon-action: var(--color-blue-400);
  --color-icon-action-hovered: #5146e4ff;
  --color-icon-success: var(--color-green-400);
  --color-icon-success-hovered: #219c50ff;
  --color-icon-highlight: var(--color-cobalt-400);
  --color-icon-highlight-hovered: #2589ddff;
  --color-icon-warning: var(--color-orange-400);
  --color-icon-warning-hovered: #df751fff;
  --color-icon-critical: var(--color-red-400);
  --color-icon-critical-hovered: #da444fff;
  --color-icon-neutral: var(--color-black-40);
  --color-icon-neutral-hovered: #1c1c1c66;
  --color-icon-neutral-heavy: var(--color-black-60);
  --color-icon-neutral-heavy-hovered: #1c1c1c99;
  --color-icon-neutral-heavier: var(--color-black-85);
  --color-icon-neutral-heavier-hovered: #1c1c1cd9;
  --color-icon-accent-blue: var(--color-blue-400);
  --color-icon-accent-blue-hovered: #5146e4ff;
  --color-icon-accent-cobalt: var(--color-cobalt-400);
  --color-icon-accent-cobalt-hovered: #2589ddff;
  --color-icon-accent-green: var(--color-green-400);
  --color-icon-accent-green-hovered: #219c50ff;
  --color-icon-accent-red: var(--color-red-400);
  --color-icon-accent-red-hovered: #da444fff;
  --color-icon-accent-orange: var(--color-orange-400);
  --color-icon-accent-orange-hovered: #df751fff;
  --color-icon-accent-yellow: var(--color-yellow-400);
  --color-icon-accent-yellow-hovered: #d9a010ff;
  --color-icon-accent-olive: var(--color-olive-400);
  --color-icon-accent-olive-hovered: #9ba212ff;
  --color-icon-accent-teal: var(--color-teal-400);
  --color-icon-accent-teal-hovered: #08a5a0ff;
  --color-icon-accent-navy: var(--color-navy-400);
  --color-icon-accent-navy-hovered: #414c9cff;
  --color-icon-accent-purple: var(--color-purple-400);
  --color-icon-accent-purple-hovered: #8247e1ff;
  --color-icon-accent-pink: var(--color-pink-400);
  --color-icon-accent-pink-hovered: #cf3eacff;
  --color-icon-absolute-white: var(--color-white-100);
  --color-icon-absolute-white-hovered: #edededff;
  --color-icon-absolute-black: var(--color-black-100);
  --color-icon-absolute-black-hovered: #1c1c1cff;
  --color-icon-inverse-heavier: var(--color-white-100);
  --color-icon-inverse-heavier-hovered: #edededff;
  --color-fill-neutral: var(--color-black-8);
  --color-fill-neutral-hovered: #1c1c1c1e;
  --color-fill-neutral-heaviest: var(--color-black-85);
  --color-fill-neutral-heaviest-hovered: #1c1c1cd9;
  --color-fill-neutral-heavier: var(--color-black-40);
  --color-fill-neutral-heavier-hovered: #1c1c1c66;
  --color-fill-neutral-heavy: var(--color-black-15);
  --color-fill-neutral-heavy-hovered: #1c1c1c39;
  --color-fill-neutral-light: var(--color-black-5);
  --color-fill-neutral-light-hovered: #1c1c1c14;
  --color-fill-neutral-lighter: var(--color-black-3);
  --color-fill-neutral-lighter-hovered: #1c1c1c0c;
  --color-fill-neutral-lightest: var(--color-black-1);
  --color-fill-neutral-lightest-hovered: #1c1c1c05;
  --color-fill-neutral-transparent: var(--color-black-0);
  --color-fill-neutral-transparent-hovered: #0000000d;
  --color-fill-action: var(--color-blue-400);
  --color-fill-action-hovered: #5146e4ff;
  --color-fill-action-light: var(--color-blue-400-20);
  --color-fill-action-light-hovered: #5146e44d;
  --color-fill-action-lighter: var(--color-blue-400-10);
  --color-fill-action-lighter-hovered: #5146e427;
  --color-fill-action-transparent: var(--color-blue-400-0);
  --color-fill-action-transparent-hovered: #6157ea1a;
  --color-fill-success: var(--color-green-400);
  --color-fill-success-hovered: #219c50ff;
  --color-fill-success-light: var(--color-green-400-20);
  --color-fill-success-light-hovered: #219c504d;
  --color-fill-success-lighter: var(--color-green-400-10);
  --color-fill-success-lighter-hovered: #219c5027;
  --color-fill-success-transparent: var(--color-green-400-0);
  --color-fill-success-transparent-hovered: #20ab551a;
  --color-fill-highlight: var(--color-cobalt-400);
  --color-fill-highlight-hovered: #2589ddff;
  --color-fill-highlight-light: var(--color-cobalt-400-20);
  --color-fill-highlight-light-hovered: #2589dd4d;
  --color-fill-highlight-lighter: var(--color-cobalt-400-10);
  --color-fill-highlight-lighter-hovered: #2589dd27;
  --color-fill-highlight-transparent: var(--color-cobalt-400-0);
  --color-fill-highlight-transparent-hovered: #3292e31a;
  --color-fill-warning: var(--color-orange-400);
  --color-fill-warning-hovered: #df751fff;
  --color-fill-warning-light: var(--color-orange-400-20);
  --color-fill-warning-light-hovered: #df751f4d;
  --color-fill-warning-lighter: var(--color-orange-400-10);
  --color-fill-warning-lighter-hovered: #df751f27;
  --color-fill-warning-transparent: var(--color-orange-400-0);
  --color-fill-warning-transparent-hovered: #e67f2b1a;
  --color-fill-critical: var(--color-red-400);
  --color-fill-critical-hovered: #da444fff;
  --color-fill-critical-light: var(--color-red-400-20);
  --color-fill-critical-light-hovered: #da444f4d;
  --color-fill-critical-lighter: var(--color-red-400-10);
  --color-fill-critical-lighter-hovered: #da444f27;
  --color-fill-critical-transparent: var(--color-red-400-0);
  --color-fill-critical-transparent-hovered: #e1535d1a;
  --color-fill-grey-light: var(--color-grey-25);
  --color-fill-grey-light-hovered: #d9d9ffff;
  --color-fill-grey: var(--color-grey-50);
  --color-fill-grey-hovered: #e9e9e9ff;
  --color-fill-grey-heavy: var(--color-grey-100);
  --color-fill-grey-heavy-hovered: #e5e5e8ff;
  --color-fill-grey-heavier: var(--color-grey-200);
  --color-fill-grey-heavier-hovered: #dedee0ff;
  --color-fill-accent-blue: var(--color-blue-400-10);
  --color-fill-accent-blue-hovered: #5146e427;
  --color-fill-accent-blue-heavy: var(--color-blue-400-20);
  --color-fill-accent-blue-heavy-hovered: #5146e44d;
  --color-fill-accent-blue-heavier: var(--color-blue-400);
  --color-fill-accent-blue-heavier-hovered: #5146e4ff;
  --color-fill-accent-blue-transparent: var(--color-blue-400-0);
  --color-fill-accent-blue-transparent-hovered: #6157ea1a;
  --color-fill-accent-cobalt: var(--color-cobalt-400-10);
  --color-fill-accent-cobalt-hovered: #2589dd27;
  --color-fill-accent-cobalt-heavy: var(--color-cobalt-400-20);
  --color-fill-accent-cobalt-heavy-hovered: #2589dd4d;
  --color-fill-accent-cobalt-heavier: var(--color-cobalt-400);
  --color-fill-accent-cobalt-heavier-hovered: #2589ddff;
  --color-fill-accent-cobalt-transparent: var(--color-cobalt-400-0);
  --color-fill-accent-cobalt-transparent-hovered: #3292e31a;
  --color-fill-accent-green: var(--color-green-400-10);
  --color-fill-accent-green-hovered: #219c5027;
  --color-fill-accent-green-heavy: var(--color-green-400-20);
  --color-fill-accent-green-heavy-hovered: #219c504d;
  --color-fill-accent-green-heavier: var(--color-green-400);
  --color-fill-accent-green-heavier-hovered: #219c50ff;
  --color-fill-accent-green-transparent: var(--color-green-400-0);
  --color-fill-accent-green-transparent-hovered: #20ab551a;
  --color-fill-accent-red: var(--color-red-400-10);
  --color-fill-accent-red-hovered: #da444f27;
  --color-fill-accent-red-heavy: var(--color-red-400-20);
  --color-fill-accent-red-heavy-hovered: #da444f4d;
  --color-fill-accent-red-heavier: var(--color-red-400);
  --color-fill-accent-red-heavier-hovered: #da444fff;
  --color-fill-accent-red-transparent: var(--color-red-400-0);
  --color-fill-accent-red-transparent-hovered: #e1535d1a;
  --color-fill-accent-orange: var(--color-orange-400-10);
  --color-fill-accent-orange-hovered: #df751f27;
  --color-fill-accent-orange-heavy: var(--color-orange-400-20);
  --color-fill-accent-orange-heavy-hovered: #df751f4d;
  --color-fill-accent-orange-heavier: var(--color-orange-400);
  --color-fill-accent-orange-heavier-hovered: #df751fff;
  --color-fill-accent-orange-transparent: var(--color-orange-400-0);
  --color-fill-accent-orange-transparent-hovered: #e67f2b1a;
  --color-fill-accent-yellow: var(--color-yellow-400-10);
  --color-fill-accent-yellow-hovered: #d9a01027;
  --color-fill-accent-yellow-heavy: var(--color-yellow-400-20);
  --color-fill-accent-yellow-heavy-hovered: #d9a0104d;
  --color-fill-accent-yellow-heavier: var(--color-yellow-400);
  --color-fill-accent-yellow-heavier-hovered: #d9a010ff;
  --color-fill-accent-yellow-transparent: var(--color-yellow-400-0);
  --color-fill-accent-yellow-transparent-hovered: #edae0d1a;
  --color-fill-accent-olive: var(--color-olive-400-10);
  --color-fill-accent-olive-hovered: #9ba21227;
  --color-fill-accent-olive-heavy: var(--color-olive-400-20);
  --color-fill-accent-olive-heavy-hovered: #9ba2124d;
  --color-fill-accent-olive-heavier: var(--color-olive-400);
  --color-fill-accent-olive-heavier-hovered: #9ba212ff;
  --color-fill-accent-olive-transparent: var(--color-olive-400-0);
  --color-fill-accent-olive-transparent-hovered: #a9b1101a;
  --color-fill-accent-teal: var(--color-teal-400-10);
  --color-fill-accent-teal-hovered: #08a5a027;
  --color-fill-accent-teal-heavy: var(--color-teal-400-20);
  --color-fill-accent-teal-heavy-hovered: #08a5a04d;
  --color-fill-accent-teal-heavier: var(--color-teal-400);
  --color-fill-accent-teal-heavier-hovered: #08a5a0ff;
  --color-fill-accent-teal-transparent: var(--color-teal-400-0);
  --color-fill-accent-teal-transparent-hovered: #09b2ac1a;
  --color-fill-accent-navy: var(--color-navy-400-10);
  --color-fill-accent-navy-hovered: #414c9c27;
  --color-fill-accent-navy-heavy: var(--color-navy-400-20);
  --color-fill-accent-navy-heavy-hovered: #414c9c4d;
  --color-fill-accent-navy-heavier: var(--color-navy-400);
  --color-fill-accent-navy-heavier-hovered: #414c9cff;
  --color-fill-accent-navy-transparent: var(--color-navy-400-0);
  --color-fill-accent-navy-transparent-hovered: #424fab1a;
  --color-fill-accent-purple: var(--color-purple-400-10);
  --color-fill-accent-purple-hovered: #8247e127;
  --color-fill-accent-purple-heavy: var(--color-purple-400-20);
  --color-fill-accent-purple-heavy-hovered: #8247e14d;
  --color-fill-accent-purple-heavier: var(--color-purple-400);
  --color-fill-accent-purple-heavier-hovered: #8247e1ff;
  --color-fill-accent-purple-transparent: var(--color-purple-400-0);
  --color-fill-accent-purple-transparent-hovered: #8e57e71a;
  --color-fill-accent-pink: var(--color-pink-400-10);
  --color-fill-accent-pink-hovered: #cf3eac27;
  --color-fill-accent-pink-heavy: var(--color-pink-400-20);
  --color-fill-accent-pink-heavy-hovered: #cf3eac4d;
  --color-fill-accent-pink-heavier: var(--color-pink-400);
  --color-fill-accent-pink-heavier-hovered: #cf3eacff;
  --color-fill-accent-pink-transparent: var(--color-pink-400-0);
  --color-fill-accent-pink-transparent-hovered: #d64bb51a;
  --color-fill-absolute-white: var(--color-white-100);
  --color-fill-absolute-white-hovered: #edededff;
  --color-fill-absolute-white-light: var(--color-white-20);
  --color-fill-absolute-white-light-hovered: #ededed4d;
  --color-fill-absolute-white-transparent: var(--color-white-0);
  --color-fill-absolute-white-transparent-hovered: #ffffff0d;
  --color-fill-absolute-black: var(--color-black-100);
  --color-fill-absolute-black-hovered: #1c1c1cff;
  --color-fill-absolute-black-light: var(--color-black-20);
  --color-fill-absolute-black-light-hovered: #1c1c1c4d;
  --color-fill-absolute-black-transparent: var(--color-black-0);
  --color-fill-absolute-black-transparent-hovered: #0000000d;
  --color-fill-bright: var(--color-grey-25);
  --color-fill-bright-hovered: #d9d9ffff;
  --color-border-neutral: var(--color-black-8);
  --color-border-neutral-hovered: #1c1c1c1e;
  --color-border-neutral-heavy: var(--color-black-15);
  --color-border-neutral-heavy-hovered: #1c1c1c39;
  --color-border-neutral-heavier: var(--color-black-40);
  --color-border-neutral-heavier-hovered: #1c1c1c66;
  --color-border-detach: var(--color-white-100);
  --color-border-detach-hovered: #edededff;
  --color-border-detach-highest: var(--color-white-100);
  --color-border-detach-highest-hovered: #edededff;
  --color-border-detach-higher: var(--color-white-100);
  --color-border-detach-higher-hovered: #edededff;
  --color-border-detach-high: var(--color-white-100);
  --color-border-detach-high-hovered: #edededff;
  --color-border-detach-low: var(--color-grey-50);
  --color-border-detach-low-hovered: #e9e9e9ff;
  --color-border-absolute-white: var(--color-white-100);
  --color-border-absolute-white-hovered: #edededff;
  --color-surface: var(--color-white-100);
  --color-surface-hovered: #edededff;
  --color-surface-highest: var(--color-white-100);
  --color-surface-highest-hovered: #edededff;
  --color-surface-higher: var(--color-white-100);
  --color-surface-higher-hovered: #edededff;
  --color-surface-high: var(--color-white-100);
  --color-surface-high-hovered: #edededff;
  --color-surface-low: var(--color-grey-50);
  --color-surface-low-hovered: #e9e9e9ff;
  --color-surface-glass: var(--color-white-90);
  --color-surface-glass-hovered: #ededede6;
  --color-surface-glass-highest: var(--color-grey-200-90);
  --color-surface-glass-highest-hovered: #dedee0e6;
  --color-surface-glass-higher: var(--color-grey-100-90);
  --color-surface-glass-higher-hovered: #e5e5e8e6;
  --color-surface-glass-high: var(--color-white-90);
  --color-surface-glass-high-hovered: #ededede6;
  --color-dim-absolute-black: var(--color-black-40);
  --color-dim-absolute-black-hovered: #1c1c1c66;
  --color-dim-absolute-black-heavy: var(--color-black-60);
  --color-dim-absolute-black-heavy-hovered: #1c1c1c99;
  --color-dim-absolute-white: var(--color-white-40);
  --color-dim-absolute-white-hovered: #ededed66;
  --color-dim-absolute-white-heavy: var(--color-white-60);
  --color-dim-absolute-white-heavy-hovered: #ededed99;
  --color-gradient-green: var(--color-green-400);
  --color-gradient-green-hovered: #219c50ff;
  --color-gradient-green-heavy: var(--color-green-300);
  --color-gradient-green-heavy-hovered: #46ba67ff;
  --color-state-default: var(--color-black-15);
  --color-state-default-hovered: #1c1c1c39;
  --color-state-action: var(--color-blue-400);
  --color-state-action-hovered: #5146e4ff;
  --color-state-action-light: var(--color-blue-400-30);
  --color-state-action-light-hovered: #5146e44d;
  --color-state-warning: var(--color-orange-400);
  --color-state-warning-hovered: #df751fff;
  --color-state-warning-light: var(--color-orange-400-30);
  --color-state-warning-light-hovered: #df751f4d;
  --color-elevation-xlarge: var(--color-black-30);
  --color-elevation-xlarge-hovered: #1c1c1c4d;
  --color-elevation-large: var(--color-black-22);
  --color-elevation-large-hovered: #1c1c1c38;
  --color-elevation-medium: var(--color-black-15);
  --color-elevation-medium-hovered: #1c1c1c39;
  --color-elevation-small: var(--color-black-8);
  --color-elevation-small-hovered: #1c1c1c1e;
  --color-elevation-base: var(--color-black-5);
  --color-elevation-base-hovered: #1c1c1c14;
  --color-elevation-base-inner: var(--color-white-12);
  --color-elevation-base-inner-hovered: #ededed2f;
  --color-chart-theme-default-10: #b4d6e5;
  --color-chart-theme-default-10-hovered: #a1cadcff;
  --color-chart-theme-default-01: #7c72fd;
  --color-chart-theme-default-01-hovered: #6459fdff;
  --color-chart-theme-default-02: #81dfdd;
  --color-chart-theme-default-02-hovered: #70d7d5ff;
  --color-chart-theme-default-03: #fc9783;
  --color-chart-theme-default-03-hovered: #fb8169ff;
  --color-chart-theme-default-04: #b1596a;
  --color-chart-theme-default-04-hovered: #a55363ff;
  --color-chart-theme-default-05: #fe71ba;
  --color-chart-theme-default-05-hovered: #fe57aeff;
  --color-chart-theme-default-06: #c971ec;
  --color-chart-theme-default-06-hovered: #c05ee6ff;
  --color-chart-theme-default-07: #4a75e3;
  --color-chart-theme-default-07-hovered: #3b69ddff;
  --color-chart-theme-default-08: #80b6fd;
  --color-chart-theme-default-08-hovered: #66a7fdff;
  --color-chart-theme-default-09: #fb90f1;
  --color-chart-theme-default-09-hovered: #fa75eeff;
}