/* jp-go-digital-design-system — vendored CSS
 * Source: https://github.com/digital-go-jp/design-system-example-components-html
 * Upstream commit: 3b34f4c3553fa3bee90bfd8b6fe962ac3055107d — MIT License, Copyright (c) 2025 デジタル庁
 * Generated by scripts/vendor.cljk — DO NOT EDIT BY HAND (re-vendor instead). */
:root {
  --color-primitive-blue-50: #e8f1fe;
  --color-primitive-blue-100: #d9e6ff;
  --color-primitive-blue-200: #c5d7fb;
  --color-primitive-blue-300: #9db7f9;
  --color-primitive-blue-400: #7096f8;
  --color-primitive-blue-500: #4979f5;
  --color-primitive-blue-600: #3460fb;
  --color-primitive-blue-700: #264af4;
  --color-primitive-blue-800: #0031d8;
  --color-primitive-blue-900: #0017c1;
  --color-primitive-blue-1000: #00118f;
  --color-primitive-blue-1100: #000071;
  --color-primitive-blue-1200: #000060;
  --color-primitive-light-blue-50: #f0f9ff;
  --color-primitive-light-blue-100: #dcf0ff;
  --color-primitive-light-blue-200: #c0e4ff;
  --color-primitive-light-blue-300: #97d3ff;
  --color-primitive-light-blue-400: #57b8ff;
  --color-primitive-light-blue-500: #39abff;
  --color-primitive-light-blue-600: #008bf2;
  --color-primitive-light-blue-700: #0877d7;
  --color-primitive-light-blue-800: #0066be;
  --color-primitive-light-blue-900: #0055ad;
  --color-primitive-light-blue-1000: #00428c;
  --color-primitive-light-blue-1100: #00316a;
  --color-primitive-light-blue-1200: #00234b;
  --color-primitive-cyan-50: #e9f7f9;
  --color-primitive-cyan-100: #c8f8ff;
  --color-primitive-cyan-200: #99f2ff;
  --color-primitive-cyan-300: #79e2f2;
  --color-primitive-cyan-400: #2bc8e4;
  --color-primitive-cyan-500: #01b7d6;
  --color-primitive-cyan-600: #00a3bf;
  --color-primitive-cyan-700: #008da6;
  --color-primitive-cyan-800: #008299;
  --color-primitive-cyan-900: #006f83;
  --color-primitive-cyan-1000: #006173;
  --color-primitive-cyan-1100: #004c59;
  --color-primitive-cyan-1200: #003741;
  --color-primitive-green-50: #e6f5ec;
  --color-primitive-green-100: #c2e5d1;
  --color-primitive-green-200: #9bd4b5;
  --color-primitive-green-300: #71c598;
  --color-primitive-green-400: #51b883;
  --color-primitive-green-500: #2cac6e;
  --color-primitive-green-600: #259d63;
  --color-primitive-green-700: #1d8b56;
  --color-primitive-green-800: #197a4b;
  --color-primitive-green-900: #115a36;
  --color-primitive-green-1000: #0c472a;
  --color-primitive-green-1100: #08351f;
  --color-primitive-green-1200: #032213;
  --color-primitive-lime-50: #ebfad9;
  --color-primitive-lime-100: #d0f5a2;
  --color-primitive-lime-200: #c0f354;
  --color-primitive-lime-300: #ade830;
  --color-primitive-lime-400: #9ddd15;
  --color-primitive-lime-500: #8cc80c;
  --color-primitive-lime-600: #7eb40d;
  --color-primitive-lime-700: #6fa104;
  --color-primitive-lime-800: #618e00;
  --color-primitive-lime-900: #507500;
  --color-primitive-lime-1000: #3e5a00;
  --color-primitive-lime-1100: #2c4100;
  --color-primitive-lime-1200: #1e2d00;
  --color-primitive-yellow-50: #fbf5e0;
  --color-primitive-yellow-100: #fff0b3;
  --color-primitive-yellow-200: #ffe380;
  --color-primitive-yellow-300: #ffd43d;
  --color-primitive-yellow-400: #ffc700;
  --color-primitive-yellow-500: #ebb700;
  --color-primitive-yellow-600: #d2a400;
  --color-primitive-yellow-700: #b78f00;
  --color-primitive-yellow-800: #a58000;
  --color-primitive-yellow-900: #927200;
  --color-primitive-yellow-1000: #806300;
  --color-primitive-yellow-1100: #6e5600;
  --color-primitive-yellow-1200: #604b00;
  --color-primitive-orange-50: #ffeee2;
  --color-primitive-orange-100: #ffdfca;
  --color-primitive-orange-200: #ffc199;
  --color-primitive-orange-300: #ffa66d;
  --color-primitive-orange-400: #ff8d44;
  --color-primitive-orange-500: #ff7628;
  --color-primitive-orange-600: #fb5b01;
  --color-primitive-orange-700: #e25100;
  --color-primitive-orange-800: #c74700;
  --color-primitive-orange-900: #ac3e00;
  --color-primitive-orange-1000: #8b3200;
  --color-primitive-orange-1100: #6d2700;
  --color-primitive-orange-1200: #541e00;
  --color-primitive-red-50: #fdeeee;
  --color-primitive-red-100: #ffdada;
  --color-primitive-red-200: #ffbbbb;
  --color-primitive-red-300: #ff9696;
  --color-primitive-red-400: #ff7171;
  --color-primitive-red-500: #ff5454;
  --color-primitive-red-600: #fe3939;
  --color-primitive-red-700: #fa0000;
  --color-primitive-red-800: #ec0000;
  --color-primitive-red-900: #ce0000;
  --color-primitive-red-1000: #a90000;
  --color-primitive-red-1100: #850000;
  --color-primitive-red-1200: #620000;
  --color-primitive-magenta-50: #f3e5f4;
  --color-primitive-magenta-100: #ffd0ff;
  --color-primitive-magenta-200: #ffaeff;
  --color-primitive-magenta-300: #ff8eff;
  --color-primitive-magenta-400: #f661f6;
  --color-primitive-magenta-500: #f137f1;
  --color-primitive-magenta-600: #db00db;
  --color-primitive-magenta-700: #c000c0;
  --color-primitive-magenta-800: #aa00aa;
  --color-primitive-magenta-900: #8b008b;
  --color-primitive-magenta-1000: #6c006c;
  --color-primitive-magenta-1100: #500050;
  --color-primitive-magenta-1200: #3b003b;
  --color-primitive-purple-50: #f1eafa;
  --color-primitive-purple-100: #ecddff;
  --color-primitive-purple-200: #ddc2ff;
  --color-primitive-purple-300: #cda6ff;
  --color-primitive-purple-400: #bb87ff;
  --color-primitive-purple-500: #a565f8;
  --color-primitive-purple-600: #8843e1;
  --color-primitive-purple-700: #6f23d0;
  --color-primitive-purple-800: #5c10be;
  --color-primitive-purple-900: #5109ad;
  --color-primitive-purple-1000: #41048e;
  --color-primitive-purple-1100: #30016c;
  --color-primitive-purple-1200: #21004b;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --color-neutral-solid-gray-50: #f2f2f2;
  --color-neutral-solid-gray-100: #e6e6e6;
  --color-neutral-solid-gray-200: #cccccc;
  --color-neutral-solid-gray-300: #b3b3b3;
  --color-neutral-solid-gray-400: #999999;
  --color-neutral-solid-gray-420: #949494;
  --color-neutral-solid-gray-500: #7f7f7f;
  --color-neutral-solid-gray-536: #767676;
  --color-neutral-solid-gray-600: #666666;
  --color-neutral-solid-gray-700: #4d4d4d;
  --color-neutral-solid-gray-800: #333333;
  --color-neutral-solid-gray-900: #1a1a1a;
  --color-neutral-opacity-gray-50: rgba(0, 0, 0, 0.05);
  --color-neutral-opacity-gray-100: rgba(0, 0, 0, 0.1);
  --color-neutral-opacity-gray-200: rgba(0, 0, 0, 0.2);
  --color-neutral-opacity-gray-300: rgba(0, 0, 0, 0.3);
  --color-neutral-opacity-gray-400: rgba(0, 0, 0, 0.4);
  --color-neutral-opacity-gray-420: rgba(0, 0, 0, 0.42);
  --color-neutral-opacity-gray-500: rgba(0, 0, 0, 0.5);
  --color-neutral-opacity-gray-536: rgba(0, 0, 0, 0.54);
  --color-neutral-opacity-gray-600: rgba(0, 0, 0, 0.6);
  --color-neutral-opacity-gray-700: rgba(0, 0, 0, 0.7);
  --color-neutral-opacity-gray-800: rgba(0, 0, 0, 0.8);
  --color-neutral-opacity-gray-900: rgba(0, 0, 0, 0.9);
  --font-family-sans:
    "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-mono: "Noto Sans Mono", monospace;
  --elevation-1:
    0 2px 8px 1px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --elevation-2:
    0 2px 12px 2px rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  --elevation-3:
    0 4px 16px 3px rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  --elevation-4:
    0 6px 20px 4px rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  --elevation-5:
    0 8px 24px 5px rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  --elevation-6:
    0 10px 30px 6px rgba(0, 0, 0, 0.1), 0 3px 12px 0 rgba(0, 0, 0, 0.3);
  --elevation-7:
    0 12px 36px 7px rgba(0, 0, 0, 0.1), 0 3px 14px 0 rgba(0, 0, 0, 0.3);
  --elevation-8:
    0 14px 40px 7px rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.3);
  --color-semantic-success-1: var(--color-primitive-green-600);
  --color-semantic-success-2: var(--color-primitive-green-800);
  --color-semantic-error-1: var(--color-primitive-red-800);
  --color-semantic-error-2: var(--color-primitive-red-900);
  --color-semantic-warning-yellow-1: var(--color-primitive-yellow-700);
  --color-semantic-warning-yellow-2: var(--color-primitive-yellow-900);
  --color-semantic-warning-orange-1: var(--color-primitive-orange-600);
  --color-semantic-warning-orange-2: var(--color-primitive-orange-800);
  --color-key-50: var(--color-primitive-blue-50);
  --color-key-100: var(--color-primitive-blue-100);
  --color-key-200: var(--color-primitive-blue-200);
  --color-key-300: var(--color-primitive-blue-300);
  --color-key-400: var(--color-primitive-blue-400);
  --color-key-500: var(--color-primitive-blue-500);
  --color-key-600: var(--color-primitive-blue-600);
  --color-key-700: var(--color-primitive-blue-700);
  --color-key-800: var(--color-primitive-blue-800);
  --color-key-900: var(--color-primitive-blue-900);
  --color-key-1000: var(--color-primitive-blue-1000);
  --color-key-1100: var(--color-primitive-blue-1100);
  --color-key-1200: var(--color-primitive-blue-1200);
}

html {
  scrollbar-gutter: stable;
  font-family: var(--font-family-sans);
}

html:has(:modal) {
  overflow: clip;
  scrollbar-gutter: auto;
}

body:has(:modal) {
  overflow: auto;
  scrollbar-gutter: stable;
}

:where(a):any-link {
  color: var(--color-primitive-blue-1000);
  text-decoration: underline;
  text-decoration-thickness: calc(1 / 16 * 1rem);
  text-underline-offset: calc(3 / 16 * 1rem);
}

:where(a):visited {
  color: var(--color-primitive-magenta-900);
}

@media (hover: hover) {
  :where(a):hover {
    color: var(--color-primitive-blue-900);
    text-decoration-thickness: calc(3 / 16 * 1rem);
  }
}

:where(a):active {
  color: var(--color-primitive-orange-800);
  text-decoration-thickness: calc(1 / 16 * 1rem);
}

:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-u-visually-hidden {
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

:where(.dads-u-focus-outline):focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black) !important;
  outline-offset: calc(2 / 16 * 1rem) !important;
  border-radius: calc(4 / 16 * 1rem) !important;
  background-color: var(--color-primitive-yellow-300) !important;
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300) !important;
}

@supports selector(:has(*)) {
  :where(.dads-u-focus-within-outline):focus-visible,
  :where(.dads-u-focus-within-outline):has(:focus-visible) {
    outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black) !important;
    outline-offset: calc(2 / 16 * 1rem) !important;
    border-radius: calc(4 / 16 * 1rem) !important;
    background-color: var(--color-primitive-yellow-300) !important;
    box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300) !important;
  }
}
@supports not selector(:has(*)) {
  :where(.dads-u-focus-within-outline):focus-within {
    outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black) !important;
    outline-offset: calc(2 / 16 * 1rem) !important;
    border-radius: calc(4 / 16 * 1rem) !important;
    background-color: var(--color-primitive-yellow-300) !important;
    box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300) !important;
  }
}

