@charset "UTF-8";
:root,
html.theme-light {
  --s-background-default: rgba(255, 255, 255, 1);
  --s-background-hovered: rgba(242, 242, 242, 1);
  --s-background-pressed: rgba(234, 234, 234, 1);
  --s-surface-default: rgba(255, 255, 255, 1);
  --s-surface-hovered: rgba(242, 242, 242, 1);
  --s-surface-pressed: rgba(234, 234, 234, 1);
  --s-surface-sunken-default: rgba(242, 242, 242, 1);
  --s-surface-sunken-hovered: rgba(234, 234, 234, 1);
  --s-surface-sunken-pressed: rgba(223, 223, 223, 1);
  --s-surface-overlay-default: rgba(255, 255, 255, 1);
  --s-surface-overlay-hovered: rgba(242, 242, 242, 1);
  --s-surface-overlay-pressed: rgba(234, 234, 234, 1);
  --s-surface-raised-default: rgba(242, 242, 242, 1);
  --s-surface-raised-hovered: rgba(234, 234, 234, 1);
  --s-surface-raised-pressed: rgba(223, 223, 223, 1);

  --s-surface-critical-default: rgba(213, 6, 54, 1);
  --s-surface-critical-subdued: rgba(252, 231, 237, 1);
  --s-surface-warning-default: rgba(243, 183, 3, 1);
  --s-surface-warning-subdued: rgba(250, 241, 200, 1);
  --s-surface-success-default: rgba(8, 129, 8, 1);
  --s-surface-success-subdued: rgba(220, 247, 220, 1);
  --s-surface-info-default: rgba(20, 90, 245, 1);
  --s-surface-info-subdued: rgba(230, 241, 255, 1);
  --s-surface-neutral-default: rgba(54, 54, 54, 1);
  --s-surface-neutral-subdued: rgba(242, 242, 242, 1);
  --s-surface-on-image-default: rgba(0, 0, 0, 0.6);

  --s-action-critical-default: rgba(213, 6, 54, 1);
  --s-action-critical-hovered: rgba(179, 39, 57, 1);
  --s-action-critical-pressed: rgba(159, 35, 52, 1);
  --s-action-critical-disabled: rgba(242, 242, 242, 1);
  --s-action-neutral-default: rgba(242, 242, 242, 1);
  --s-action-neutral-hovered: rgba(234, 234, 234, 1);
  --s-action-neutral-pressed: rgba(223, 223, 223, 1);
  --s-action-neutral-disabled: rgba(242, 242, 242, 1);

  --s-interactive-critical-default: rgba(213, 6, 54, 1);
  --s-interactive-critical-hovered: rgba(179, 39, 57, 1);
  --s-interactive-critical-pressed: rgba(159, 35, 52, 1);
  --s-interactive-critical-disabled: rgba(207, 207, 207, 1);
  --s-interactive-neutral-default: rgba(110, 110, 110, 1);
  --s-interactive-neutral-hovered: rgba(152, 152, 152, 1);
  --s-interactive-neutral-pressed: rgba(152, 152, 152, 1);
  --s-interactive-neutral-disabled: rgba(207, 207, 207, 1);

  --s-decorative-chilli-surface: rgba(195, 28, 28, 1);
  --s-decorative-chilli-surface-subdued: rgba(252, 231, 237, 1);
  --s-decorative-pumpkin-surface: rgba(245, 144, 49, 1);
  --s-decorative-pumpkin-surface-subdued: rgba(255, 227, 202, 1);
  --s-decorative-banana-surface: rgba(234, 186, 42, 1);
  --s-decorative-banana-surface-subdued: rgba(250, 241, 200, 1);
  --s-decorative-radish-surface: rgba(186, 29, 142, 1);
  --s-decorative-radish-surface-subdued: rgba(255, 221, 245, 1);
  --s-decorative-grape-surface: rgba(130, 45, 164, 1);
  --s-decorative-grape-surface-subdued: rgba(233, 220, 255, 1);
  --s-decorative-kiwi-surface: rgba(54, 119, 69, 1);
  --s-decorative-kiwi-surface-subdued: rgba(220, 247, 220, 1);
  --s-decorative-blueberry-surface: rgba(63, 95, 167, 1);
  --s-decorative-blueberry-surface-subdued: rgba(230, 241, 255, 1);
  --s-border-strong: rgba(207, 207, 207, 1);
  --s-border-default: rgba(234, 234, 234, 1);

  --s-border-critical: rgba(213, 6, 54, 1);
  --s-border-success: rgba(8, 129, 8, 1);
  --s-border-warning: rgba(147, 88, 6, 1);
  --s-border-info: rgba(20, 90, 245, 1);

  --s-focus-default: rgba(0, 55, 175, 1);

  --s-border-radius-null: 0;
  --s-border-radius-xs: 0.125rem;
  --s-border-radius-s: 0.25rem;
  --s-border-radius-sm: 0.5rem;
  --s-border-radius-base: 0.75rem;
  --s-border-radius-l: 1rem;
  --s-border-radius-xl: 1.25rem;
  --s-border-radius-full-round: 6249.9375rem;
  --s-border-width-0: 0;
  --s-border-width-default: 0.0625rem;
  --s-font-family-text: "Inter var experimental", "Inter var", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    "Helvetica Neue", sans-serif;
  --s-font-family-code: "Fira Mono", Courier, monospace;
  --s-font-family-text-japanese: "Inter var experimental", "Inter var",
    Hiragino Sans, "\30d2\30e9\30ae\30ce\89d2\30b4  ProN W3",
    "Hiragino Kaku Gothic ProN", "\30e1\30a4\30ea\30aa", Meiryo, Osaka,
    "MS PGothic", sans-serif;
  --s-font-family-text-korean: "Inter var experimental", "Inter var",
    "Microsoft JhengHei", \5fae\8edf\6b63\9ed1\9ad4, "Microsoft JhengHei UI",
    "Microsoft YaHei", \5fae\8edf\96c5\9ed1, \5b8b\4f53, SimSun, sans-serif;
  --s-font-family-text-chinese-traditional: "Inter var experimental",
    "Inter var", "Microsoft JhengHei", \5fae\8edf\6b63\9ed1\9ad4,
    "Microsoft JhengHei UI", "Microsoft YaHei", \5fae\8edf\96c5\9ed1, \5b8b\4f53,
    SimSun, sans-serif;
  --s-font-family-text-chinese-simplified: "Inter var experimental", "Inter var",
    "Microsoft YaHei New", \5fae\8f6f\96c5\9ed1, "Microsoft Yahei",
    "Microsoft JhengHei", \5b8b\4f53, SimSun, sans-serif;
  --s-font-family-text-arabic: -apple-system, system-ui;
  --s-font-size-sm: 0.875rem;
  --s-font-size-base: 1rem;
  --s-font-size-lg: 1.125rem;
  --s-font-size-xl: 1.25rem;
  --s-font-size-2xl: 1.75rem;
  --s-font-weight-normal: 400;
  --s-font-weight-medium: 500;
  --s-font-weight-semibold: 600;
  --s-font-weight-bold: 700;
  --s-icon-strong: rgba(23, 23, 23, 1);
  --s-icon-default: rgba(110, 110, 110, 1);
  --s-icon-disabled: rgba(207, 207, 207, 1);
  --s-icon-dark: rgba(23, 23, 23, 1);
  --s-icon-highlight: rgba(0, 55, 175, 1);
  --s-icon-critical: rgba(213, 6, 54, 1);
  --s-icon-success: rgba(8, 129, 8, 1);
  --s-icon-warning: rgba(147, 88, 6, 1);
  --s-icon-info: rgba(20, 90, 245, 1);

  --s-icon-on-status: rgba(255, 255, 255, 1);
  --s-icon-on-image: rgba(255, 255, 255, 1);
  --s-letter-spacing-tighter: -0.02rem;
  --s-letter-spacing-tight: -0.01375rem;
  --s-letter-spacing-normal: 0;
  --s-line-height-sm: 1.25rem;
  --s-line-height-base: 1.375rem;
  --s-line-height-lg: 1.5rem;
  --s-line-height-xl: 1.625rem;
  --s-line-height-2xl: 2.25rem;
  --s-shadow-level-1: 0px 4px 16px 0px rgba(23, 23, 23, 0.04),
    0px 1px 4px 0px rgba(23, 23, 23, 0.04);
  --s-shadow-level-2: 0px 4px 16px 0px rgba(23, 23, 23, 0.04),
    0px 1px 4px 0px rgba(23, 23, 23, 0.16);
  --s-shadow-level-3: 0px 12px 32px 0px rgba(23, 23, 23, 0.12),
    0px 4px 12px 0px rgba(23, 23, 23, 0.08);
  --s-space-0: 0;
  --s-space-2: 0.125rem;
  --s-space-4: 0.25rem;
  --s-space-8: 0.5rem;
  --s-space-12: 0.75rem;
  --s-space-16: 1rem;
  --s-space-20: 1.25rem;
  --s-space-24: 1.5rem;
  --s-space-32: 2rem;
  --s-space-40: 2.5rem;
  --s-space-48: 3rem;
  --s-space-64: 4rem;
  --s-text-default: rgba(23, 23, 23, 1);
  --s-text-subdued: rgba(110, 110, 110, 1);
  --s-text-disabled: rgba(207, 207, 207, 1);
  --s-text-dark: rgba(23, 23, 23, 1);

  --s-text-critical: rgba(213, 6, 54, 1);
  --s-text-success: rgba(8, 129, 8, 1);
  --s-text-warning: rgba(147, 88, 6, 1);
  --s-text-info: rgba(20, 90, 245, 1);

  --s-text-on-status: rgba(255, 255, 255, 1);
  --s-text-on-image: rgba(255, 255, 255, 1);
  --s-decorative-chilli-text: rgba(195, 28, 28, 1);
  --s-decorative-pumpkin-text: rgba(167, 76, 37, 1);
  --s-decorative-banana-text: rgba(154, 92, 0, 1);
  --s-decorative-radish-text: rgba(186, 29, 142, 1);
  --s-decorative-grape-text: rgba(130, 45, 164, 1);
  --s-decorative-kiwi-text: rgba(54, 119, 69, 1);
  --s-decorative-blueberry-text: rgba(63, 95, 167, 1);
  --s-decoration-underline: underline;
  --s-decoration-none: none;
  --s-z-0: 0;
  --s-z-10: 10;
  --s-z-20: 20;
  --s-z-30: 30;
  --s-z-40: 40;
  --s-z-50: 50;
  --s-z-auto: auto;
  --s-core-gray-10: rgba(38, 38, 38, 1);
  --s-core-gray-11: rgba(28, 28, 28, 1);
  --s-core-gray-12: rgba(23, 23, 23, 1);
  --s-core-gray-black: rgba(0, 0, 0, 1);
  --s-core-gray-09: rgba(46, 46, 46, 1);
  --s-core-gray-08: rgba(54, 54, 54, 1);
  --s-core-gray-07: rgba(66, 66, 66, 1);
  --s-core-gray-06: rgba(110, 110, 110, 1);
  --s-core-gray-05: rgba(152, 152, 152, 1);
  --s-core-gray-04: rgba(207, 207, 207, 1);
  --s-core-gray-03: rgba(223, 223, 223, 1);
  --s-core-gray-02: rgba(234, 234, 234, 1);
  --s-core-gray-01: rgba(242, 242, 242, 1);
  --s-core-gray-white: rgba(255, 255, 255, 1);
  --s-core-customer-color-light-1-default: rgba(20, 90, 245, 1);
  --s-core-customer-color-light-1-hovered: rgba(55, 115, 247, 1);
  --s-core-customer-color-light-1-pressed: rgba(91, 139, 248, 1);
  --s-core-customer-color-light-2-default: rgba(230, 238, 255, 1);
  --s-core-customer-color-light-2-hovered: rgba(213, 226, 255, 1);
  --s-core-customer-color-light-2-pressed: rgba(190, 210, 255, 1);
  --s-core-customer-color-light-3-default: rgba(0, 55, 175, 1);
  --s-core-customer-color-light-3-hovered: rgba(38, 85, 187, 1);
  --s-core-customer-color-light-3-pressed: rgba(77, 116, 199, 1);
  --s-core-on-customer-color-light-1: rgba(255, 255, 255, 1);
  --s-core-on-customer-color-light-2: rgba(23, 23, 23, 1);
  --s-core-on-customer-color-light-2-subdued: rgba(106, 109, 116, 1);
  --s-core-customer-color-dark-1-default: rgba(86, 143, 222, 1);
  --s-core-customer-color-dark-1-hovered: rgba(121, 164, 223, 1);
  --s-core-customer-color-dark-1-pressed: rgba(150, 181, 224, 1);
  --s-core-customer-color-dark-2-default: rgba(45, 71, 127, 1);
  --s-core-customer-color-dark-2-hovered: rgba(52, 80, 141, 1);
  --s-core-customer-color-dark-2-pressed: rgba(64, 91, 151, 1);
  --s-core-customer-color-dark-3-default: rgba(86, 143, 222, 1);
  --s-core-customer-color-dark-3-hovered: rgba(121, 164, 223, 1);
  --s-core-customer-color-dark-3-pressed: rgba(150, 181, 224, 1);
  --s-core-on-customer-color-dark-1: rgba(0, 0, 0, 1);
  --s-core-on-customer-color-dark-2: rgba(242, 242, 242, 1);
  --s-core-on-customer-color-dark-2-subdued: rgba(150, 163, 191, 1);
  --s-core-status-light-critical-default: rgba(213, 6, 54, 1);
  --s-core-status-light-critical-hovered: rgba(179, 39, 57, 1);
  --s-core-status-light-critical-pressed: rgba(159, 35, 52, 1);
  --s-core-status-light-critical-subdued: rgba(252, 231, 237, 1);
  --s-core-status-light-success-default: rgba(8, 129, 8, 1);
  --s-core-status-light-success-subdued: rgba(220, 247, 220, 1);
  --s-core-status-light-warning-strong: rgba(147, 88, 6, 1);
  --s-core-status-light-warning-default: rgba(243, 183, 3, 1);
  --s-core-status-light-warning-subdued: rgba(250, 241, 200, 1);
  --s-core-status-light-info-default: rgba(20, 90, 245, 1);
  --s-core-status-light-info-subdued: rgba(230, 241, 255, 1);
  --s-core-status-dark-critical-default: rgba(228, 100, 100, 1);
  --s-core-status-dark-critical-hovered: rgba(210, 123, 121, 1);
  --s-core-status-dark-critical-pressed: rgba(215, 147, 145, 1);
  --s-core-status-dark-critical-subdued: rgba(56, 33, 38, 1);
  --s-core-status-dark-warning-default: rgba(243, 183, 3, 1);
  --s-core-status-dark-warning-subdued: rgba(45, 39, 25, 1);
  --s-core-status-dark-success-default: rgba(80, 164, 80, 1);
  --s-core-status-dark-success-subdued: rgba(26, 44, 26, 1);
  --s-core-status-dark-info-default: rgba(100, 142, 233, 1);
  --s-core-status-dark-info-subdued: rgba(33, 41, 58, 1);
  --s-core-decorative-light-chilli-text: rgba(195, 28, 28, 1);
  --s-core-decorative-light-chilli-surface: rgba(195, 28, 28, 1);
  --s-core-decorative-light-chilli-surface-subdued: rgba(252, 231, 237, 1);
  --s-core-decorative-light-pumpkin-text: rgba(167, 76, 37, 1);
  --s-core-decorative-light-pumpkin-surface: rgba(245, 144, 49, 1);
  --s-core-decorative-light-pumpkin-surface-subdued: rgba(255, 227, 202, 1);
  --s-core-decorative-light-banana-text: rgba(154, 92, 0, 1);
  --s-core-decorative-light-banana-surface: rgba(234, 186, 42, 1);
  --s-core-decorative-light-banana-surface-subdued: rgba(250, 241, 200, 1);
  --s-core-decorative-light-radish-text: rgba(186, 29, 142, 1);
  --s-core-decorative-light-radish-surface: rgba(186, 29, 142, 1);
  --s-core-decorative-light-radish-surface-subdued: rgba(255, 221, 245, 1);
  --s-core-decorative-light-grape-text: rgba(130, 45, 164, 1);
  --s-core-decorative-light-grape-surface: rgba(130, 45, 164, 1);
  --s-core-decorative-light-grape-surface-subdued: rgba(233, 220, 255, 1);
  --s-core-decorative-light-kiwi-text: rgba(54, 119, 69, 1);
  --s-core-decorative-light-kiwi-surface: rgba(54, 119, 69, 1);
  --s-core-decorative-light-kiwi-surface-subdued: rgba(220, 247, 220, 1);
  --s-core-decorative-light-blueberry-text: rgba(63, 95, 167, 1);
  --s-core-decorative-light-blueberry-surface: rgba(63, 95, 167, 1);
  --s-core-decorative-light-blueberry-surface-subdued: rgba(230, 241, 255, 1);
  --s-core-decorative-dark-chilli-text: rgba(218, 109, 109, 1);
  --s-core-decorative-dark-chilli-surface: rgba(218, 109, 109, 1);
  --s-core-decorative-dark-chilli-surface-subdued: rgba(56, 34, 33, 1);
  --s-core-decorative-dark-pumpkin-text: rgba(212, 128, 49, 1);
  --s-core-decorative-dark-pumpkin-surface: rgba(212, 128, 49, 1);
  --s-core-decorative-dark-pumpkin-surface-subdued: rgba(51, 37, 26, 1);
  --s-core-decorative-dark-banana-text: rgba(175, 145, 27, 1);
  --s-core-decorative-dark-banana-surface: rgba(175, 145, 27, 1);
  --s-core-decorative-dark-banana-surface-subdued: rgba(44, 39, 29, 1);
  --s-core-decorative-dark-radish-text: rgba(221, 105, 189, 1);
  --s-core-decorative-dark-radish-surface: rgba(221, 105, 189, 1);
  --s-core-decorative-dark-radish-surface-subdued: rgba(50, 35, 45, 1);
  --s-core-decorative-dark-grape-text: rgba(194, 107, 233, 1);
  --s-core-decorative-dark-grape-surface: rgba(194, 107, 233, 1);
  --s-core-decorative-dark-grape-surface-subdued: rgba(47, 36, 56, 1);
  --s-core-decorative-dark-kiwi-text: rgba(89, 164, 105, 1);
  --s-core-decorative-dark-kiwi-surface: rgba(89, 164, 105, 1);
  --s-core-decorative-dark-kiwi-surface-subdued: rgba(34, 43, 34, 1);
  --s-core-decorative-dark-blueberry-text: rgba(86, 143, 222, 1);
  --s-core-decorative-dark-blueberry-surface: rgba(86, 143, 222, 1);
  --s-core-decorative-dark-blueberry-surface-subdued: rgba(30, 41, 54, 1);

  /* === Safe Area Properties === */
  /* iOS 11 */
  @supports (top: constant(safe-area-inset-top)) {
    --safe-area-inset-top: constant(safe-area-inset-top, 0px);
  }
  @supports (bottom: constant(safe-area-inset-bottom)) {
    --safe-area-inset-bottom: constant(safe-area-inset-bottom, 0px);
  }
  /* iOS 11+ */
  @supports (top: env(safe-area-inset-top)) {
    --safe-area-inset-top: env(safe-area-inset-top, 0px);
  }
  @supports (bottom: env(safe-area-inset-bottom)) {
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
  }
}
