@layer warp.inputs-rich{:where([data-scope=props]){border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:var(--warp-radius-surface);outline:none;overflow-x:auto}:where([data-scope=props]:focus-visible){box-shadow:0 0 0 var(--warp-focus-width) var(--warp-color-focus)}:where([data-scope=props]) :where(table){border-collapse:collapse;inline-size:100%;min-inline-size:560px;font-size:13px}:where([data-scope=props]) :where(caption){text-align:start;padding:8px 10px;font-weight:600}:where([data-scope=props]) :where(:is(th,td)){text-align:start;vertical-align:top;border-block-start:var(--warp-border-hairline) solid var(--warp-color-border);padding:7px 10px}:where([data-scope=props]) :where(thead) :where(th){font:500 10px/1.2 var(--warp-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warp-color-text-subtle)}:where([data-scope=props]) :where(tbody) :where(th){white-space:nowrap;font-weight:500}:where([data-scope=props]) :where(code){font:400 12px var(--warp-font-mono)}:where([data-scope=props]) :where(td:nth-child(2)) :where(code){color:var(--warp-color-accent-text)}:where(.lp-slot){margin-block-start:8px}:where([data-skel]){background:linear-gradient(90deg, var(--warp-color-surface-sunken), var(--warp-color-surface-hover), var(--warp-color-surface-sunken));background-size:200% 100%;border-radius:4px;block-size:10px;animation:1.4s linear infinite warp-skel;display:block}:where(span[data-part=media][data-skel]){block-size:auto}@keyframes warp-skel{to{background-position:-200% 0}}:where([data-motion=reduce]) :where([data-skel]){animation:none}@media (prefers-reduced-motion:reduce){:where([data-skel]){animation:none}}:where([data-scope=embed]){aspect-ratio:16/9;border-radius:var(--warp-radius-surface);background:var(--warp-color-surface-sunken);border:var(--warp-border-hairline) solid var(--warp-color-border);text-align:center;place-items:center;padding:16px;display:grid}:where([data-scope=embed]) :where([data-part=consent]){justify-items:center;gap:8px;max-inline-size:36ch;display:grid}:where([data-scope=embed]) :where([data-part=consent]) :where(p){color:var(--warp-color-text-subtle);margin:0}:where([data-scope=embed]) :where([data-part=frame]:not([hidden])){place-items:center;gap:6px;display:grid}:where([data-scope=embed]) :where([data-part=frame]) :where(span){background:var(--warp-color-accent-solid);color:#fff;border-radius:999px;place-items:center;block-size:56px;inline-size:56px;font-size:22px;display:grid}:where([data-scope=embed]) :where(label){align-items:center;gap:6px;display:inline-flex}:where([data-scope=feedback]){gap:10px;display:grid}:where([data-scope=feedback])>:where(p){margin:0}:where([data-scope=feedback]) :where([data-part=more]:not([hidden])){justify-items:start;gap:10px;display:grid}:where([data-scope=feedback]) :where([data-part=more])>:where(div){justify-self:stretch}:where([data-scope=feedback]) :where([data-part=thanks]){color:var(--warp-color-accent-text);font-size:var(--warp-text-caption-size)}:where([data-scope=feedback]) :where([data-part=thanks]:empty){display:none}}[data-site=stages]{gap:0;min-inline-size:0;display:grid}[data-site=frame]{border:var(--warp-border-hairline) solid var(--rule);border-radius:var(--warp-radius-surface);background:var(--well);min-inline-size:0;position:relative;overflow:clip}[data-site=frame] [data-part=tools]{align-items:center;gap:var(--warp-space-hair);padding:var(--warp-space-hair) var(--warp-space-tight);border-block-end:var(--warp-border-hairline) solid var(--rule);background:var(--warp-color-surface);color:var(--ink);display:flex}[data-site=frame] [data-part=views],[data-site=frame] [data-part=stage-tools]{align-items:center;gap:var(--warp-space-hair);display:flex}[data-site=frame] [data-part=views] [aria-pressed=false]{color:var(--dim)}[data-site=frame][data-code] [data-part=stage],[data-site=frame][data-code] [data-part=stage-tools],[data-site=frame][data-code] [data-act=stage-code]{display:none}[data-site=frame][data-code]>[data-part=code]{border-block-start:0}[data-site=frame][data-code]>[data-part=code][data-fold] [data-scope=codeblock]{max-block-size:none}[data-site=frame][data-code]>[data-part=code][data-fold]>div:first-child:after{display:none}[data-site=frame] [data-part=spacer]{flex:1}[data-site=frame] [data-part=stage]{--stage-h:200px;box-sizing:border-box;min-inline-size:0;min-block-size:var(--stage-h);color:var(--warp-color-text);background-color:var(--warp-color-surface);display:grid;container-type:inline-size}[data-site=frame][data-hero] [data-part=stage]{--stage-h:360px}[data-site=frame][data-hero] [data-part=stage]:has(>[data-part=mount][data-stage=center]){--stage-h:220px}[data-site=frame] [data-part=stage][data-width=tablet]{inline-size:min(100%,768px);margin-inline:auto}[data-site=frame] [data-part=stage][data-width=phone]{inline-size:min(100%,390px);margin-inline:auto}[data-site=frame] [data-part=mount][data-stage=fill]:has(>[data-scope=calendar]){block-size:var(--stage-h)}[data-site=frame] [data-part=mount][data-stage=fill]>[data-scope=calendar]{block-size:100%;min-block-size:0}[data-part=mount]{box-sizing:border-box;min-inline-size:0;padding:32px}[data-part=mount][data-stage=center]{place-content:center;align-items:center;gap:var(--warp-space-group);flex-wrap:wrap;display:flex}[data-part=mount][data-stage=narrow]{align-content:center;justify-self:center;inline-size:min(100%,424px);display:grid}[data-part=mount][data-stage=start]{align-content:start;justify-items:start;gap:var(--warp-space-group);display:grid}[data-part=mount][data-stage=fill]{align-content:start;gap:var(--warp-space-group);inline-size:100%;display:grid}[data-part=mount]:not([data-ready]){place-items:center;display:grid}[data-part=wait]{border-radius:var(--warp-radius-control);background:var(--warp-color-surface-hover);block-size:36px;inline-size:min(100%,240px);animation:stage-wait 1.2s var(--warp-ease-out) infinite alternate;display:block}@keyframes stage-wait{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-part=wait]{animation:none}}[data-site=frame]>[data-part=code]{border-block-start:var(--warp-border-hairline) solid var(--rule);position:relative}[data-site=frame]>[data-part=code] [data-scope=codeblock]{border:0;border-radius:0}[data-site=frame]>[data-part=code][data-fold] [data-scope=codeblock]{max-block-size:104px}[data-site=frame][data-open]>[data-part=code][data-fold] [data-scope=codeblock]{max-block-size:none}[data-site=frame]>[data-part=code][data-fold]{justify-items:center;row-gap:var(--warp-space-tight);background:var(--warp-color-surface-sunken);padding-block-end:var(--warp-space-related);display:grid}[data-site=frame]>[data-part=code][data-fold]>div:first-child{justify-self:stretch;min-inline-size:0;position:relative}[data-site=frame]>[data-part=code][data-fold]>div:first-child:after{content:"";background:linear-gradient(transparent, var(--warp-color-surface-sunken));pointer-events:none;block-size:48px;position:absolute;inset-block-end:0;inset-inline:0}[data-site=frame][data-open]>[data-part=code][data-fold]>div:first-child:after{display:none}[data-site=frame]>[data-part=code]>[data-act=stage-code]{background:var(--warp-color-surface)}[data-site=frame][data-play] [data-part=pair]{grid-template-columns:minmax(0,1fr) 248px;display:grid}[data-site=frame][data-play=wide] [data-part=pair]{grid-template-columns:minmax(0,1fr)}[data-site=frame][data-play=wide] [data-part=knobs]{border-inline-start:0;border-block-start:var(--warp-border-hairline) solid var(--rule);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));align-items:end}[data-site=frame] [data-part=knobs]{align-content:start;gap:var(--warp-space-group);padding:var(--warp-space-group);background:var(--warp-color-surface);border-inline-start:var(--warp-border-hairline) solid var(--rule);display:grid}[data-site=frame] [data-part=knobs]>[data-scope=button]{justify-self:start}[data-site=frame] [data-part=knob]{gap:var(--warp-space-tight);min-inline-size:0;display:grid}[data-site=frame] [data-part=knob]>[data-part=knob-label]{font:400 var(--doc-tiny)/1.4 var(--warp-font-mono);color:var(--dim)}[data-site=frame] [data-part=knob] [data-scope=segmented]{max-inline-size:100%}[data-site=frame] [data-part=knob] [data-scope=segmented][data-measure]{inline-size:max-content;max-inline-size:none}[data-site=frame] [data-part=knob] [data-scope=segmented][data-wrap]{flex-wrap:wrap;justify-self:stretch;display:flex}[data-site=frame] [data-part=knob] [data-scope=segmented][data-wrap]>label{flex:auto}[data-site=frame] [data-part=knob] [data-scope=segmented][data-wrap]>[data-part=indicator]{display:none}[data-site=frame] [data-part=knob] [data-scope=segmented][data-wrap]>label:has(input:checked){background:var(--warp-color-accent-solid)}[data-site=frame] [data-part=knob][hidden]{display:none}[data-site=frame] [data-part=presets]{gap:var(--warp-space-tight);flex-wrap:wrap;display:flex}[data-site=tk-default]{margin-block-start:32px;scroll-margin-block-start:88px}[data-site=install] [data-part=panel],[data-site=install] [role=tabpanel]{margin-block-start:var(--warp-space-tight);padding:0}[data-site=related]>span{font-size:var(--doc-small);color:var(--dim)}[data-site=moved]{padding:64px var(--warp-space-page)}[data-site=tk-section]{margin-block-start:64px;scroll-margin-block-start:88px}[data-site=tk-section]>h2{margin:0 0 var(--warp-space-related);font:600 var(--doc-h2)/1.25 var(--doc-sans);letter-spacing:-.015em;text-transform:none;color:var(--ink);text-box:normal}[data-site=tk-section] h3{margin:0 0 var(--warp-space-tight);font-family:var(--doc-sans);font-weight:600;font-size:var(--doc-h3);letter-spacing:-.01em;color:var(--ink);text-box:normal;line-height:1.35}[data-site=tk-section] [data-site=ex]+[data-site=ex],[data-site=tk-section] [data-part=note]+[data-site=ex]{margin-block-start:40px}[data-site=ex]{scroll-margin-block-start:128px}[data-site=ex]>[data-part=note],[data-site=tk-section] [data-part=note]{max-inline-size:68ch;margin-block:0 var(--warp-space-related);font-size:var(--doc-body);color:var(--dim);line-height:1.6}[data-site=ex]>h3+[data-site=frame]{margin-block-start:var(--warp-space-related)}#playground{scroll-margin-block-start:128px}[data-site=doc] [data-part=actions] [data-part=import]{min-inline-size:min(100%,320px)}[data-site=doc] [data-part=actions] a{font-size:var(--doc-small);color:var(--dim)}[data-site=doc] [data-part=actions] [data-part=import] [data-scope=codeblock]{margin:0}[data-site=tk-section] [data-part=use]{gap:var(--warp-space-group) 32px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}[data-site=tk-section] [data-part=use] h3{font-size:var(--doc-small)}[data-site=tk-section] [data-part=use] ul,[data-site=tk-section] [data-part=notes]{margin:var(--warp-space-related) 0 0;font-size:var(--doc-body);color:var(--dim);padding-inline-start:1.2em;line-height:1.6}[data-site=tk-section] [data-part=use] li+li,[data-site=tk-section] [data-part=notes] li+li{margin-block-start:var(--warp-space-tight)}[data-site=tk-section] [data-part=keys]{margin:0;display:grid}[data-site=tk-section] [data-part=keys]>div{align-items:center;gap:var(--warp-space-group);border-block-end:var(--warp-border-hairline) solid var(--rule);grid-template-columns:180px minmax(0,1fr);min-block-size:44px;display:grid}[data-site=tk-section] [data-part=keys] dt{align-items:center;gap:var(--warp-space-hair);flex-wrap:wrap;display:flex}[data-site=tk-section] [data-part=keys] [data-part=chord]{align-items:center;gap:var(--warp-space-hair);flex-wrap:wrap;display:inline-flex}[data-site=tk-section] [data-part=keys] [data-part=key-word]{color:var(--dim);font-size:var(--warp-text-caption-size)}[data-site=tk-section] [data-part=keys] dd{color:var(--dim);margin:0}[data-site=tk-section] [data-part=chips]{gap:var(--warp-space-tight);flex-wrap:wrap;margin:0;display:flex}[data-site=related]{align-items:baseline;margin-block-start:var(--warp-space-group)}[data-site=related]>span{font:400 var(--doc-tiny)/1.4 var(--warp-font-mono);color:var(--dim);margin-inline-end:var(--warp-space-tight)}[data-site=related] a{padding:var(--warp-space-hair) var(--warp-space-related);border:var(--warp-border-hairline) solid var(--rule);border-radius:var(--warp-radius-control);font-size:var(--doc-small);color:var(--ink);text-transform:none;letter-spacing:normal;text-decoration:none}[data-site=related] a:hover{border-color:var(--warp-color-border-strong);text-underline-offset:3px;text-decoration:underline}[data-site=related] a:focus-visible{outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:2px}[data-site=props]{margin-block-end:var(--warp-space-group)}[data-site=props] table{font-size:var(--doc-small)}[data-site=props] thead th{font:400 var(--doc-tiny)/1.4 var(--warp-font-mono);letter-spacing:.02em;text-transform:none}[data-site=props] :is(th,td){padding:10px var(--warp-space-related)}[data-site=props] tbody th code{color:var(--ink);font-weight:500}[data-site=props] code{font-size:var(--doc-micro)}[data-site=props] td:nth-child(2){overflow-wrap:anywhere;min-inline-size:180px;max-inline-size:280px}[data-site=props] td:last-child{color:var(--dim)}[data-site=props] td[data-label=Default]:not(:has(code)){color:var(--dim)}[data-site=props]{container-type:inline-size}@container (width<=560px){[data-site=props] :is(table,tbody,tr,th,td){display:block}[data-site=props] table{min-inline-size:0}[data-site=props] tbody th{white-space:normal;overflow-wrap:anywhere}[data-site=props] thead{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[data-site=props] tbody tr{padding:var(--warp-space-related)}[data-site=props] tbody tr+tr{border-block-start:var(--warp-border-hairline) solid var(--rule)}[data-site=props] tbody :is(th,td){border:0;padding:0}[data-site=props] tbody th{margin-block-end:var(--warp-space-hair)}[data-site=props] td[data-label=Type]{overflow-wrap:anywhere}[data-site=props] td[data-label]{min-inline-size:0;max-inline-size:none;padding-inline-start:6em;position:relative}[data-site=props] td[data-label]:before{content:attr(data-label);font:400 var(--doc-tiny)/1.9 var(--warp-font-mono);color:var(--dim);position:absolute;inset-inline-start:0}[data-site=props] td[data-label=Description]{margin-block-start:var(--warp-space-hair);padding-inline-start:0}[data-site=props] td[data-label=Description]:before{content:none}}[data-site=props] [data-part=req]{vertical-align:middle;background:var(--warp-color-critical-text);border-radius:50%;block-size:6px;inline-size:6px;margin-inline-start:6px;display:inline-block}[data-site=tk-bar]{justify-content:space-between;align-items:start;gap:var(--warp-space-group);flex-wrap:wrap;margin-block:24px 16px;display:flex}[data-site=tk-filter]{gap:var(--warp-space-tight);flex:280px;display:grid}[data-site=tk-filter] [data-scope=field]{max-inline-size:360px}[data-site=tk-filter] [data-part=chips]{gap:var(--warp-space-tight);flex-wrap:wrap;display:flex}[data-site=tk-filter] [data-part=count]{min-block-size:1.4em;font-size:var(--doc-small);color:var(--dim)}[data-tk=group]{margin-block-end:48px;scroll-margin-block-start:128px}[data-tk=group][hidden]{display:none}[data-tk=group]>header{gap:var(--warp-space-tight);margin-block-end:var(--warp-space-group);display:grid}[data-tk=group] h2{font:600 var(--doc-h2)/1.25 var(--doc-sans);letter-spacing:-.015em;text-transform:none;color:var(--ink);text-box:normal}[data-tk=group]>header p{max-inline-size:68ch;color:var(--dim);font-size:var(--doc-small);line-height:1.5}[data-tk=tiles]{--warp-flow-cols:3;gap:var(--warp-space-group);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}[data-site=tile]{contain-intrinsic-size:auto 200px;border:var(--warp-border-hairline) solid var(--rule);border-radius:var(--warp-radius-surface);background:var(--warp-color-surface);color:var(--ink);transition:border-color var(--warp-duration-fast) var(--warp-ease-out);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}[data-site=tile][hidden],[data-site=tile][data-rest]:not([data-show]){display:none}[data-site=tile]:hover{border-color:var(--warp-color-border-strong);translate:0 -1px}[data-site=tile] [data-part=stage]{aspect-ratio:16/9;background:var(--warp-color-surface);border-block-end:var(--warp-border-hairline) solid var(--rule);position:relative;overflow:hidden}[data-site=tile] [data-part=mount]{--tile-zoom:.8;inline-size:var(--tile-w,100%);padding:var(--warp-space-group);pointer-events:none;transform-origin:0 0;opacity:0;position:absolute;inset-block-start:0;inset-inline-start:0;container-type:inline-size}[data-site=tile] [data-part=mount]:not([data-ready]){opacity:1;inline-size:auto;inset:0;transform:none}[data-site=tile] [data-part=mount][data-stage=narrow]{justify-self:auto}[data-site=tile] [data-part=mount]>*{max-inline-size:100%}[data-site=tile] [data-part=words]{padding:var(--warp-space-tight) var(--warp-space-related)}[data-site=tile] strong{font-size:var(--doc-small);font-weight:600}[data-site=tile] [data-part=words] span{font-size:var(--doc-micro);color:var(--dim);line-height:1.4;display:none}@media (width<=599.98px){[data-tk=tiles]{gap:var(--warp-space-related);grid-template-columns:minmax(0,1fr)}[data-site=tile]{contain-intrinsic-size:auto 200px;grid-template-rows:auto auto}[data-site=tile] [data-part=stage]{aspect-ratio:auto;block-size:120px}[data-site=tile] [data-part=mount]{--tile-hug:240px;padding:var(--warp-space-related)}[data-site=tile] [data-part=words]{gap:var(--warp-space-hair);padding:var(--warp-space-tight) var(--warp-space-related) var(--warp-space-related);min-inline-size:0;display:grid}[data-site=tile] strong{overflow-wrap:anywhere}[data-site=tile] [data-part=words] span{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}[data-tk=all]{font-size:var(--doc-small);margin-block-start:var(--warp-space-group)}@media (width<=899.98px){[data-site=frame] [data-part=stage]{overflow-x:auto}[data-site=frame][data-play] [data-part=pair]{grid-template-columns:minmax(0,1fr)}[data-site=frame] [data-part=knobs]{border-inline-start:0;border-block-start:var(--warp-border-hairline) solid var(--rule)}[data-part=mount]{padding:var(--warp-space-group)}[data-site=tk-section] [data-part=keys]>div{grid-template-columns:120px minmax(0,1fr)}[data-site=frame] [data-part=tools]{display:none}}