@charset "UTF-8";

/* PrimitiveColor */
:root {
  /* blue */
  --primitivecolor-color-blue-5: #1e3a8a;
  --primitivecolor-color-blue-10: #1e40af;
  --primitivecolor-color-blue-20: #1d4ed8;
  --primitivecolor-color-blue-30: #2563eb;
  --primitivecolor-color-blue-40: #3b82f6;
  --primitivecolor-color-blue-50: #60a5fa;
  --primitivecolor-color-blue-60: #93c5fd;
  --primitivecolor-color-blue-70: #bfdbfe;
  --primitivecolor-color-blue-80: #dbeafe;
  --primitivecolor-color-blue-90: #eff6ff;
  /* brown */
  --primitivecolor-color-brown-5: #281e19;
  --primitivecolor-color-brown-10: #3b2d25;
  --primitivecolor-color-brown-20: #4f3c32;
  --primitivecolor-color-brown-30: #705444;
  --primitivecolor-color-brown-40: #846a5c;
  --primitivecolor-color-brown-50: #9c8578;
  --primitivecolor-color-brown-60: #baaaa1;
  --primitivecolor-color-brown-70: #cabcb4;
  --primitivecolor-color-brown-80: #dcd5d0;
  --primitivecolor-color-brown-90: #efebe9;
  /* gray */
  --primitivecolor-color-gray-5: #1f1f1f;
  --primitivecolor-color-gray-10: #333333;
  --primitivecolor-color-gray-20: #474747;
  --primitivecolor-color-gray-30: #5c5c5c;
  --primitivecolor-color-gray-40: #757575;
  --primitivecolor-color-gray-50: #9e9e9e;
  --primitivecolor-color-gray-60: #c2c2c2;
  --primitivecolor-color-gray-70: #e0e0e0;
  --primitivecolor-color-gray-80: #f4f4f4;
  --primitivecolor-color-gray-90: #fbfbfb;
  --primitivecolor-color-gray-100: #ffffff;
  /* green */
  --primitivecolor-color-green-5: #0f3d08;
  --primitivecolor-color-green-10: #195e0d;
  --primitivecolor-color-green-20: #218011;
  --primitivecolor-color-green-30: #2aa315;
  --primitivecolor-color-green-40: #55b545;
  --primitivecolor-color-green-50: #7fc673;
  --primitivecolor-color-green-60: #a9d9a1;
  --primitivecolor-color-green-70: #c2e5bc;
  --primitivecolor-color-green-80: #daf2d6;
  --primitivecolor-color-green-90: #eefaec;
  /* indigo */
  --primitivecolor-color-indigo-5: #312e81;
  --primitivecolor-color-indigo-10: #3730a3;
  --primitivecolor-color-indigo-20: #4338ca;
  --primitivecolor-color-indigo-30: #4f46e5;
  --primitivecolor-color-indigo-40: #6366f1;
  --primitivecolor-color-indigo-50: #818cf8;
  --primitivecolor-color-indigo-60: #a5b4fc;
  --primitivecolor-color-indigo-70: #c7d2fe;
  --primitivecolor-color-indigo-80: #e0e7ff;
  --primitivecolor-color-indigo-90: #eef2ff;
  /* lightblue */
  --primitivecolor-color-lightblue-5: #003f60;
  --primitivecolor-color-lightblue-10: #005b89;
  --primitivecolor-color-lightblue-20: #007dbc;
  --primitivecolor-color-lightblue-30: #0098e4;
  --primitivecolor-color-lightblue-40: #38bbfd;
  --primitivecolor-color-lightblue-50: #7cd3ff;
  --primitivecolor-color-lightblue-60: #a4deff;
  --primitivecolor-color-lightblue-70: #c1e6f9;
  --primitivecolor-color-lightblue-80: #d2edfb;
  --primitivecolor-color-lightblue-90: #e7f5fb;
  /* limegreen */
  --primitivecolor-color-limegreen-5: #105332;
  --primitivecolor-color-limegreen-10: #197d4c;
  --primitivecolor-color-limegreen-20: #21a665;
  --primitivecolor-color-limegreen-30: #29d07e;
  --primitivecolor-color-limegreen-40: #54d998;
  --primitivecolor-color-limegreen-50: #7fe3b2;
  --primitivecolor-color-limegreen-60: #a9eccb;
  --primitivecolor-color-limegreen-70: #bff1d8;
  --primitivecolor-color-limegreen-80: #d4f6e5;
  --primitivecolor-color-limegreen-90: #eafaf2;
  /* orange */
  --primitivecolor-color-orange-5: #7c2d12;
  --primitivecolor-color-orange-10: #9a3412;
  --primitivecolor-color-orange-20: #c2410c;
  --primitivecolor-color-orange-30: #ea580c;
  --primitivecolor-color-orange-40: #f97316;
  --primitivecolor-color-orange-50: #fb923c;
  --primitivecolor-color-orange-60: #fdba74;
  --primitivecolor-color-orange-70: #fed7aa;
  --primitivecolor-color-orange-80: #ffedd5;
  --primitivecolor-color-orange-90: #fff7ed;
  /* pink */
  --primitivecolor-color-pink-5: #831843;
  --primitivecolor-color-pink-10: #9d174d;
  --primitivecolor-color-pink-20: #be185d;
  --primitivecolor-color-pink-30: #db2777;
  --primitivecolor-color-pink-40: #ec4899;
  --primitivecolor-color-pink-50: #f472b6;
  --primitivecolor-color-pink-60: #f9a8d4;
  --primitivecolor-color-pink-70: #fbcfe8;
  --primitivecolor-color-pink-80: #fce7f3;
  --primitivecolor-color-pink-90: #fdf2f8;
  /* purple */
  --primitivecolor-color-purple-5: #581c87;
  --primitivecolor-color-purple-10: #6b21a8;
  --primitivecolor-color-purple-20: #7e22ce;
  --primitivecolor-color-purple-30: #9333ea;
  --primitivecolor-color-purple-40: #a855f7;
  --primitivecolor-color-purple-50: #c084fc;
  --primitivecolor-color-purple-60: #d8b4fe;
  --primitivecolor-color-purple-70: #e9d5ff;
  --primitivecolor-color-purple-80: #f3e8ff;
  --primitivecolor-color-purple-90: #faf5ff;
  /* red */
  --primitivecolor-color-red-5: #66000e;
  --primitivecolor-color-red-10: #99001d;
  --primitivecolor-color-red-20: #c20b2a;
  --primitivecolor-color-red-30: #eb1d35;
  --primitivecolor-color-red-40: #ff4d58;
  --primitivecolor-color-red-50: #ff737c;
  --primitivecolor-color-red-60: #ff999f;
  --primitivecolor-color-red-70: #ffbfc3;
  --primitivecolor-color-red-80: #ffdbe1;
  --primitivecolor-color-red-90: #fff0f3;
  /* yellow */
  --primitivecolor-color-yellow-5: #713f12;
  --primitivecolor-color-yellow-10: #854d0e;
  --primitivecolor-color-yellow-20: #a16207;
  --primitivecolor-color-yellow-30: #ca8a04;
  --primitivecolor-color-yellow-40: #eab308;
  --primitivecolor-color-yellow-50: #facc15;
  --primitivecolor-color-yellow-60: #fde047;
  --primitivecolor-color-yellow-70: #fef08a;
  --primitivecolor-color-yellow-80: #fef9c3;
  --primitivecolor-color-yellow-90: #fefce8;
}
/* ThemeColor */
:root {
  /* neutral */
  --themecolor-color-neutral-5: var(--primitivecolor-color-gray-5);
  --themecolor-color-neutral-10: var(--primitivecolor-color-gray-10);
  --themecolor-color-neutral-20: var(--primitivecolor-color-gray-20);
  --themecolor-color-neutral-30: var(--primitivecolor-color-gray-30);
  --themecolor-color-neutral-40: var(--primitivecolor-color-gray-40);
  --themecolor-color-neutral-50: var(--primitivecolor-color-gray-50);
  --themecolor-color-neutral-60: var(--primitivecolor-color-gray-60);
  --themecolor-color-neutral-70: var(--primitivecolor-color-gray-70);
  --themecolor-color-neutral-80: var(--primitivecolor-color-gray-80);
  --themecolor-color-neutral-90: var(--primitivecolor-color-gray-90);
  --themecolor-color-neutral-100: var(--primitivecolor-color-gray-100);
  /* primary */
  --themecolor-color-primary-5: var(--primitivecolor-color-lightblue-5);
  --themecolor-color-primary-10: var(--primitivecolor-color-lightblue-10);
  --themecolor-color-primary-20: var(--primitivecolor-color-lightblue-20);
  --themecolor-color-primary-30: var(--primitivecolor-color-lightblue-30);
  --themecolor-color-primary-40: var(--primitivecolor-color-lightblue-40);
  --themecolor-color-primary-50: var(--primitivecolor-color-lightblue-50);
  --themecolor-color-primary-60: var(--primitivecolor-color-lightblue-60);
  --themecolor-color-primary-70: var(--primitivecolor-color-lightblue-70);
  --themecolor-color-primary-80: var(--primitivecolor-color-lightblue-80);
  --themecolor-color-primary-90: var(--primitivecolor-color-lightblue-90);
  /* secondary */
  --themecolor-color-secondary-5: var(--primitivecolor-color-limegreen-5);
  --themecolor-color-secondary-10: var(--primitivecolor-color-limegreen-10);
  --themecolor-color-secondary-20: var(--primitivecolor-color-limegreen-20);
  --themecolor-color-secondary-30: var(--primitivecolor-color-limegreen-30);
  --themecolor-color-secondary-40: var(--primitivecolor-color-limegreen-40);
  --themecolor-color-secondary-50: var(--primitivecolor-color-limegreen-50);
  --themecolor-color-secondary-60: var(--primitivecolor-color-limegreen-60);
  --themecolor-color-secondary-70: var(--primitivecolor-color-limegreen-70);
  --themecolor-color-secondary-80: var(--primitivecolor-color-limegreen-80);
  --themecolor-color-secondary-90: var(--primitivecolor-color-limegreen-90);
  /* danger */
  --themecolor-color-danger-5: var(--primitivecolor-color-red-5);
  --themecolor-color-danger-10: var(--primitivecolor-color-red-10);
  --themecolor-color-danger-20: var(--primitivecolor-color-red-20);
  --themecolor-color-danger-30: var(--primitivecolor-color-red-30);
  --themecolor-color-danger-40: var(--primitivecolor-color-red-40);
  --themecolor-color-danger-50: var(--primitivecolor-color-red-50);
  --themecolor-color-danger-60: var(--primitivecolor-color-red-60);
  --themecolor-color-danger-70: var(--primitivecolor-color-red-70);
  --themecolor-color-danger-80: var(--primitivecolor-color-red-80);
  --themecolor-color-danger-90: var(--primitivecolor-color-red-90);
  /* success */
  --themecolor-color-success-5: var(--primitivecolor-color-green-5);
  --themecolor-color-success-10: var(--primitivecolor-color-green-10);
  --themecolor-color-success-20: var(--primitivecolor-color-green-20);
  --themecolor-color-success-30: var(--primitivecolor-color-green-30);
  --themecolor-color-success-40: var(--primitivecolor-color-green-40);
  --themecolor-color-success-50: var(--primitivecolor-color-green-50);
  --themecolor-color-success-60: var(--primitivecolor-color-green-60);
  --themecolor-color-success-70: var(--primitivecolor-color-green-70);
  --themecolor-color-success-80: var(--primitivecolor-color-green-80);
  --themecolor-color-success-90: var(--primitivecolor-color-green-90);
}
/* SemanticColor */
:root {
  /* background */
  --semanticcolor-color-background-default: var(--themecolor-color-neutral-100);
  --semanticcolor-color-background-subtle: var(--themecolor-color-primary-90);
  --semanticcolor-color-background-subtler: var(--themecolor-color-primary-80);
  --semanticcolor-color-background-primary-action-enabled: var(--themecolor-color-primary-30);
  --semanticcolor-color-background-primary-action-hovered: var(--themecolor-color-primary-20);
  --semanticcolor-color-background-primary-action-pressed: var(--themecolor-color-primary-10);
  --semanticcolor-color-background-secondary-action-enabled: var(--themecolor-color-neutral-100);
  --semanticcolor-color-background-secondary-action-hovered: var(--themecolor-color-neutral-80);
  --semanticcolor-color-background-secondary-action-pressed: var(--themecolor-color-neutral-70);
  /* border */
  --semanticcolor-color-border-nav: var(--themecolor-color-primary-70);
  --semanticcolor-color-border-primary: var(--themecolor-color-neutral-70);
  --semanticcolor-color-border-secondary: var(--themecolor-color-neutral-60);
  --semanticcolor-color-border-primary-action-enabled: var(--themecolor-color-primary-30);
  --semanticcolor-color-border-primary-action-focused: var(--themecolor-color-primary-30);
  /* icon */
  --semanticcolor-color-icon-default: var(--themecolor-color-neutral-40);
  --semanticcolor-color-icon-subtle: var(--themecolor-color-neutral-50);
  /* text */
  --semanticcolor-color-text-default: var(--themecolor-color-neutral-5);
  --semanticcolor-color-text-subtle: var(--themecolor-color-neutral-40);
  --semanticcolor-color-text-primary-action: var(--themecolor-color-neutral-100);
  --semanticcolor-color-text-secondary-action: var(--themecolor-color-primary-30);
  --semanticcolor-color-text-placeholder: var(--themecolor-color-neutral-50);
}
/* _Typography */
:root {
  /* font-size */
  --font-size-10: 0.5625rem;
  --font-size-20: 0.6875rem;
  --font-size-30: 0.8125rem;
  --font-size-40: 1rem;
  --font-size-50: 1.1875rem;
  --font-size-60: 1.4375rem;
  --font-size-70: 1.6875rem;
  --font-size-80: 2.0625rem;
  --font-size-90: 2.4375rem;
  /* letter-spacing */
  --letter-spacing-100: 0rem;
  --letter-spacing-90: 0.0012rem;
  --letter-spacing-50: 0.0016rem;
  --letter-spacing-60: 0.0016rem;
  --letter-spacing-70: 0.0016rem;
  --letter-spacing-80: 0.0016rem;
  --letter-spacing-10: 0.0025rem;
  --letter-spacing-20: 0.0025rem;
  --letter-spacing-30: 0.0025rem;
  --letter-spacing-40: 0.0025rem;
  /* line-height */
  --line-height-trim: 1;
  --line-height-90: 1.45; 
  --line-height-80: 1.45;
  --line-height-70: 1.5;
  --line-height-60: 1.55;
  --line-height-50: 1.55;
  --line-height-40: 1.5;
  --line-height-30: 1.55;
  --line-height-20: 1.64;
  --line-height-10: 1.67;
  /* typography */
  /* body */
  --typography-body-lg-letter-spacing: var(--letter-spacing-40);
  --typography-body-lg-line-height: var(--line-height-40);
  --typography-body-lg-font-size: var(--font-size-40);
  --typography-body-lg-bold-letter-spacing: var(--letter-spacing-40);
  --typography-body-lg-bold-line-height: var(--line-height-40);
  --typography-body-lg-bold-font-size: var(--font-size-40);
  --typography-body-md-letter-spacing: var(--letter-spacing-30);
  --typography-body-md-line-height: var(--line-height-30);
  --typography-body-md-font-size: var(--font-size-30);
  --typography-body-md-bold-letter-spacing: var(--letter-spacing-30);
  --typography-body-md-bold-line-height: var(--line-height-30);
  --typography-body-md-bold-font-size: var(--font-size-30);
  --typography-body-sm-letter-spacing: var(--letter-spacing-20);
  --typography-body-sm-line-height: var(--line-height-20);
  --typography-body-sm-font-size: var(--font-size-20);
  --typography-body-sm-bold-letter-spacing: var(--letter-spacing-20);
  --typography-body-sm-bold-line-height: var(--line-height-20);
  --typography-body-sm-bold-font-size: var(--font-size-20);
  --typography-body-xs-letter-spacing: var(--letter-spacing-10);
  --typography-body-xs-line-height: var(--line-height-10);
  --typography-body-xs-font-size: var(--font-size-10);
  --typography-body-xs-bold-letter-spacing: var(--letter-spacing-10);
  --typography-body-xs-bold-line-height: var(--line-height-10);
  --typography-body-xs-bold-font-size: var(--font-size-10);
  /* heading */
  --typography-heading-lg-letter-spacing: var(--letter-spacing-60);
  --typography-heading-lg-line-height: var(--line-height-60);
  --typography-heading-lg-font-size: var(--font-size-60);
  --typography-heading-md-letter-spacing: var(--letter-spacing-50);
  --typography-heading-md-line-height: var(--line-height-50);
  --typography-heading-md-font-size: var(--font-size-50);
  --typography-heading-sm-letter-spacing: var(--letter-spacing-40);
  --typography-heading-sm-line-height: var(--line-height-40);
  --typography-heading-sm-font-size: var(--font-size-40);
  --typography-heading-xl-letter-spacing: var(--letter-spacing-70);
  --typography-heading-xl-line-height: var(--line-height-70);
  --typography-heading-xl-font-size: var(--font-size-70);
  --typography-heading-xs-letter-spacing: var(--letter-spacing-30);
  --typography-heading-xs-line-height: var(--line-height-30);
  --typography-heading-xs-font-size: var(--font-size-30);
  /* label */
  --typography-label-md-letter-spacing: var(--letter-spacing-30);
  --typography-label-md-line-height: var(--line-height-trim);
  --typography-label-md-font-size: var(--font-size-30);
  --typography-label-sm-letter-spacing: var(--letter-spacing-20);
  --typography-label-sm-line-height: var(--line-height-trim);
  --typography-label-sm-font-size: var(--font-size-20);
  --typography-label-xs-letter-spacing: var(--letter-spacing-10);
  --typography-label-xs-line-height: var(--line-height-trim);
  --typography-label-xs-font-size: var(--font-size-10);
  /* number */
  --typography-number-lg-letter-spacing: var(--letter-spacing-100);
  --typography-number-lg-line-height: var(--line-height-trim);
  --typography-number-lg-font-size: var(--font-size-60);
  --typography-number-md-letter-spacing: var(--letter-spacing-100);
  --typography-number-md-line-height: var(--line-height-trim);
  --typography-number-md-font-size: var(--font-size-50);
  --typography-number-sm-letter-spacing: var(--letter-spacing-100);
  --typography-number-sm-line-height: var(--line-height-trim);
  --typography-number-sm-font-size: var(--font-size-30);
  --typography-number-xl-letter-spacing: var(--letter-spacing-100);
  --typography-number-xl-line-height: var(--line-height-trim);
  --typography-number-xl-font-size: var(--font-size-70);
  --typography-number-xs-letter-spacing: var(--letter-spacing-100);
  --typography-number-xs-line-height: var(--line-height-trim);
  --typography-number-xs-font-size: var(--font-size-20);
  /* title */
  --typography-title-lg-letter-spacing: var(--letter-spacing-90);
  --typography-title-lg-line-height: var(--line-height-90);
  --typography-title-lg-font-size: var(--font-size-90);
  --typography-title-md-letter-spacing: var(--letter-spacing-80);
  --typography-title-md-line-height: var(--line-height-80);
  --typography-title-md-font-size: var(--font-size-80);
  /* string */
  --font-family-default: Inter, "BIZ UDPGothic";
  --font-family-latin: Inter;
  --font-weight-bold: Bold;
  --font-weight-normal: Regular;
  --typography-body-lg-font-family: var(--font-family-default);
  --typography-body-lg-font-weight: var(--font-weight-normal);
  --typography-body-lg-bold-font-family: var(--font-family-default);
  --typography-body-lg-bold-font-weight: var(--font-weight-bold);
  --typography-body-md-font-family: var(--font-family-default);
  --typography-body-md-font-weight: var(--font-weight-normal);
  --typography-body-md-bold-font-family: var(--font-family-default);
  --typography-body-md-bold-font-weight: var(--font-weight-bold);
  --typography-body-sm-font-family: var(--font-family-default);
  --typography-body-sm-font-weight: var(--font-weight-normal);
  --typography-body-sm-bold-font-family: var(--font-family-default);
  --typography-body-sm-bold-font-weight: var(--font-weight-bold);
  --typography-body-xs-font-family: var(--font-family-default);
  --typography-body-xs-font-weight: var(--font-weight-normal);
  --typography-body-xs-bold-font-family: var(--font-family-default);
  --typography-body-xs-bold-font-weight: var(--font-weight-bold);
  --typography-heading-lg-font-family: var(--font-family-default);
  --typography-heading-lg-font-weight: var(--font-weight-bold);
  --typography-heading-md-font-family: var(--font-family-default);
  --typography-heading-md-font-weight: var(--font-weight-bold);
  --typography-heading-sm-font-family: var(--font-family-default);
  --typography-heading-sm-font-weight: var(--font-weight-bold);
  --typography-heading-xl-font-family: var(--font-family-default);
  --typography-heading-xl-font-weight: var(--font-weight-bold);
  --typography-heading-xs-font-family: var(--font-family-default);
  --typography-heading-xs-font-weight: var(--font-weight-bold);
  --typography-label-md-font-family: var(--font-family-default);
  --typography-label-md-font-weight: var(--font-weight-bold);
  --typography-label-sm-font-family: var(--font-family-default);
  --typography-label-sm-font-weight: var(--font-weight-bold);
  --typography-label-xs-font-family: var(--font-family-default);
  --typography-label-xs-font-weight: var(--font-weight-normal);
  --typography-number-lg-font-family: var(--font-family-latin);
  --typography-number-lg-font-weight: var(--font-weight-bold);
  --typography-number-md-font-family: var(--font-family-latin);
  --typography-number-md-font-weight: var(--font-weight-bold);
  --typography-number-sm-font-family: var(--font-family-latin);
  --typography-number-sm-font-weight: var(--font-weight-normal);
  --typography-number-xl-font-family: var(--font-family-latin);
  --typography-number-xl-font-weight: var(--font-weight-bold);
  --typography-number-xs-font-family: var(--font-family-latin);
  --typography-number-xs-font-weight: var(--font-weight-normal);
  --typography-title-lg-font-family: var(--font-family-default);
  --typography-title-lg-font-weight: var(--font-weight-bold);
  --typography-title-md-font-family: var(--font-family-default);
  --typography-title-md-font-weight: var(--font-weight-bold);
  --typography-body-md-font-style: normal;
  --typography-body-sm-font-style: normal;
  --typography-number-sm-font-style: normal;
  --typography-body-md-bold-font-style: normal;
  --typography-heading-sm-font-style: normal;
}
/* Token */
:root {
  /* border-radius */
  --token-border-radius-none: 0rem;
  --token-border-radius-xs: 0.125rem;
  --token-border-radius-sm: 0.1875rem;
  --token-border-radius-md: 0.5rem;
  --token-border-radius-lg: 0.75rem;
  --token-border-radius-xl: 1rem;
  --token-border-radius-infinity: 62.4375rem;
  /* border-width */
  --token-border-width-none: 0rem;
  --token-border-width-sm: 0.0312rem;
  --token-border-width-md: 0.0625rem;
  --token-border-width-lg: 0.125rem;
  /* opacity */
  --token-opacity-30: 1.875rem;
  --token-opacity-40: 2.5rem;
  --token-opacity-50: 3.125rem;
  --token-opacity-60: 3.75rem;
  --token-opacity-70: 4.375rem;
  --token-opacity-80: 5rem;
  --token-opacity-90: 5.625rem;
  --token-opacity-100: 6.25rem;
  /* spacing */
  --token-spacing-none: 0rem;
  --token-spacing-xxxs: 0.125rem;
  --token-spacing-xxs: 0.25rem;
  --token-spacing-xs: 0.5rem;
  --token-spacing-sm: 0.75rem;
  --token-spacing-md: 1rem;
  --token-spacing-lg: 1.5rem;
  --token-spacing-xl: 2rem;
  --token-spacing-xxl: 2.5rem;
}
/* Custom */
:root {
  /* hard-shadow */
  --hard-shadow: 0 1.5px 2px 0 rgba(16, 24, 40, 0.10);
}