:root{--docs-topbar:3.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;line-height:1.6}:root,[data-appearance]{font-family:var(--todae-text-font-family)}*{box-sizing:border-box}html{background:var(--todae-color-bg-canvas)}body{margin:0}:root:lang(ko){word-break:keep-all;overflow-wrap:anywhere}.shell{min-height:100vh;color:var(--todae-color-fg-default);background:var(--todae-color-bg-canvas)}.skip-link{z-index:50;border-radius:var(--todae-radius-md);background:var(--todae-color-accent-default);color:var(--todae-color-on-accent);padding:.5rem .875rem;font-weight:600;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem}.topbar{z-index:20;border-block-end:1px solid var(--todae-color-border-subtle);background:var(--todae-color-bg-canvas);position:sticky;inset-block-start:0}.topbar-inner{max-inline-size:90rem;block-size:var(--docs-topbar);align-items:center;gap:.75rem;margin-inline:auto;padding-inline:1rem;display:flex}.brand{letter-spacing:-.02em;color:inherit;align-items:center;gap:.625rem;margin-inline-end:.75rem;font-size:1.0625rem;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{flex:none;block-size:1.375rem;inline-size:1.375rem}.language-switcher a,.top-links a{border-radius:var(--todae-radius-md);color:var(--todae-color-fg-muted);padding:.375rem .625rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .12s,background-color .12s;display:block}.language-switcher a:hover,.top-links a:hover{color:var(--todae-color-fg-default);background:var(--todae-color-bg-highlight)}.language-switcher a[aria-current=true]{color:var(--todae-color-fg-default);background:var(--todae-color-bg-subtle);text-decoration:none}.topbar-tools{align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.topbar-icon-link{border-radius:var(--todae-radius-md);block-size:2.25rem;inline-size:2.25rem;color:var(--todae-color-fg-muted);place-items:center;display:inline-grid}.topbar-icon-link:hover{color:var(--todae-color-fg-default);background:var(--todae-color-bg-highlight)}.theme-switcher{border:1px solid var(--todae-color-border-subtle);border-radius:var(--todae-radius-md);padding:.125rem}.mobile-nav-drawer .site-nav{padding-block:.25rem 1rem}@media (width >= 64rem){.shell:not(:has(.playground)) .mobile-nav-trigger{display:none}}@media (width <= 48rem){.top-links{display:none}.topbar-inner{gap:.25rem}}@media (width <= 30rem){.topbar-tools .theme-switcher{display:none}}.layout{grid-template-columns:minmax(0,1fr);max-inline-size:90rem;margin-inline:auto;padding-inline:1.25rem;display:grid}.sidebar{display:none}@media (width >= 64rem){.layout{grid-template-columns:15rem minmax(0,1fr);column-gap:3.5rem;padding-inline:1.5rem}.sidebar{block-size:calc(100dvh - var(--docs-topbar));flex-direction:column;display:flex;position:sticky;inset-block-start:var(--docs-topbar)}.sidebar-scroll{overscroll-behavior:contain;flex:auto;padding-block:1.75rem 3rem}}.layout:has(.home,.playground){grid-template-columns:minmax(0,1fr)}.layout:has(.home,.playground) .sidebar{display:none}.layout:has(.playground){max-inline-size:none;padding-inline:0}.site-footer{border-block-start:1px solid var(--todae-color-border-subtle)}.site-footer-inner{flex-wrap:wrap;gap:.25rem 1.5rem;max-inline-size:90rem;margin-inline:auto;padding:1.5rem 1.25rem;display:flex}.site-footer-inner>*{font-size:var(--todae-font-size-2)}.site-footer-inner>:nth-last-child(2){margin-inline-end:auto}@media (width >= 64rem){.site-footer-inner{padding-inline:1.5rem}}main{min-inline-size:0;padding-block:2.5rem 6rem}main:focus{outline:none}.layout:not(:has(.home,.playground)) main{max-inline-size:46rem}.docs-prose>h1{letter-spacing:-.03em;font-size:clamp(2rem,1.6rem + 1.5vw,2.5rem);line-height:1.15}.docs-prose>h1+p{color:var(--todae-color-fg-muted);font-size:1.125rem}.docs-prose>h2{border-block-start:1px solid var(--todae-color-border-subtle);letter-spacing:-.02em;margin-block-start:3rem;padding-block-start:2rem;font-weight:650}.docs-prose>h3{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.docs-contents{display:none}.docs-contents-fold>nav{margin-block-start:.75rem}@media (width >= 84rem){.layout:has(.docs-page) main{max-inline-size:62rem}.docs-page{grid-template-columns:minmax(0,46rem) 13rem;align-items:start;column-gap:3rem;display:grid}.docs-contents{display:block;position:sticky;inset-block-start:calc(var(--docs-topbar) + 2.5rem)}.docs-contents-scroll{max-block-size:calc(100dvh - var(--docs-topbar) - 5rem)}.docs-contents-fold{display:none}}.docs-prose>h4{font-weight:600}.docs-prose>:is(h1,h2,h3,h4){scroll-margin-block-start:calc(var(--docs-topbar) + 1.5rem)}.docs-prose>:is(p,ul,ol){text-wrap:pretty;line-height:1.7}:root:lang(ko) .docs-prose{overflow-wrap:anywhere}.untranslated-notice{border:1px solid var(--todae-color-border-subtle);border-radius:var(--todae-radius-md);background:var(--todae-color-bg-subtle);color:var(--todae-color-fg-muted);margin:0 0 2rem;padding:.75rem 1rem;font-size:.875rem}.example{gap:var(--todae-stack-gap,.75rem);border:1px solid var(--todae-color-border-subtle);border-radius:var(--todae-radius-lg);background:radial-gradient(circle at 1px 1px,var(--todae-color-border-subtle) 1px,transparent 0) 0 0 /1rem 1rem,var(--todae-color-bg-surface);flex-wrap:wrap;align-items:center;margin:1.5rem 0;padding:2rem 1.5rem;display:flex}.example-block{flex-direction:column;align-items:stretch}.docs-pre{border:1px solid var(--todae-color-border-subtle);border-radius:var(--todae-code-block-radius);background:var(--todae-code-block-bg);margin-block:1rem}.docs-pre pre{overflow:visible}.scroll-x{border:1px solid var(--todae-color-border-subtle);border-radius:var(--todae-radius-lg);margin-block:1.25rem}.scroll-x table{inline-size:100%;margin:0;font-size:.875rem}.scroll-x caption{text-align:start;padding:.75rem 1rem 0;font-weight:600}table{margin:1rem 0}.props-table{margin-block:1.25rem;container:props-table/inline-size}.props-table>.scroll-x{margin-block:0}.props-table td,.props-table th{overflow-wrap:anywhere}.props-table .props-name code{font-weight:600}.props-table .props-required{inline-size:fit-content;margin-block-start:.375rem;display:block}.props-table td p{margin:0}@container props-table (width >= 40rem){.props-table .props-name{white-space:nowrap;inline-size:1%}.props-table td:nth-child(2){inline-size:35%;min-inline-size:10rem}.props-table td:last-child{min-inline-size:16rem}}.props-table .props-type{white-space:normal;max-inline-size:100%;display:inline-block}.props-table .props-type-member{text-indent:-1ch;padding-inline-start:1ch;display:block}.props-table .props-default{color:var(--todae-color-fg-muted);margin-block-start:.375rem}.props-table .props-default-label{font-weight:600}@container props-table (width < 40rem){.props-table thead{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.props-table tr{padding:var(--todae-table-cell-padding-y) var(--todae-table-cell-padding-x);border-block-end:var(--todae-table-rule-thickness) solid var(--todae-table-border);gap:.5rem;display:grid}.props-table tbody tr:last-child{border-block-end:0}.props-table .props-required{margin-block-start:0;display:inline-block}.props-table tbody :is(th,td){white-space:normal;border:0;inline-size:auto;min-inline-size:0;padding:0;display:block}}.home{max-inline-size:76rem;margin-inline:auto;padding-block-start:1rem}.hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:3rem;padding-block:2rem 4.5rem;display:grid}@media (width >= 64rem){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4rem;padding-block:3.5rem 5rem}}.hero-eyebrow{border:1px solid var(--todae-color-border-subtle);background:var(--todae-color-bg-subtle);color:var(--todae-color-fg-muted);border-radius:999px;margin:0;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-block}.hero h1{letter-spacing:-.04em;text-wrap:balance;margin:1.25rem 0 1rem;font-size:clamp(2.25rem,1.4rem + 3.2vw,3.75rem);font-weight:700;line-height:1.05}.hero-lead{max-inline-size:36rem;color:var(--todae-color-fg-muted);text-wrap:pretty;margin:0;font-size:1.125rem;line-height:1.6}.hero-actions{margin-block-start:2rem}.hero-showcase{border:1px solid var(--todae-color-border-subtle);background:radial-gradient(circle at 1px 1px,var(--todae-color-border-subtle) 1px,transparent 0) 0 0 /1.25rem 1.25rem,var(--todae-color-bg-subtle);border-radius:1.25rem;padding:clamp(1rem,3vw,2rem)}.showcase-card{box-shadow:0 1px 2px oklch(0 0 0/.06),0 16px 40px -16px oklch(0 0 0/.22)}.showcase-panel{gap:.875rem;padding-block-start:1rem;display:grid}.showcase-member{align-items:center;gap:.625rem;display:flex}.showcase-member>:last-child{margin-inline-start:auto}.home-groups{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1rem;display:grid}.home-group{border:1px solid var(--todae-color-border-subtle);border-radius:var(--todae-radius-lg);background:var(--todae-color-bg-surface);padding:1.5rem}@media (width >= 48rem){.home-group:has(li:nth-child(10)){grid-column:span 2}}.home-group h2{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:650}.home-group-count{white-space:nowrap;font-size:.8125rem}.home-group p,.home-group-count{color:var(--todae-color-fg-muted)}.home-group p{margin:.375rem 0 1rem;font-size:.9375rem}.home-group a{border:1px solid var(--todae-color-border-subtle);border-radius:var(--todae-radius-md);color:var(--todae-color-fg-default);padding:.1875rem .625rem;font-size:.8125rem;text-decoration:none;display:block}.home-group a:hover{border-color:var(--todae-color-border-default);background:var(--todae-color-bg-highlight)}.playground{min-block-size:calc(100dvh - var(--docs-topbar));grid-template-columns:minmax(0,1fr);margin-block:-2.5rem -6rem;display:grid}@media (width >= 64rem){.playground{grid-template-columns:23rem minmax(0,1fr)}}.pg-rail{border-block-end:1px solid var(--todae-color-border-subtle);background:var(--todae-color-bg-surface);flex-direction:column;display:flex}.pg-rail-scroll{flex:auto;padding:1.5rem 1.25rem 0}.pg-rail-body{flex-direction:column;gap:1.5rem;display:flex}@media (width >= 64rem){.pg-rail{block-size:calc(100dvh - var(--docs-topbar));border-block-end:0;border-inline-end:1px solid var(--todae-color-border-subtle);position:sticky;inset-block-start:var(--docs-topbar)}.pg-rail-scroll{overscroll-behavior:contain}}.pg-intro h1{letter-spacing:-.02em;margin:0;font-size:1.375rem;font-weight:700}.pg-intro p{color:var(--todae-color-fg-muted);margin:.375rem 0 0;font-size:.875rem;line-height:1.5}.pg-section{border:0;min-inline-size:0;margin:0;padding:0}.pg-heading{color:var(--todae-color-fg-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .625rem;padding:0;font-size:.75rem;font-weight:600;display:block}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.preset{border:1px solid var(--todae-color-border-subtle);border-radius:var(--todae-radius-md);background:var(--todae-color-bg-canvas);cursor:pointer;gap:.375rem;padding:.375rem .375rem .5rem;transition:border-color .12s;display:grid}.preset:hover{border-color:var(--todae-color-border-default)}.preset[data-selected]{border-color:var(--todae-color-fg-default);box-shadow:0 0 0 1px var(--todae-color-fg-default)}.preset:has(input:focus-visible){outline:var(--todae-focus-ring-width) solid var(--todae-focus-ring-color);outline-offset:var(--todae-focus-ring-offset)}.preset-swatch{border-radius:calc(var(--todae-radius-md) - .125rem);background:var(--todae-color-bg-canvas);padding:.375rem;display:block}.preset-swatch-surface{border:var(--todae-border-width) solid var(--todae-color-border-subtle);border-radius:var(--todae-radius-md);background:var(--todae-color-bg-surface);align-content:start;gap:.25rem;block-size:3.5rem;padding:.375rem;display:grid}.preset-swatch-type{color:var(--todae-color-fg-default);font-size:.875rem;font-weight:var(--todae-font-weight-bold);line-height:1}.preset-swatch-accent{border-radius:var(--todae-button-base-radius);background:var(--todae-color-accent-default);block-size:.625rem;inline-size:55%;margin-block-end:.125rem}.preset-swatch-line{background:var(--todae-color-fg-muted);opacity:.45;border-radius:.125rem;block-size:.25rem}.preset-swatch-line-short{inline-size:60%}.preset-name{text-align:center;font-size:.8125rem;font-weight:500}.pg-modes{gap:1rem;display:grid}.pg-changed{color:var(--todae-color-fg-muted);font-size:.75rem;font-weight:500}.pg-token-panel{padding-block-start:.75rem}.pg-token-list,.pg-token-panel{gap:.75rem;display:grid}.pg-empty{color:var(--todae-color-fg-muted);margin:0;font-size:.875rem}.token-row{gap:.25rem;display:grid}.token-row label code{color:var(--todae-color-fg-muted);background:none;padding:0;font-size:.75rem}.token-row[data-edited] label code{color:var(--todae-color-fg-default);font-weight:600}.token-row[data-edited] label code:before{content:"";background:var(--todae-color-accent-default);vertical-align:middle;border-radius:50%;block-size:.375rem;inline-size:.375rem;margin-inline-end:.375rem;display:inline-block}.token-row-inputs{align-items:stretch;gap:.375rem;display:flex}.token-row-inputs>:last-child{flex:auto;min-inline-size:0}.token-row-inputs input:not([type=range]){font-family:var(--todae-font-family-mono);font-size:.75rem}.pg-actions{border-block-start:1px solid var(--todae-color-border-subtle);background:var(--todae-color-bg-surface);gap:.5rem;margin-block-start:auto;margin-inline:-1.25rem;padding:.875rem 1.25rem;display:flex;position:sticky;inset-block-end:0}.pg-actions>*{flex:1 1 0}.pg-hint{color:var(--todae-color-fg-muted);margin:-1rem 0 1rem;font-size:.75rem}@media screen and (width < 64rem){.playground{min-block-size:calc(100dvh - var(--docs-topbar) - var(--docs-pg-bar, 0px));flex-direction:column;display:flex}.shell{padding-block-end:var(--docs-pg-bar)}.pg-stage-theme{flex:auto}.pg-rail-scroll{padding-block-end:1.25rem}.pg-rail-body>:not(.pg-intro){display:none}.pg-sheet-bar{z-index:1;padding:.75rem 1.25rem max(.75rem,env(safe-area-inset-bottom));border-block-start:1px solid var(--todae-color-border-subtle);background:var(--todae-color-bg-surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid;position:fixed;inset:auto 0 0}html{scroll-padding-block-end:var(--docs-pg-bar)}.pg-sheet-bar .pg-hint{grid-column:1/-1;margin:0}}@media print{.pg-sheet,.pg-sheet-bar{display:none}}.pg-sheet::backdrop{background:none}.pg-sheet-head{align-items:center;gap:.75rem;display:flex}.pg-sheet-head>h2{margin-inline-end:auto}.pg-sheet-body{align-content:start;gap:1.5rem;display:grid}.pg-sheet .preset-grid{grid-template-columns:none;grid-auto-columns:6.5rem;grid-auto-flow:column}.pg-sheet .preset-scroll{scroll-snap-type:x proximity}.pg-sheet .preset{scroll-snap-align:start;position:relative}.pg-sheet-body .pg-token-panel{padding-block-end:.5rem}.pg-sheet-body .pg-hint{margin:.5rem 0 0}.pg-sheet-foot{flex-direction:column;align-items:stretch}.pg-sheet-foot .pg-actions{background:none;border:0;margin:0;padding:0;position:static}.pg-sheet-foot .pg-hint{margin:0}.pg-stage-theme{min-inline-size:0;display:flex}.pg-stage{background:var(--todae-color-bg-canvas);min-inline-size:0;color:var(--todae-color-fg-default);flex:auto;padding:clamp(1rem,3vw,2.5rem);scroll-margin-block-start:var(--docs-topbar);container-type:inline-size}.preview{gap:1.5rem;max-inline-size:70rem;margin-inline:auto;display:grid}.preview-head{flex-wrap:wrap;justify-content:space-between;gap:1rem}.preview-head,.preview-user{align-items:center;display:flex}.preview-user{gap:.875rem}.preview-actions{flex-wrap:wrap;gap:.5rem;display:flex}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.preview-span-2{grid-column:span 2}.preview-span-3{grid-column:1/-1}.preview-tall{grid-area:1/3/span 2}@container (width <= 60rem){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-span-2{grid-column:1/-1}.preview-tall{grid-area:auto}}@container (width <= 38rem){.preview-grid{grid-template-columns:minmax(0,1fr)}.preview-alerts,.preview-stats{grid-template-columns:minmax(0,1fr)!important}}.preview-card-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.preview-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.preview-stats>div{justify-items:start;gap:.375rem;display:grid}.preview-stats progress{inline-size:100%}.preview-form,.preview-stack{gap:1rem;display:grid}.preview-chips{flex-wrap:wrap;gap:.375rem;display:flex}.preview-list{margin:0;padding:0;list-style:none}.preview-list li{border-block-end:1px solid var(--todae-color-border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding-block:.625rem;display:flex}.preview-list li>:last-child{flex:none}.preview-list li:last-child{border-block-end:0}.preview-num{text-align:end}.preview-loading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;display:grid}.preview-alerts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.demo-toolbar{gap:var(--todae-space-1);display:flex}.demo-highlight-text p{max-width:60ch;margin:0}::highlight(docs-search){background-color:var(--todae-color-status-warning-bg);color:var(--todae-color-fg-default)}::highlight(docs-combobox-match){background-color:var(--todae-color-status-warning-bg);color:var(--todae-color-fg-default)}::highlight(docs-search-current){background-color:var(--todae-color-status-warning-border);color:var(--todae-color-fg-default)}.demo-stars{letter-spacing:.1em;outline:none}