:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kiwi-paper:#f4f5ef;--kiwi-milk:#fbfcf8;--kiwi-ink:#11140f;--kiwi-ash:#62685e;--kiwi-carbon:#0e100e;--kiwi-carbon-raised:#181a18;--kiwi-fog:#a5ab9f;--kiwi-chalk:#f1f4eb;--kiwi-signal:#c6ff4a;--kiwi-soft:#e9f8c9;--kiwi-line:#668b15;--kiwi-deep:#3c6000;--kiwi-error:#b42318;--kiwi-success:#16794f;--kiwi-warning:#7a5300;--kiwi-info:#1769aa;--kiwi-color-canvas:var(--kiwi-paper);--kiwi-color-surface:var(--kiwi-milk);--kiwi-color-surface-raised:#fff;--kiwi-color-text:var(--kiwi-ink);--kiwi-color-text-muted:var(--kiwi-ash);--kiwi-color-border:var(--kiwi-ink)}@supports (color:color-mix(in lab, red, red)){:root{--kiwi-color-border:color-mix(in srgb, var(--kiwi-ink) 12%, transparent)}}:root{--kiwi-color-border-soft:var(--kiwi-ink)}@supports (color:color-mix(in lab, red, red)){:root{--kiwi-color-border-soft:color-mix(in srgb, var(--kiwi-ink) 7%, transparent)}}:root{--kiwi-color-brand-field:var(--kiwi-signal);--kiwi-color-brand-soft:var(--kiwi-soft);--kiwi-color-on-brand:var(--kiwi-ink);--kiwi-color-interactive:var(--kiwi-deep);--kiwi-color-focus:var(--kiwi-line);--kiwi-color-error:var(--kiwi-error);--kiwi-color-error-soft:#fbe9e7;--kiwi-color-success:var(--kiwi-success);--kiwi-color-success-soft:#e5f5ed;--kiwi-color-warning:var(--kiwi-warning);--kiwi-color-warning-soft:#fff2cc;--kiwi-color-info:var(--kiwi-info);--kiwi-color-info-soft:#e8f2fb;--kiwi-space-1:.25rem;--kiwi-space-2:.5rem;--kiwi-space-3:.75rem;--kiwi-space-4:1rem;--kiwi-space-6:1.5rem;--kiwi-space-8:2rem;--kiwi-space-12:3rem;--kiwi-space-16:4rem;--kiwi-gutter:clamp(1.2rem, 3vw, 3rem);--kiwi-radius-none:0;--kiwi-radius-sm:.25rem;--kiwi-radius-md:.5rem;--kiwi-motion-fast:.15s;--kiwi-motion-base:.22s;--kiwi-ease-out:cubic-bezier(.16, 1, .3, 1);--kiwi-font-sans:"Pretendard", "Apple SD Gothic Neo", system-ui, sans-serif;--kiwi-font-mono:"SFMono-Regular", Consolas, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kiwi-color-canvas:var(--kiwi-carbon);--kiwi-color-surface:var(--kiwi-carbon-raised);--kiwi-color-surface-raised:#202320;--kiwi-color-text:var(--kiwi-chalk);--kiwi-color-text-muted:var(--kiwi-fog);--kiwi-color-border:var(--kiwi-chalk)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark]{--kiwi-color-border:color-mix(in srgb, var(--kiwi-chalk) 14%, transparent)}}:root[data-theme=dark]{--kiwi-color-border-soft:var(--kiwi-chalk)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark]{--kiwi-color-border-soft:color-mix(in srgb, var(--kiwi-chalk) 8%, transparent)}}:root[data-theme=dark]{--kiwi-color-brand-soft:var(--kiwi-signal)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark]{--kiwi-color-brand-soft:color-mix(in srgb, var(--kiwi-signal) 12%, var(--kiwi-carbon))}}:root[data-theme=dark]{--kiwi-color-interactive:var(--kiwi-signal);--kiwi-color-error:#ff8585;--kiwi-color-error-soft:#321817;--kiwi-color-success:#62d49a;--kiwi-color-success-soft:#10281f;--kiwi-color-warning:#f2c14e;--kiwi-color-warning-soft:#2d2410;--kiwi-color-info:#73b7ff;--kiwi-color-info-soft:#10243a}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kiwi-color-canvas:var(--kiwi-carbon);--kiwi-color-surface:var(--kiwi-carbon-raised);--kiwi-color-surface-raised:#202320;--kiwi-color-text:var(--kiwi-chalk);--kiwi-color-text-muted:var(--kiwi-fog);--kiwi-color-border:var(--kiwi-chalk)}@supports (color:color-mix(in lab, red, red)){:root:not([data-theme]){--kiwi-color-border:color-mix(in srgb, var(--kiwi-chalk) 14%, transparent)}}:root:not([data-theme]){--kiwi-color-border-soft:var(--kiwi-chalk)}@supports (color:color-mix(in lab, red, red)){:root:not([data-theme]){--kiwi-color-border-soft:color-mix(in srgb, var(--kiwi-chalk) 8%, transparent)}}:root:not([data-theme]){--kiwi-color-brand-soft:var(--kiwi-signal)}@supports (color:color-mix(in lab, red, red)){:root:not([data-theme]){--kiwi-color-brand-soft:color-mix(in srgb, var(--kiwi-signal) 12%, var(--kiwi-carbon))}}:root:not([data-theme]){--kiwi-color-interactive:var(--kiwi-signal);--kiwi-color-error:#ff8585;--kiwi-color-error-soft:#321817;--kiwi-color-success:#62d49a;--kiwi-color-success-soft:#10281f;--kiwi-color-warning:#f2c14e;--kiwi-color-warning-soft:#2d2410;--kiwi-color-info:#73b7ff;--kiwi-color-info-soft:#10243a}}
.kiwi-card{min-width:0;color:var(--kiwi-color-text);flex-direction:column;display:flex}.kiwi-card--padding-compact{padding:var(--kiwi-space-4)}.kiwi-card--padding-normal{padding:clamp(1.25rem,2.5vw,2.4rem)}.kiwi-card--padding-spacious{padding:clamp(2rem,4vw,4rem)}.kiwi-card--neutral{background:var(--kiwi-color-surface)}.kiwi-card--raised{background:var(--kiwi-color-surface-raised)}.kiwi-card--brand{background:var(--kiwi-color-brand-field);color:var(--kiwi-color-on-brand)}.kiwi-card--inverse{background:var(--kiwi-color-text);color:var(--kiwi-color-canvas)}.kiwi-button{border-radius:var(--kiwi-radius-sm);cursor:pointer;min-height:2.75rem;font-family:var(--kiwi-font-mono);letter-spacing:.05em;transition:background-color var(--kiwi-motion-fast) var(--kiwi-ease-out), color var(--kiwi-motion-fast) var(--kiwi-ease-out), border-color var(--kiwi-motion-fast) var(--kiwi-ease-out);border:1px solid #0000;justify-content:center;align-items:center;font-size:.68rem;font-weight:650;display:inline-flex}.kiwi-button--compact{min-height:2.25rem;padding-inline:var(--kiwi-space-3)}.kiwi-button--normal{padding-inline:var(--kiwi-space-6)}.kiwi-button--primary{background:var(--kiwi-color-brand-field);color:var(--kiwi-color-on-brand)}.kiwi-button--primary:hover{background:color-mix(in srgb, var(--kiwi-color-brand-field) 86%, var(--kiwi-color-canvas))}.kiwi-button--secondary{border-color:var(--kiwi-color-border);background:var(--kiwi-color-surface-raised);color:var(--kiwi-color-text)}.kiwi-button--secondary:hover,.kiwi-button--ghost:hover{background:var(--kiwi-color-brand-soft)}.kiwi-button--ghost{color:var(--kiwi-color-interactive);background:0 0}.kiwi-button--danger{background:var(--kiwi-color-error);color:var(--kiwi-color-surface-raised)}.kiwi-button:focus-visible,.kiwi-text-link:focus-visible,.kiwi-field__input:focus-visible{outline:2px solid var(--kiwi-color-focus);outline-offset:.2rem}.kiwi-button:disabled{cursor:not-allowed;opacity:.42}.kiwi-text-link{align-items:center;gap:var(--kiwi-space-2);color:var(--kiwi-color-interactive);text-underline-offset:.22em;font-weight:650;text-decoration-thickness:1px;display:inline-flex}.kiwi-field{gap:var(--kiwi-space-2);color:var(--kiwi-color-text);display:grid}.kiwi-field__label,.kiwi-field__description{font-family:var(--kiwi-font-mono);letter-spacing:.04em;font-size:.62rem}.kiwi-field__input{min-height:3rem;padding-inline:var(--kiwi-space-4);border:1px solid var(--kiwi-color-border);border-radius:var(--kiwi-radius-sm);background:var(--kiwi-color-surface-raised);color:var(--kiwi-color-text);font:inherit}.kiwi-field__description{color:var(--kiwi-color-text-muted)}.kiwi-field__error,.kiwi-field__input[aria-invalid=true]{color:var(--kiwi-color-error)}.kiwi-field__input[aria-invalid=true]{border-color:var(--kiwi-color-error)}.kiwi-badge{width:fit-content;font-family:var(--kiwi-font-mono);letter-spacing:.05em;border-radius:999px;align-items:center;padding:.35rem .55rem;font-size:.58rem;font-weight:650;display:inline-flex}.kiwi-badge--neutral{background:var(--kiwi-color-surface);color:var(--kiwi-color-text-muted)}.kiwi-badge--brand{background:var(--kiwi-color-brand-soft);color:var(--kiwi-color-interactive)}.kiwi-badge--success{background:var(--kiwi-color-success-soft);color:var(--kiwi-color-success)}.kiwi-badge--warning{background:var(--kiwi-color-warning-soft);color:var(--kiwi-color-warning)}.kiwi-badge--danger{background:var(--kiwi-color-error-soft);color:var(--kiwi-color-error)}.kiwi-badge--info{background:var(--kiwi-color-info-soft);color:var(--kiwi-color-info)}.kiwi-callout{padding:var(--kiwi-space-4);background:var(--kiwi-color-surface);color:var(--kiwi-color-text);border-inline-start:3px solid}.kiwi-callout--success{background:var(--kiwi-color-success-soft);color:var(--kiwi-color-success)}.kiwi-callout--warning{background:var(--kiwi-color-warning-soft);color:var(--kiwi-color-warning)}.kiwi-callout--danger{background:var(--kiwi-color-error-soft);color:var(--kiwi-color-error)}.kiwi-callout--info{background:var(--kiwi-color-info-soft);color:var(--kiwi-color-info)}.kiwi-card-link{justify-content:space-between;gap:var(--kiwi-space-12);color:var(--kiwi-color-text);transition:background-color var(--kiwi-motion-fast) ease;outline:0;text-decoration:none}.kiwi-card-link:hover{background:var(--kiwi-color-brand-soft)}.kiwi-card-link:active{background:color-mix(in srgb, var(--kiwi-color-brand-soft) 82%, var(--kiwi-color-canvas))}.kiwi-card-link:focus-visible{box-shadow:0 0 0 2px var(--kiwi-color-canvas), 0 0 0 4px var(--kiwi-color-focus)}.kiwi-card-link__arrow{color:var(--kiwi-color-interactive);font-family:var(--kiwi-font-mono);letter-spacing:.08em;font-size:.65rem}.kiwi-section-heading{grid-template-columns:minmax(8rem,.35fr) minmax(0,1.15fr) minmax(15rem,.5fr);align-items:end;gap:clamp(1.5rem,4vw,5rem);display:grid}.kiwi-section-heading p{color:var(--kiwi-color-text-muted);margin:0}.kiwi-section-heading__eyebrow,.kiwi-collection-heading{font-family:var(--kiwi-font-mono);letter-spacing:.08em;font-size:.62rem}.kiwi-section-heading h2{letter-spacing:-.075em;margin:0;font-size:clamp(3rem,6vw,6.7rem);font-weight:620;line-height:.94}.kiwi-section-heading__description{max-width:30ch;line-height:1.7}.kiwi-collection-heading{justify-content:space-between;gap:var(--kiwi-space-4);padding-block:var(--kiwi-space-4);border-top:1px solid var(--kiwi-color-text);color:var(--kiwi-color-text-muted);display:flex}.kiwi-disclosure{border-top:1px solid var(--kiwi-color-text)}.kiwi-disclosure__trigger{justify-content:space-between;align-items:center;gap:var(--kiwi-space-4);width:100%;padding:var(--kiwi-space-4) 0;color:var(--kiwi-color-text);cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.kiwi-disclosure__trigger>span{gap:var(--kiwi-space-1);display:grid}.kiwi-disclosure__trigger strong,.kiwi-disclosure__trigger small{font-family:var(--kiwi-font-mono);letter-spacing:.06em}.kiwi-disclosure__trigger strong{font-size:.68rem}.kiwi-disclosure__trigger small{color:var(--kiwi-color-text-muted);font-size:.56rem}.kiwi-disclosure__trigger i:before{content:"+";font-style:normal}.kiwi-disclosure[data-state=open] .kiwi-disclosure__trigger i:before{content:"−"}.kiwi-disclosure__trigger:focus-visible{outline:2px solid var(--kiwi-color-focus);outline-offset:.25rem}.kiwi-disclosure__content{padding-bottom:var(--kiwi-space-8)}@media (max-width:48rem){.kiwi-section-heading{display:block}.kiwi-section-heading h2{margin-top:var(--kiwi-space-6);font-size:clamp(3rem,14vw,5rem)}.kiwi-section-heading .kiwi-section-heading__description{margin-top:var(--kiwi-space-6)}.kiwi-card--padding-spacious{padding:var(--kiwi-space-6)}}@media (prefers-reduced-motion:reduce){.kiwi-card-link{transition:none}}
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.inline{display:inline}}*{box-sizing:border-box}html{background:var(--kiwi-color-canvas);color:var(--kiwi-color-text);scroll-behavior:smooth;scroll-padding-top:4rem}body{font-family:var(--kiwi-font-sans);margin:0}button,a,input{font:inherit}a{color:inherit}.docs-header{z-index:10;gap:var(--kiwi-space-8);min-height:3.75rem;padding-inline:var(--kiwi-gutter);border-bottom:1px solid var(--kiwi-color-border-soft);background:var(--kiwi-color-canvas);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.docs-header{background:color-mix(in srgb, var(--kiwi-color-canvas) 92%, transparent)}}.docs-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--kiwi-font-mono);letter-spacing:.08em;font-size:.62rem}.docs-header>a,.docs-header nav a{text-decoration:none}.docs-header nav{gap:var(--kiwi-space-6);color:var(--kiwi-color-text-muted);display:flex}.docs-header nav a:hover{color:var(--kiwi-color-interactive)}.docs-theme-toggle{border:0;justify-content:flex-end;gap:.15rem;margin:0;padding:0;display:flex}.docs-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.docs-theme-toggle button{border-radius:var(--kiwi-radius-sm);color:var(--kiwi-color-text-muted);cursor:pointer;font-family:var(--kiwi-font-mono);letter-spacing:.06em;background:0 0;border:0;padding:.38rem .48rem;font-size:.58rem}.docs-theme-toggle button[aria-pressed=true]{background:var(--kiwi-color-text);color:var(--kiwi-color-canvas)}.docs-theme-toggle button:focus-visible{outline:2px solid var(--kiwi-color-focus);outline-offset:.15rem}.docs-hero,.docs-section{padding-inline:var(--kiwi-gutter)}.docs-hero{grid-template-columns:minmax(0,1.6fr) minmax(18rem,.4fr);align-items:end;gap:clamp(2rem,8vw,10rem);min-height:72svh;padding-block:clamp(4rem,8vw,8rem);display:grid}.docs-hero>div>span,.docs-label,.docs-component-title,.docs-palette-group h3,.docs-role-scene>span,.docs-foundation-grid article>span{font-family:var(--kiwi-font-mono);letter-spacing:.08em;font-size:.62rem}.docs-hero h1{letter-spacing:-.085em;max-width:11ch;margin:clamp(2rem,6vw,6rem) 0 0;font-size:clamp(4rem,9vw,10rem);font-weight:650;line-height:.82}.docs-hero h1 em{color:var(--kiwi-color-interactive);font-style:normal}.docs-hero p{max-width:40ch;color:var(--kiwi-color-text-muted);margin:0;line-height:1.75}.docs-section{border-top:1px solid var(--kiwi-color-border-soft);padding-block:clamp(5rem,9vw,9rem)}.docs-section>.kiwi-section-heading{margin-bottom:clamp(3rem,6vw,6rem)}.docs-palette{gap:var(--kiwi-space-12);display:grid}.docs-palette-group h3{margin:0 0 var(--kiwi-space-3);color:var(--kiwi-color-text-muted);font-weight:500}.docs-swatch-row{gap:var(--kiwi-space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.docs-swatch{gap:var(--kiwi-space-2);min-width:0;display:grid}.docs-swatch__color{border:1px solid #11140f1a;min-height:clamp(6rem,11vw,10rem)}.docs-swatch strong,.docs-swatch code{font-family:var(--kiwi-font-mono);letter-spacing:.04em;text-overflow:ellipsis;font-size:.58rem;overflow:hidden}.docs-swatch code{color:var(--kiwi-color-text-muted)}.docs-role-grid{gap:var(--kiwi-space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(4rem,8vw,8rem);display:grid}.docs-role-scene{background:var(--kiwi-color-canvas);color:var(--kiwi-color-text);padding:clamp(1.25rem,3vw,2.5rem)}.docs-role-scene--light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kiwi-color-canvas:var(--kiwi-paper);--kiwi-color-surface:var(--kiwi-milk);--kiwi-color-text:var(--kiwi-ink);--kiwi-color-text-muted:var(--kiwi-ash);--kiwi-color-brand-field:var(--kiwi-signal);--kiwi-color-interactive:var(--kiwi-deep);--kiwi-color-focus:var(--kiwi-line)}.docs-role-scene--dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kiwi-color-canvas:var(--kiwi-carbon);--kiwi-color-surface:var(--kiwi-carbon-raised);--kiwi-color-text:var(--kiwi-chalk);--kiwi-color-text-muted:var(--kiwi-fog);--kiwi-color-border:var(--kiwi-chalk)}@supports (color:color-mix(in lab, red, red)){.docs-role-scene--dark{--kiwi-color-border:color-mix(in srgb, var(--kiwi-chalk) 14%, transparent)}}.docs-role-scene--dark{--kiwi-color-border-soft:var(--kiwi-chalk)}@supports (color:color-mix(in lab, red, red)){.docs-role-scene--dark{--kiwi-color-border-soft:color-mix(in srgb, var(--kiwi-chalk) 8%, transparent)}}.docs-role-scene--dark{--kiwi-color-brand-field:var(--kiwi-signal);--kiwi-color-interactive:var(--kiwi-signal);--kiwi-color-focus:var(--kiwi-line)}.docs-role-scene>span{margin-bottom:var(--kiwi-space-8);display:block}.docs-role-scene>div{gap:var(--kiwi-space-3);padding-block:var(--kiwi-space-3);border-top:1px solid var(--kiwi-color-border-soft);grid-template-columns:1rem minmax(6rem,.45fr) minmax(10rem,.9fr) 1fr;align-items:center;display:grid}.docs-role-scene i{border:1px solid var(--kiwi-color-border);border-radius:50%;width:.8rem;height:.8rem}.docs-role-scene strong,.docs-role-scene code,.docs-role-scene small{font-family:var(--kiwi-font-mono);font-size:.58rem}.docs-role-scene code,.docs-role-scene small{color:var(--kiwi-color-text-muted)}.docs-foundation-grid{gap:var(--kiwi-space-3);padding-top:var(--kiwi-space-3);grid-template-columns:1.35fr .85fr .8fr;display:grid}.docs-foundation-grid article{background:var(--kiwi-color-surface-raised);min-height:25rem;padding:clamp(1.5rem,3vw,3rem)}.docs-type-specimen,.docs-mono-specimen{flex-direction:column;display:flex}.docs-type-specimen strong{letter-spacing:-.07em;max-width:12ch;margin:auto 0;font-size:clamp(2.8rem,5vw,6rem);font-weight:620;line-height:.95}.docs-type-specimen p{max-width:42ch;color:var(--kiwi-color-text-muted);margin:0;line-height:1.7}.docs-foundation-grid .docs-mono-specimen{background:var(--kiwi-color-text);color:var(--kiwi-color-canvas)}.docs-mono-specimen strong{font-family:var(--kiwi-font-mono);margin:auto 0;font-size:clamp(2rem,4vw,4rem);line-height:.92}.docs-mono-specimen code{color:currentColor;opacity:.68}.docs-space-specimen{align-content:start;gap:var(--kiwi-space-4);display:grid}.docs-space-specimen>span{margin-bottom:var(--kiwi-space-4)}.docs-space-specimen>div{grid-template-columns:2rem 1fr;align-items:center;display:grid}.docs-space-specimen i{background:var(--kiwi-color-brand-field);max-width:100%;height:.6rem;display:block}.docs-component-block{border-top:1px solid var(--kiwi-color-border-soft);padding-block:clamp(2.5rem,5vw,5rem)}.docs-component-title{justify-content:space-between;gap:var(--kiwi-space-4);margin-bottom:var(--kiwi-space-8);display:flex}.docs-component-title code{color:var(--kiwi-color-text-muted)}.docs-button-row,.docs-badge-row{gap:var(--kiwi-space-3);flex-wrap:wrap;align-items:center;display:flex}.docs-field-grid,.docs-callout-grid{gap:var(--kiwi-space-3);margin-block:var(--kiwi-space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.docs-callout-grid .kiwi-callout strong{font-family:var(--kiwi-font-mono);letter-spacing:.06em;font-size:.62rem}.docs-callout-grid .kiwi-callout p{margin:var(--kiwi-space-2) 0 0;color:currentColor}.docs-component-grid{gap:var(--kiwi-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.docs-component-grid .kiwi-card{min-height:22rem}.docs-component-grid strong{letter-spacing:-.065em;margin-top:auto;font-size:clamp(2rem,4vw,4.5rem);font-weight:620;line-height:.92}.docs-component-grid p{max-width:38ch;margin:var(--kiwi-space-4) 0 0;color:inherit;opacity:.68;line-height:1.65}.docs-inventory>div{gap:var(--kiwi-space-4);padding-block:var(--kiwi-space-4);border-top:1px solid var(--kiwi-color-border-soft);grid-template-columns:3rem minmax(9rem,.6fr) minmax(7rem,.35fr) 1fr auto;align-items:center;display:grid}.docs-inventory code,.docs-inventory span,.docs-inventory small{color:var(--kiwi-color-text-muted);font-family:var(--kiwi-font-mono);font-size:.6rem}.docs-disclosures{max-width:64rem;margin-left:auto}.docs-disclosures>:last-child{border-bottom:1px solid var(--kiwi-color-border-soft)}.docs-disclosures p{max-width:58ch;color:var(--kiwi-color-text-muted);margin:0;line-height:1.75}@media (max-width:64rem){.docs-header{grid-template-columns:1fr auto}.docs-header nav{display:none}.docs-hero{grid-template-columns:1fr}.docs-hero p{margin-left:auto}.docs-swatch-row{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-foundation-grid{grid-template-columns:1fr 1fr}.docs-foundation-grid .docs-space-specimen{grid-column:1/-1;min-height:auto}.docs-role-scene>div{grid-template-columns:1rem 1fr 1.3fr}.docs-role-scene small{display:none}}@media (max-width:48rem){.docs-hero{align-content:space-between;min-height:68svh}.docs-hero h1{font-size:clamp(3.3rem,17vw,6rem);line-height:.86}.docs-hero p{margin-left:0}.docs-role-grid,.docs-foundation-grid,.docs-field-grid,.docs-callout-grid,.docs-component-grid{grid-template-columns:1fr}.docs-space-specimen{grid-column:auto}.docs-component-grid .kiwi-card{min-height:18rem}.docs-inventory>div{grid-template-columns:2rem 1fr auto}.docs-inventory span,.docs-inventory small{display:none}}@media (max-width:30rem){.docs-header>a{max-width:7rem}.docs-theme-toggle button{padding-inline:.35rem;font-size:.54rem}.docs-swatch-row{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-role-scene>div{grid-template-columns:1rem 1fr}.docs-role-scene code{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}