.dads-u-dsp-64B-140 {
  font-weight: bold !important;
  font-size: calc(64 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-dsp-57B-140 {
  font-weight: bold !important;
  font-size: calc(57 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-dsp-48B-140 {
  font-weight: bold !important;
  font-size: calc(48 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-dsp-64N-140 {
  font-weight: normal !important;
  font-size: calc(64 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-dsp-57N-140 {
  font-weight: normal !important;
  font-size: calc(57 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-dsp-48N-140 {
  font-weight: normal !important;
  font-size: calc(48 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-std-45B-140 {
  font-weight: bold !important;
  font-size: calc(45 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-std-36B-140 {
  font-weight: bold !important;
  font-size: calc(36 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-32B-150 {
  font-weight: bold !important;
  font-size: calc(32 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-28B-150 {
  font-weight: bold !important;
  font-size: calc(28 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-26B-150 {
  font-weight: bold !important;
  font-size: calc(26 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-24B-150 {
  font-weight: bold !important;
  font-size: calc(24 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-22B-150 {
  font-weight: bold !important;
  font-size: calc(22 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-20B-150 {
  font-weight: bold !important;
  font-size: calc(20 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-18B-160 {
  font-weight: bold !important;
  font-size: calc(18 / 16 * 1rem) !important;
  line-height: 1.6 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-17B-170 {
  font-weight: bold !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-16B-170 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-16B-175 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.75 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-45N-140 {
  font-weight: normal !important;
  font-size: calc(45 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-std-36N-140 {
  font-weight: normal !important;
  font-size: calc(36 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-32N-150 {
  font-weight: normal !important;
  font-size: calc(32 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-28N-150 {
  font-weight: normal !important;
  font-size: calc(28 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-26N-150 {
  font-weight: normal !important;
  font-size: calc(26 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-24N-150 {
  font-weight: normal !important;
  font-size: calc(24 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-22N-150 {
  font-weight: normal !important;
  font-size: calc(22 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-20N-150 {
  font-weight: normal !important;
  font-size: calc(20 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-18N-160 {
  font-weight: normal !important;
  font-size: calc(18 / 16 * 1rem) !important;
  line-height: 1.6 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-17N-170 {
  font-weight: normal !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-16N-170 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-16N-175 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.75 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-dns-17B-130 {
  font-weight: bold !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-17B-120 {
  font-weight: bold !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-16B-130 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-16B-120 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-14B-130 {
  font-weight: bold !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-14B-120 {
  font-weight: bold !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-17N-130 {
  font-weight: normal !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-17N-120 {
  font-weight: normal !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-16N-130 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-16N-120 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-14N-130 {
  font-weight: normal !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-14N-120 {
  font-weight: normal !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-oln-17B-100 {
  font-weight: bold !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-oln-16B-100 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-oln-14B-100 {
  font-weight: bold !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-oln-17N-100 {
  font-weight: normal !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-oln-16N-100 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-oln-14N-100 {
  font-weight: normal !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-mono-17B-150 {
  font-weight: bold !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}

.dads-u-mono-16B-150 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}

.dads-u-mono-14B-150 {
  font-weight: bold !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}

.dads-u-mono-17N-150 {
  font-weight: normal !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}

.dads-u-mono-16N-150 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}

.dads-u-mono-14N-150 {
  font-weight: normal !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}
/* --- component: button --- */
.dads-button {
  --button-color: var(--color-key-900);
  --button-hover-color: var(--color-key-1000);
  --button-active-color: var(--color-key-1200);
  --button-outline-hover-bg-color: var(--color-key-200);
  --button-outline-active-bg-color: var(--color-key-300);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(4 / 16 * 1rem);
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  font-weight: bold;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
  text-decoration: none;
  text-underline-offset: calc(3 / 16 * 1rem);
}

.dads-button:disabled,
.dads-button[aria-disabled="true"] {
  cursor: default;
}

.dads-button[data-type="solid-fill"] {
  border: 4px double transparent;
  background-color: var(--button-color);
  color: var(--color-neutral-white);
}

@media (hover: hover) {
  .dads-button[data-type="solid-fill"]:hover {
    background-color: var(--button-hover-color);
    text-decoration: underline;
    text-decoration-thickness: calc(1 / 16 * 1rem);
  }
}

.dads-button[data-type="solid-fill"]:active {
  background-color: var(--button-active-color);
  text-decoration: underline;
}

.dads-button[data-type="solid-fill"]:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-button[data-type="solid-fill"]:disabled,
.dads-button[data-type="solid-fill"][aria-disabled="true"] {
  background-color: var(--color-neutral-solid-gray-300);
  color: var(--color-neutral-solid-gray-50);
  text-decoration: none;
}

@media (forced-colors: active) {
  .dads-button[data-type="solid-fill"]:disabled,
  .dads-button[data-type="solid-fill"][aria-disabled="true"] {
    border-color: GrayText;
    color: GrayText;
  }
}

.dads-button[data-type="outline"] {
  border: 1px solid currentcolor;
  background-color: var(--color-neutral-white);
  color: var(--button-color);
}

@media (hover: hover) {
  .dads-button[data-type="outline"]:hover {
    background-color: var(--button-outline-hover-bg-color);
    color: var(--button-hover-color);
    text-decoration: underline;
    text-decoration-thickness: calc(1 / 16 * 1rem);
  }
}

.dads-button[data-type="outline"]:active {
  background-color: var(--button-outline-active-bg-color);
  color: var(--button-active-color);
  text-decoration: underline;
}

.dads-button[data-type="outline"]:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-button[data-type="outline"]:disabled,
.dads-button[data-type="outline"][aria-disabled="true"] {
  background-color: var(--color-neutral-white);
  color: var(--color-neutral-solid-gray-300);
  text-decoration: none;
}

@media (forced-colors: active) {
  .dads-button[data-type="outline"]:disabled,
  .dads-button[data-type="outline"][aria-disabled="true"] {
    border-color: GrayText;
    color: GrayText;
  }
}

.dads-button[data-type="text"] {
  border: 0;
  background-color: transparent;
  color: var(--button-color);
  text-decoration: underline;
  text-decoration-thickness: calc(1 / 16 * 1rem);
}

@media (hover: hover) {
  .dads-button[data-type="text"]:hover {
    background-color: var(--color-key-50);
    color: var(--button-hover-color);
    text-decoration-thickness: calc(3 / 16 * 1rem);
  }
}

.dads-button[data-type="text"]:active {
  background-color: var(--color-key-100);
  color: var(--button-active-color);
}

.dads-button[data-type="text"]:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-button[data-type="text"]:disabled,
.dads-button[data-type="text"][aria-disabled="true"] {
  background-color: transparent;
  color: var(--color-neutral-solid-gray-300);
  text-decoration-thickness: revert;
}

@media (forced-colors: active) {
  .dads-button[data-type="text"]:disabled,
  .dads-button[data-type="text"][aria-disabled="true"] {
    color: GrayText;
  }
}

.dads-button[data-size="lg"] {
  min-width: calc(136 / 16 * 1rem);
  min-height: calc(56 / 16 * 1rem);
  border-radius: calc(8 / 16 * 1rem);
  padding: calc(12 / 16 * 1rem) calc(16 / 16 * 1rem);
}

.dads-button[data-size="md"] {
  min-width: calc(96 / 16 * 1rem);
  min-height: calc(48 / 16 * 1rem);
  border-radius: calc(8 / 16 * 1rem);
  padding: calc(8 / 16 * 1rem) calc(16 / 16 * 1rem);
}

.dads-button[data-size="sm"] {
  position: relative;
  min-width: calc(80 / 16 * 1rem);
  min-height: calc(36 / 16 * 1rem);
  border-radius: calc(6 / 16 * 1rem);
  padding: calc(2 / 16 * 1rem) calc(12 / 16 * 1rem);
}

.dads-button[data-size="sm"]::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  height: calc(44 / 16 * 1rem);
}

.dads-button[data-size="xs"] {
  position: relative;
  min-width: calc(72 / 16 * 1rem);
  min-height: calc(28 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  padding: calc(2 / 16 * 1rem) calc(8 / 16 * 1rem);
  font-size: calc(14 / 16 * 1rem);
}

.dads-button[data-size="xs"]::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  height: calc(44 / 16 * 1rem);
}

.dads-button__icon {
  flex-shrink: 0;
}
/* --- component: heading --- */
.dads-heading {
  color: var(--color-neutral-solid-gray-800);
  font-family: var(--font-family-sans);
}

.dads-heading[data-size="64"] {
  --_shoulder-size: calc(28 / 16 * 1rem);
  --_shoulder-line-height: 1.5;
  --_shoulder-letter-spacing: 0.01em;
  font-weight: bold;
  font-size: calc(64 / 16 * 1rem);
  line-height: 1.4;
  letter-spacing: 0;
}

.dads-heading[data-size="57"] {
  --_shoulder-size: calc(24 / 16 * 1rem);
  --_shoulder-line-height: 1.5;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(57 / 16 * 1rem);
  line-height: 1.4;
  letter-spacing: 0;
}

.dads-heading[data-size="45"] {
  --_shoulder-size: calc(22 / 16 * 1rem);
  --_shoulder-line-height: 1.5;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(45 / 16 * 1rem);
  line-height: 1.4;
  letter-spacing: 0;
}

.dads-heading[data-size="36"] {
  --_shoulder-size: calc(20 / 16 * 1rem);
  --_shoulder-line-height: 1.5;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(36 / 16 * 1rem);
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.dads-heading[data-size="32"] {
  --_shoulder-size: calc(18 / 16 * 1rem);
  --_shoulder-line-height: 1.6;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(32 / 16 * 1rem);
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.dads-heading[data-size="28"] {
  --_shoulder-size: calc(16 / 16 * 1rem);
  --_shoulder-line-height: 1.7;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(28 / 16 * 1rem);
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.dads-heading[data-size="24"] {
  --_shoulder-size: calc(16 / 16 * 1rem);
  --_shoulder-line-height: 1.7;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(24 / 16 * 1rem);
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.dads-heading[data-size="20"] {
  --_shoulder-size: calc(16 / 16 * 1rem);
  --_shoulder-line-height: 1.7;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(20 / 16 * 1rem);
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.dads-heading[data-size="18"] {
  --_shoulder-size: calc(16 / 16 * 1rem);
  --_shoulder-line-height: 1.7;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(18 / 16 * 1rem);
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.dads-heading[data-size="16"] {
  --_shoulder-size: calc(16 / 16 * 1rem);
  --_shoulder-line-height: 1.7;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  letter-spacing: 0.02em;
}

.dads-heading[data-chip] {
  position: relative;
  padding-left: calc(1em / 3 + 0.5em);
}

.dads-heading[data-chip]::before {
  position: absolute;
  top: 0.2em;
  bottom: 0.1em;
  left: 0;
  width: calc(1em / 3);
  background-color: var(--color-key-900);
  content: "";
}

@supports (top: 1lh) {
  .dads-heading[data-chip]::before {
    top: calc(0.5lh - 0.45em);
    bottom: calc(0.5lh - 0.55em);
  }
}

.dads-heading[data-chip]:has(.dads-heading__shoulder)::before {
  top: calc((var(--_shoulder-size) * (var(--_shoulder-line-height) - 1)) / 2);
}

@media (forced-colors: active) {
  .dads-heading[data-chip]::before {
    background-color: CanvasText;
  }
}

.dads-heading[data-rule] {
  border-bottom: solid var(--color-key-900);
}

.dads-heading[data-rule="8"] {
  border-bottom-width: calc(8 / 16 * 1rem);
  padding-bottom: calc(32 / 16 * 1rem);
}

.dads-heading[data-rule="6"] {
  border-bottom-width: calc(6 / 16 * 1rem);
  padding-bottom: calc(24 / 16 * 1rem);
}

.dads-heading[data-rule="4"] {
  border-bottom-width: calc(4 / 16 * 1rem);
  padding-bottom: calc(16 / 16 * 1rem);
}

.dads-heading[data-rule="2"] {
  border-bottom-width: calc(2 / 16 * 1rem);
  padding-bottom: calc(8 / 16 * 1rem);
}

.dads-heading__shoulder {
  margin: 0;
  font-weight: bold;
  font-size: var(--_shoulder-size);
  line-height: var(--_shoulder-line-height);
  letter-spacing: var(--_shoulder-letter-spacing);
}

.dads-heading__heading {
  margin: 0;
  font: inherit;
}

.dads-heading__icon {
  margin-right: calc(0.4em - 0.25em);
}

.dads-heading__icon::after {
  content: " ";
}

.dads-heading__icon-svg {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.25em;
}
/* --- component: accordion --- */
.dads-accordion {
  --_icon-size: calc(20 / 16 * 1rem);
  border-bottom: 1px solid var(--color-neutral-solid-gray-420);
}

@media (min-width: 48rem) {
  .dads-accordion {
    --_icon-size: calc(32 / 16 * 1rem);
  }
}

.dads-accordion__summary {
  position: relative;
  display: block;
  padding: calc(8 / 16 * 1rem) calc(8 / 16 * 1rem) calc(8 / 16 * 1rem)
    calc(var(--_icon-size) + 0.75rem);
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
  cursor: default;
}

.dads-accordion__summary::marker {
  content: "";
}

.dads-accordion__summary::-webkit-details-marker {
  display: none;
}

@media (min-width: 48rem) {
  .dads-accordion__summary {
    padding: calc(16 / 16 * 1rem) calc(16 / 16 * 1rem) calc(16 / 16 * 1rem)
      calc(var(--_icon-size) + calc(20 / 16 * 1rem));
    font-size: calc(18 / 16 * 1rem);
    line-height: 1.6;
  }
}

@media (hover: hover) {
  .dads-accordion__summary:hover:not(:focus-visible) {
    background-color: var(--color-neutral-solid-gray-50);
  }
}

.dads-accordion__summary:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-accordion__icon {
  position: absolute;
  top: calc(8 / 16 * 1rem);
  left: calc(2 / 16 * 1rem);
  margin-top: calc((1lh - var(--_icon-size)) / 2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--_icon-size);
  height: var(--_icon-size);
  border-radius: 50%;
  border: 1px solid currentcolor;
  background-color: var(--color-neutral-white);
  color: var(--color-key-1000);
}

@media (min-width: 48rem) {
  .dads-accordion__icon {
    top: calc(14 / 16 * 1rem);
    left: calc(6 / 16 * 1rem);
  }
}

.dads-accordion[open] .dads-accordion__icon {
  transform: rotate(180deg);
}

@media (hover: hover) {
  .dads-accordion__summary:hover .dads-accordion__icon {
    outline: calc(2 / 16 * 1rem) solid currentcolor;
  }
}

.dads-accordion__icon-svg {
  margin-top: calc(2 / 16 * 1rem);
  width: calc(16 / 16 * 1rem);
  height: calc(16 / 16 * 1rem);
  pointer-events: none;
}

@media (min-width: 48rem) {
  .dads-accordion__icon-svg {
    width: auto;
    height: auto;
  }
}

.dads-accordion__summary :is(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  font: inherit;
}

.dads-accordion__content {
  padding: calc(16 / 16 * 1rem) calc(8 / 16 * 1rem) calc(16 / 16 * 1rem)
    calc(var(--_icon-size) + 0.75rem);
}

@media (min-width: 48rem) {
  .dads-accordion__content {
    padding: calc(24 / 16 * 1rem) calc(16 / 16 * 1rem) calc(24 / 16 * 1rem)
      calc(var(--_icon-size) + 1.25rem);
  }
}

.dads-accordion__back-link:any-link {
  display: flex;
  align-items: flex-start;
  gap: calc(6 / 16 * 1rem);
  width: fit-content;
  color: var(--color-primitive-blue-1000);
  text-decoration: underline;
  text-decoration-thickness: calc(1 / 16 * 1rem);
  text-underline-offset: calc(3 / 16 * 1rem);
  text-spacing-trim: trim-start;
}

@media (hover: hover) {
  .dads-accordion__back-link:hover {
    color: var(--color-primitive-blue-900);
    text-decoration-thickness: calc(3 / 16 * 1rem);
  }
}

.dads-accordion__back-link:active {
  color: var(--color-primitive-orange-800);
  text-decoration-thickness: calc(1 / 16 * 1rem);
}

.dads-accordion__back-link:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-accordion__back-link-icon {
  margin-top: calc((1lh - 24 / 16 * 1rem) / 2);
  flex-shrink: 0;
}
/* --- component: input-text --- */
.dads-input-text {
  display: block;
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-input-text__input {
  box-sizing: border-box;
  max-width: 100%;
  border: 1px solid var(--color-neutral-solid-gray-600);
  background-color: var(--color-neutral-white);
  padding: calc(12 / 16 * 1rem) calc(16 / 16 * 1rem);
  border-radius: calc(8 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
  font: inherit;
  line-height: 1;
}

.dads-input-text__input[data-size="sm"] {
  height: 2.5rem;
}

.dads-input-text__input[data-size="md"] {
  height: 3rem;
}

.dads-input-text__input[data-size="lg"] {
  height: 3.5rem;
}

.dads-input-text__input:read-only:not(:disabled) {
  border-style: dashed;
}

.dads-input-text__input:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

@media (hover: hover) {
  .dads-input-text__input:not(:read-only):hover {
    border-color: var(--color-neutral-black);
  }
}

.dads-input-text__input:is(:user-invalid, [aria-invalid="true"]) {
  border-color: var(--color-semantic-error-1);
}

@media (hover: hover) {
  .dads-input-text__input:is(:user-invalid, [aria-invalid="true"]):hover {
    border-color: var(--color-primitive-red-1000);
  }
}

.dads-input-text__input:is(:disabled, [aria-disabled="true"]),
.dads-input-text__input:is(:disabled, [aria-disabled="true"]):hover {
  border-color: var(--color-neutral-solid-gray-300);
  background-color: var(--color-neutral-solid-gray-50);
  color: var(--color-neutral-solid-gray-420);
}

@media (forced-colors: active) {
  .dads-input-text__input[aria-disabled="true"],
  .dads-input-text__input[aria-disabled="true"]:hover {
    border-color: GrayText;
    color: GrayText;
  }
}

.dads-input-text__error-text {
  margin: calc(8 / 16 * 1rem) 0 0 0;
  display: block;
  color: var(--color-semantic-error-1);
}
/* --- component: textarea --- */
.dads-textarea {
  display: block;
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-textarea__textarea {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  border: 1px solid var(--color-neutral-solid-gray-600);
  background-color: var(--color-neutral-white);
  padding: calc(16 / 16 * 1rem);
  border-radius: calc(8 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
  font: inherit;
  resize: vertical;
}

.dads-textarea__textarea:read-only:not(:disabled) {
  border-style: dashed;
}

.dads-textarea__textarea:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

@media (hover: hover) {
  .dads-textarea__textarea:not(:read-only):hover {
    border-color: var(--color-neutral-black);
  }
}

.dads-textarea__textarea:is(:user-invalid, [aria-invalid="true"]) {
  border-color: var(--color-semantic-error-1);
}

@media (hover: hover) {
  .dads-textarea__textarea:is(:user-invalid, [aria-invalid="true"]):hover {
    border-color: var(--color-primitive-red-1000);
  }
}

.dads-textarea__textarea:is(:disabled, [aria-disabled="true"]),
.dads-textarea__textarea:is(:disabled, [aria-disabled="true"]):hover {
  border-color: var(--color-neutral-solid-gray-300);
  background-color: var(--color-neutral-solid-gray-50);
  color: var(--color-neutral-solid-gray-420);
  resize: none;
}

@media (forced-colors: active) {
  .dads-textarea__textarea[aria-disabled="true"],
  .dads-textarea__textarea[aria-disabled="true"]:hover {
    border-color: GrayText;
    color: GrayText;
  }
}

.dads-textarea__error-text {
  margin: calc(8 / 16 * 1rem) 0 0 0;
  display: block;
  color: var(--color-semantic-error-1);
}

.dads-textarea__counter {
  display: block;
  margin-top: calc(8 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-600);
  font-size: calc(16 / 16 * 1rem);
  line-height: 1;
  letter-spacing: 0.02em;
}

.dads-textarea__counter[data-exceeded] {
  color: var(--color-semantic-error-1);
}
/* --- component: checkbox --- */
.dads-checkbox {
  display: flex;
  align-items: start;
  gap: var(--_gap);
  width: fit-content;
}

.dads-checkbox:has(.dads-checkbox__label:not(:empty)) {
  padding-top: calc(8 / 16 * 1rem);
  padding-bottom: calc(8 / 16 * 1rem);
}

.dads-checkbox[data-size="sm"] {
  --_gap: calc(4 / 16 * 1rem);
  --_checkbox-size: calc(24 / 16 * 1rem);
  --_checkbox-border-width: calc(2 / 16 * 1rem);
  --_checkbox-scale: 1;
  --_label-padding-top: calc(1 / 16 * 1rem);
  --_label-font-size: calc(16 / 16 * 1rem);
}

.dads-checkbox[data-size="md"] {
  --_gap: calc(8 / 16 * 1rem);
  --_checkbox-size: calc(32 / 16 * 1rem);
  --_checkbox-border-width: calc(2 / 16 * 1rem);
  --_checkbox-scale: calc(20 / 14);
  --_label-padding-top: calc(4 / 16 * 1rem);
  --_label-font-size: calc(16 / 16 * 1rem);
}

.dads-checkbox[data-size="lg"] {
  --_gap: calc(8 / 16 * 1rem);
  --_checkbox-size: calc(44 / 16 * 1rem);
  --_checkbox-border-width: calc(3 / 16 * 1rem);
  --_checkbox-scale: calc(27 / 14);
  --_label-padding-top: calc(10 / 16 * 1rem);
  --_label-font-size: calc(17 / 16 * 1rem);
}

.dads-checkbox__checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--_checkbox-size);
  height: var(--_checkbox-size);
  border-radius: 12.5%;
}

@media (hover: hover) {
  .dads-checkbox__checkbox:has(
    :not(:focus, :disabled, [aria-disabled="true"]):hover
  ) {
    background-color: var(--color-neutral-solid-gray-420);
  }
}

.dads-checkbox__input {
  --_base-color: var(--color-neutral-white);
  --_accent-color: var(--color-key-900);
  --_accent-hover-color: var(--color-key-1100);
  --_border-color: var(--color-neutral-solid-gray-600);
  --_border-hover-color: var(--color-neutral-black);
  --_check-color: var(--color-neutral-white);

  margin: 0;
  appearance: none;
  width: 75%;
  height: 75%;
  border-radius: calc(2 / 18 * 100%);
  background-color: var(--_base-color);
  background-clip: padding-box;
  border: var(--_checkbox-border-width) solid var(--_border-color);
}

.dads-checkbox__input:focus {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

@media (hover: hover) {
  .dads-checkbox__input:not(:disabled, [aria-disabled="true"]):hover {
    border-color: var(--_border-hover-color);
  }
}

.dads-checkbox__input:is(:checked, :indeterminate) {
  border-color: var(--_accent-color);
  background-color: var(--_accent-color);
}

@media (hover: hover) {
  .dads-checkbox__input:is(:checked, :indeterminate):not(
    :disabled,
    [aria-disabled="true"]
  ):hover {
    border-color: var(--_accent-hover-color);
    background-color: var(--_accent-hover-color);
  }
}

.dads-checkbox__input::before {
  display: none;
  width: calc(14 / 16 * 1rem);
  height: calc(14 / 16 * 1rem);
  background-color: var(--_check-color);
  transform-origin: left top;
  transform: scale(var(--_checkbox-scale, 1));
  content: "";
}

.dads-checkbox__input:checked::before {
  display: block;
  clip-path: path(
    "M5.6,11.2L12.65,4.15L11.25,2.75L5.6,8.4L2.75,5.55L1.35,6.95L5.6,11.2Z"
  );
}

.dads-checkbox__input:indeterminate::before {
  display: block;
  clip-path: path("M2,6h10v2H2Z");
}

.dads-checkbox__input[aria-invalid="true"] {
  --_accent-color: var(--color-semantic-error-1);
  --_accent-hover-color: var(--color-primitive-red-1000);
  --_border-color: var(--color-semantic-error-1);
  --_border-hover-color: var(--color-primitive-red-1000);
}

.dads-checkbox__input:is(:disabled, [aria-disabled="true"]) {
  --_base-color: var(--color-neutral-solid-gray-50);
  --_accent-color: var(--color-neutral-solid-gray-300);
  --_accent-hover-color: var(--color-neutral-solid-gray-300);
  --_border-color: var(--color-neutral-solid-gray-300);
  --_border-hover-color: var(--color-neutral-solid-gray-300);
}

@media (forced-colors: active) {
  .dads-checkbox__input,
  .dads-checkbox__input[aria-invalid="true"] {
    --_accent-color: Highlight;
    --_accent-hover-color: Highlight;
    --_border-color: ButtonText;
    --_border-hover-color: ButtonText;
    --_check-color: HighlightText;
  }

  .dads-checkbox__input:is(:disabled, [aria-disabled="true"]) {
    --_accent-color: GrayText;
    --_accent-hover-color: GrayText;
    --_border-color: GrayText;
    --_border-hover-color: GrayText;
    --_check-color: Canvas;
  }
}

.dads-checkbox__label {
  padding-top: var(--_label-padding-top);
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: var(--_label-font-size);
  line-height: 1.3;
  font-family: var(--font-family-sans);
  letter-spacing: 0;
}
/* --- component: form-control-label --- */
.dads-form-control-label {
  margin: 0;
  display: flex;
  flex-direction: column;
  border: 0;
  padding: 0;
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-form-control-label[data-size="sm"] {
  gap: calc(4 / 16 * 1rem);
}

.dads-form-control-label[data-size="md"] {
  gap: calc(8 / 16 * 1rem);
}

.dads-form-control-label[data-size="lg"] {
  gap: calc(8 / 16 * 1rem);
}

.dads-form-control-label__label {
  align-self: start;
  padding: 0;
  font-weight: bold;
}

.dads-form-control-label[data-size="sm"] .dads-form-control-label__label {
  font-size: calc(16 / 16 * 1rem);
}

.dads-form-control-label[data-size="md"] .dads-form-control-label__label {
  font-size: calc(17 / 16 * 1rem);
}

.dads-form-control-label[data-size="lg"] .dads-form-control-label__label {
  font-size: calc(18 / 16 * 1rem);
}

legend.dads-form-control-label__label {
  margin-bottom: calc(8 / 16 * 1rem);
  float: none;
}

.dads-form-control-label__requirement {
  margin-left: calc(4 / 16 * 1rem);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
}

.dads-form-control-label__requirement[data-required="true"] {
  color: var(--color-semantic-error-1);
}

.dads-form-control-label__requirement::before {
  content: " ";
}

.dads-form-control-label__status {
  margin-left: calc(4 / 16 * 1rem);
  display: inline-block;
  outline: 1px solid transparent;
  border-radius: calc(8 / 16 * 1rem);
  background-color: var(--color-neutral-solid-gray-536);
  padding: calc(8 / 16 * 1rem);
  color: var(--color-neutral-white);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1;
  letter-spacing: 0.02em;
}

.dads-form-control-label__support-text {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--color-neutral-solid-gray-600);
}

.dads-form-control-label__error-text {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--color-semantic-error-1);
  line-height: 1.3;
  letter-spacing: 0;
}
/* --- component: table --- */
.dads-table {
  --_border-color: var(--color-neutral-solid-gray-420);
  --_padding: calc(20 / 16 * 1rem) calc(16 / 16 * 1rem);
  margin: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: calc(16 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-table[data-size="dense"] {
  --_padding: calc(12 / 16 * 1rem) calc(16 / 16 * 1rem);
  line-height: 1.3;
}

.dads-table__caption {
  font-weight: bold;
  font-size: calc(17 / 16 * 1rem);
}

.dads-table__table {
  border-collapse: collapse;
}

.dads-table__table :is(td, th) {
  padding: var(--_padding);
  text-align: left;
  vertical-align: baseline;
}

.dads-table__table th {
  font-weight: bold;
}

.dads-table__col-header {
  --_border-color: var(--color-neutral-solid-gray-500);
  background-color: var(--color-neutral-solid-gray-100);
  color: var(--color-neutral-solid-gray-900);
}

.dads-table__row-header {
  --_border-color: var(--color-neutral-solid-gray-500);
  background-color: var(--color-neutral-solid-gray-100);
  color: var(--color-neutral-solid-gray-900);
}

/* Stripe */

.dads-table[data-row-stripe] {
  --_border-color: var(--color-neutral-solid-gray-500);
}

.dads-table[data-row-stripe] tr:nth-child(even) {
  background-color: var(--color-neutral-solid-gray-50);
}

/* Hover highlight */

.dads-table[data-row-hover-highlight] {
  --_border-color: var(--color-neutral-solid-gray-500);
}

@media (hover: hover) {
  .dads-table[data-row-hover-highlight] tr:hover {
    background-color: var(--color-key-50);
  }
}

/* With checkbox */

.dads-table[data-selectable] {
  --_border-color: var(--color-neutral-solid-gray-500);
}

.dads-table[data-selectable] tr:has(:checked) :where(td, th) {
  background:
    linear-gradient(#fff, #fff) top / 100% 1px no-repeat,
    linear-gradient(90deg, #fff, #fff) left / var(--_gap-x, 0) 100% no-repeat,
    var(--color-key-100);
  background-origin: padding-box;
}

.dads-table [data-border=""] :is(td, th):first-child,
.dads-table [data-border~="left"] :is(td, th):first-child,
.dads-table [data-cell-border=""] :is(td, th),
.dads-table [data-cell-border~="left"] :is(td, th),
.dads-table [data-cell-border~="right"] :is(td, th) + :is(td, th),
.dads-table [data-border=""]:is(td, th),
.dads-table [data-border~="left"]:is(td, th),
.dads-table [data-border=""] + :is(td, th),
.dads-table [data-border~="right"] + :is(td, th) {
  --_gap-x: 1px;
}

@supports (selector(:has(.x))) {
  .dads-table td:has(.dads-checkbox:only-child, .dads-radio:only-child),
  .dads-table th:has(.dads-checkbox:only-child, .dads-radio:only-child) {
    position: relative;
    box-sizing: border-box;
    width: calc(40 / 16 * 1rem);
    padding: 0;
  }

  .dads-table td > :is(.dads-checkbox:only-child, .dads-radio:only-child),
  .dads-table th > :is(.dads-checkbox:only-child, .dads-radio:only-child) {
    position: absolute;
    inset: 0;
    display: grid;
    justify-content: center;
    width: auto;
    padding-top: calc(10 / 16 * 1rem);
  }
}

/* Sort and action */

.dads-table__sort-header {
  --_border-color: var(--color-neutral-solid-gray-500);
  background-color: var(--color-neutral-solid-gray-100);
  padding: calc(12 / 16 * 1rem) calc(16 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
}

.dads-table[data-size="dense"] .dads-table__sort-header {
  padding-top: 0;
  padding-bottom: 0;
}

.dads-table__sort-inner {
  display: flex;
  align-items: start;
  justify-content: space-between;
  column-gap: calc(4 / 16 * 1rem);
}

.dads-table__sort-label {
  display: flex;
  align-items: start;
  gap: calc(4 / 16 * 1rem);
  padding-top: calc(8 / 16 * 1rem);
  padding-bottom: calc(8 / 16 * 1rem);
}

.dads-table[data-size="dense"] .dads-table__sort-label {
  padding-top: calc(11 / 16 * 1rem);
  padding-bottom: calc(11 / 16 * 1rem);
}

.dads-table__sort-button {
  display: inline-flex;
  align-items: start;
  column-gap: calc(4 / 16 * 1rem);
  border: 0;
  background-color: transparent;
  padding: 0;
  color: inherit;
  text-align: left;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
  text-underline-offset: calc(3 / 16 * 1rem);
}

.dads-table__sort-button:hover {
  text-decoration-thickness: calc(3 / 16 * 1rem);
}

.dads-table__sort-button:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-table__sort-icon {
  flex-shrink: 0;
  padding-top: calc(2 / 16 * 1rem);
}

.dads-table[data-size="dense"] .dads-table__sort-icon {
  margin-top: calc(-2 / 16 * 1rem);
  padding-top: 0;
}

.dads-table__sort-svg {
  display: block;
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}

.dads-table__action {
  margin-right: calc(-16 / 16 * 1rem);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(44 / 16 * 1rem);
  height: calc(44 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  border: 0;
  background-color: transparent;
  padding: 0;
  color: inherit;
}

.dads-table__action:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-table__action-svg {
  display: block;
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}

/* Utilities */

.dads-table [data-width="full"] {
  width: 100%;
}

.dads-table [data-layout="fixed"] {
  table-layout: fixed;
}

.dads-table [data-cell-border=""] :where(td, th) {
  border: 1px solid var(--_border-color);
}

.dads-table [data-cell-border~="top"] :where(td, th) {
  border-top: 1px solid var(--_border-color);
}

.dads-table [data-cell-border~="right"] :where(td, th) {
  border-right: 1px solid var(--_border-color);
}

.dads-table [data-cell-border~="bottom"] :where(td, th) {
  border-bottom: 1px solid var(--_border-color);
}

.dads-table [data-cell-border~="left"] :where(td, th) {
  border-left: 1px solid var(--_border-color);
}

/* Header cell's black border should take precedence over [data-cell-border] */
:last-of-type > .dads-table__col-header,
:last-of-type > .dads-table__sort-header {
  border-bottom: 1px solid var(--color-neutral-black);
}
.dads-table__row-header:last-of-type {
  border-right: 1px solid var(--color-neutral-black);
}

.dads-table [data-border=""] {
  border: 1px solid var(--_border-color);
}

.dads-table [data-border~="top"] {
  border-top: 1px solid var(--_border-color);
}

.dads-table [data-border~="right"] {
  border-right: 1px solid var(--_border-color);
}

.dads-table [data-border~="bottom"] {
  border-bottom: 1px solid var(--_border-color);
}

.dads-table [data-border~="left"] {
  border-left: 1px solid var(--_border-color);
}

.dads-table [data-border="hidden"] {
  border-style: hidden;
}

.dads-table [data-border~="top-hidden"] {
  border-top-style: hidden;
}

.dads-table [data-border~="right-hidden"] {
  border-right-style: hidden;
}

.dads-table [data-border~="bottom-hidden"] {
  border-bottom-style: hidden;
}

.dads-table [data-border~="left-hidden"] {
  border-left-style: hidden;
}

.dads-table [data-bg="white"] {
  background-color: var(--color-neutral-white);
}

.dads-table [data-bg="solid-gray-50"] {
  --_border-color: var(--color-neutral-solid-gray-500);
  background-color: var(--color-neutral-solid-gray-50);
}

.dads-table [data-bg="solid-gray-100"] {
  --_border-color: var(--color-neutral-solid-gray-500);
  background-color: var(--color-neutral-solid-gray-100);
}

.dads-table [data-bg="transparent"] {
  background-color: transparent;
}
/* --- component: chip-label --- */
.dads-chip-label {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  align-content: center;
  box-sizing: border-box;
  min-height: calc(32 / 16 * 1rem);
  border-radius: calc(8 / 16 * 1rem);
  padding: calc(3 / 16 * 1rem) calc(7 / 16 * 1rem);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
  overflow-wrap: anywhere;
}

.dads-chip-label[data-style="text"] {
  padding: calc(4 / 16 * 1rem) calc(8 / 16 * 1rem);
  color: var(--_text, #000);
}

.dads-chip-label[data-style="outlined"] {
  border: 1px solid var(--_non-text, #000);
  background-color: var(--color-neutral-white);
  color: var(--_text, #000);
}

.dads-chip-label[data-style="filled-1"] {
  border: 1px solid var(--_non-text, #000);
  background-color: var(--_bg, #eee);
  color: var(--_text-dark, #000);
}

.dads-chip-label[data-style="filled-2"] {
  border: 1px solid transparent;
  background-color: var(--_non-text, #000);
  color: var(--color-neutral-white, #fff);
}

.dads-chip-label[data-color="gray"] {
  --_non-text: var(--color-neutral-solid-gray-700);
  --_bg: var(--color-neutral-solid-gray-50);
  --_text: var(--color-neutral-solid-gray-800);
  --_text-dark: var(--color-neutral-solid-gray-800);
}

.dads-chip-label[data-color="blue"] {
  --_non-text: var(--color-primitive-blue-700);
  --_bg: var(--color-primitive-blue-50);
  --_text: var(--color-primitive-blue-700);
  --_text-dark: var(--color-primitive-blue-800);
}

.dads-chip-label[data-color="light-blue"] {
  --_non-text: var(--color-primitive-light-blue-800);
  --_bg: var(--color-primitive-light-blue-50);
  --_text: var(--color-primitive-light-blue-800);
  --_text-dark: var(--color-primitive-light-blue-900);
}

.dads-chip-label[data-color="cyan"] {
  --_non-text: var(--color-primitive-cyan-900);
  --_bg: var(--color-primitive-cyan-50);
  --_text: var(--color-primitive-cyan-900);
  --_text-dark: var(--color-primitive-cyan-1000);
}

.dads-chip-label[data-color="green"] {
  --_non-text: var(--color-primitive-green-800);
  --_bg: var(--color-primitive-green-50);
  --_text: var(--color-primitive-green-800);
  --_text-dark: var(--color-primitive-green-900);
}

.dads-chip-label[data-color="lime"] {
  --_non-text: var(--color-primitive-lime-900);
  --_bg: var(--color-primitive-lime-50);
  --_text: var(--color-primitive-lime-900);
  --_text-dark: var(--color-primitive-lime-1000);
}

.dads-chip-label[data-color="yellow"] {
  --_non-text: var(--color-primitive-yellow-1000);
  --_bg: var(--color-primitive-yellow-50);
  --_text: var(--color-primitive-yellow-1000);
  --_text-dark: var(--color-primitive-yellow-1100);
}

.dads-chip-label[data-color="orange"] {
  --_non-text: var(--color-primitive-orange-900);
  --_bg: var(--color-primitive-orange-50);
  --_text: var(--color-primitive-orange-900);
  --_text-dark: var(--color-primitive-orange-1000);
}

.dads-chip-label[data-color="red"] {
  --_non-text: var(--color-primitive-red-900);
  --_bg: var(--color-primitive-red-50);
  --_text: var(--color-primitive-red-900);
  --_text-dark: var(--color-primitive-red-1000);
}

.dads-chip-label[data-color="magenta"] {
  --_non-text: var(--color-primitive-magenta-800);
  --_bg: var(--color-primitive-magenta-50);
  --_text: var(--color-primitive-magenta-800);
  --_text-dark: var(--color-primitive-magenta-900);
}

.dads-chip-label[data-color="purple"] {
  --_non-text: var(--color-primitive-purple-800);
  --_bg: var(--color-primitive-purple-50);
  --_text: var(--color-primitive-purple-800);
  --_text-dark: var(--color-primitive-purple-800);
}

.dads-chip-label__icon {
  --_icon-size: calc(24 / 16 * 1rem);
  --_offset: calc((var(--_icon-size) - 1cap) / 2);
  position: relative;
  top: var(--_offset);
  margin-top: calc(-1 * var(--_offset));
  margin-right: calc(4 / 16 * 1rem);
  margin-bottom: var(--_offset);
  flex-shrink: 0;
}

@media (forced-colors: active) {
  .dads-chip-label__icon {
    fill: CanvasText;
  }
}

.dads-chip-label[data-style="filled-1"] .dads-chip-label__icon {
  color: var(--_non-text, #000);
}
/* --- component: divider --- */
.dads-divider {
  margin: 0;
  border: 0;
  border-top: 1px solid;
  opacity: 1;
}

.dads-divider[data-color="solid-gray-420"] {
  border-top-color: var(--color-neutral-solid-gray-420);
}

.dads-divider[data-color="solid-gray-536"] {
  border-top-color: var(--color-neutral-solid-gray-536);
}

.dads-divider[data-color="black"] {
  border-top-color: var(--color-neutral-black);
}

.dads-divider[data-style="solid"] {
  border-top-style: solid;
}

.dads-divider[data-style="dashed"] {
  border-top-style: dashed;
}

.dads-divider[data-width="1"] {
  border-top-width: 1px;
}

.dads-divider[data-width="2"] {
  border-top-width: 2px;
}

.dads-divider[data-width="3"] {
  border-top-width: 3px;
}

.dads-divider[data-width="4"] {
  border-top-width: 4px;
}
/* --- component: notification-banner --- */
.dads-notification-banner {
  --_base-color: var(--color-primitive-blue-900);
  --_color-chip-color: var(--color-primitive-blue-900);
  display: grid;
  grid-template-columns: calc(24 / 16 * 1rem) 1fr auto;
  grid-template-rows: minmax(calc(36 / 16 * 1rem), auto);
  border: solid var(--_base-color);
  background-color: var(--color-neutral-white);
  padding-top: calc(8 / 16 * 1rem);
  padding-right: calc(16 / 16 * 1rem);
  padding-bottom: calc(24 / 16 * 1rem);
  padding-left: calc(16 / 16 * 1rem);
  gap: calc(16 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-notification-banner[data-style="standard"] {
  border-radius: calc(12 / 16 * 1rem);
  border-width: calc(3 / 16 * 1rem);
}

.dads-notification-banner[data-style="color-chip"] {
  border-width: calc(2 / 16 * 1rem);
  padding-left: calc(24 / 16 * 1rem);
  box-shadow: inset calc(8 / 16 * 1rem) 0 0 0 var(--_color-chip-color);
}

@media (min-width: 48rem) {
  .dads-notification-banner {
    grid-template-columns: calc(36 / 16 * 1rem) 1fr auto;
    padding-top: calc(24 / 16 * 1rem);
    padding-right: calc(24 / 16 * 1rem);
    padding-bottom: calc(32 / 16 * 1rem);
    padding-left: calc(24 / 16 * 1rem);
    column-gap: calc(24 / 16 * 1rem);
  }

  .dads-notification-banner[data-style="color-chip"] {
    padding-left: calc(40 / 16 * 1rem);
    box-shadow: inset calc(16 / 16 * 1rem) 0 0 0 var(--_color-chip-color);
  }
}

.dads-notification-banner[data-type="success"] {
  --_base-color: var(--color-semantic-success-2);
  --_color-chip-color: var(--color-semantic-success-2);
}

.dads-notification-banner[data-type="error"] {
  --_base-color: var(--color-semantic-error-1);
  --_color-chip-color: var(--color-semantic-error-1);
}

.dads-notification-banner[data-type="warning"] {
  --_base-color: var(--color-semantic-warning-yellow-2);
  --_color-chip-color: var(--color-primitive-yellow-400);
}

.dads-notification-banner[data-type="info-1"] {
  --_base-color: var(--color-primitive-blue-900);
  --_color-chip-color: var(--color-primitive-blue-900);
}

.dads-notification-banner[data-type="info-2"] {
  --_base-color: var(--color-neutral-solid-gray-536);
  --_color-chip-color: var(--color-neutral-solid-gray-536);
}

.dads-notification-banner__icon {
  justify-self: center;
  width: calc(28 / 16 * 1rem);
  height: calc(28 / 16 * 1rem);
  max-width: none;
  max-height: none;
  padding-top: calc(3 / 16 * 1rem);
  color: var(--_base-color);
}

@media (min-width: 48rem) {
  .dads-notification-banner__icon {
    margin-top: calc(-4 / 16 * 1rem);
    margin-bottom: calc(-4 / 16 * 1rem);
    width: calc(44 / 16 * 1rem);
    height: calc(44 / 16 * 1rem);
    padding: 0;
  }
}

@media (forced-colors: active) {
  .dads-notification-banner__icon {
    color: currentcolor;
  }
}

.dads-notification-banner__heading {
  grid-column: span 2;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: inherit;
  gap: inherit;
}

.dads-notification-banner__heading-text {
  padding-top: calc(3 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
  font-weight: bold;
  font-size: calc(17 / 16 * 1rem);
  line-height: 1.7;
  letter-spacing: 0.02em;
}

@media (min-width: 48rem) {
  .dads-notification-banner__heading-text {
    padding-top: calc(2 / 16 * 1rem);
    font-size: calc(20 / 16 * 1rem);
    line-height: 1.5;
  }
}

.dads-notification-banner__close {
  margin-right: calc(-12 / 16 * 1rem);
  display: flex;
  align-self: start;
  align-items: center;
  column-gap: calc(4 / 16 * 1rem);
  background: transparent;
  border-radius: calc(8 / 16 * 1rem);
  border: 0;
  padding-top: calc(4 / 16 * 1rem);
  padding-right: calc(12 / 16 * 1rem);
  padding-bottom: calc(6 / 16 * 1rem);
  padding-left: calc(12 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
  font: inherit;
  line-height: 1;
  letter-spacing: inherit;
}

@media (hover: hover) {
  .dads-notification-banner__close:hover {
    background-color: var(--color-neutral-solid-gray-50);
    text-decoration: underline;
    text-decoration-thickness: calc(1 / 16 * 1rem);
    text-underline-offset: calc(3 / 16 * 1rem);
  }
}

.dads-notification-banner__close:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-notification-banner__close-icon {
  margin-top: calc(2 / 16 * 1rem);
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}

.dads-notification-banner__mobile-close {
  margin-top: calc(4 / 16 * 1rem);
  border: 0;
  border-radius: calc(4 / 16 * 1rem);
  background: transparent;
  padding: 0;
  color: var(--color-neutral-black);
  touch-action: manipulation;
}

@media (hover: hover) {
  .dads-notification-banner__mobile-close:hover {
    outline: 1px solid;
    background-color: var(--color-neutral-solid-gray-50);
  }
}

.dads-notification-banner__mobile-close:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-notification-banner__mobile-close-icon {
  display: block;
  width: calc(44 / 16 * 1rem);
  height: calc(44 / 16 * 1rem);
}

.dads-notification-banner__body {
  margin-top: calc(-4 / 16 * 1rem);
  display: grid;
  row-gap: calc(8 / 16 * 1rem);
  grid-column: 1 / 4;
  color: var(--color-neutral-solid-gray-800);
}

@media (min-width: 48rem) {
  .dads-notification-banner__body {
    margin-top: 0;
    grid-column: 2 / 4;
  }
}

.dads-notification-banner__body > * {
  margin-top: 0;
  margin-bottom: 0;
}

.dads-notification-banner__timestamp time {
  text-autospace: normal;
}

.dads-notification-banner__actions {
  margin-bottom: calc(-8 / 16 * 1rem);
  display: grid;
  gap: calc(8 / 16 * 1rem);
  grid-column: 1 / 4;
}

@media (min-width: 48rem) {
  .dads-notification-banner__actions {
    grid-auto-flow: column;
    gap: calc(16 / 16 * 1rem);
    grid-column: 2 / 4;
    justify-content: end;
  }
}

.dads-notification-banner .dads-button {
  width: auto;
}

.dads-notification-banner[data-type="success"] .dads-button {
  --button-color: var(--color-semantic-success-2);
  --button-hover-color: var(--color-primitive-green-1000);
  --button-active-color: var(--color-primitive-green-1200);
  --button-outline-hover-bg-color: var(--color-primitive-green-200);
  --button-outline-active-bg-color: var(--color-primitive-green-300);
}

.dads-notification-banner[data-type="error"] .dads-button {
  --button-color: var(--color-semantic-error-1);
  --button-hover-color: var(--color-primitive-red-1000);
  --button-active-color: var(--color-primitive-red-1200);
  --button-outline-hover-bg-color: var(--color-primitive-red-200);
  --button-outline-active-bg-color: var(--color-primitive-red-300);
}

.dads-notification-banner[data-type="warning"] .dads-button {
  --button-color: var(--color-semantic-warning-yellow-2);
  --button-hover-color: var(--color-primitive-yellow-1000);
  --button-active-color: var(--color-primitive-yellow-1200);
  --button-outline-hover-bg-color: var(--color-primitive-yellow-200);
  --button-outline-active-bg-color: var(--color-primitive-yellow-300);
}

.dads-notification-banner[data-type="info-1"] .dads-button {
  --button-color: var(--color-primitive-blue-900);
  --button-hover-color: var(--color-primitive-blue-1000);
  --button-active-color: var(--color-primitive-blue-1200);
  --button-outline-hover-bg-color: var(--color-primitive-blue-200);
  --button-outline-active-bg-color: var(--color-primitive-blue-300);
}

.dads-notification-banner[data-type="info-2"] .dads-button {
  --button-color: var(--color-neutral-solid-gray-800);
  --button-hover-color: var(--color-neutral-solid-gray-900);
  --button-active-color: var(--color-neutral-black);
  --button-outline-hover-bg-color: var(--color-neutral-solid-gray-200);
  --button-outline-active-bg-color: var(--color-neutral-solid-gray-300);
}
/* --- component: select --- */
.dads-select {
  display: block;
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-select__control {
  position: relative;
  display: block;
  width: fit-content;
}

.dads-select__select {
  vertical-align: middle;
  box-sizing: border-box;
  border-radius: calc(8 / 16 * 1rem);
  border: 1px solid var(--color-neutral-solid-gray-600);
  background-color: var(--color-neutral-white);
  padding-right: calc(40 / 16 * 1rem);
  padding-left: calc(16 / 16 * 1rem);
  color: inherit;
  font: inherit;
  line-height: 1;
  letter-spacing: inherit;
  appearance: none;
}

.dads-select__select[data-size="sm"] {
  height: calc(40 / 16 * 1rem);
}

.dads-select__select[data-size="md"] {
  height: calc(48 / 16 * 1rem);
}

.dads-select__select[data-size="lg"] {
  height: calc(56 / 16 * 1rem);
}

.dads-select__select:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

@media (hover: hover) {
  .dads-select__select:hover {
    border-color: var(--color-neutral-black);
  }
}

.dads-select__select:is(:user-invalid, [aria-invalid="true"]) {
  border-color: var(--color-semantic-error-1);
}

@media (hover: hover) {
  .dads-select__select:is(:user-invalid, [aria-invalid="true"]):hover {
    border-color: var(--color-primitive-red-1000);
  }
}

.dads-select__select:is(:disabled, [aria-disabled="true"]),
.dads-select__select:is(:disabled, [aria-disabled="true"]):hover {
  border: 1px solid var(--color-neutral-solid-gray-300);
  background-color: var(--color-neutral-solid-gray-50);
  color: var(--color-neutral-solid-gray-420);
}

@media (forced-colors: active) {
  .dads-select__select {
    color: ButtonText;
    border-color: ButtonText;
  }

  .dads-select__select[aria-disabled="true"],
  .dads-select__select[aria-disabled="true"]:hover {
    border-color: GrayText;
    color: GrayText;
  }
}

.dads-select__chevron {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: calc(16 / 16 * 1rem);
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: calc(16 / 16 * 1rem);
  height: calc(16 / 16 * 1rem);
}

.dads-select__select:disabled + .dads-select__chevron {
  color: var(--color-neutral-solid-gray-420);
}

@media (forced-colors: active) {
  .dads-select__chevron {
    color: ButtonText;
  }

  .dads-select__select:disabled + .dads-select__chevron {
    color: GrayText;
  }
}

.dads-select__error-text {
  margin: calc(8 / 16 * 1rem) 0 0 0;
  display: block;
  color: var(--color-semantic-error-1);
}
/* --- component: link --- */
.dads-link:any-link {
  color: var(--color-primitive-blue-1000);
  text-decoration: underline;
  text-decoration-thickness: calc(1 / 16 * 1rem);
  text-underline-offset: calc(3 / 16 * 1rem);
}

.dads-link:visited {
  color: var(--color-primitive-magenta-900);
}

@media (hover: hover) {
  .dads-link:hover {
    color: var(--color-primitive-blue-900);
    text-decoration-thickness: calc(3 / 16 * 1rem);
  }
}

.dads-link:active {
  color: var(--color-primitive-orange-800);
  text-decoration-thickness: calc(1 / 16 * 1rem);
}

.dads-link:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-link__icon {
  display: inline-block;
  width: calc(16 / 16 * 1rem);
  height: calc(16 / 16 * 1rem);
  vertical-align: -0.15em;
}
/* --- component: list --- */
.dads-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: calc(32 / 16 * 1rem);
  list-style-type: revert;
}

.dads-list > li {
  --_spacing: 0;
  padding-top: var(--_spacing);
  padding-bottom: var(--_spacing);
}

.dads-list[data-spacing="4"] > li {
  --_spacing: calc(4 / 16 * 1rem);
}

.dads-list[data-spacing="8"] > li {
  --_spacing: calc(8 / 16 * 1rem);
}

.dads-list[data-spacing="12"] > li {
  --_spacing: calc(12 / 16 * 1rem);
}

.dads-list[data-marker="number"] {
  display: grid;
  grid-template-columns: minmax(calc(32 / 16 * 1rem), auto) 1fr;
  padding-left: 0;
  list-style-type: none;
}

.dads-list[data-marker="number"] > li,
.dads-list[data-marker="number"] > li > a {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: inherit;
  align-items: baseline;
}

.dads-list[data-marker="number"] > li > a > span {
  text-decoration-thickness: inherit;
}

.dads-list[data-marker="number"] > li > :not(a, span) {
  grid-column: 2;
}

@supports (grid-template-columns: subgrid) {
  .dads-list[data-marker="number"] > li,
  .dads-list[data-marker="number"] > li > a {
    grid-template-columns: subgrid;
  }
}

.dads-list .dads-list {
  margin-top: var(--_spacing);
  margin-bottom: calc(-1 * var(--_spacing));
}

/* jp-go-digital-design-system — vendored CSS
 * Source: https://github.com/digital-go-jp/design-system-example-components-html
 * Upstream commit: 3b34f4c3553fa3bee90bfd8b6fe962ac3055107d — MIT License, Copyright (c) 2025 デジタル庁
 * Generated by scripts/vendor.cljk — DO NOT EDIT BY HAND (re-vendor instead). */
.dads-language-selector {
  display: block;
  width: fit-content;
}

.dads-language-selector__check {
  visibility: hidden;
}

[aria-current] > .dads-language-selector__check {
  visibility: visible;
}

/* jp-go-digital-design-system — vendored CSS
 * Source: https://github.com/digital-go-jp/design-system-example-components-html
 * Upstream commit: 3b34f4c3553fa3bee90bfd8b6fe962ac3055107d — MIT License, Copyright (c) 2025 デジタル庁
 * Generated by scripts/vendor.cljk — DO NOT EDIT BY HAND (re-vendor instead). */
.dads-menu-list-box {
  position: relative;
  display: block;
  width: fit-content;
  color: var(--color-neutral-solid-gray-900);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.2;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-menu-list-box__opener {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: calc(8 / 16 * 1rem);
  border: 0;
  background: transparent;
  padding-top: calc(4 / 16 * 1rem);
  padding-bottom: calc(4 / 16 * 1rem);
  font: inherit;
  letter-spacing: inherit;
}

.dads-menu-list-box__opener[data-size="sm"] {
  min-height: calc(36 / 16 * 1rem);
  padding-right: calc(4 / 16 * 1rem);
  padding-left: calc(4 / 16 * 1rem);
  column-gap: calc(4 / 16 * 1rem);
}

.dads-menu-list-box__opener[data-size="md"] {
  min-height: calc(44 / 16 * 1rem);
  padding-right: calc(16 / 16 * 1rem);
  padding-left: calc(16 / 16 * 1rem);
  column-gap: calc(8 / 16 * 1rem);
}

.dads-menu-list-box__opener[data-style="outlined"] {
  border: 1px solid var(--color-neutral-solid-gray-420);
  background-color: transparent;
}

.dads-menu-list-box__opener[data-style="filled"] {
  background-color: var(--color-neutral-solid-gray-50);
}

.dads-menu-list-box__opener[data-text-weight="bold"] {
  font-weight: bold;
}

@media (hover: hover) {
  .dads-menu-list-box__opener:hover {
    background-color: var(--color-neutral-solid-gray-50);
    text-decoration: underline;
    text-underline-offset: calc(3 / 16 * 1rem);
  }

  .dads-menu-list-box__opener[data-style="outlined"]:hover {
    border-color: var(--color-neutral-black);
  }

  .dads-menu-list-box__opener[data-style="filled"]:hover {
    background-color: var(--color-neutral-solid-gray-100);
  }
}

.dads-menu-list-box__opener:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-menu-list-box__opener[data-style="filled"]:focus-visible {
  background-color: var(--color-neutral-solid-gray-50);
}

.dads-menu-list-box__opener-icon {
  flex-shrink: 0;
  width: calc(20 / 16 * 1rem);
  height: calc(20 / 16 * 1rem);
}

.dads-menu-list-box__opener-arrow {
  margin-top: calc(4 / 16 * 1rem);
  flex-shrink: 0;
  width: calc(16 / 16 * 1rem);
  height: calc(16 / 16 * 1rem);
}

[aria-expanded="true"] > .dads-menu-list-box__opener-arrow {
  transform: rotate(180deg);
}

.dads-menu-list-box__popup {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  width: max-content;
  max-height: calc((16 + 44 * 6.5) / 16 * 1rem);
  overflow-y: auto;
  border-radius: calc(8 / 16 * 1rem) 0 0 calc(8 / 16 * 1rem);
  border: 1px solid var(--color-neutral-solid-gray-420);
  background-color: var(--color-neutral-white);
  padding: calc(16 / 16 * 1rem) 0;
  box-shadow: var(--elevation-1);
}

/* jp-go-digital-design-system — vendored CSS
 * Source: https://github.com/digital-go-jp/design-system-example-components-html
 * Upstream commit: 3b34f4c3553fa3bee90bfd8b6fe962ac3055107d — MIT License, Copyright (c) 2025 デジタル庁
 * Generated by scripts/vendor.cljk — DO NOT EDIT BY HAND (re-vendor instead). */
.dads-menu-list {
  position: relative;
  z-index: 0;
  margin: 0;
  list-style-type: none;
  padding-left: 0;
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.3;
  font-family: var(--font-family-sans);
  letter-spacing: 0;
}

.dads-menu-list__item,
.dads-menu-list__item:any-link {
  display: flex;
  align-items: center;
  column-gap: calc(8 / 16 * 1rem);
  box-sizing: border-box;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  border: 0;
  background-color: transparent;
  padding-right: calc(16 / 16 * 1rem);
  padding-left: calc(16 / 16 * 1rem);
  color: inherit;
  text-align: left;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: none;
  text-decoration-thickness: calc(1 / 16 * 1rem);
}

.dads-menu-list__item[data-size="regular"] {
  min-height: calc(44 / 16 * 1rem);
  padding-top: calc(10 / 16 * 1rem);
  padding-bottom: calc(10 / 16 * 1rem);
  line-height: 1.3;
}

.dads-menu-list__item[data-size="small"] {
  min-height: calc(36 / 16 * 1rem);
  padding-top: calc(6 / 16 * 1rem);
  padding-bottom: calc(6 / 16 * 1rem);
  line-height: 1.2;
}

.dads-menu-list__item[data-type="standard"] {
  margin-left: calc(1rem * var(--menu-list-indentation, 0));
}

.dads-menu-list__item[data-type="standard"][data-size="regular"] {
  border-radius: calc(8 / 16 * 1rem);
}

.dads-menu-list__item[data-type="standard"][data-size="small"] {
  border-radius: calc(4 / 16 * 1rem);
}

.dads-menu-list__item[data-type="box"] {
  border-radius: 0;
}

.dads-menu-list__item[data-type="box"] {
  padding-left: calc(16 / 16 * 1rem + 1rem * var(--menu-list-indentation, 0));
}

.dads-menu-list__item[data-current] {
  background-color: var(--color-key-100);
  color: var(--color-key-1000);
  font-weight: bold;
}

.dads-menu-list__item:has(+ * [data-current]) {
  background-color: var(--color-key-50);
  color: var(--color-key-1000);
}

@media (hover: hover) {
  .dads-menu-list__item:hover {
    background-color: var(--color-neutral-solid-gray-50);
    text-decoration: underline;
    text-underline-offset: calc(3 / 16 * 1rem);
  }

  .dads-menu-list__item[data-current]:hover,
  .dads-menu-list__item:has(+ * [data-current]):hover {
    background-color: var(--color-key-50);
    color: var(--color-key-900);
  }
}

.dads-menu-list__item:focus-visible {
  position: relative;
  z-index: 1;
  background-color: var(--color-primitive-yellow-300);
}

.dads-menu-list__item[data-type="standard"]:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-menu-list__item[data-type="box"]:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(-4 / 16 * 1rem);
  box-shadow: inset 0 0 0 calc(6 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-menu-list__item[data-current]:focus-visible {
  background-color: var(--color-key-100);
}

.dads-menu-list__item:has(+ * [data-current]):focus-visible {
  background-color: var(--color-key-50);
}

.dads-menu-list__front-icon {
  flex-shrink: 0;
}

.dads-menu-list__tail-icon {
  display: inline-block;
  vertical-align: -0.15em;
}

.dads-menu-list__end-icon {
  margin-top: calc(2 / 16 * 1rem);
  margin-right: calc(-4 / 16 * 1rem);
  margin-left: auto;
  flex-shrink: 0;
}

.dads-menu-list__item[data-expanded] .dads-menu-list__end-icon {
  transform: rotate(180deg);
}

/* jp-go-digital-design-system — vendored CSS
 * Source: https://github.com/digital-go-jp/design-system-example-components-html
 * Upstream commit: 3b34f4c3553fa3bee90bfd8b6fe962ac3055107d — MIT License, Copyright (c) 2025 デジタル庁
 * Generated by scripts/vendor.cljk — DO NOT EDIT BY HAND (re-vendor instead). */
.dads-breadcrumb {
  display: flex;
  column-gap: calc(4 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-breadcrumb__label {
  flex-shrink: 0;
}

.dads-breadcrumb__label::after {
  content: "：";
}

.dads-breadcrumb__list {
  list-style-type: "";
  margin: 0;
  padding: 0;
}

.dads-breadcrumb__item {
  display: inline;
  overflow-wrap: break-word;
}

.dads-breadcrumb__link:any-link {
  color: var(--color-primitive-blue-1000);
  text-decoration: underline;
  text-decoration-thickness: calc(1 / 16 * 1rem);
  text-underline-offset: calc(3 / 16 * 1rem);
}

@media (hover: hover) {
  .dads-breadcrumb__link:hover {
    color: var(--color-primitive-blue-900);
    text-decoration-thickness: calc(3 / 16 * 1rem);
  }
}

.dads-breadcrumb__link:active {
  color: var(--color-primitive-orange-800);
  text-decoration-thickness: calc(1 / 16 * 1rem);
}

.dads-breadcrumb__link:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-breadcrumb__link-icon {
  display: inline-block;
  vertical-align: -0.15em;
  width: calc(16 / 16 * 1rem);
  height: calc(16 / 16 * 1rem);
}

.dads-breadcrumb__separator::before,
.dads-breadcrumb__separator::after {
  content: " ";
}

.dads-breadcrumb__separator-icon {
  display: inline-block;
  margin-right: calc(1 / 16 * 1rem);
  margin-left: calc(1 / 16 * 1rem);
  width: calc(12 / 16 * 1rem);
  height: calc(12 / 16 * 1rem);
  vertical-align: middle;
  color: var(--color-neutral-solid-gray-900);
}

/* jp-go-digital-design-system — vendored CSS
 * Source: https://github.com/digital-go-jp/design-system-example-components-html
 * Upstream commit: 3b34f4c3553fa3bee90bfd8b6fe962ac3055107d — MIT License, Copyright (c) 2025 デジタル庁
 * Generated by scripts/vendor.cljk — DO NOT EDIT BY HAND (re-vendor instead). */
.dads-step-navigation {
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-sans);
  line-height: 1.7;
  letter-spacing: 0.02em;
  overflow-wrap: anywhere;
}

.dads-step-navigation[data-size="normal"] {
  --_number-size: calc(44 / 16 * 1rem);
  --_number-margin: calc(4 / 16 * 1rem);
  --_outline-width: calc(2 / 16 * 1rem);
  --_title-margin: calc(24 / 16 * 1rem);
  --_description-margin: calc(8 / 16 * 1rem);
}

.dads-step-navigation[data-size="small"] {
  --_number-size: calc(32 / 16 * 1rem);
  --_number-margin: calc(3 / 16 * 1rem);
  --_outline-width: calc(1 / 16 * 1rem);
  --_title-margin: calc(16 / 16 * 1rem);
  --_description-margin: calc(4 / 16 * 1rem);
}

.dads-step-navigation > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.dads-step-navigation__step {
  position: relative;
  box-sizing: border-box;
}

.dads-step-navigation__step::before,
.dads-step-navigation__step::after {
  position: absolute;
  z-index: -1;
  content: "";
}

.dads-step-navigation__step[data-first]::before {
  display: none;
}

.dads-step-navigation__step[data-last]::after {
  display: none;
}

.dads-step-navigation__header {
  display: block;
  border: 0;
  background: none;
  padding: 0;
  color: inherit;
  font: inherit;
  text-wrap: pretty;
}

.dads-step-navigation__header:any-link,
.dads-step-navigation__header:enabled {
  text-decoration: underline;
  text-decoration-thickness: calc(1 / 16 * 1rem);
  text-underline-offset: calc(3 / 16 * 1rem);
}

@media (hover: hover) {
  .dads-step-navigation__header:any-link:hover,
  .dads-step-navigation__header:enabled:hover {
    text-decoration-thickness: calc(3 / 16 * 1rem);
    cursor: pointer;
  }
}

.dads-step-navigation__header:focus-visible {
  border-radius: 0;
  outline: 0;
  box-shadow: none;
}

.dads-step-navigation__number {
  position: relative;
  display: grid;
  place-content: center;
  margin: calc(4 / 16 * 1rem);
  box-sizing: border-box;
  width: fit-content;
  height: var(--_number-size);
  min-width: var(--_number-size);
  border: 2px solid;
  border-radius: 50%;
  background-color: var(--color-neutral-white);
  padding: 0 calc(2 / 16 * 1rem) calc(2 / 16 * 1rem);
  font-weight: bold;
  font-size: calc(20 / 16 * 1rem);
  line-height: 1.5;
  letter-spacing: 0.02em;
  text-decoration: inherit;
  text-decoration-thickness: inherit;
}

.dads-step-navigation[data-size="small"] .dads-step-navigation__number {
  margin: calc(3 / 16 * 1rem);
  border-width: 1px;
  font-size: calc(16 / 16 * 1rem);
}

.dads-step-navigation__step[data-state="reached"]
  .dads-step-navigation__number {
  background-color: var(--color-neutral-solid-gray-800);
  color: var(--color-neutral-white);
  border-color: var(--color-neutral-solid-gray-800);
}

.dads-step-navigation__step[data-state="completed"]
  .dads-step-navigation__number {
  background-color: var(--color-neutral-solid-gray-50);
}

.dads-step-navigation__step[data-state="error"] .dads-step-navigation__number {
  color: var(--color-semantic-error-1);
}

.dads-step-navigation__step[data-state="skipped"]
  .dads-step-navigation__number {
  border-width: 1px;
  border-style: dashed;
}

.dads-step-navigation__step[aria-current] .dads-step-navigation__number {
  outline: var(--_outline-width) solid var(--color-neutral-solid-gray-800);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-neutral-white);
}

@media (forced-colors: active) {
  .dads-step-navigation__step[data-state="reached"]
    .dads-step-navigation__number {
    background-color: CanvasText;
    color: Canvas;
    forced-color-adjust: none;
  }

  .dads-step-navigation__step[data-state="completed"]
    .dads-step-navigation__state-icon
    circle {
    fill: CanvasText;
  }

  .dads-step-navigation__step[data-state="completed"]
    .dads-step-navigation__state-icon
    path {
    fill: Canvas;
  }

  .dads-step-navigation__step[data-state="editing"]
    .dads-step-navigation__state-icon
    path {
    fill: CanvasText;
  }

  .dads-step-navigation__step[data-state="error"]
    .dads-step-navigation__state-icon
    path {
    fill: CanvasText;
  }
}

@media (hover: hover) {
  .dads-step-navigation__header:any-link:hover .dads-step-navigation__number,
  .dads-step-navigation__header:enabled:hover .dads-step-navigation__number {
    outline: 1px solid;
  }

  .dads-step-navigation__step[data-state="reached"]
    :is(
      .dads-step-navigation__header:any-link,
      .dads-step-navigation__header:enabled
    ):hover
    .dads-step-navigation__number {
    outline-color: var(--color-neutral-solid-gray-800);
  }

  .dads-step-navigation__step[data-state="skipped"]
    :is(
      .dads-step-navigation__header:any-link,
      .dads-step-navigation__header:enabled
    ):hover
    .dads-step-navigation__number {
    outline: none;
    border-width: 2px;
  }
}

.dads-step-navigation__header:focus-visible .dads-step-navigation__number {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-step-navigation__state-icon {
  position: absolute;
  top: calc(-10 / 16 * 1rem);
  left: calc(50% + calc(6 / 16 * 1rem));
  border-radius: 50%;
  background-color: var(--color-neutral-white);
}

.dads-step-navigation[data-size="small"] .dads-step-navigation__state-icon {
  top: calc(-9 / 16 * 1rem);
  left: calc(50% + calc(4 / 16 * 1rem));
}

.dads-step-navigation__state-icon > svg {
  display: block;
  max-width: none;
}

.dads-step-navigation[data-size="small"]
  .dads-step-navigation__state-icon
  > svg {
  width: calc(20 / 16 * 1rem);
  height: calc(20 / 16 * 1rem);
}

.dads-step-navigation__state-label {
  position: absolute;
  inset: calc(100% + calc(8 / 16 * 1rem)) -100% 0;
  margin: 0 auto;
  width: 4em;
  height: 1.2em;
  background-color: var(--color-neutral-white);
  font-weight: normal;
  font-size: calc(14 / 16 * 1rem);
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}

.dads-step-navigation__title {
  display: block;
  font-weight: bold;
  font-size: calc(18 / 16 * 1rem);
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-decoration-thickness: inherit;
}

.dads-step-navigation[data-size="small"] .dads-step-navigation__title {
  font-weight: bold;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  letter-spacing: 0.02em;
}

.dads-step-navigation__description {
  margin: var(--_description-margin) 0 0;
}

/* Orientations */

.dads-step-navigation[data-orientation="horizontal"] {
  overflow-x: auto;
  padding-top: calc(6 / 16 * 1rem);
  padding-bottom: calc(6 / 16 * 1rem);
}

.dads-step-navigation[data-orientation="horizontal"] > ul {
  display: flex;
}

.dads-step-navigation[data-orientation="vertical"] > ul {
  display: flex;
  flex-direction: column;
}

.dads-step-navigation[data-orientation="horizontal"]
  .dads-step-navigation__step {
  width: calc(var(--_step-width, 320) / 16 * 1rem);
  min-width: calc(var(--_step-min-width, 160) / 16 * 1rem);
  padding: 0 calc(16 / 16 * 1rem);
}

.dads-step-navigation[data-orientation="vertical"] .dads-step-navigation__step {
  flex: 1;
  padding-bottom: calc(24 / 16 * 1rem);
}

.dads-step-navigation[data-orientation="vertical"]
  .dads-step-navigation__step:last-child {
  padding-bottom: 0;
}

.dads-step-navigation[data-orientation="horizontal"]
  .dads-step-navigation__step::before {
  top: calc(var(--_number-size) / 2 + var(--_number-margin));
  right: 50%;
  width: 50%;
  border-bottom: 1px solid;
}

.dads-step-navigation[data-orientation="horizontal"]
  .dads-step-navigation__step::after {
  top: calc(var(--_number-size) / 2 + var(--_number-margin));
  left: 50%;
  width: 50%;
  border-bottom: 1px solid;
}

.dads-step-navigation[data-orientation="vertical"]
  .dads-step-navigation__step::before {
  left: calc(var(--_number-size) / 2 + var(--_number-margin));
  top: 0;
  height: calc(32 / 16 * 1rem);
  border-right: 1px solid;
}

.dads-step-navigation[data-orientation="vertical"]
  .dads-step-navigation__step::after {
  left: calc(var(--_number-size) / 2 + var(--_number-margin));
  bottom: 0;
  height: calc(100% - calc(32 / 16 * 1rem));
  border-right: 1px solid;
}

.dads-step-navigation[data-orientation="horizontal"]
  .dads-step-navigation__header {
  width: 100%;
  text-align: center;
}

.dads-step-navigation[data-orientation="vertical"]
  .dads-step-navigation__header {
  position: relative;
  display: flex;
  align-items: baseline;
  column-gap: calc(16 / 16 * 1rem);
  text-align: left;
}

.dads-step-navigation[data-orientation="horizontal"]
  .dads-step-navigation__number {
  margin-right: auto;
  margin-left: auto;
}

.dads-step-navigation[data-orientation="vertical"]
  .dads-step-navigation__number {
  flex-shrink: 0;
}

.dads-step-navigation[data-orientation="horizontal"]
  .dads-step-navigation__title {
  margin-top: var(--_title-margin);
}

.dads-step-navigation[data-orientation="vertical"]
  .dads-step-navigation__title {
  padding: calc(var(--_number-size) / 2 + var(--_number-margin) - 0.875rem) 0;
}

.dads-step-navigation[data-orientation="horizontal"]
  .dads-step-navigation__description {
  text-align: center;
}

.dads-step-navigation[data-orientation="vertical"]
  .dads-step-navigation__description {
  margin-top: calc(
    var(--_description-margin) -
    (var(--_number-size) / 2 + var(--_number-margin) - 0.875rem)
  );
  padding-left: calc(
    var(--_number-size) +
    var(--_number-margin) +
    var(--_number-margin) +
    calc(16 / 16 * 1rem)
  );
}

:root { --dds-light-neutral-black: #000000; --dds-light-neutral-opacity-gray-100: rgba(0, 0, 0, 0.1); --dds-light-neutral-opacity-gray-200: rgba(0, 0, 0, 0.2); --dds-light-neutral-opacity-gray-300: rgba(0, 0, 0, 0.3); --dds-light-neutral-opacity-gray-400: rgba(0, 0, 0, 0.4); --dds-light-neutral-opacity-gray-420: rgba(0, 0, 0, 0.42); --dds-light-neutral-opacity-gray-50: rgba(0, 0, 0, 0.05); --dds-light-neutral-opacity-gray-500: rgba(0, 0, 0, 0.5); --dds-light-neutral-opacity-gray-536: rgba(0, 0, 0, 0.54); --dds-light-neutral-opacity-gray-600: rgba(0, 0, 0, 0.6); --dds-light-neutral-opacity-gray-700: rgba(0, 0, 0, 0.7); --dds-light-neutral-opacity-gray-800: rgba(0, 0, 0, 0.8); --dds-light-neutral-opacity-gray-900: rgba(0, 0, 0, 0.9); --dds-light-neutral-solid-gray-100: #e6e6e6; --dds-light-neutral-solid-gray-200: #cccccc; --dds-light-neutral-solid-gray-300: #b3b3b3; --dds-light-neutral-solid-gray-400: #999999; --dds-light-neutral-solid-gray-420: #949494; --dds-light-neutral-solid-gray-50: #f2f2f2; --dds-light-neutral-solid-gray-500: #7f7f7f; --dds-light-neutral-solid-gray-536: #767676; --dds-light-neutral-solid-gray-600: #666666; --dds-light-neutral-solid-gray-700: #4d4d4d; --dds-light-neutral-solid-gray-800: #333333; --dds-light-neutral-solid-gray-900: #1a1a1a; --dds-light-neutral-white: #ffffff; --dds-light-primitive-blue-100: #d9e6ff; --dds-light-primitive-blue-1000: #00118f; --dds-light-primitive-blue-1100: #000071; --dds-light-primitive-blue-1200: #000060; --dds-light-primitive-blue-200: #c5d7fb; --dds-light-primitive-blue-300: #9db7f9; --dds-light-primitive-blue-400: #7096f8; --dds-light-primitive-blue-50: #e8f1fe; --dds-light-primitive-blue-500: #4979f5; --dds-light-primitive-blue-600: #3460fb; --dds-light-primitive-blue-700: #264af4; --dds-light-primitive-blue-800: #0031d8; --dds-light-primitive-blue-900: #0017c1; --dds-light-primitive-cyan-100: #c8f8ff; --dds-light-primitive-cyan-1000: #006173; --dds-light-primitive-cyan-1100: #004c59; --dds-light-primitive-cyan-1200: #003741; --dds-light-primitive-cyan-200: #99f2ff; --dds-light-primitive-cyan-300: #79e2f2; --dds-light-primitive-cyan-400: #2bc8e4; --dds-light-primitive-cyan-50: #e9f7f9; --dds-light-primitive-cyan-500: #01b7d6; --dds-light-primitive-cyan-600: #00a3bf; --dds-light-primitive-cyan-700: #008da6; --dds-light-primitive-cyan-800: #008299; --dds-light-primitive-cyan-900: #006f83; --dds-light-primitive-green-100: #c2e5d1; --dds-light-primitive-green-1000: #0c472a; --dds-light-primitive-green-1100: #08351f; --dds-light-primitive-green-1200: #032213; --dds-light-primitive-green-200: #9bd4b5; --dds-light-primitive-green-300: #71c598; --dds-light-primitive-green-400: #51b883; --dds-light-primitive-green-50: #e6f5ec; --dds-light-primitive-green-500: #2cac6e; --dds-light-primitive-green-600: #259d63; --dds-light-primitive-green-700: #1d8b56; --dds-light-primitive-green-800: #197a4b; --dds-light-primitive-green-900: #115a36; --dds-light-primitive-light-blue-100: #dcf0ff; --dds-light-primitive-light-blue-1000: #00428c; --dds-light-primitive-light-blue-1100: #00316a; --dds-light-primitive-light-blue-1200: #00234b; --dds-light-primitive-light-blue-200: #c0e4ff; --dds-light-primitive-light-blue-300: #97d3ff; --dds-light-primitive-light-blue-400: #57b8ff; --dds-light-primitive-light-blue-50: #f0f9ff; --dds-light-primitive-light-blue-500: #39abff; --dds-light-primitive-light-blue-600: #008bf2; --dds-light-primitive-light-blue-700: #0877d7; --dds-light-primitive-light-blue-800: #0066be; --dds-light-primitive-light-blue-900: #0055ad; --dds-light-primitive-lime-100: #d0f5a2; --dds-light-primitive-lime-1000: #3e5a00; --dds-light-primitive-lime-1100: #2c4100; --dds-light-primitive-lime-1200: #1e2d00; --dds-light-primitive-lime-200: #c0f354; --dds-light-primitive-lime-300: #ade830; --dds-light-primitive-lime-400: #9ddd15; --dds-light-primitive-lime-50: #ebfad9; --dds-light-primitive-lime-500: #8cc80c; --dds-light-primitive-lime-600: #7eb40d; --dds-light-primitive-lime-700: #6fa104; --dds-light-primitive-lime-800: #618e00; --dds-light-primitive-lime-900: #507500; --dds-light-primitive-magenta-100: #ffd0ff; --dds-light-primitive-magenta-1000: #6c006c; --dds-light-primitive-magenta-1100: #500050; --dds-light-primitive-magenta-1200: #3b003b; --dds-light-primitive-magenta-200: #ffaeff; --dds-light-primitive-magenta-300: #ff8eff; --dds-light-primitive-magenta-400: #f661f6; --dds-light-primitive-magenta-50: #f3e5f4; --dds-light-primitive-magenta-500: #f137f1; --dds-light-primitive-magenta-600: #db00db; --dds-light-primitive-magenta-700: #c000c0; --dds-light-primitive-magenta-800: #aa00aa; --dds-light-primitive-magenta-900: #8b008b; --dds-light-primitive-orange-100: #ffdfca; --dds-light-primitive-orange-1000: #8b3200; --dds-light-primitive-orange-1100: #6d2700; --dds-light-primitive-orange-1200: #541e00; --dds-light-primitive-orange-200: #ffc199; --dds-light-primitive-orange-300: #ffa66d; --dds-light-primitive-orange-400: #ff8d44; --dds-light-primitive-orange-50: #ffeee2; --dds-light-primitive-orange-500: #ff7628; --dds-light-primitive-orange-600: #fb5b01; --dds-light-primitive-orange-700: #e25100; --dds-light-primitive-orange-800: #c74700; --dds-light-primitive-orange-900: #ac3e00; --dds-light-primitive-purple-100: #ecddff; --dds-light-primitive-purple-1000: #41048e; --dds-light-primitive-purple-1100: #30016c; --dds-light-primitive-purple-1200: #21004b; --dds-light-primitive-purple-200: #ddc2ff; --dds-light-primitive-purple-300: #cda6ff; --dds-light-primitive-purple-400: #bb87ff; --dds-light-primitive-purple-50: #f1eafa; --dds-light-primitive-purple-500: #a565f8; --dds-light-primitive-purple-600: #8843e1; --dds-light-primitive-purple-700: #6f23d0; --dds-light-primitive-purple-800: #5c10be; --dds-light-primitive-purple-900: #5109ad; --dds-light-primitive-red-100: #ffdada; --dds-light-primitive-red-1000: #a90000; --dds-light-primitive-red-1100: #850000; --dds-light-primitive-red-1200: #620000; --dds-light-primitive-red-200: #ffbbbb; --dds-light-primitive-red-300: #ff9696; --dds-light-primitive-red-400: #ff7171; --dds-light-primitive-red-50: #fdeeee; --dds-light-primitive-red-500: #ff5454; --dds-light-primitive-red-600: #fe3939; --dds-light-primitive-red-700: #fa0000; --dds-light-primitive-red-800: #ec0000; --dds-light-primitive-red-900: #ce0000; --dds-light-primitive-yellow-100: #fff0b3; --dds-light-primitive-yellow-1000: #806300; --dds-light-primitive-yellow-1100: #6e5600; --dds-light-primitive-yellow-1200: #604b00; --dds-light-primitive-yellow-200: #ffe380; --dds-light-primitive-yellow-300: #ffd43d; --dds-light-primitive-yellow-400: #ffc700; --dds-light-primitive-yellow-50: #fbf5e0; --dds-light-primitive-yellow-500: #ebb700; --dds-light-primitive-yellow-600: #d2a400; --dds-light-primitive-yellow-700: #b78f00; --dds-light-primitive-yellow-800: #a58000; --dds-light-primitive-yellow-900: #927200; }
:root:root[data-theme="dark"] { --color-neutral-black: var(--dds-light-neutral-white); --color-neutral-opacity-gray-100: rgba(255, 255, 255, 0.1); --color-neutral-opacity-gray-200: rgba(255, 255, 255, 0.2); --color-neutral-opacity-gray-300: rgba(255, 255, 255, 0.3); --color-neutral-opacity-gray-400: rgba(255, 255, 255, 0.4); --color-neutral-opacity-gray-420: rgba(255, 255, 255, 0.42); --color-neutral-opacity-gray-50: rgba(255, 255, 255, 0.05); --color-neutral-opacity-gray-500: rgba(255, 255, 255, 0.5); --color-neutral-opacity-gray-536: rgba(255, 255, 255, 0.54); --color-neutral-opacity-gray-600: rgba(255, 255, 255, 0.6); --color-neutral-opacity-gray-700: rgba(255, 255, 255, 0.7); --color-neutral-opacity-gray-800: rgba(255, 255, 255, 0.8); --color-neutral-opacity-gray-900: rgba(255, 255, 255, 0.9); --color-neutral-solid-gray-100: var(--dds-light-neutral-solid-gray-800); --color-neutral-solid-gray-200: var(--dds-light-neutral-solid-gray-700); --color-neutral-solid-gray-300: var(--dds-light-neutral-solid-gray-600); --color-neutral-solid-gray-400: var(--dds-light-neutral-solid-gray-536); --color-neutral-solid-gray-420: var(--dds-light-neutral-solid-gray-500); --color-neutral-solid-gray-50: var(--dds-light-neutral-solid-gray-900); --color-neutral-solid-gray-500: var(--dds-light-neutral-solid-gray-420); --color-neutral-solid-gray-536: var(--dds-light-neutral-solid-gray-400); --color-neutral-solid-gray-600: var(--dds-light-neutral-solid-gray-300); --color-neutral-solid-gray-700: var(--dds-light-neutral-solid-gray-200); --color-neutral-solid-gray-800: var(--dds-light-neutral-solid-gray-100); --color-neutral-solid-gray-900: var(--dds-light-neutral-solid-gray-50); --color-neutral-white: var(--dds-light-neutral-solid-gray-900); --color-primitive-blue-100: var(--dds-light-primitive-blue-1100); --color-primitive-blue-1000: var(--dds-light-primitive-blue-200); --color-primitive-blue-1100: var(--dds-light-primitive-blue-100); --color-primitive-blue-1200: var(--dds-light-primitive-blue-50); --color-primitive-blue-200: var(--dds-light-primitive-blue-1000); --color-primitive-blue-300: var(--dds-light-primitive-blue-900); --color-primitive-blue-400: var(--dds-light-primitive-blue-800); --color-primitive-blue-50: var(--dds-light-primitive-blue-1200); --color-primitive-blue-500: var(--dds-light-primitive-blue-700); --color-primitive-blue-600: var(--dds-light-primitive-blue-600); --color-primitive-blue-700: var(--dds-light-primitive-blue-500); --color-primitive-blue-800: var(--dds-light-primitive-blue-400); --color-primitive-blue-900: var(--dds-light-primitive-blue-300); --color-primitive-cyan-100: var(--dds-light-primitive-cyan-1100); --color-primitive-cyan-1000: var(--dds-light-primitive-cyan-200); --color-primitive-cyan-1100: var(--dds-light-primitive-cyan-100); --color-primitive-cyan-1200: var(--dds-light-primitive-cyan-50); --color-primitive-cyan-200: var(--dds-light-primitive-cyan-1000); --color-primitive-cyan-300: var(--dds-light-primitive-cyan-900); --color-primitive-cyan-400: var(--dds-light-primitive-cyan-800); --color-primitive-cyan-50: var(--dds-light-primitive-cyan-1200); --color-primitive-cyan-500: var(--dds-light-primitive-cyan-700); --color-primitive-cyan-600: var(--dds-light-primitive-cyan-600); --color-primitive-cyan-700: var(--dds-light-primitive-cyan-500); --color-primitive-cyan-800: var(--dds-light-primitive-cyan-400); --color-primitive-cyan-900: var(--dds-light-primitive-cyan-300); --color-primitive-green-100: var(--dds-light-primitive-green-1100); --color-primitive-green-1000: var(--dds-light-primitive-green-200); --color-primitive-green-1100: var(--dds-light-primitive-green-100); --color-primitive-green-1200: var(--dds-light-primitive-green-50); --color-primitive-green-200: var(--dds-light-primitive-green-1000); --color-primitive-green-300: var(--dds-light-primitive-green-900); --color-primitive-green-400: var(--dds-light-primitive-green-800); --color-primitive-green-50: var(--dds-light-primitive-green-1200); --color-primitive-green-500: var(--dds-light-primitive-green-700); --color-primitive-green-600: var(--dds-light-primitive-green-600); --color-primitive-green-700: var(--dds-light-primitive-green-500); --color-primitive-green-800: var(--dds-light-primitive-green-400); --color-primitive-green-900: var(--dds-light-primitive-green-300); --color-primitive-light-blue-100: var(--dds-light-primitive-light-blue-1100); --color-primitive-light-blue-1000: var(--dds-light-primitive-light-blue-200); --color-primitive-light-blue-1100: var(--dds-light-primitive-light-blue-100); --color-primitive-light-blue-1200: var(--dds-light-primitive-light-blue-50); --color-primitive-light-blue-200: var(--dds-light-primitive-light-blue-1000); --color-primitive-light-blue-300: var(--dds-light-primitive-light-blue-900); --color-primitive-light-blue-400: var(--dds-light-primitive-light-blue-800); --color-primitive-light-blue-50: var(--dds-light-primitive-light-blue-1200); --color-primitive-light-blue-500: var(--dds-light-primitive-light-blue-700); --color-primitive-light-blue-600: var(--dds-light-primitive-light-blue-600); --color-primitive-light-blue-700: var(--dds-light-primitive-light-blue-500); --color-primitive-light-blue-800: var(--dds-light-primitive-light-blue-400); --color-primitive-light-blue-900: var(--dds-light-primitive-light-blue-300); --color-primitive-lime-100: var(--dds-light-primitive-lime-1100); --color-primitive-lime-1000: var(--dds-light-primitive-lime-200); --color-primitive-lime-1100: var(--dds-light-primitive-lime-100); --color-primitive-lime-1200: var(--dds-light-primitive-lime-50); --color-primitive-lime-200: var(--dds-light-primitive-lime-1000); --color-primitive-lime-300: var(--dds-light-primitive-lime-900); --color-primitive-lime-400: var(--dds-light-primitive-lime-800); --color-primitive-lime-50: var(--dds-light-primitive-lime-1200); --color-primitive-lime-500: var(--dds-light-primitive-lime-700); --color-primitive-lime-600: var(--dds-light-primitive-lime-600); --color-primitive-lime-700: var(--dds-light-primitive-lime-500); --color-primitive-lime-800: var(--dds-light-primitive-lime-400); --color-primitive-lime-900: var(--dds-light-primitive-lime-300); --color-primitive-magenta-100: var(--dds-light-primitive-magenta-1100); --color-primitive-magenta-1000: var(--dds-light-primitive-magenta-200); --color-primitive-magenta-1100: var(--dds-light-primitive-magenta-100); --color-primitive-magenta-1200: var(--dds-light-primitive-magenta-50); --color-primitive-magenta-200: var(--dds-light-primitive-magenta-1000); --color-primitive-magenta-300: var(--dds-light-primitive-magenta-900); --color-primitive-magenta-400: var(--dds-light-primitive-magenta-800); --color-primitive-magenta-50: var(--dds-light-primitive-magenta-1200); --color-primitive-magenta-500: var(--dds-light-primitive-magenta-700); --color-primitive-magenta-600: var(--dds-light-primitive-magenta-600); --color-primitive-magenta-700: var(--dds-light-primitive-magenta-500); --color-primitive-magenta-800: var(--dds-light-primitive-magenta-400); --color-primitive-magenta-900: var(--dds-light-primitive-magenta-300); --color-primitive-orange-100: var(--dds-light-primitive-orange-1100); --color-primitive-orange-1000: var(--dds-light-primitive-orange-200); --color-primitive-orange-1100: var(--dds-light-primitive-orange-100); --color-primitive-orange-1200: var(--dds-light-primitive-orange-50); --color-primitive-orange-200: var(--dds-light-primitive-orange-1000); --color-primitive-orange-300: var(--dds-light-primitive-orange-900); --color-primitive-orange-400: var(--dds-light-primitive-orange-800); --color-primitive-orange-50: var(--dds-light-primitive-orange-1200); --color-primitive-orange-500: var(--dds-light-primitive-orange-700); --color-primitive-orange-600: var(--dds-light-primitive-orange-600); --color-primitive-orange-700: var(--dds-light-primitive-orange-500); --color-primitive-orange-800: var(--dds-light-primitive-orange-400); --color-primitive-orange-900: var(--dds-light-primitive-orange-300); --color-primitive-purple-100: var(--dds-light-primitive-purple-1100); --color-primitive-purple-1000: var(--dds-light-primitive-purple-200); --color-primitive-purple-1100: var(--dds-light-primitive-purple-100); --color-primitive-purple-1200: var(--dds-light-primitive-purple-50); --color-primitive-purple-200: var(--dds-light-primitive-purple-1000); --color-primitive-purple-300: var(--dds-light-primitive-purple-900); --color-primitive-purple-400: var(--dds-light-primitive-purple-800); --color-primitive-purple-50: var(--dds-light-primitive-purple-1200); --color-primitive-purple-500: var(--dds-light-primitive-purple-700); --color-primitive-purple-600: var(--dds-light-primitive-purple-600); --color-primitive-purple-700: var(--dds-light-primitive-purple-500); --color-primitive-purple-800: var(--dds-light-primitive-purple-400); --color-primitive-purple-900: var(--dds-light-primitive-purple-300); --color-primitive-red-100: var(--dds-light-primitive-red-1100); --color-primitive-red-1000: var(--dds-light-primitive-red-200); --color-primitive-red-1100: var(--dds-light-primitive-red-100); --color-primitive-red-1200: var(--dds-light-primitive-red-50); --color-primitive-red-200: var(--dds-light-primitive-red-1000); --color-primitive-red-300: var(--dds-light-primitive-red-900); --color-primitive-red-400: var(--dds-light-primitive-red-800); --color-primitive-red-50: var(--dds-light-primitive-red-1200); --color-primitive-red-500: var(--dds-light-primitive-red-700); --color-primitive-red-600: var(--dds-light-primitive-red-600); --color-primitive-red-700: var(--dds-light-primitive-red-500); --color-primitive-red-800: var(--dds-light-primitive-red-400); --color-primitive-red-900: var(--dds-light-primitive-red-300); --color-primitive-yellow-100: var(--dds-light-primitive-yellow-1100); --color-primitive-yellow-1000: var(--dds-light-primitive-yellow-200); --color-primitive-yellow-1100: var(--dds-light-primitive-yellow-100); --color-primitive-yellow-1200: var(--dds-light-primitive-yellow-50); --color-primitive-yellow-200: var(--dds-light-primitive-yellow-1000); --color-primitive-yellow-300: var(--dds-light-primitive-yellow-900); --color-primitive-yellow-400: var(--dds-light-primitive-yellow-800); --color-primitive-yellow-50: var(--dds-light-primitive-yellow-1200); --color-primitive-yellow-500: var(--dds-light-primitive-yellow-700); --color-primitive-yellow-600: var(--dds-light-primitive-yellow-600); --color-primitive-yellow-700: var(--dds-light-primitive-yellow-500); --color-primitive-yellow-800: var(--dds-light-primitive-yellow-400); --color-primitive-yellow-900: var(--dds-light-primitive-yellow-300); color-scheme: dark; }
:root:root[data-theme="light"] { --color-neutral-black: var(--dds-light-neutral-black); --color-neutral-opacity-gray-100: var(--dds-light-neutral-opacity-gray-100); --color-neutral-opacity-gray-200: var(--dds-light-neutral-opacity-gray-200); --color-neutral-opacity-gray-300: var(--dds-light-neutral-opacity-gray-300); --color-neutral-opacity-gray-400: var(--dds-light-neutral-opacity-gray-400); --color-neutral-opacity-gray-420: var(--dds-light-neutral-opacity-gray-420); --color-neutral-opacity-gray-50: var(--dds-light-neutral-opacity-gray-50); --color-neutral-opacity-gray-500: var(--dds-light-neutral-opacity-gray-500); --color-neutral-opacity-gray-536: var(--dds-light-neutral-opacity-gray-536); --color-neutral-opacity-gray-600: var(--dds-light-neutral-opacity-gray-600); --color-neutral-opacity-gray-700: var(--dds-light-neutral-opacity-gray-700); --color-neutral-opacity-gray-800: var(--dds-light-neutral-opacity-gray-800); --color-neutral-opacity-gray-900: var(--dds-light-neutral-opacity-gray-900); --color-neutral-solid-gray-100: var(--dds-light-neutral-solid-gray-100); --color-neutral-solid-gray-200: var(--dds-light-neutral-solid-gray-200); --color-neutral-solid-gray-300: var(--dds-light-neutral-solid-gray-300); --color-neutral-solid-gray-400: var(--dds-light-neutral-solid-gray-400); --color-neutral-solid-gray-420: var(--dds-light-neutral-solid-gray-420); --color-neutral-solid-gray-50: var(--dds-light-neutral-solid-gray-50); --color-neutral-solid-gray-500: var(--dds-light-neutral-solid-gray-500); --color-neutral-solid-gray-536: var(--dds-light-neutral-solid-gray-536); --color-neutral-solid-gray-600: var(--dds-light-neutral-solid-gray-600); --color-neutral-solid-gray-700: var(--dds-light-neutral-solid-gray-700); --color-neutral-solid-gray-800: var(--dds-light-neutral-solid-gray-800); --color-neutral-solid-gray-900: var(--dds-light-neutral-solid-gray-900); --color-neutral-white: var(--dds-light-neutral-white); --color-primitive-blue-100: var(--dds-light-primitive-blue-100); --color-primitive-blue-1000: var(--dds-light-primitive-blue-1000); --color-primitive-blue-1100: var(--dds-light-primitive-blue-1100); --color-primitive-blue-1200: var(--dds-light-primitive-blue-1200); --color-primitive-blue-200: var(--dds-light-primitive-blue-200); --color-primitive-blue-300: var(--dds-light-primitive-blue-300); --color-primitive-blue-400: var(--dds-light-primitive-blue-400); --color-primitive-blue-50: var(--dds-light-primitive-blue-50); --color-primitive-blue-500: var(--dds-light-primitive-blue-500); --color-primitive-blue-600: var(--dds-light-primitive-blue-600); --color-primitive-blue-700: var(--dds-light-primitive-blue-700); --color-primitive-blue-800: var(--dds-light-primitive-blue-800); --color-primitive-blue-900: var(--dds-light-primitive-blue-900); --color-primitive-cyan-100: var(--dds-light-primitive-cyan-100); --color-primitive-cyan-1000: var(--dds-light-primitive-cyan-1000); --color-primitive-cyan-1100: var(--dds-light-primitive-cyan-1100); --color-primitive-cyan-1200: var(--dds-light-primitive-cyan-1200); --color-primitive-cyan-200: var(--dds-light-primitive-cyan-200); --color-primitive-cyan-300: var(--dds-light-primitive-cyan-300); --color-primitive-cyan-400: var(--dds-light-primitive-cyan-400); --color-primitive-cyan-50: var(--dds-light-primitive-cyan-50); --color-primitive-cyan-500: var(--dds-light-primitive-cyan-500); --color-primitive-cyan-600: var(--dds-light-primitive-cyan-600); --color-primitive-cyan-700: var(--dds-light-primitive-cyan-700); --color-primitive-cyan-800: var(--dds-light-primitive-cyan-800); --color-primitive-cyan-900: var(--dds-light-primitive-cyan-900); --color-primitive-green-100: var(--dds-light-primitive-green-100); --color-primitive-green-1000: var(--dds-light-primitive-green-1000); --color-primitive-green-1100: var(--dds-light-primitive-green-1100); --color-primitive-green-1200: var(--dds-light-primitive-green-1200); --color-primitive-green-200: var(--dds-light-primitive-green-200); --color-primitive-green-300: var(--dds-light-primitive-green-300); --color-primitive-green-400: var(--dds-light-primitive-green-400); --color-primitive-green-50: var(--dds-light-primitive-green-50); --color-primitive-green-500: var(--dds-light-primitive-green-500); --color-primitive-green-600: var(--dds-light-primitive-green-600); --color-primitive-green-700: var(--dds-light-primitive-green-700); --color-primitive-green-800: var(--dds-light-primitive-green-800); --color-primitive-green-900: var(--dds-light-primitive-green-900); --color-primitive-light-blue-100: var(--dds-light-primitive-light-blue-100); --color-primitive-light-blue-1000: var(--dds-light-primitive-light-blue-1000); --color-primitive-light-blue-1100: var(--dds-light-primitive-light-blue-1100); --color-primitive-light-blue-1200: var(--dds-light-primitive-light-blue-1200); --color-primitive-light-blue-200: var(--dds-light-primitive-light-blue-200); --color-primitive-light-blue-300: var(--dds-light-primitive-light-blue-300); --color-primitive-light-blue-400: var(--dds-light-primitive-light-blue-400); --color-primitive-light-blue-50: var(--dds-light-primitive-light-blue-50); --color-primitive-light-blue-500: var(--dds-light-primitive-light-blue-500); --color-primitive-light-blue-600: var(--dds-light-primitive-light-blue-600); --color-primitive-light-blue-700: var(--dds-light-primitive-light-blue-700); --color-primitive-light-blue-800: var(--dds-light-primitive-light-blue-800); --color-primitive-light-blue-900: var(--dds-light-primitive-light-blue-900); --color-primitive-lime-100: var(--dds-light-primitive-lime-100); --color-primitive-lime-1000: var(--dds-light-primitive-lime-1000); --color-primitive-lime-1100: var(--dds-light-primitive-lime-1100); --color-primitive-lime-1200: var(--dds-light-primitive-lime-1200); --color-primitive-lime-200: var(--dds-light-primitive-lime-200); --color-primitive-lime-300: var(--dds-light-primitive-lime-300); --color-primitive-lime-400: var(--dds-light-primitive-lime-400); --color-primitive-lime-50: var(--dds-light-primitive-lime-50); --color-primitive-lime-500: var(--dds-light-primitive-lime-500); --color-primitive-lime-600: var(--dds-light-primitive-lime-600); --color-primitive-lime-700: var(--dds-light-primitive-lime-700); --color-primitive-lime-800: var(--dds-light-primitive-lime-800); --color-primitive-lime-900: var(--dds-light-primitive-lime-900); --color-primitive-magenta-100: var(--dds-light-primitive-magenta-100); --color-primitive-magenta-1000: var(--dds-light-primitive-magenta-1000); --color-primitive-magenta-1100: var(--dds-light-primitive-magenta-1100); --color-primitive-magenta-1200: var(--dds-light-primitive-magenta-1200); --color-primitive-magenta-200: var(--dds-light-primitive-magenta-200); --color-primitive-magenta-300: var(--dds-light-primitive-magenta-300); --color-primitive-magenta-400: var(--dds-light-primitive-magenta-400); --color-primitive-magenta-50: var(--dds-light-primitive-magenta-50); --color-primitive-magenta-500: var(--dds-light-primitive-magenta-500); --color-primitive-magenta-600: var(--dds-light-primitive-magenta-600); --color-primitive-magenta-700: var(--dds-light-primitive-magenta-700); --color-primitive-magenta-800: var(--dds-light-primitive-magenta-800); --color-primitive-magenta-900: var(--dds-light-primitive-magenta-900); --color-primitive-orange-100: var(--dds-light-primitive-orange-100); --color-primitive-orange-1000: var(--dds-light-primitive-orange-1000); --color-primitive-orange-1100: var(--dds-light-primitive-orange-1100); --color-primitive-orange-1200: var(--dds-light-primitive-orange-1200); --color-primitive-orange-200: var(--dds-light-primitive-orange-200); --color-primitive-orange-300: var(--dds-light-primitive-orange-300); --color-primitive-orange-400: var(--dds-light-primitive-orange-400); --color-primitive-orange-50: var(--dds-light-primitive-orange-50); --color-primitive-orange-500: var(--dds-light-primitive-orange-500); --color-primitive-orange-600: var(--dds-light-primitive-orange-600); --color-primitive-orange-700: var(--dds-light-primitive-orange-700); --color-primitive-orange-800: var(--dds-light-primitive-orange-800); --color-primitive-orange-900: var(--dds-light-primitive-orange-900); --color-primitive-purple-100: var(--dds-light-primitive-purple-100); --color-primitive-purple-1000: var(--dds-light-primitive-purple-1000); --color-primitive-purple-1100: var(--dds-light-primitive-purple-1100); --color-primitive-purple-1200: var(--dds-light-primitive-purple-1200); --color-primitive-purple-200: var(--dds-light-primitive-purple-200); --color-primitive-purple-300: var(--dds-light-primitive-purple-300); --color-primitive-purple-400: var(--dds-light-primitive-purple-400); --color-primitive-purple-50: var(--dds-light-primitive-purple-50); --color-primitive-purple-500: var(--dds-light-primitive-purple-500); --color-primitive-purple-600: var(--dds-light-primitive-purple-600); --color-primitive-purple-700: var(--dds-light-primitive-purple-700); --color-primitive-purple-800: var(--dds-light-primitive-purple-800); --color-primitive-purple-900: var(--dds-light-primitive-purple-900); --color-primitive-red-100: var(--dds-light-primitive-red-100); --color-primitive-red-1000: var(--dds-light-primitive-red-1000); --color-primitive-red-1100: var(--dds-light-primitive-red-1100); --color-primitive-red-1200: var(--dds-light-primitive-red-1200); --color-primitive-red-200: var(--dds-light-primitive-red-200); --color-primitive-red-300: var(--dds-light-primitive-red-300); --color-primitive-red-400: var(--dds-light-primitive-red-400); --color-primitive-red-50: var(--dds-light-primitive-red-50); --color-primitive-red-500: var(--dds-light-primitive-red-500); --color-primitive-red-600: var(--dds-light-primitive-red-600); --color-primitive-red-700: var(--dds-light-primitive-red-700); --color-primitive-red-800: var(--dds-light-primitive-red-800); --color-primitive-red-900: var(--dds-light-primitive-red-900); --color-primitive-yellow-100: var(--dds-light-primitive-yellow-100); --color-primitive-yellow-1000: var(--dds-light-primitive-yellow-1000); --color-primitive-yellow-1100: var(--dds-light-primitive-yellow-1100); --color-primitive-yellow-1200: var(--dds-light-primitive-yellow-1200); --color-primitive-yellow-200: var(--dds-light-primitive-yellow-200); --color-primitive-yellow-300: var(--dds-light-primitive-yellow-300); --color-primitive-yellow-400: var(--dds-light-primitive-yellow-400); --color-primitive-yellow-50: var(--dds-light-primitive-yellow-50); --color-primitive-yellow-500: var(--dds-light-primitive-yellow-500); --color-primitive-yellow-600: var(--dds-light-primitive-yellow-600); --color-primitive-yellow-700: var(--dds-light-primitive-yellow-700); --color-primitive-yellow-800: var(--dds-light-primitive-yellow-800); --color-primitive-yellow-900: var(--dds-light-primitive-yellow-900); color-scheme: light; }
@media (prefers-color-scheme: dark) { :root:root { --color-neutral-black: var(--dds-light-neutral-white); --color-neutral-opacity-gray-100: rgba(255, 255, 255, 0.1); --color-neutral-opacity-gray-200: rgba(255, 255, 255, 0.2); --color-neutral-opacity-gray-300: rgba(255, 255, 255, 0.3); --color-neutral-opacity-gray-400: rgba(255, 255, 255, 0.4); --color-neutral-opacity-gray-420: rgba(255, 255, 255, 0.42); --color-neutral-opacity-gray-50: rgba(255, 255, 255, 0.05); --color-neutral-opacity-gray-500: rgba(255, 255, 255, 0.5); --color-neutral-opacity-gray-536: rgba(255, 255, 255, 0.54); --color-neutral-opacity-gray-600: rgba(255, 255, 255, 0.6); --color-neutral-opacity-gray-700: rgba(255, 255, 255, 0.7); --color-neutral-opacity-gray-800: rgba(255, 255, 255, 0.8); --color-neutral-opacity-gray-900: rgba(255, 255, 255, 0.9); --color-neutral-solid-gray-100: var(--dds-light-neutral-solid-gray-800); --color-neutral-solid-gray-200: var(--dds-light-neutral-solid-gray-700); --color-neutral-solid-gray-300: var(--dds-light-neutral-solid-gray-600); --color-neutral-solid-gray-400: var(--dds-light-neutral-solid-gray-536); --color-neutral-solid-gray-420: var(--dds-light-neutral-solid-gray-500); --color-neutral-solid-gray-50: var(--dds-light-neutral-solid-gray-900); --color-neutral-solid-gray-500: var(--dds-light-neutral-solid-gray-420); --color-neutral-solid-gray-536: var(--dds-light-neutral-solid-gray-400); --color-neutral-solid-gray-600: var(--dds-light-neutral-solid-gray-300); --color-neutral-solid-gray-700: var(--dds-light-neutral-solid-gray-200); --color-neutral-solid-gray-800: var(--dds-light-neutral-solid-gray-100); --color-neutral-solid-gray-900: var(--dds-light-neutral-solid-gray-50); --color-neutral-white: var(--dds-light-neutral-solid-gray-900); --color-primitive-blue-100: var(--dds-light-primitive-blue-1100); --color-primitive-blue-1000: var(--dds-light-primitive-blue-200); --color-primitive-blue-1100: var(--dds-light-primitive-blue-100); --color-primitive-blue-1200: var(--dds-light-primitive-blue-50); --color-primitive-blue-200: var(--dds-light-primitive-blue-1000); --color-primitive-blue-300: var(--dds-light-primitive-blue-900); --color-primitive-blue-400: var(--dds-light-primitive-blue-800); --color-primitive-blue-50: var(--dds-light-primitive-blue-1200); --color-primitive-blue-500: var(--dds-light-primitive-blue-700); --color-primitive-blue-600: var(--dds-light-primitive-blue-600); --color-primitive-blue-700: var(--dds-light-primitive-blue-500); --color-primitive-blue-800: var(--dds-light-primitive-blue-400); --color-primitive-blue-900: var(--dds-light-primitive-blue-300); --color-primitive-cyan-100: var(--dds-light-primitive-cyan-1100); --color-primitive-cyan-1000: var(--dds-light-primitive-cyan-200); --color-primitive-cyan-1100: var(--dds-light-primitive-cyan-100); --color-primitive-cyan-1200: var(--dds-light-primitive-cyan-50); --color-primitive-cyan-200: var(--dds-light-primitive-cyan-1000); --color-primitive-cyan-300: var(--dds-light-primitive-cyan-900); --color-primitive-cyan-400: var(--dds-light-primitive-cyan-800); --color-primitive-cyan-50: var(--dds-light-primitive-cyan-1200); --color-primitive-cyan-500: var(--dds-light-primitive-cyan-700); --color-primitive-cyan-600: var(--dds-light-primitive-cyan-600); --color-primitive-cyan-700: var(--dds-light-primitive-cyan-500); --color-primitive-cyan-800: var(--dds-light-primitive-cyan-400); --color-primitive-cyan-900: var(--dds-light-primitive-cyan-300); --color-primitive-green-100: var(--dds-light-primitive-green-1100); --color-primitive-green-1000: var(--dds-light-primitive-green-200); --color-primitive-green-1100: var(--dds-light-primitive-green-100); --color-primitive-green-1200: var(--dds-light-primitive-green-50); --color-primitive-green-200: var(--dds-light-primitive-green-1000); --color-primitive-green-300: var(--dds-light-primitive-green-900); --color-primitive-green-400: var(--dds-light-primitive-green-800); --color-primitive-green-50: var(--dds-light-primitive-green-1200); --color-primitive-green-500: var(--dds-light-primitive-green-700); --color-primitive-green-600: var(--dds-light-primitive-green-600); --color-primitive-green-700: var(--dds-light-primitive-green-500); --color-primitive-green-800: var(--dds-light-primitive-green-400); --color-primitive-green-900: var(--dds-light-primitive-green-300); --color-primitive-light-blue-100: var(--dds-light-primitive-light-blue-1100); --color-primitive-light-blue-1000: var(--dds-light-primitive-light-blue-200); --color-primitive-light-blue-1100: var(--dds-light-primitive-light-blue-100); --color-primitive-light-blue-1200: var(--dds-light-primitive-light-blue-50); --color-primitive-light-blue-200: var(--dds-light-primitive-light-blue-1000); --color-primitive-light-blue-300: var(--dds-light-primitive-light-blue-900); --color-primitive-light-blue-400: var(--dds-light-primitive-light-blue-800); --color-primitive-light-blue-50: var(--dds-light-primitive-light-blue-1200); --color-primitive-light-blue-500: var(--dds-light-primitive-light-blue-700); --color-primitive-light-blue-600: var(--dds-light-primitive-light-blue-600); --color-primitive-light-blue-700: var(--dds-light-primitive-light-blue-500); --color-primitive-light-blue-800: var(--dds-light-primitive-light-blue-400); --color-primitive-light-blue-900: var(--dds-light-primitive-light-blue-300); --color-primitive-lime-100: var(--dds-light-primitive-lime-1100); --color-primitive-lime-1000: var(--dds-light-primitive-lime-200); --color-primitive-lime-1100: var(--dds-light-primitive-lime-100); --color-primitive-lime-1200: var(--dds-light-primitive-lime-50); --color-primitive-lime-200: var(--dds-light-primitive-lime-1000); --color-primitive-lime-300: var(--dds-light-primitive-lime-900); --color-primitive-lime-400: var(--dds-light-primitive-lime-800); --color-primitive-lime-50: var(--dds-light-primitive-lime-1200); --color-primitive-lime-500: var(--dds-light-primitive-lime-700); --color-primitive-lime-600: var(--dds-light-primitive-lime-600); --color-primitive-lime-700: var(--dds-light-primitive-lime-500); --color-primitive-lime-800: var(--dds-light-primitive-lime-400); --color-primitive-lime-900: var(--dds-light-primitive-lime-300); --color-primitive-magenta-100: var(--dds-light-primitive-magenta-1100); --color-primitive-magenta-1000: var(--dds-light-primitive-magenta-200); --color-primitive-magenta-1100: var(--dds-light-primitive-magenta-100); --color-primitive-magenta-1200: var(--dds-light-primitive-magenta-50); --color-primitive-magenta-200: var(--dds-light-primitive-magenta-1000); --color-primitive-magenta-300: var(--dds-light-primitive-magenta-900); --color-primitive-magenta-400: var(--dds-light-primitive-magenta-800); --color-primitive-magenta-50: var(--dds-light-primitive-magenta-1200); --color-primitive-magenta-500: var(--dds-light-primitive-magenta-700); --color-primitive-magenta-600: var(--dds-light-primitive-magenta-600); --color-primitive-magenta-700: var(--dds-light-primitive-magenta-500); --color-primitive-magenta-800: var(--dds-light-primitive-magenta-400); --color-primitive-magenta-900: var(--dds-light-primitive-magenta-300); --color-primitive-orange-100: var(--dds-light-primitive-orange-1100); --color-primitive-orange-1000: var(--dds-light-primitive-orange-200); --color-primitive-orange-1100: var(--dds-light-primitive-orange-100); --color-primitive-orange-1200: var(--dds-light-primitive-orange-50); --color-primitive-orange-200: var(--dds-light-primitive-orange-1000); --color-primitive-orange-300: var(--dds-light-primitive-orange-900); --color-primitive-orange-400: var(--dds-light-primitive-orange-800); --color-primitive-orange-50: var(--dds-light-primitive-orange-1200); --color-primitive-orange-500: var(--dds-light-primitive-orange-700); --color-primitive-orange-600: var(--dds-light-primitive-orange-600); --color-primitive-orange-700: var(--dds-light-primitive-orange-500); --color-primitive-orange-800: var(--dds-light-primitive-orange-400); --color-primitive-orange-900: var(--dds-light-primitive-orange-300); --color-primitive-purple-100: var(--dds-light-primitive-purple-1100); --color-primitive-purple-1000: var(--dds-light-primitive-purple-200); --color-primitive-purple-1100: var(--dds-light-primitive-purple-100); --color-primitive-purple-1200: var(--dds-light-primitive-purple-50); --color-primitive-purple-200: var(--dds-light-primitive-purple-1000); --color-primitive-purple-300: var(--dds-light-primitive-purple-900); --color-primitive-purple-400: var(--dds-light-primitive-purple-800); --color-primitive-purple-50: var(--dds-light-primitive-purple-1200); --color-primitive-purple-500: var(--dds-light-primitive-purple-700); --color-primitive-purple-600: var(--dds-light-primitive-purple-600); --color-primitive-purple-700: var(--dds-light-primitive-purple-500); --color-primitive-purple-800: var(--dds-light-primitive-purple-400); --color-primitive-purple-900: var(--dds-light-primitive-purple-300); --color-primitive-red-100: var(--dds-light-primitive-red-1100); --color-primitive-red-1000: var(--dds-light-primitive-red-200); --color-primitive-red-1100: var(--dds-light-primitive-red-100); --color-primitive-red-1200: var(--dds-light-primitive-red-50); --color-primitive-red-200: var(--dds-light-primitive-red-1000); --color-primitive-red-300: var(--dds-light-primitive-red-900); --color-primitive-red-400: var(--dds-light-primitive-red-800); --color-primitive-red-50: var(--dds-light-primitive-red-1200); --color-primitive-red-500: var(--dds-light-primitive-red-700); --color-primitive-red-600: var(--dds-light-primitive-red-600); --color-primitive-red-700: var(--dds-light-primitive-red-500); --color-primitive-red-800: var(--dds-light-primitive-red-400); --color-primitive-red-900: var(--dds-light-primitive-red-300); --color-primitive-yellow-100: var(--dds-light-primitive-yellow-1100); --color-primitive-yellow-1000: var(--dds-light-primitive-yellow-200); --color-primitive-yellow-1100: var(--dds-light-primitive-yellow-100); --color-primitive-yellow-1200: var(--dds-light-primitive-yellow-50); --color-primitive-yellow-200: var(--dds-light-primitive-yellow-1000); --color-primitive-yellow-300: var(--dds-light-primitive-yellow-900); --color-primitive-yellow-400: var(--dds-light-primitive-yellow-800); --color-primitive-yellow-50: var(--dds-light-primitive-yellow-1200); --color-primitive-yellow-500: var(--dds-light-primitive-yellow-700); --color-primitive-yellow-600: var(--dds-light-primitive-yellow-600); --color-primitive-yellow-700: var(--dds-light-primitive-yellow-500); --color-primitive-yellow-800: var(--dds-light-primitive-yellow-400); --color-primitive-yellow-900: var(--dds-light-primitive-yellow-300); color-scheme: dark; } }
#kot-theme{min-width:calc(44 / 16 * 1rem);min-height:calc(44 / 16 * 1rem);padding-inline:var(--hig-spacing-2,calc(8 / 16 * 1rem));color:var(--hig-color-tint,var(--color-key-900))}.kot-yy{display:inline-flex}.kot-yy-ring{fill:none;stroke:currentColor;stroke-width:1;opacity:.5}.kot-yy-yin{fill:currentColor}.kot-lam{fill:none;stroke-width:2.4;stroke-linecap:round}.kot-lam-cut{stroke:var(--hig-color-system-background,var(--color-neutral-white))}.kot-lam-ink{stroke:currentColor}.kot-yy-fig{transform-origin:12px 12px;transition:transform .55s cubic-bezier(.68,-0.3,.32,1.3)}#kot-theme[aria-checked="true"] .kot-yy-fig{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.kot-yy-fig{transition:none}}
:root { --hig-color-label: var(--color-neutral-solid-gray-800); --hig-color-opaque-separator: var(--color-neutral-solid-gray-300); --hig-color-placeholder-text: var(--color-neutral-solid-gray-500); --hig-color-quaternary-label: var(--color-neutral-solid-gray-420); --hig-color-quaternary-system-fill: var(--color-neutral-solid-gray-100); --hig-color-secondary-label: var(--color-neutral-solid-gray-600); --hig-color-secondary-system-background: var(--color-neutral-solid-gray-50); --hig-color-secondary-system-fill: var(--color-neutral-solid-gray-200); --hig-color-secondary-system-grouped-background: var(--color-neutral-white); --hig-color-separator: var(--color-neutral-solid-gray-300); --hig-color-system-background: var(--color-neutral-white); --hig-color-system-fill: var(--color-neutral-solid-gray-200); --hig-color-system-grouped-background: var(--color-neutral-solid-gray-50); --hig-color-tertiary-label: var(--color-neutral-solid-gray-500); --hig-color-tertiary-system-background: var(--color-neutral-solid-gray-50); --hig-color-tertiary-system-fill: var(--color-neutral-solid-gray-100); --hig-color-tertiary-system-grouped-background: var(--color-neutral-solid-gray-50); --hig-color-tint: var(--color-key-900); --hig-font-display: var(--font-family-sans); --hig-font-mono: var(--font-family-mono); --hig-font-text: var(--font-family-sans); --hig-hairline: var(--color-neutral-solid-gray-300); --hig-palette-blue: var(--color-key-900); --hig-palette-cyan: var(--color-primitive-cyan-700); --hig-palette-gray: var(--color-neutral-solid-gray-500); --hig-palette-green: var(--color-primitive-green-700); --hig-palette-orange: var(--color-primitive-orange-800); --hig-palette-pink: var(--color-primitive-magenta-700); --hig-palette-purple: var(--color-primitive-purple-700); --hig-palette-red: var(--color-primitive-red-800); --hig-palette-yellow: var(--color-primitive-yellow-700); --hig-radius-capsule: 999px; --hig-radius-large: calc(20 / 16 * 1rem); --hig-radius-lg: calc(20 / 16 * 1rem); --hig-radius-md: calc(14 / 16 * 1rem); --hig-radius-sm: calc(10 / 16 * 1rem); --hig-radius-xl: calc(28 / 16 * 1rem); --hig-radius-xs: calc(6 / 16 * 1rem); --hig-spacing-1: calc(4 / 16 * 1rem); --hig-spacing-10: calc(64 / 16 * 1rem); --hig-spacing-2: calc(8 / 16 * 1rem); --hig-spacing-3: calc(12 / 16 * 1rem); --hig-spacing-4: calc(16 / 16 * 1rem); --hig-spacing-5: calc(20 / 16 * 1rem); --hig-spacing-6: calc(24 / 16 * 1rem); --hig-spacing-7: calc(32 / 16 * 1rem); --hig-spacing-8: calc(40 / 16 * 1rem); --hig-spacing-9: calc(48 / 16 * 1rem); --hig-spacing-content-margin: calc(16 / 16 * 1rem); --hig-text-body-font-size: calc(17 / 16 * 1rem); --hig-text-body-line-height: calc(22 / 16 * 1rem); --hig-text-callout-font-size: calc(16 / 16 * 1rem); --hig-text-callout-line-height: calc(21 / 16 * 1rem); --hig-text-caption1-font-size: calc(12 / 16 * 1rem); --hig-text-caption1-line-height: calc(16 / 16 * 1rem); --hig-text-caption2-font-size: calc(11 / 16 * 1rem); --hig-text-caption2-line-height: calc(13 / 16 * 1rem); --hig-text-footnote-font-size: calc(13 / 16 * 1rem); --hig-text-footnote-line-height: calc(18 / 16 * 1rem); --hig-text-headline-font-size: calc(17 / 16 * 1rem); --hig-text-headline-line-height: calc(22 / 16 * 1rem); --hig-text-large-title-font-size: calc(34 / 16 * 1rem); --hig-text-large-title-line-height: calc(41 / 16 * 1rem); --hig-text-subheadline-font-size: calc(15 / 16 * 1rem); --hig-text-subheadline-line-height: calc(20 / 16 * 1rem); --hig-text-title1-font-size: calc(28 / 16 * 1rem); --hig-text-title1-line-height: calc(34 / 16 * 1rem); --hig-text-title2-font-size: calc(22 / 16 * 1rem); --hig-text-title2-line-height: calc(28 / 16 * 1rem); --hig-text-title3-font-size: calc(20 / 16 * 1rem); --hig-text-title3-line-height: calc(25 / 16 * 1rem); }:root { color-scheme: light; }
.dads-button,.dads-accordion__summary,.dads-menu-list-box__opener,.dads-input-text__input,.dads-textarea__textarea,.dads-checkbox { min-height: 44px; }
body { padding-top: env(safe-area-inset-top,0px); padding-left: env(safe-area-inset-left,0px); padding-right: env(safe-area-inset-right,0px); padding-bottom: env(safe-area-inset-bottom,0px); }
.kc-skip{position:absolute;inset-inline-start:var(--hig-spacing-4);top:-10rem;z-index:10;}.kc-skip:focus{top:var(--hig-spacing-4);}.kc-header{border-bottom:1px solid var(--hig-color-separator);background:var(--hig-color-system-background);}.kc-header__inner{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--hig-spacing-4);}.kc-wordmark{display:flex;align-items:center;gap:var(--hig-spacing-3);color:var(--hig-color-label);font-weight:700;text-decoration:none;letter-spacing:.04em;}.kc-mark{inline-size:2rem;block-size:2rem;display:grid;place-items:center;border:2px solid var(--hig-color-tint);border-radius:var(--hig-radius-xs);color:var(--hig-color-tint);font-weight:700;}.kc-nav{display:flex;align-items:center;gap:var(--hig-spacing-4);}.kc-header__tools{display:flex;align-items:center;gap:var(--hig-spacing-2);margin-inline-start:auto;}.kc-app-menu{position:relative;}.kc-app-menu summary{display:inline-flex;align-items:center;gap:var(--hig-spacing-2);min-height:2.75rem;padding:var(--hig-spacing-2) var(--hig-spacing-3);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-sm,8px);background:var(--hig-color-system-background);color:var(--hig-color-label);font:inherit;font-weight:700;cursor:pointer;list-style:none;white-space:nowrap;}.kc-app-menu summary::-webkit-details-marker{display:none;}.kc-app-menu__icon{font-size:1.15rem;line-height:1;}.kc-app-menu__label{font-size:var(--hig-text-caption1-font-size);}.kc-app-menu__panel{position:absolute;inset-inline-end:0;top:calc(100% + var(--hig-spacing-2));z-index:40;min-inline-size:13rem;display:grid;padding:var(--hig-spacing-2);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-md,12px);background:var(--hig-color-system-background);box-shadow:0 8px 24px rgb(0 0 0 / 12%);}.kc-app-menu__panel a{display:flex;align-items:center;min-height:2.75rem;padding:var(--hig-spacing-2) var(--hig-spacing-3);border-radius:var(--hig-radius-sm,8px);color:var(--hig-color-label);font-weight:700;text-decoration:none;white-space:nowrap;}.kc-app-menu__panel a:hover{background:var(--hig-color-secondary-system-background);}.kc-app-menu[open] .kc-app-menu__panel{display:grid;}.kc-app-menu:not([open]) .kc-app-menu__panel{display:none;}.kc-header--compact .kc-header__inner{min-height:3.5rem;}.kc-header--compact .kc-nav{display:none;}@media(max-width:64rem){.kc-app-menu{margin-inline-start:auto;}}@media(max-width:48rem){.kc-app-menu__label{display:none;}.kc-header--compact .kc-wordmark__text{display:none;}}.kc-nav>a{color:var(--hig-color-label);font-weight:700;text-underline-offset:.25em;}.kc-nav>a,.kc-nav .dads-menu-list-box__opener,.kc-nav .dads-button{white-space:nowrap;}@media(max-width:64rem){.kc-nav>a[href$='#research-models'],.kc-nav>a[href$='#research-register']{display:none}.kc-nav{gap:var(--hig-spacing-3)}}.kc-hero{padding-block:var(--hig-spacing-10);border-bottom:1px solid var(--hig-color-separator);}.kc-eyebrow{margin:0 0 var(--hig-spacing-4);font-family:var(--hig-font-mono);font-size:var(--hig-text-caption1-font-size);font-weight:700;letter-spacing:.12em;color:var(--hig-color-tint);}.kc-hero h1{max-width:17ch;text-wrap:balance;}.kc-lead{max-width:48rem;font-size:var(--hig-text-title3-font-size);line-height:var(--hig-text-title3-line-height);color:var(--hig-color-secondary-label);}.kc-philosophy{max-width:48rem;margin:var(--hig-spacing-4) 0 0;color:var(--hig-color-secondary-label);}.kc-next{max-width:48rem;margin:var(--hig-spacing-4) 0 0;}.kc-actions{margin-top:var(--hig-spacing-7);}.kc-live{margin-top:var(--hig-spacing-5);display:flex;align-items:center;gap:var(--hig-spacing-3);color:var(--hig-color-secondary-label);}.kc-live__dot{inline-size:.75rem;block-size:.75rem;flex:none;border-radius:var(--hig-radius-capsule);background:var(--hig-palette-green);}.kc-identity{padding-block:var(--hig-spacing-8);border-bottom:1px solid var(--hig-color-separator);background:var(--hig-color-secondary-system-background);}.kc-identity[hidden]{display:none;}.kc-identity-waiting p,.kc-identity-done p{max-width:48rem;color:var(--hig-color-secondary-label);}.kc-identity__done{margin:0 0 var(--hig-spacing-5);font-weight:700;color:var(--hig-color-tint);}.kc-identity__next{margin-top:var(--hig-spacing-6);}.kc-identity__grid{display:grid;grid-template-columns:minmax(12rem,1fr) repeat(2,minmax(0,2fr));gap:var(--hig-spacing-5);align-items:start;}.kc-identity__label{margin:0 0 var(--hig-spacing-2);font-family:var(--hig-font-mono);font-size:var(--hig-text-caption1-font-size);font-weight:700;color:var(--hig-color-secondary-label);}.kc-identity__value{margin:0;font-family:var(--hig-font-mono);overflow-wrap:anywhere;}.kc-identity__username{font-size:var(--hig-text-title2-font-size);font-weight:700;color:var(--hig-color-tint);}.kc-architecture{background:var(--hig-color-secondary-system-background);}.kc-control{border-inline-start:.4rem solid var(--hig-color-tint);}.kc-control__origin{font-family:var(--hig-font-mono);color:var(--hig-color-tint);}.kc-control__origin a{color:inherit;font-weight:700;text-underline-offset:.25em;}.kc-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hig-spacing-5);margin-top:var(--hig-spacing-7);padding-top:var(--hig-spacing-7);border-top:1px solid var(--hig-color-separator);}.kc-plane{position:relative;}.kc-plane::before{content:'↓';position:absolute;inset-block-start:calc(-1 * var(--hig-spacing-9));inset-inline-start:50%;color:var(--hig-color-tint);font-weight:700;}.kc-plane__kind{font-family:var(--hig-font-mono);font-size:var(--hig-text-caption1-font-size);font-weight:700;letter-spacing:.08em;color:var(--hig-color-secondary-label);}.kc-plane h3{margin-block:var(--hig-spacing-2);}.kc-plane p{color:var(--hig-color-secondary-label);}.kc-plane a{font-family:var(--hig-font-mono);font-weight:700;}.kc-plane__connect{display:inline-block;margin-top:var(--hig-spacing-3);}.kc-plane__connect[hidden]{display:none;}.kc-steps{counter-reset:step}.kc-step{counter-increment:step}.kc-step::before{content:'0' counter(step);display:block;margin-bottom:var(--hig-spacing-3);font-family:var(--hig-font-mono);font-weight:700;color:var(--hig-color-tint);}.kc-publish-approval{margin-top:var(--hig-spacing-7);border-inline-start:.4rem solid var(--hig-color-tint);}.kc-publish-approval[hidden]{display:none}.kc-publish-fields{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--hig-spacing-2) var(--hig-spacing-4);}.kc-publish-fields dt{font-weight:700}.kc-publish-fields dd{margin:0;font-family:var(--hig-font-mono);overflow-wrap:anywhere}.kc-boundary{border-inline-start:.4rem solid var(--hig-color-separator);}.kc-footer{padding-block:var(--hig-spacing-8);border-top:1px solid var(--hig-color-separator);color:var(--hig-color-secondary-label);}.kc-footer__inner{display:flex;justify-content:space-between;gap:var(--hig-spacing-5);flex-wrap:wrap;}.kc-footer__legal{margin-top:var(--hig-spacing-4);display:flex;flex-wrap:wrap;gap:var(--hig-spacing-2) var(--hig-spacing-4);align-items:baseline;}.kc-footer__legal a{color:inherit;font-weight:700;text-underline-offset:.25em;}.kc-legal{padding-block:var(--hig-spacing-8);}.kc-legal__lead{max-width:48rem;font-size:var(--hig-text-title3-font-size);line-height:var(--hig-text-title3-line-height);color:var(--hig-color-secondary-label);}.kc-legal .dads-table{margin-top:var(--hig-spacing-6);overflow-x:auto;}.kc-legal__note{margin-top:var(--hig-spacing-6);color:var(--hig-color-secondary-label);}@media(max-width:48rem){.kc-nav__secondary{display:none}.kc-hero{padding-block:var(--hig-spacing-8)}.kc-hero .dads-heading[data-size='64']{font-size:var(--hig-text-large-title-font-size);line-height:var(--hig-text-large-title-line-height)}.kc-hero .dds-ext-row{display:grid;grid-template-columns:1fr}.kc-actions{margin-top:var(--hig-spacing-4)}.kc-actions .dads-button{width:100%;justify-content:center}.kc-identity__grid{grid-template-columns:1fr}.kc-flow{grid-template-columns:1fr}.kc-plane::before{inset-inline-start:var(--hig-spacing-4)}.kc-footer__inner{display:block}}@media(max-width:30rem){.kc-wordmark__text{display:none}.kc-header__inner{gap:var(--hig-spacing-2)}.kc-nav{gap:var(--hig-spacing-2)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.kc-sb{box-sizing:border-box;position:fixed;inset-block:0;inset-inline-start:0;inline-size:15rem;background:var(--hig-color-secondary-system-background);border-inline-end:1px solid var(--hig-color-separator);display:flex;flex-direction:column;padding:var(--hig-spacing-3);gap:var(--hig-spacing-1);overflow:auto;z-index:30}
.kc-sb>*{flex-shrink:0}
.kc-sb a,.kc-sb__new,.kc-account-chip,#kc-session-nav-side .kc-session-menu__item{box-sizing:border-box}
.kc-sb__brand{display:block;padding:var(--hig-spacing-1) var(--hig-spacing-1) var(--hig-spacing-2)}
.kc-sb__brand img{display:block;inline-size:100%;max-inline-size:13rem;block-size:auto}
.kc-sb__new{display:flex;align-items:center;justify-content:center;min-height:2.25rem;margin-block-end:var(--hig-spacing-1);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-sm,8px);background:var(--hig-color-system-background);color:var(--hig-color-label);font:inherit;font-size:var(--hig-text-subheadline-font-size);font-weight:700;cursor:pointer;text-decoration:none}
.kc-sb__new:hover{background:var(--hig-color-tertiary-system-background,var(--hig-color-secondary-system-background))}
.kc-sb__group{margin-top:var(--hig-spacing-3);padding-inline:var(--hig-spacing-2);font-family:var(--hig-font-mono);font-size:var(--hig-text-caption2-font-size);font-weight:700;letter-spacing:.08em;color:var(--hig-color-secondary-label)}
.kc-sb a{display:flex;align-items:center;min-height:2rem;padding:var(--hig-spacing-1) var(--hig-spacing-2);border-radius:var(--hig-radius-xs,6px);color:var(--hig-color-label);font-size:var(--hig-text-subheadline-font-size);line-height:1.4;font-weight:500;text-decoration:none;white-space:nowrap}
.kc-sb a:hover{background:var(--hig-color-system-background)}
.kc-sb a[data-current=true]{background:var(--hig-color-system-background);color:var(--hig-color-tint);font-weight:700;box-shadow:inset 3px 0 0 var(--hig-color-tint)}
.kc-sb__badge{margin-inline-start:auto;padding:0 var(--hig-spacing-2);border-radius:var(--hig-radius-capsule,999px);border:1px solid var(--hig-color-tint);color:var(--hig-color-tint);font-size:var(--hig-text-caption2-font-size);font-weight:700;letter-spacing:.04em;line-height:1.5}
.kc-sb__foot{flex:none;margin-top:auto;border-top:1px solid var(--hig-color-separator);padding-top:var(--hig-spacing-2);color:var(--hig-color-secondary-label);font-size:var(--hig-text-caption1-font-size)}
.kc-sb__foot .ck-account{color:var(--hig-color-label)}
.kc-header__tools .ck-account{inline-size:auto}
.kc-header__tools .ck-account__session{inline-size:auto}
.kc-header__tools .ck-account__chip{inline-size:auto;max-inline-size:14rem}
.kc-header__tools .ck-account__menu[data-chrome=float]{inset-inline:auto 0}
.kc-sb-main>.ck-topbar{margin:calc(-1 * var(--hig-spacing-6)) calc(-1 * var(--hig-spacing-5)) var(--hig-spacing-5)}
.kc-topbar__link{color:var(--hig-color-label);font-weight:700;text-decoration:none;padding:var(--hig-spacing-2) var(--hig-spacing-3);border-radius:var(--hig-radius-sm,8px)}
.kc-topbar__link:hover{background:var(--hig-color-secondary-system-background)}
.kc-topbar__chip{display:inline-flex;align-items:center;gap:var(--hig-spacing-2);min-height:2.25rem;padding:0 var(--hig-spacing-3);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-capsule,999px);color:var(--hig-color-label);font-family:var(--hig-font-mono);font-weight:700;text-decoration:none;background:var(--hig-color-secondary-system-background)}
.kc-topbar__chip--setup{border-color:var(--hig-color-tint);color:var(--hig-color-tint);font-family:inherit}
.kc-topbar__chip--setup[data-state=done]{border-color:var(--hig-palette-green);color:var(--hig-palette-green)}
.kc-setup-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hig-spacing-3);margin:0 0 var(--hig-spacing-5);padding:var(--hig-spacing-3) var(--hig-spacing-4);border:1px solid var(--hig-color-separator);border-inline-start:4px solid var(--hig-color-tint);border-radius:var(--hig-radius-sm,8px);background:var(--hig-color-secondary-system-background)}
.kc-setup-banner a{font-weight:700}
body:has(.kc-sb){padding-inline-start:15rem}
.kc-sb-main{min-height:calc(100dvh - 65px);padding:var(--hig-spacing-6) var(--hig-spacing-5)}
@media(max-width:64rem){body:has(.kc-sb){padding-inline-start:0;padding-block-start:3.25rem}
.kc-sb{inset-block:0 auto;inset-inline:0;inline-size:auto;block-size:3.25rem;flex-direction:row;align-items:center;gap:var(--hig-spacing-1);padding:0 var(--hig-spacing-2);border-inline-end:none;border-block-end:1px solid var(--hig-color-separator);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.kc-sb::-webkit-scrollbar{display:none}
.kc-sb__group{display:none}
.kc-sb__brand{flex:none;padding:0 var(--hig-spacing-1)}
.kc-sb__brand img{inline-size:auto;block-size:1.5rem}
.kc-sb__new{flex:none;min-height:2.25rem;padding-inline:var(--hig-spacing-3)}
.kc-sb a{flex:none;min-height:2.25rem;font-size:var(--hig-text-footnote-font-size)}
.kc-sb__foot{position:sticky;inset-inline-end:0;margin-top:0;margin-inline-start:auto;margin-inline-end:calc(-1 * var(--hig-spacing-2));border-top:none;padding:0 var(--hig-spacing-2);flex:none;background:var(--hig-color-secondary-system-background)}
.kc-sb__foot .ck-account{inline-size:auto}
.kc-sb__foot .ck-account__chip{min-height:2.25rem;max-inline-size:12rem}
.kc-sb-main{min-height:0;padding:var(--hig-spacing-5) var(--hig-spacing-4)}
.kc-sb-main>.ck-topbar{top:3.25rem;margin:calc(-1 * var(--hig-spacing-5)) calc(-1 * var(--hig-spacing-4)) var(--hig-spacing-4);padding:var(--hig-spacing-2) var(--hig-spacing-4)}
.ck-topbar__group,.ck-topbar__sep{display:none}}
@media(max-width:30rem){.kc-sb-main{padding:var(--hig-spacing-4) var(--hig-spacing-3)}
.kc-sb-main>.ck-topbar{min-height:2.5rem;margin:calc(-1 * var(--hig-spacing-4)) calc(-1 * var(--hig-spacing-3)) var(--hig-spacing-3);padding:var(--hig-spacing-1) var(--hig-spacing-3)}
.kc-topbar__link{display:none}
.kc-topbar__chip{min-height:2rem;font-size:var(--hig-text-caption1-font-size)}}
.kc-research-hero{padding-block:clamp(3rem,8vw,7rem)}.kc-research-hero h1{max-width:18ch;white-space:pre-line;letter-spacing:-.04em;line-height:1.12}.kc-research-hero .kc-lead{max-width:52rem}.kc-research-section{padding-block:var(--hig-spacing-8)}.kc-research-form{display:grid;gap:var(--hig-spacing-4);max-width:48rem}.kc-research-form label{display:grid;gap:var(--hig-spacing-2)}.kc-research-form input:not([type=checkbox]),.kc-research-form textarea,.kc-research-form select{box-sizing:border-box;width:100%;min-height:44px;padding:var(--hig-spacing-3);font:inherit;color:inherit;background:var(--hig-color-system-background);border:1px solid var(--hig-color-label);border-radius:var(--hig-radius-sm)}.kc-research-form textarea{min-height:8rem}.kc-research-form .kc-check{display:flex;align-items:start;gap:var(--hig-spacing-3)}.kc-check input{min-width:24px;min-height:24px}.kc-research-result{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.kc-research-model{overflow-wrap:anywhere}@media(max-width:48rem){.kc-research-hero .dads-heading[data-size='64']{font-size:var(--hig-text-large-title-font-size);line-height:var(--hig-text-large-title-line-height)}.kc-nav .dads-button{white-space:nowrap}}.kc-research-note{padding:var(--hig-spacing-4);border-inline-start:4px solid var(--hig-color-label)}

[hidden]{display:none!important}
.go-shell{display:flex;flex-direction:column;height:calc(100dvh - 5rem);min-height:36rem;max-height:64rem;border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-lg);background:var(--hig-color-system-background);overflow:hidden}
.go-toolbar,.go-model-row,.go-compose-actions{display:flex;align-items:center;gap:var(--hig-spacing-3);padding:var(--hig-spacing-3) var(--hig-spacing-4);flex-wrap:wrap}
.go-toolbar{justify-content:space-between;border-bottom:1px solid var(--hig-color-separator)}
.go-free{margin-inline-start:var(--hig-spacing-3);color:var(--hig-color-secondary-label);font-size:var(--hig-text-caption1-font-size)}
.go-model-row{font-size:var(--hig-text-footnote-font-size)}
[data-ck-chat="model"]{max-width:100%;min-width:0;flex:1}
.go-model-row small{flex-basis:100%;color:var(--hig-color-secondary-label)}
.go-conversation{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.go-welcome{margin:auto;text-align:center;padding:var(--hig-spacing-6) var(--hig-spacing-4)}
.go-welcome h1{font-size:var(--hig-text-title1-font-size)}
.go-mark{color:var(--hig-color-tint);font-size:var(--hig-text-large-title-font-size)}
[data-ck-chat="messages"]{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:var(--hig-spacing-4);scrollbar-gutter:stable}
[data-ck-chat="messages"]:empty{flex:0;padding:0}
.go-message{max-width:46rem;margin:0 auto var(--hig-spacing-5);min-width:0;overflow-wrap:anywhere}
.go-user{background:var(--hig-color-secondary-system-background);border-radius:var(--hig-radius-lg);padding:var(--hig-spacing-4);max-width:38rem;margin-inline-end:0}
.go-role{display:block;font-weight:600;margin-bottom:var(--hig-spacing-2);font-size:var(--hig-text-footnote-font-size)}
.go-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.go-image{display:block;max-width:100%;height:auto;border-radius:var(--hig-radius-md)}
.go-steps{display:flex;flex-wrap:wrap;gap:var(--hig-spacing-2);padding:0;list-style:none;font-size:var(--hig-text-caption1-font-size);color:var(--hig-color-secondary-label)}
.go-steps li{border-bottom:2px solid var(--hig-color-separator);padding-block:var(--hig-spacing-2)}
.go-steps [data-state=current]{color:var(--hig-color-tint);border-color:currentColor;font-weight:600}
.go-steps [data-state=done]::before{content:'✓ ';}
.go-turn-status{font-size:var(--hig-text-footnote-font-size);color:var(--hig-color-secondary-label)}
[data-failed=true] .go-turn-status{color:var(--hig-color-label)}
.go-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hig-spacing-3);margin-block:var(--hig-spacing-3)}
.go-actions small{flex-basis:100%;overflow-wrap:anywhere}
.go-composer{flex-shrink:0;border-top:1px solid var(--hig-color-separator);padding:var(--hig-spacing-3) var(--hig-spacing-4);padding-bottom:max(var(--hig-spacing-3),env(safe-area-inset-bottom))}
[data-ck-chat="prompt"]{display:block;width:100%;box-sizing:border-box;min-height:3rem;max-height:180px;resize:none;font-size:var(--hig-text-body-font-size);margin-top:var(--hig-spacing-2)}
.go-compose-actions{padding-inline:0}.go-compose-actions small{margin-inline-start:auto;color:var(--hig-color-secondary-label)}
.go-consent{display:flex;gap:var(--hig-spacing-2);align-items:flex-start;font-size:var(--hig-text-caption1-font-size);line-height:1.5}.go-consent input{flex-shrink:0;min-width:1.25rem;min-height:1.25rem}
[data-ck-chat="status"]{min-height:1.5em;margin:var(--hig-spacing-2) 0 0;font-size:var(--hig-text-caption1-font-size)}
.go-latest{position:absolute;bottom:var(--hig-spacing-2);right:var(--hig-spacing-4)}
.go-about{margin-block:var(--hig-spacing-5)}
@media(max-width:600px){.ap:has(.go-shell){padding-inline:var(--hig-spacing-2);padding-top:var(--hig-spacing-2)}.go-shell{height:calc(100dvh - 4.5rem);min-height:30rem;border-radius:var(--hig-radius-md)}.go-toolbar,.go-model-row{padding:var(--hig-spacing-2) var(--hig-spacing-3)}.go-toolbar button{min-height:44px}.go-toolbar .go-free{display:none}.go-composer{padding-inline:var(--hig-spacing-3)}.go-compose-actions small{display:none}.go-compose-actions{justify-content:space-between}[data-ck-chat="messages"]{padding:var(--hig-spacing-3)}.go-welcome{padding:var(--hig-spacing-3)}.go-welcome h1{font-size:var(--hig-text-title2-font-size)}.go-model-row small{margin:0}.go-consent{max-height:4.5rem;overflow:auto}}
@media(max-height:600px){.go-shell{min-height:24rem}.go-welcome{display:none}.go-consent{max-height:3rem;overflow:auto}}

.go-shell{color-scheme:light}
.go-shell :focus-visible{outline:2px solid var(--hig-color-tint);outline-offset:3px}
.go-composer{padding-left:max(var(--hig-spacing-3),env(safe-area-inset-left));padding-right:max(var(--hig-spacing-3),env(safe-area-inset-right))}
.go-toolbar{padding-top:max(var(--hig-spacing-3),env(safe-area-inset-top))}
@media(max-width:600px){.go-toolbar{flex-wrap:nowrap}.go-toolbar button{padding:var(--hig-spacing-2);white-space:nowrap}.go-compose-actions{flex-wrap:nowrap}.go-consent{max-height:none;overflow:visible}}
.chat-workspace [data-ck-chat="model"]{min-height:44px;border:1px solid var(--hig-color-separator);border-radius:10px;padding:8px;background:white;color:var(--hig-color-label);font-size:14px}
.chat-workspace [data-ck-chat="history-toggle"]{border:0;border-radius:10px;background:var(--hig-color-secondary-system-background);padding:8px 12px;color:var(--hig-color-label)}
.chat-policy{max-width:min(640px,calc(100vw - 32px));max-height:80dvh;border:1px solid var(--hig-color-separator);border-radius:20px;padding:20px;overflow:auto}.chat-policy button{min-height:44px}.chat-policy::backdrop{background:rgb(0 0 0 / 40%)}
/* Conversation workspace: history, messages and a persistent composer. */
body:has(.chat-workspace){overflow:hidden}.chat-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);height:calc(100dvh - 65px);max-width:none!important;padding:0!important;margin:0!important;position:relative}.chat-sidebar{display:flex;flex-direction:column;padding:16px;background:var(--hig-color-secondary-system-background);border-right:1px solid var(--hig-color-separator);min-height:0;gap:12px}.chat-sidebar h2{font-size:14px;margin:8px}.chat-sidebar button{min-height:48px;border:0;border-radius:10px;text-align:left;padding:10px 12px;background:transparent;color:var(--hig-color-label);font:inherit}.chat-sidebar [data-ck-chat="new"]{background:white;border:1px solid var(--hig-color-separator);text-align:center}.chat-sidebar [data-ck-chat="list"]{flex:1;overflow:auto;min-height:0}.chat-item{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item[aria-current=page]{background:var(--hig-color-tertiary-system-background,var(--hig-color-separator))}.chat-sidebar p{font-size:12px;color:var(--hig-color-secondary-label);margin:0}.chat-workspace .go-shell{height:100%;min-height:0;max-height:none;border:0;border-radius:0}.chat-workspace .go-toolbar{flex-wrap:nowrap;min-height:52px;padding:8px 20px;gap:12px}.chat-workspace [data-ck-chat="title"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.chat-workspace .go-model-row{max-width:800px;width:100%;box-sizing:border-box;margin-inline:auto}.chat-workspace .go-composer{width:min(100%,800px);box-sizing:border-box;margin-inline:auto;border:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}.chat-workspace [data-ck-chat="prompt"]{border-radius:16px;background:var(--hig-color-secondary-system-background);padding:14px}.chat-workspace [data-ck-chat="messages"]{padding-inline:max(20px,calc((100% - 760px)/2))}.chat-workspace .go-welcome{padding:16px}.chat-workspace .go-welcome h1{font-size:28px}.chat-workspace .go-welcome p{margin:8px}.chat-workspace [data-ck-chat="usage"]{font-size:12px;color:var(--hig-color-secondary-label);padding:4px 20px;text-align:center;margin:0}.chat-workspace .go-model-row label{display:none}.chat-workspace .go-model-row small{font-size:11px}.chat-workspace .go-consent{font-size:11px}.chat-workspace [data-ck-chat="history-toggle"],.chat-workspace [data-ck-chat="history-close"]{display:none}.chat-account{font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-workspace .go-toolbar button{min-height:44px}.chat-sidebar a{min-height:44px;display:flex;align-items:center;font-size:14px}.chat-workspace button:focus-visible{outline:3px solid var(--hig-color-tint);outline-offset:2px}
@media(max-width:767px){.chat-workspace{grid-template-columns:minmax(0,1fr)}.chat-sidebar{display:none;position:absolute;inset:0;z-index:30}.chat-sidebar.is-open{display:flex}.chat-workspace [data-ck-chat="history-toggle"],.chat-workspace [data-ck-chat="history-close"]{display:block}.chat-workspace .go-toolbar{padding:4px 12px}.chat-workspace .go-model-row{padding:4px 12px}.chat-workspace .go-model-row small{display:none}.chat-workspace .go-composer{padding:8px 12px max(8px,env(safe-area-inset-bottom))}.chat-workspace .go-welcome p{font-size:13px}.chat-workspace [data-ck-chat="messages"]{padding:12px}.chat-account{max-width:110px}.chat-workspace [data-ck-chat="usage"]{padding:2px 8px;font-size:11px}.chat-workspace .go-consent{line-height:1.3}.chat-workspace [data-ck-chat="status"]{margin:2px 0}.chat-workspace .go-compose-actions{padding-block:6px}}
@media(max-height:650px){.chat-workspace .go-welcome p,.chat-workspace .go-welcome .go-mark{display:none}.chat-workspace .go-welcome h1{font-size:20px}.chat-workspace .go-composer>label:first-child{display:none}}

/* Show the conversation and its next action; reveal secondary information on demand. */
.chat-workspace .go-composer>label:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.chat-workspace .go-composer{border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-lg);width:calc(100% - 32px);max-width:760px;margin-bottom:16px;padding:12px;background:var(--hig-color-system-background)}
.chat-workspace [data-ck-chat="prompt"]{margin:0;border:0;background:transparent;min-height:72px;padding:8px;outline-offset:0}
.chat-workspace .go-compose-actions{padding:4px 0;gap:12px;flex-wrap:nowrap}
.chat-workspace .go-model-row{padding:0;margin:0;width:auto;max-width:calc(100% - 96px);flex:0 1 auto;display:flex;margin-right:auto}
.chat-workspace [data-ck-chat="model"]{width:auto;min-height:44px;border:0;background:var(--hig-color-secondary-system-background);font-size:14px}
.chat-workspace .go-consent{align-items:center;font-size:12px;margin-top:8px;gap:8px}
[data-ck-chat="consent-details"]{border:0;background:transparent;text-decoration:underline;color:inherit;padding:8px;min-height:44px;font:inherit}
.chat-workspace [data-ck-chat="status"]:empty{display:none}
.chat-workspace .go-toolbar{border:0;min-height:44px}
.chat-workspace .go-toolbar:has([data-ck-chat="title"]:empty){visibility:hidden}
.chat-workspace .chat-sidebar h2{border:0;margin:4px 8px;font-weight:500;color:var(--hig-color-secondary-label)}
.chat-policy>*{margin-block:12px}.chat-policy button,.chat-policy a{min-height:44px}.chat-policy a{display:flex;align-items:center}.chat-policy [data-ck-chat="delete"]{display:block}
@media(max-width:767px){.chat-workspace .go-toolbar:has([data-ck-chat="title"]:empty){visibility:visible}.chat-workspace .go-composer{width:calc(100% - 16px);margin-bottom:max(8px,env(safe-area-inset-bottom));padding:8px}.chat-workspace .go-consent{font-size:11px;gap:4px}.chat-workspace .go-welcome h1{font-size:24px}}

.chat-workspace{height:calc(100dvh - 72px);min-height:0}.go-shell{min-width:0}.norbert-settings{width:min(700px,calc(100% - 24px));max-height:85dvh;overflow:auto;background:var(--hig-color-system-background);color:var(--hig-color-label);border:1px solid var(--hig-color-separator);border-radius:16px;padding:24px}.norbert-settings::backdrop{background:rgb(0 0 0 / 40%)}.norbert-settings label{display:block;margin:16px 0 6px}.norbert-settings input,.norbert-settings select{width:100%;min-height:44px}.chat-workspace button{border:0;border-radius:10px;padding:8px 14px;cursor:pointer}.chat-workspace button:disabled{opacity:.5;cursor:wait}.chat-workspace button:not([type=submit]){background:var(--hig-color-secondary-system-background);color:inherit}.chat-sidebar button{min-height:44px;text-align:start}.chat-sidebar nav{flex:1;overflow:auto}.chat-sidebar nav button{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.go-compose-actions button{min-height:44px}.norbert-status:empty{display:none}.norbert-status{font-size:14px;margin:8px 0}.go-output{white-space:pre-wrap;overflow-wrap:anywhere}.go-welcome h1{font-size:clamp(24px,5vw,36px)}.go-toolbar{justify-content:space-between}.go-toolbar>span{min-width:0;overflow-wrap:anywhere;font-size:.875rem}.kc-header{min-height:64px}.chat-sidebar a{padding:12px}.norbert-settings button{min-height:44px}.go-conversation{min-height:0}.chat-workspace button:focus-visible{outline:3px solid var(--hig-color-tint);outline-offset:2px}#norbert-model{max-width:16rem;min-height:36px;border:1px solid var(--hig-color-separator);border-radius:10px;padding:4px 8px;font:inherit;background:var(--hig-color-secondary-system-background);color:inherit}@media(max-width:767px){#norbert-model{max-width:9rem}}@media(max-width:767px){.chat-workspace{height:calc(100dvh - 64px)}.kc-header__brand-subtitle{display:none}.norbert-settings{padding:16px}}
.kb-console{max-width:100%;}.kb-workbench-header{padding-block:1.25rem;}.kb-workbench-header .dads-heading{margin-block:0 .5rem;}.kb-workbench-header .kb-lead{font-size:1rem;max-width:none;}.kb-workbench-header p{margin-block:.5rem 0;}.kb-console .dds-ext-section{padding-block:1.25rem;}.kb-console .dds-ext-section>.dads-heading{margin-block:0 .75rem;}.kb-node-inspector{padding:1rem;border:1px solid var(--color-neutral-solid-gray-200);border-radius:.5rem;margin-block:1rem;overflow-wrap:anywhere;}.kb-graph-node[data-selected] circle{stroke:var(--color-key-700);stroke-width:5;}.kb-graph-node:focus-visible{outline:2px solid var(--color-key-700);}.kb-console .kb-footer{grid-column:1/-1;}@media(min-width:64rem){.kb-console{display:grid;grid-template-columns:12rem minmax(0,1fr);column-gap:1.5rem;padding-inline:1.5rem;}.kb-console>.kb-site-header,.kb-workbench-header{grid-column:1/-1;}.kb-console-nav{flex-direction:column;align-self:start;top:1rem;border:1px solid var(--color-neutral-solid-gray-200);border-radius:.5rem;padding:.5rem;}.kb-console-nav a{flex:none;justify-content:flex-start;padding-inline:1rem;text-align:start;}.kb-console-nav a[aria-current=page]{background:var(--color-neutral-solid-gray-50);box-shadow:inset .2rem 0 var(--color-key-700);}.kb-console-main{min-width:0;}.kb-console-main .dds-ext-section:first-child{padding-top:0;}.kb-console .kb-desktop-nav{margin-left:auto;}}.kb-metric{font-variant-numeric:tabular-nums;}
.kb-skip{position:absolute;inset-inline-start:1rem;top:-5rem;z-index:100;padding:.75rem;background:var(--color-neutral-white);color:var(--color-neutral-solid-gray-900);}
.kb-skip:focus{top:1rem;}
[data-bad="1"]{color:var(--color-semantic-error-1);}
.kb-console-nav{position:sticky;top:0;z-index:10;display:flex;background:var(--color-neutral-white);color:var(--color-neutral-solid-gray-800);border-block:1px solid var(--color-neutral-solid-gray-200);overflow-x:auto;}
.kb-console-nav a{min-height:3rem;min-width:6rem;flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem .25rem;text-align:center;text-decoration:none;font-size:.8125rem;white-space:nowrap;color:inherit;}
.kb-console-nav a[aria-current="page"]{font-weight:700;color:var(--color-key-900);box-shadow:inset 0 -.2rem var(--color-key-700);}
.kb-console-main{min-height:55vh;}
.kb-console[data-spa-ready="1"] [data-panel][hidden]{display:none;}
.kb-identity{overflow-wrap:anywhere;}
.kb-pin-list{display:grid;gap:.75rem;}
.kb-pin{border:1px solid var(--color-neutral-solid-gray-200);border-radius:.5rem;padding:1rem;}
.kb-pin-head{display:flex;gap:.75rem;align-items:center;justify-content:space-between;}
.kb-badge{display:inline-flex;padding:.2rem .5rem;border-radius:999px;background:var(--color-primitive-green-50);color:var(--color-primitive-green-900);font-size:.75rem;}
.kb-cid{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;margin:.75rem 0;}
.kb-copy{min-height:2.75rem;border:1px solid var(--color-key-700);border-radius:.25rem;background:var(--color-neutral-white);color:var(--color-key-900);padding:.5rem .75rem;}
.kb-audit{width:100%;overflow-x:auto;display:block;}
.kb-db-table{width:100%;min-width:48rem;border-collapse:collapse;}
.kb-db-table th,.kb-db-table td{padding:.65rem;text-align:left;border-bottom:1px solid var(--color-neutral-solid-gray-200);}
.kb-db-table td:nth-child(4){max-width:24rem;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
.kb-row-actions{display:flex;gap:.5rem;flex-wrap:wrap;}
.kb-inline-action{min-height:2.75rem;padding:.4rem .7rem;border:1px solid var(--color-key-700);border-radius:.25rem;background:var(--color-neutral-white);color:var(--color-key-900);}
.kb-confirm{border-inline-start:.25rem solid var(--color-semantic-error-1);padding:1rem;margin-block:1rem;background:var(--color-neutral-solid-gray-50);}
.kb-onboarding li{margin-block:.75rem;}
.kb-explore-controls{display:grid;gap:.75rem;align-items:end;margin-bottom:1rem;}
.kb-table-wrap,.kb-graph-wrap{overflow:auto;border:1px solid var(--color-neutral-solid-gray-200);border-radius:.5rem;}
.kb-data-table{width:100%;min-width:42rem;border-collapse:collapse;}
.kb-data-table th{position:sticky;top:0;background:var(--color-neutral-white);color:var(--color-neutral-solid-gray-900);z-index:1;}
.kb-data-table th,.kb-data-table td{text-align:left;padding:.65rem;border-bottom:1px solid var(--color-neutral-solid-gray-200);max-width:30rem;overflow-wrap:anywhere;}
.kb-graph-wrap{background:var(--color-neutral-white);color:var(--color-neutral-solid-gray-800);touch-action:pan-x pan-y;}
.kb-graph{display:block;width:100%;min-width:44rem;min-height:28rem;touch-action:none;cursor:grab;}
.kb-graph:active{cursor:grabbing;}
.kb-graph-edge{stroke:var(--color-neutral-solid-gray-400);stroke-width:1.5;}
.kb-graph-edge-label,.kb-graph-node text{font-size:12px;fill:var(--color-neutral-solid-gray-800);paint-order:stroke;stroke:var(--color-neutral-white);stroke-width:3px;}
.kb-graph-node circle{fill:var(--color-key-100);stroke:var(--color-key-700);stroke-width:2;}
.kb-graph-node--value circle{fill:var(--color-primitive-green-50);stroke:var(--color-primitive-green-700);}
.kb-graph-list{max-height:12rem;overflow:auto;}
.kb-schema-table{width:100%;min-width:32rem;}
.kb-query-tools{display:grid;gap:1rem;margin-top:1rem;}
.kb-query-layout{display:grid;gap:1rem;}
.kb-result-links{display:grid;gap:.5rem;margin-block:.75rem;}
.kb-result-links a{overflow-wrap:anywhere;}
.kb-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-block:.5rem;}
.kb-chip{min-height:2.5rem;padding:.35rem .65rem;border:1px solid var(--color-neutral-solid-gray-300);border-radius:999px;background:var(--color-neutral-white);}
.kb-out{max-height:24em;overflow:auto;white-space:pre;font-variant-numeric:tabular-nums;}
@media(max-width:48rem){.dds-ext-container{padding-inline:max(1rem,env(safe-area-inset-left)) max(1rem,env(safe-area-inset-right));}.dds-ext-hero{padding-block:1.5rem 1rem;}.kb-actions{display:grid;grid-template-columns:1fr;width:100%;}.kb-actions .dads-button{width:100%;justify-content:center;}.kb-console-nav{margin-inline:-1rem;}.kb-audit{font-size:.8125rem;}}
@media(min-width:48rem){.kb-explore-controls{grid-template-columns:minmax(14rem,2fr) 8rem minmax(12rem,1fr) auto;}.kb-query-tools{grid-template-columns:1fr 1fr;}}
@media(min-width:64rem){.kb-query-layout{grid-template-columns:minmax(20rem,2fr) minmax(18rem,1fr);}.kb-console-nav a[aria-current=page]{box-shadow:inset .2rem 0 var(--color-key-700);}}
.kb-console .dds-ext-card,.kb-console .kb-query-layout>*{min-width:0;overflow-wrap:anywhere;}.kb-console .dads-input-text,.kb-console .dads-textarea,.kb-console .dads-select,.kb-console .dads-select__control{width:100%;min-width:0;}.kb-console input,.kb-console textarea,.kb-console select{max-width:100%;box-sizing:border-box;}.kb-console .kb-actions{display:flex;flex-wrap:wrap;gap:var(--hig-spacing-2);margin-block:var(--hig-spacing-2);}.kb-console pre{max-width:100%;overflow:auto;font-family:var(--hig-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;}.kb-console .kb-code{font-family:var(--hig-font-mono);}#knowledge-view[hidden]{display:none;}
#knowledge-view{padding-block:var(--hig-spacing-6);background:var(--color-neutral-white);border-top:1px solid var(--color-neutral-solid-gray-200);}
.kc-knowledge-header{margin-bottom:var(--hig-spacing-6);padding-bottom:var(--hig-spacing-4);border-bottom:1px solid var(--color-neutral-solid-gray-100);}
.kc-knowledge-nav{display:flex;align-items:center;gap:var(--hig-spacing-4);margin-bottom:var(--hig-spacing-3);}
.kc-knowledge-back{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;text-decoration:none;font-size:.875rem;color:var(--color-key-900);}
.kc-knowledge-back:hover{text-decoration:underline;}
.kc-knowledge-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:var(--hig-spacing-2);}
.kc-knowledge-badge{display:inline-flex;align-items:center;font-size:.75rem;padding:.2rem .65rem;border-radius:9999px;background:var(--color-neutral-solid-gray-100);color:var(--color-neutral-solid-gray-800);border:1px solid var(--color-neutral-solid-gray-200);}
.kc-knowledge-badge--primary{background:var(--color-primitive-blue-50);color:var(--color-key-900);border-color:var(--color-key-300);font-weight:600;}
.kc-knowledge-connect{display:flex;align-items:center;gap:var(--hig-spacing-4);flex-wrap:wrap;margin-bottom:var(--hig-spacing-6);padding:var(--hig-spacing-4);border-radius:.5rem;background:var(--color-neutral-solid-gray-50);border:1px solid var(--color-neutral-solid-gray-200);}
.kc-knowledge-state{margin:0;font-size:.875rem;color:var(--color-neutral-solid-gray-700);}
.kc-knowledge-state[data-bad="1"]{color:var(--color-semantic-error-1);font-weight:600;}
#knowledge-view template{display:none;}

:root { --hig-color-label: var(--color-neutral-solid-gray-800); --hig-color-opaque-separator: var(--color-neutral-solid-gray-300); --hig-color-placeholder-text: var(--color-neutral-solid-gray-500); --hig-color-quaternary-label: var(--color-neutral-solid-gray-420); --hig-color-quaternary-system-fill: var(--color-neutral-solid-gray-100); --hig-color-secondary-label: var(--color-neutral-solid-gray-600); --hig-color-secondary-system-background: var(--color-neutral-solid-gray-50); --hig-color-secondary-system-fill: var(--color-neutral-solid-gray-200); --hig-color-secondary-system-grouped-background: var(--color-neutral-white); --hig-color-separator: var(--color-neutral-solid-gray-300); --hig-color-system-background: var(--color-neutral-white); --hig-color-system-fill: var(--color-neutral-solid-gray-200); --hig-color-system-grouped-background: var(--color-neutral-solid-gray-50); --hig-color-tertiary-label: var(--color-neutral-solid-gray-500); --hig-color-tertiary-system-background: var(--color-neutral-solid-gray-50); --hig-color-tertiary-system-fill: var(--color-neutral-solid-gray-100); --hig-color-tertiary-system-grouped-background: var(--color-neutral-solid-gray-50); --hig-color-tint: var(--color-key-900); --hig-font-display: var(--font-family-sans); --hig-font-mono: var(--font-family-mono); --hig-font-text: var(--font-family-sans); --hig-hairline: var(--color-neutral-solid-gray-300); --hig-palette-blue: var(--color-key-900); --hig-palette-cyan: var(--color-primitive-cyan-700); --hig-palette-gray: var(--color-neutral-solid-gray-500); --hig-palette-green: var(--color-primitive-green-700); --hig-palette-orange: var(--color-primitive-orange-800); --hig-palette-pink: var(--color-primitive-magenta-700); --hig-palette-purple: var(--color-primitive-purple-700); --hig-palette-red: var(--color-primitive-red-800); --hig-palette-yellow: var(--color-primitive-yellow-700); --hig-radius-capsule: 999px; --hig-radius-large: calc(20 / 16 * 1rem); --hig-radius-lg: calc(20 / 16 * 1rem); --hig-radius-md: calc(14 / 16 * 1rem); --hig-radius-sm: calc(10 / 16 * 1rem); --hig-radius-xl: calc(28 / 16 * 1rem); --hig-radius-xs: calc(6 / 16 * 1rem); --hig-spacing-1: calc(4 / 16 * 1rem); --hig-spacing-10: calc(64 / 16 * 1rem); --hig-spacing-2: calc(8 / 16 * 1rem); --hig-spacing-3: calc(12 / 16 * 1rem); --hig-spacing-4: calc(16 / 16 * 1rem); --hig-spacing-5: calc(20 / 16 * 1rem); --hig-spacing-6: calc(24 / 16 * 1rem); --hig-spacing-7: calc(32 / 16 * 1rem); --hig-spacing-8: calc(40 / 16 * 1rem); --hig-spacing-9: calc(48 / 16 * 1rem); --hig-spacing-content-margin: calc(16 / 16 * 1rem); --hig-text-body-font-size: calc(17 / 16 * 1rem); --hig-text-body-line-height: calc(22 / 16 * 1rem); --hig-text-callout-font-size: calc(16 / 16 * 1rem); --hig-text-callout-line-height: calc(21 / 16 * 1rem); --hig-text-caption1-font-size: calc(12 / 16 * 1rem); --hig-text-caption1-line-height: calc(16 / 16 * 1rem); --hig-text-caption2-font-size: calc(11 / 16 * 1rem); --hig-text-caption2-line-height: calc(13 / 16 * 1rem); --hig-text-footnote-font-size: calc(13 / 16 * 1rem); --hig-text-footnote-line-height: calc(18 / 16 * 1rem); --hig-text-headline-font-size: calc(17 / 16 * 1rem); --hig-text-headline-line-height: calc(22 / 16 * 1rem); --hig-text-large-title-font-size: calc(34 / 16 * 1rem); --hig-text-large-title-line-height: calc(41 / 16 * 1rem); --hig-text-subheadline-font-size: calc(15 / 16 * 1rem); --hig-text-subheadline-line-height: calc(20 / 16 * 1rem); --hig-text-title1-font-size: calc(28 / 16 * 1rem); --hig-text-title1-line-height: calc(34 / 16 * 1rem); --hig-text-title2-font-size: calc(22 / 16 * 1rem); --hig-text-title2-line-height: calc(28 / 16 * 1rem); --hig-text-title3-font-size: calc(20 / 16 * 1rem); --hig-text-title3-line-height: calc(25 / 16 * 1rem); }
.security-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--hig-spacing-3,12px)}.security-results button{text-align:left;background:var(--hig-color-secondary-system-background);overflow-wrap:anywhere}.security-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.ck-catalog small{display:block;color:var(--hig-color-secondary-label)}.ck-catalog li{margin:var(--hig-spacing-3,10px) 0}
.csf2-chart{display:grid;gap:var(--hig-spacing-2,8px);margin:var(--hig-spacing-4,16px) 0 var(--hig-spacing-5,20px)}.csf2-row{display:grid;grid-template-columns:5.5em 1fr 4.5em;align-items:center;gap:var(--hig-spacing-2,8px)}.csf2-fn{font-size:var(--hig-text-footnote-font-size,.85rem);color:var(--hig-color-secondary-label)}.csf2-count{font-variant-numeric:tabular-nums;color:var(--hig-color-label);font-size:var(--hig-text-footnote-font-size,.85rem);text-align:right}.csf2-bar{height:12px;border-radius:var(--hig-radius-capsule,999px);border:1px solid var(--hig-color-separator);background:var(--hig-color-tertiary-system-background);overflow:hidden}.csf2-fill{height:100%;min-width:2px;border-radius:var(--hig-radius-capsule,999px);transition:width .2s}@media(prefers-reduced-motion:reduce){.csf2-fill{transition:none}}
Pattern owns the shell. Nothing catalog-specific is left here.
.kcp-fit{margin-top:var(--hig-spacing-6);display:grid;gap:var(--hig-spacing-3)}
.kcp-fit__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--hig-spacing-2);font-size:var(--hig-text-body-font-size,1rem)}
.kcp-fit__list li{padding:var(--hig-spacing-2) 0;border-block-start:1px solid var(--hig-color-separator)}
.kcp-fit__controls{font-family:var(--hig-font-mono,var(--hig-font-mono));font-size:var(--hig-text-caption2-font-size);color:var(--hig-color-secondary-label)}
.kc-comp-row{list-style:none;border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-md,12px);margin-bottom:var(--hig-spacing-2)}
.kc-comp-row__btn{all:unset;display:block;inline-size:100%;padding:var(--hig-spacing-3) var(--hig-spacing-4);cursor:pointer}
.kc-comp-row__btn:hover{background:var(--hig-color-secondary-system-background)}
.kc-comp-row__name{display:block;font-weight:600}
.kc-comp-row__meta{display:block;color:var(--hig-color-secondary-label);font-size:var(--hig-text-caption1-font-size)}
.kc-comp-empty{color:var(--hig-color-secondary-label);list-style:none;padding:var(--hig-spacing-4)}
.kc-comp-detail{border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-md,12px);padding:var(--hig-spacing-5);background:var(--hig-color-secondary-system-background)}
.kc-blog{padding-block:var(--hig-spacing-6)}
.kc-blog__lead{max-width:48rem;color:var(--hig-color-secondary-label);margin-bottom:var(--hig-spacing-5)}
.kc-blog__list{display:grid;gap:var(--hig-spacing-3);padding:0;list-style:none;max-width:48rem}
.kc-blog__item{border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-sm);padding:var(--hig-spacing-4)}
.kc-blog__meta{display:flex;gap:var(--hig-spacing-2);align-items:center;font-size:var(--hig-text-caption2-font-size);color:var(--hig-color-secondary-label);margin-bottom:var(--hig-spacing-1)}
.kc-blog__tag{font-size:var(--hig-text-caption2-font-size);padding:2px var(--hig-spacing-2);border-radius:var(--hig-radius-capsule);border:1px solid var(--hig-color-separator)}
.kc-blog__title a{font-weight:700;text-decoration:none;color:var(--hig-color-label)}
.kc-blog__title a:hover{text-decoration:underline}
.kc-blog__summary{margin-top:var(--hig-spacing-2);color:var(--hig-color-secondary-label)}
.kc-blog__article{max-width:48rem}
.kc-blog__article p{margin-block:var(--hig-spacing-3);line-height:1.8}
.kc-blog__back{display:inline-block;margin-bottom:var(--hig-spacing-3);font-weight:600;text-decoration:none;color:var(--hig-color-label)}
.kc-blog__back:hover{text-decoration:underline}
.ck-console{display:grid;gap:var(--hig-spacing-5)}.ck-console__panel{border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-sm);padding:var(--hig-spacing-5);background:var(--hig-color-system-background)}.ck-console__panel h2{margin-bottom:var(--hig-spacing-2)}.ck-console__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--hig-spacing-4);padding-block:var(--hig-spacing-2);border-bottom:1px solid var(--hig-color-separator);flex-wrap:wrap}.ck-console__row:last-child{border-bottom:none}.ck-console__label{font-family:var(--hig-font-mono);font-size:var(--hig-text-caption1-font-size);font-weight:700;color:var(--hig-color-secondary-label)}.ck-console__value{font-family:var(--hig-font-mono);overflow-wrap:anywhere;min-height:1.2em}.ck-console__value[data-state=loading]{color:var(--hig-color-secondary-label);font-style:italic}.ck-console__value[data-state=error]{color:var(--hig-color-error,var(--hig-color-label));font-weight:700}.ck-console__value[data-state=empty]{color:var(--hig-color-secondary-label)}.ck-console__value[data-state=ok]{font-weight:700;color:var(--hig-color-tint)}.ck-console__note{color:var(--hig-color-secondary-label);font-size:var(--hig-text-caption1-font-size)}.ck-console__badge{display:inline-block;padding:2px var(--hig-spacing-2,6px);border-radius:var(--hig-radius-xs,6px);font-size:var(--hig-text-caption2-font-size);font-weight:700;border:1px solid var(--hig-color-separator);color:var(--hig-color-secondary-label)}.ck-console__badge[data-state=ok]{border-color:var(--hig-color-tint);color:var(--hig-color-tint)}.ck-console__badge[data-state=action]{color:var(--hig-color-primitive-orange-700,#c25700);border-color:currentColor}.ck-console__badge[data-state=error]{color:var(--hig-color-label);border-color:var(--hig-color-label)}
.ck-topbar[data-chrome=top]{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--hig-spacing-3);min-height:3rem;padding:var(--hig-spacing-2) var(--hig-spacing-5);border-block-end:1px solid var(--hig-color-separator);background:var(--hig-color-system-background)}.ck-topbar__section{display:flex;align-items:center;gap:var(--hig-spacing-2);font-weight:700;min-inline-size:0}.ck-topbar__group{color:var(--hig-color-secondary-label)}.ck-topbar__sep{margin:0 var(--hig-spacing-2);color:var(--hig-color-secondary-label)}.ck-topbar__actions{display:flex;align-items:center;gap:var(--hig-spacing-2);flex-wrap:wrap}.ck-account{position:relative;inline-size:100%}.ck-account [hidden]{display:none!important}.ck-account__session{inline-size:100%}.ck-account__chip{display:flex;align-items:center;justify-content:flex-start;gap:var(--hig-spacing-2);inline-size:100%;min-height:2.25rem;padding:var(--hig-spacing-1) var(--hig-spacing-2);border-radius:var(--hig-radius-xs,6px);color:var(--hig-color-label);font:inherit;font-size:var(--hig-text-subheadline-font-size);font-weight:600;line-height:1.25;background:none;border:none;cursor:pointer;text-align:start;list-style:none;box-sizing:border-box}.ck-account__chip:hover{background:var(--hig-color-system-background)}.ck-account__chip::-webkit-details-marker{display:none}.ck-account__chip:focus-visible{outline:2px solid var(--hig-color-tint);outline-offset:2px}.ck-account__avatar{flex:none;inline-size:1.5rem;block-size:1.5rem;display:grid;place-items:center;border-radius:var(--hig-radius-capsule,999px);background:var(--hig-color-tint);color:var(--hig-color-system-background);font-size:var(--hig-text-caption1-font-size);font-weight:700}.ck-account__name{display:grid;min-inline-size:0}.ck-account__name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-account__ws{font-size:var(--hig-text-caption2-font-size);font-weight:400;line-height:1.2;color:var(--hig-color-secondary-label)}.ck-account__caret{margin-inline-start:auto;color:var(--hig-color-secondary-label);transition:transform 120ms}.ck-account__session[open] .ck-account__caret{transform:rotate(180deg)}.ck-account__menu[data-chrome=float]{position:absolute;inset-inline:0;top:calc(100% + var(--hig-spacing-1));z-index:40;min-inline-size:13rem;display:grid;gap:2px;padding:var(--hig-spacing-2);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-md,12px);background:var(--hig-color-system-background);box-shadow:0 8px 24px rgb(0 0 0 / 16%)}.ck-account__session:not([open]) .ck-account__menu{display:none}.ck-account__item{display:flex;align-items:center;min-height:2.5rem;padding:var(--hig-spacing-2) var(--hig-spacing-3);border-radius:var(--hig-radius-sm,8px);color:var(--hig-color-label);font:inherit;font-size:var(--hig-text-subheadline-font-size);font-weight:600;text-decoration:none;white-space:nowrap;background:none;border:none;cursor:pointer;inline-size:100%;text-align:start;box-sizing:border-box}.ck-account__item:hover{background:var(--hig-color-secondary-system-background)}.ck-account__item:focus-visible{outline:2px solid var(--hig-color-tint);outline-offset:-2px}@media(min-width:64rem){.ck-account--rail .ck-account__menu[data-chrome=float]{top:auto;inset-block-end:calc(100% + var(--hig-spacing-1))}}@media(max-width:64rem){.ck-account--rail .ck-account__menu[data-chrome=float]{inset-inline:auto 0}}
.ck-code{--ck-code-comment:var(--hig-color-secondary-label);--ck-code-flag:var(--color-primitive-orange-900,var(--hig-palette-orange));--ck-code-key:var(--hig-color-tint);--ck-code-literal:var(--color-primitive-magenta-800,var(--hig-palette-pink));--ck-code-number:var(--color-primitive-cyan-900,var(--hig-palette-cyan));--ck-code-string:var(--color-primitive-green-900,var(--hig-palette-green));--ck-code-var:var(--color-primitive-purple-800,var(--hig-palette-purple));margin-block:var(--hig-spacing-4);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-sm);background:var(--hig-color-secondary-system-background);color:var(--hig-color-label);overflow:hidden;max-inline-size:100%;min-inline-size:0}.ck-code__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--hig-spacing-2);min-block-size:2.5rem;padding:var(--hig-spacing-1) var(--hig-spacing-2) var(--hig-spacing-1) var(--hig-spacing-4);border-block-end:1px solid var(--hig-color-separator);background:var(--hig-color-tertiary-system-fill);font-size:var(--hig-text-caption1-font-size);color:var(--hig-color-secondary-label)}.ck-code__lang{font-weight:600;letter-spacing:.04em;text-transform:uppercase;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-code__copy{flex:none;min-block-size:2rem}.ck-code__copy[data-state=copied]{color:var(--ck-code-string)}.ck-code__copy[data-state=failed]{color:var(--hig-palette-red,var(--hig-color-label))}.ck-code pre{margin:0;padding:var(--hig-spacing-4);overflow-x:auto;overscroll-behavior-x:contain;font-family:var(--hig-font-mono);font-size:var(--hig-text-subheadline-font-size);line-height:1.6;tab-size:2;white-space:pre;color:inherit;-webkit-text-size-adjust:100%}.ck-code pre:focus-visible{outline:2px solid var(--hig-color-tint);outline-offset:-2px}.ck-code[data-wrap] pre{white-space:pre-wrap;overflow-wrap:anywhere}.ck-code code{font:inherit;color:inherit;background:none;padding:0}.ck-tok-comment{color:var(--ck-code-comment);font-style:italic}.ck-tok-string{color:var(--ck-code-string)}.ck-tok-key{color:var(--ck-code-key)}.ck-tok-var{color:var(--ck-code-var)}.ck-tok-flag{color:var(--ck-code-flag)}.ck-tok-number{color:var(--ck-code-number)}.ck-tok-literal{color:var(--ck-code-literal);font-weight:600}.ck-tok-cmd{font-weight:700}.ck-tok-special{color:var(--ck-code-key);font-weight:600}.ck-tok-char{color:var(--ck-code-string)}.ck-tok-url{text-decoration:underline;text-decoration-color:var(--hig-color-separator);text-underline-offset:.15em}.ck-tok-punct,.ck-tok-op{color:var(--hig-color-secondary-label)}.ck-code-inline{font-family:var(--hig-font-mono);font-size:.9em;padding:.1em .4em;border-radius:var(--hig-radius-xs);background:var(--hig-color-tertiary-system-fill);color:inherit;overflow-wrap:anywhere}@media(max-width:480px){.ck-code pre{padding:var(--hig-spacing-3);font-size:var(--hig-text-footnote-font-size)}.ck-code__bar{padding-inline-start:var(--hig-spacing-3)}}
.kc-account{display:grid;gap:var(--hig-spacing-5);max-inline-size:56rem}#account-console{padding-block:var(--hig-spacing-4)}@media(max-width:64rem){#account-console{padding-block:var(--hig-spacing-2)}}.kc-account__status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hig-spacing-3) var(--hig-spacing-4);margin:0 0 var(--hig-spacing-5)}.kc-account__status [role=status]{margin:0;font-weight:700;color:var(--hig-color-secondary-label)}.kc-account__status [role=status][data-state=ok]{color:var(--hig-color-tint)}.kc-account__status [role=status][data-state=error]{color:var(--hig-color-error,var(--hig-color-label))}.kc-account__signed-out p{max-inline-size:40rem;color:var(--hig-color-secondary-label)}.kc-account details{margin-top:var(--hig-spacing-3)}.kc-account summary{cursor:pointer;font-size:var(--hig-text-caption1-font-size);font-weight:700;color:var(--hig-color-secondary-label)}.kc-account details p{margin:var(--hig-spacing-2) 0 0;font-size:var(--hig-text-caption1-font-size);color:var(--hig-color-secondary-label)}.kc-account .ck-console__panel{padding:var(--hig-spacing-5)}.kc-account .ck-console__panel h2{font-size:var(--hig-text-title3-font-size);line-height:var(--hig-text-title3-line-height)}.kc-account .ck-console__value input{font:inherit;inline-size:100%;max-inline-size:22rem;min-inline-size:14rem;padding:var(--hig-spacing-2);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-xs,6px)}
.kc-secure{display:grid;gap:var(--hig-spacing-4);max-inline-size:64rem}.kc-secure__lead{max-inline-size:48rem;color:var(--hig-color-secondary-label)}.kc-secure__views{display:flex;flex-wrap:wrap;gap:var(--hig-spacing-2);padding:0;margin:0;list-style:none;border-block-end:1px solid var(--hig-color-separator)}.kc-secure__views a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 var(--hig-spacing-3);border-block-end:3px solid transparent;color:var(--hig-color-label);font-weight:700;text-decoration:none}.kc-secure__views a:hover{border-color:var(--hig-color-separator)}.kc-secure section:target .kc-secure__title,.kc-secure__views a:target{color:var(--hig-color-tint)}.kc-secure__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--hig-spacing-3)}.kc-secure__head h2{margin:0}.kc-secure__version{font-family:var(--hig-font-mono);font-size:var(--hig-text-caption2-font-size);color:var(--hig-color-secondary-label)}.kc-secure table{inline-size:100%;border-collapse:collapse;font-size:var(--hig-text-footnote-font-size)}.kc-secure th{text-align:start;font-family:var(--hig-font-mono);font-size:var(--hig-text-caption2-font-size);font-weight:700;letter-spacing:.06em;color:var(--hig-color-secondary-label);padding:var(--hig-spacing-2) var(--hig-spacing-3);border-block-end:1px solid var(--hig-color-separator)}.kc-secure td{padding:var(--hig-spacing-3);border-block-end:1px solid var(--hig-color-separator);vertical-align:top}.kc-secure code{font-family:var(--hig-font-mono);font-size:var(--hig-text-caption1-font-size)}.kc-secure__table{overflow-x:auto}.kc-secure__chips{display:flex;flex-wrap:wrap;gap:var(--hig-spacing-2)}
.kc-models{display:grid;gap:var(--hig-spacing-4);max-inline-size:64rem}.kc-models__lead{max-inline-size:48rem;color:var(--hig-color-secondary-label)}.kc-models table{inline-size:100%;border-collapse:collapse;font-size:var(--hig-text-footnote-font-size)}.kc-models th{text-align:start;font-family:var(--hig-font-mono);font-size:var(--hig-text-caption2-font-size);font-weight:700;letter-spacing:.06em;color:var(--hig-color-secondary-label);padding:var(--hig-spacing-2) var(--hig-spacing-3);border-block-end:1px solid var(--hig-color-separator)}.kc-models td{padding:var(--hig-spacing-3);border-block-end:1px solid var(--hig-color-separator);vertical-align:top;overflow-wrap:anywhere}.kc-models code{font-family:var(--hig-font-mono);font-size:var(--hig-text-caption1-font-size)}.kc-models__table{overflow-x:auto}.kc-models__limits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--hig-spacing-3)}.kc-models__tile{border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-sm,8px);padding:var(--hig-spacing-4)}.kc-models__tile dt{font-family:var(--hig-font-mono);font-size:var(--hig-text-caption2-font-size);letter-spacing:.06em;color:var(--hig-color-secondary-label)}.kc-models__tile dd{margin:var(--hig-spacing-2) 0 0;font-family:var(--hig-font-mono);font-size:var(--hig-text-title2-font-size);font-weight:700}.kc-models__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hig-spacing-3)}.kc-models__head h2{margin:0}.kc-models__reqs{margin:var(--hig-spacing-2) 0 0;padding-inline-start:1.2em;display:grid;gap:var(--hig-spacing-1)}.kc-models__reqs code{color:var(--hig-color-secondary-label)}
.kc-billing{display:grid;gap:var(--hig-spacing-4);max-inline-size:64rem}.kc-billing__lead{max-inline-size:48rem;color:var(--hig-color-secondary-label)}.kc-billing__balance{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--hig-spacing-3)}.kc-billing__tile{border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-sm,8px);padding:var(--hig-spacing-4)}.kc-billing__tile dt{font-family:var(--hig-font-mono);font-size:var(--hig-text-caption2-font-size);letter-spacing:.06em;color:var(--hig-color-secondary-label)}.kc-billing__tile dd{margin:var(--hig-spacing-2) 0 0;font-family:var(--hig-font-mono);font-size:var(--hig-text-title2-font-size);font-weight:700}.kc-billing__tile dd[data-state=loading]{color:var(--hig-color-secondary-label);font-style:italic;font-size:var(--hig-text-body-font-size)}.kc-billing__kinds{display:flex;flex-wrap:wrap;gap:var(--hig-spacing-2);padding:0;margin:0;list-style:none}.kc-billing__kinds a{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 var(--hig-spacing-4);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-capsule,999px);color:var(--hig-color-label);font-weight:700;text-decoration:none}.kc-billing__plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--hig-spacing-4)}.kc-billing__plan{display:grid;gap:var(--hig-spacing-2);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-md,12px);padding:var(--hig-spacing-5)}.kc-billing__plan h3{margin:0;font-size:var(--hig-text-title3-font-size)}.kc-billing__price{font-family:var(--hig-font-mono);font-size:var(--hig-text-title1-font-size);font-weight:700}.kc-billing__price small{font-size:var(--hig-text-caption1-font-size);font-weight:400;color:var(--hig-color-secondary-label)}.kc-billing__bonus{color:var(--hig-palette-green);font-weight:700}.kc-billing__plan ul{margin:0;padding-inline-start:1.1em;color:var(--hig-color-secondary-label);font-size:var(--hig-text-footnote-font-size)}.kc-billing__plan .dads-button{margin-top:auto;justify-self:start}.kc-billing details{margin-top:var(--hig-spacing-2)}.kc-billing summary{cursor:pointer;font-weight:700;color:var(--hig-color-secondary-label);font-size:var(--hig-text-caption1-font-size)}.kc-billing details p{margin:var(--hig-spacing-2) 0 0;font-size:var(--hig-text-caption1-font-size);color:var(--hig-color-secondary-label)}
.kc-apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--hig-spacing-5);margin-top:var(--hig-spacing-5)}
.kc-app-card{display:grid;gap:var(--hig-spacing-3);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-md,12px);padding:var(--hig-spacing-5)}
.kc-app-card__icon{inline-size:2.75rem;block-size:2.75rem;display:grid;place-items:center;border-radius:var(--hig-radius-sm,8px);background:var(--hig-color-secondary-system-background);border:1px solid var(--hig-color-separator);font-weight:700;color:var(--hig-color-tint);font-family:var(--hig-font-mono,var(--hig-font-mono))}
.kc-app-card__head{display:flex;align-items:center;gap:var(--hig-spacing-3)}
.kc-app-card__title{margin:0;font-size:var(--hig-text-title3-font-size);line-height:var(--hig-text-title3-line-height)}
.kc-app-card__desc{margin:0;color:var(--hig-color-secondary-label)}
.kc-app-card__meta{display:flex;flex-wrap:wrap;gap:var(--hig-spacing-2);font-family:var(--hig-font-mono,var(--hig-font-mono));font-size:var(--hig-text-caption2-font-size);color:var(--hig-color-secondary-label)}
.kc-app-card__status{display:inline-flex;align-items:center;gap:var(--hig-spacing-2)}
.kc-app-card__status::before{content:'';inline-size:.6rem;block-size:.6rem;border-radius:var(--hig-radius-capsule);background:var(--hig-palette-green,var(--hig-color-tint))}
.kc-app-card__status[data-state=live]::before{background:var(--hig-palette-green)}
.kc-app-card__status[data-state=beta]::before{background:var(--hig-color-tint)}
.kc-app-card__actions{display:flex;flex-wrap:wrap;gap:var(--hig-spacing-3);align-items:center;margin-top:auto}
.kc-docs{padding-block:var(--hig-spacing-6)}
.kc-docs h2{margin-block:var(--hig-spacing-6) var(--hig-spacing-3)}
.kc-docs__lead{max-width:48rem;color:var(--hig-color-secondary-label)}
.kc-docs__list{display:grid;gap:var(--hig-spacing-3);padding:0;list-style:none}
.kc-docs__list li{border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-sm);padding:var(--hig-spacing-4)}
.kc-docs__list a{font-weight:700}
.kc-docs__note{padding:var(--hig-spacing-3) var(--hig-spacing-4);border-inline-start:4px solid var(--hig-color-tint);background:var(--hig-color-secondary-system-background);border-radius:0 var(--hig-radius-sm) var(--hig-radius-sm) 0}
.kc-docs__note--warn{border-inline-start-color:var(--hig-palette-orange,var(--hig-color-label))}
.kc-docs__tagline{font-size:var(--hig-text-title2-font-size);font-weight:700;margin-block:var(--hig-spacing-2) var(--hig-spacing-4)}
.kc-docs__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--hig-spacing-3);padding:0;margin:0;list-style:none}
.kc-docs__tiles li{border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-md,12px);padding:var(--hig-spacing-4)}
.kc-docs__tiles h3{margin:0 0 var(--hig-spacing-2);font-size:var(--hig-text-headline-font-size)}
.kc-docs__tiles p{margin:0;color:var(--hig-color-secondary-label);font-size:var(--hig-text-footnote-font-size)}
.kc-docs__nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:var(--hig-spacing-3) var(--hig-spacing-5);margin:0 0 var(--hig-spacing-5);padding:var(--hig-spacing-4);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-md,12px);background:var(--hig-color-secondary-system-background)}
.kc-docs__nav h2{margin:0 0 var(--hig-spacing-2);font-family:var(--hig-font-mono);font-size:var(--hig-text-caption2-font-size);letter-spacing:.06em;text-transform:uppercase;color:var(--hig-color-secondary-label)}
.kc-docs__nav ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--hig-spacing-1)}
.kc-docs__nav a{text-decoration:none;color:var(--hig-color-label)}
.kc-docs__nav a[aria-current=page]{font-weight:700;color:var(--hig-color-tint)}
.kc-docs__table{inline-size:100%;border-collapse:collapse;font-size:var(--hig-text-footnote-font-size)}
.kc-docs__table th,.kc-docs__table td{text-align:start;vertical-align:top;padding:var(--hig-spacing-2) var(--hig-spacing-3);border-block-end:1px solid var(--hig-color-separator)}
.kc-docs__table th{font-family:var(--hig-font-mono);font-size:var(--hig-text-caption2-font-size);letter-spacing:.06em;text-transform:uppercase;color:var(--hig-color-secondary-label)}
.kc-docs__table code{font-family:var(--hig-font-mono);font-size:.92em}
.kc-docs__scroll{overflow-x:auto}
.kc-secsvc{display:grid;gap:var(--hig-spacing-5);padding-block:var(--hig-spacing-5)}
.kc-secsvc__card{display:grid;gap:var(--hig-spacing-3);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-md,12px);padding:var(--hig-spacing-5)}
.kc-secsvc__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hig-spacing-3)}
.kc-secsvc__title{margin:0;font-size:var(--hig-text-title2-font-size);line-height:var(--hig-text-title2-line-height)}
.kc-secsvc__domain{font-family:var(--hig-font-mono);font-size:var(--hig-text-caption2-font-size);color:var(--hig-color-secondary-label);border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-capsule);padding:2px var(--hig-spacing-2)}
.kc-secsvc__io{display:grid;gap:var(--hig-spacing-2);margin:0;padding:0;list-style:none;font-size:var(--hig-text-caption1-font-size);color:var(--hig-color-secondary-label)}
.kc-secsvc__table{width:100%;border-collapse:collapse;font-size:var(--hig-text-caption1-font-size)}
.kc-secsvc__table th,.kc-secsvc__table td{border-block-end:1px solid var(--hig-color-separator);padding:var(--hig-spacing-2) var(--hig-spacing-3);text-align:start;vertical-align:top}
.kc-secsvc__table th{color:var(--hig-color-secondary-label);font-weight:700;white-space:nowrap}
.kc-secsvc__flow{display:grid;gap:var(--hig-spacing-2);margin:0;padding:var(--hig-spacing-4);list-style:none;border:1px solid var(--hig-color-separator);border-radius:var(--hig-radius-md,12px);background:var(--hig-color-secondary-system-background)}
.kc-secsvc__flow li{display:grid;grid-template-columns:auto 1fr;gap:var(--hig-spacing-3);align-items:start}
.kc-secsvc__flow .arrow{color:var(--hig-color-secondary-label);font-family:var(--hig-font-mono)}
.kc-secsvc__status{display:inline-flex;align-items:center;gap:var(--hig-spacing-2);font-size:var(--hig-text-caption2-font-size);color:var(--hig-color-secondary-label)}
.kc-secsvc__status::before{content:'';inline-size:.6rem;block-size:.6rem;border-radius:var(--hig-radius-capsule);background:var(--hig-palette-green)}
.kc-secsvc__status[data-state=gated]::before{background:var(--hig-color-tint)}