@layer veneer.components{:where([data-scope=surface]){gap:var(--veneer-space-related);padding:var(--veneer-pad-surface);background:var(--veneer-color-surface-raised);border:var(--veneer-border-hairline) solid var(--veneer-color-surface-line);border-radius:var(--veneer-radius-surface);box-shadow:var(--veneer-elevation-1);color:var(--veneer-color-text);transition:box-shadow var(--veneer-touch-out) var(--veneer-ease-out), scale var(--veneer-spring-duration) var(--veneer-ease-spring);display:grid;position:relative}:where(a[data-scope=surface]),:where(button[data-scope=surface]){text-align:start;font:inherit;cursor:pointer;text-decoration:none}:where(a[data-scope=surface]:hover),:where(button[data-scope=surface]:hover){box-shadow:var(--veneer-elevation-2);transition-duration:0s, var(--veneer-spring-duration)}:where(a[data-scope=surface]:active),:where(button[data-scope=surface]:active){scale:calc((1 + var(--veneer-press) * 3) / 4 + .0025);transition-duration:0s}:where([data-scope=surface]) :where([data-part=eyebrow]:not([data-scope=surface] [data-scope=page-header] :not([data-scope=surface] [data-scope=page-header] [data-scope=surface] *))){font-family:var(--veneer-text-eyebrow-font);font-size:var(--veneer-text-eyebrow-size);letter-spacing:var(--veneer-text-eyebrow-tracking);text-transform:var(--veneer-text-eyebrow-case);color:var(--veneer-color-text-subtle);font-weight:500}:where([data-scope=surface]) :where([data-part=title]:not([data-scope=surface] :is([data-scope=alert],[data-scope=auth],[data-scope=checklist],[data-scope=dialog],[data-scope=dropzone],[data-scope=empty-state],[data-scope=event-card],[data-scope=hero],[data-scope=item],[data-scope=panel],[data-scope=popover],[data-scope=sheet],[data-scope=shell],[data-scope=sidenav],[data-scope=sidenav-title],[data-scope=steps],[data-scope=toast],[data-scope=year]) :not([data-scope=surface] :is([data-scope=alert],[data-scope=auth],[data-scope=checklist],[data-scope=dialog],[data-scope=dropzone],[data-scope=empty-state],[data-scope=event-card],[data-scope=hero],[data-scope=item],[data-scope=panel],[data-scope=popover],[data-scope=sheet],[data-scope=shell],[data-scope=sidenav],[data-scope=sidenav-title],[data-scope=steps],[data-scope=toast],[data-scope=year]) [data-scope=surface] *))){font-family:var(--veneer-text-heading-font);font-weight:var(--veneer-text-heading-weight);font-size:var(--veneer-text-heading-size);letter-spacing:var(--veneer-text-heading-tracking);color:var(--veneer-color-text);margin:0;line-height:1.2}:where([data-scope=surface]){color:var(--veneer-color-text-subtle);line-height:var(--veneer-text-body-leading)}:where([data-scope=surface]) :where([data-part=value]:not([data-scope=surface] :is([data-scope=countdown],[data-scope=field],[data-scope=knob],[data-scope=qr],[data-scope=select],[data-scope=stopwatch]) :not([data-scope=surface] :is([data-scope=countdown],[data-scope=field],[data-scope=knob],[data-scope=qr],[data-scope=select],[data-scope=stopwatch]) [data-scope=surface] *))){font-family:var(--veneer-text-title-font);font-weight:var(--veneer-text-title-weight);font-size:var(--veneer-text-title-size);letter-spacing:var(--veneer-text-title-tracking);font-variant-numeric:tabular-nums;line-height:1}}@layer veneer.components{:where([data-scope=badge]){border:var(--veneer-border-hairline) solid transparent;border-radius:var(--veneer-radius-round);background:var(--_soft);block-size:20px;color:var(--_text);line-height:1;font-family:var(--veneer-text-eyebrow-font);font-size:var(--veneer-text-eyebrow-size);letter-spacing:var(--veneer-text-eyebrow-tracking);text-transform:var(--veneer-text-eyebrow-case);white-space:nowrap;flex:none;align-items:center;gap:5px;padding-inline:7px;font-weight:500;display:inline-flex}:where([data-scope=badge][data-emphasis=solid]){background:var(--_solid);color:var(--_ink-on)}:where([data-scope=badge][data-emphasis=outline]){border-color:var(--_border);background:0 0}:where([data-scope=badge][data-count]){min-inline-size:20px;font-family:var(--veneer-font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;justify-content:center;padding-inline:5px}:where([data-scope=status-dot]){background:var(--_text);block-size:8px;inline-size:8px;box-shadow:0 0 0 2px var(--veneer-color-surface-raised);border-radius:999px;flex:none;display:inline-block;position:relative}:where([data-scope=status-dot][data-tone=neutral]){background:var(--veneer-color-text-faint)}:where([data-scope=status-dot][data-ping]):after{content:"";border-radius:inherit;background:inherit;animation:veneer-ping calc(.9s * var(--veneer-motion-scale)) var(--veneer-ease-out) 1 both;position:absolute;inset:0}@keyframes veneer-ping{0%{opacity:.6;scale:1}to{opacity:0;scale:calc(1 + 1.6 * var(--veneer-motion-scale))}}:where([data-scope=badge]) :where([data-scope=status-dot]){block-size:6px;inline-size:6px;box-shadow:none}}[data-site=example]{gap:var(--veneer-space-related);margin-block:var(--veneer-space-section) clamp(calc(3 * var(--veneer-rem)), 6vw, calc(5 * var(--veneer-rem)));display:grid}[data-site=example]>p{max-inline-size:65ch;font-size:calc(1.0625 * var(--veneer-rem));color:var(--veneer-color-text-subtle);line-height:1.6}[data-site=example] h2{font-family:var(--veneer-text-title-font);font-weight:var(--veneer-text-title-weight);font-size:calc(1.5 * var(--veneer-rem));letter-spacing:var(--veneer-text-title-tracking);text-box:normal;--veneer-trim-k:0;color:var(--veneer-color-text)}[data-site=example] [data-part=pair]{border:var(--veneer-border-hairline) solid var(--veneer-color-border);border-radius:var(--veneer-radius-surface);background:var(--veneer-color-surface-sunken);grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid;overflow:clip}[data-site=example] [data-part=run]{place-content:center;align-items:center;gap:var(--veneer-space-related);background:var(--veneer-color-surface);min-block-size:260px;min-inline-size:0;padding:var(--veneer-space-group);font-family:var(--veneer-font-mono);border-inline-end:1px solid var(--veneer-color-border);flex-wrap:wrap;display:flex}[data-site=example] [data-part=run]>*{inline-size:min(100%,340px)}[data-site=example] [data-part=run]>[data-part=slow],[data-site=example] [data-part=run]>iframe,[data-site=example] [data-part=run]>[data-part=panes]{inline-size:100%}[data-site=example] [data-part=run] form,[data-site=example] [data-scope=surface]>:not([data-part=eyebrow]){font-family:var(--veneer-font-sans)}[data-site=example] [data-scope=surface]{gap:var(--veneer-space-related);justify-items:start;display:grid}[data-site=example] [data-scope=surface] form{gap:var(--veneer-space-related);inline-size:100%;display:grid}[data-site=example] [data-scope=surface] p{margin:0}[data-site=example] [data-part=prices]{block-size:120px;inline-size:100%;font-size:calc(.6875 * var(--veneer-rem));color:var(--veneer-color-text-subtle);contain:strict;grid-template-columns:repeat(8,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:auto}[data-site=example] pre{padding:var(--veneer-space-group);font-size:calc(.8125 * var(--veneer-rem));margin:0;line-height:1.6;overflow-x:auto}[data-site=example] dl,[data-site=fix] dl{gap:var(--veneer-space-group);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin:0;display:grid}[data-site=example] dt,[data-site=fix] dl dt{font:400 calc(.75 * var(--veneer-rem))/1.4 var(--veneer-font-mono);letter-spacing:.04em;color:var(--veneer-color-accent-text)}[data-site=example] dd,[data-site=fix] dl dd{margin:var(--veneer-space-tight) 0 0;color:var(--veneer-color-text-subtle);line-height:1.55}@media (width<=759.98px){[data-site=example] [data-part=pair]{grid-template-columns:minmax(0,1fr)}[data-site=example] [data-part=run]{border-inline-end:0;border-block-end:1px solid var(--veneer-color-border)}}[data-site=example] [data-part=tags]{gap:var(--veneer-space-tight);flex-wrap:wrap;display:flex}[data-site=example] [data-part=tags]>*{inline-size:auto}[data-site=example] [data-part=panes]{gap:var(--veneer-space-related);grid-template-columns:1fr 1fr;align-items:start;inline-size:100%;display:grid}[data-site=example] [data-part=run]:has(>[data-part=panes]){align-content:start}[data-site=example] [data-new]{margin-inline:calc(var(--veneer-space-group) * -1);padding-inline:calc(var(--veneer-space-group) - 3px) var(--veneer-space-group);border-inline-start:3px solid var(--veneer-color-accent-text);background:var(--veneer-color-accent-soft);display:block}[data-site=example] [data-new][data-part=line]{padding-inline-start:calc(var(--veneer-space-group) - 3px + var(--indent,0ch) + 2ch)}[data-site=example] [data-scope=surface] p{align-items:center;gap:var(--veneer-space-related);display:flex}[data-site=doc] [data-site=example] [data-part=pair]{grid-template-columns:minmax(0,1fr)}[data-site=doc] [data-site=example] [data-part=run]{border-inline-end:0;border-block-end:1px solid var(--veneer-color-border)}[data-site=example] [data-part=said]{gap:var(--veneer-space-tight);max-block-size:160px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}[data-site=example] [data-part=slow]{gap:var(--veneer-space-related);display:grid}[data-site=example] [data-part=slow]>p{gap:var(--veneer-space-tight);margin:0;display:flex}[data-site=example] [data-part=run] iframe{border:1px solid var(--veneer-color-border);background:var(--veneer-color-page);block-size:300px;inline-size:100%}[data-site=example] [data-part=run] [data-part=ask]{block-size:460px}[data-site=example] [data-part=receipt]{gap:var(--veneer-space-related);margin:0;display:grid}[data-site=example] [data-part=receipt] p{justify-content:space-between;gap:var(--veneer-space-related);padding:var(--veneer-space-tight) var(--veneer-space-related);background:linear-gradient(90deg, var(--veneer-color-accent-soft) var(--share,0%), transparent 0);margin:0;display:flex}[data-site=example] [data-part=receipt] [data-part=total]{border-block-start:1px solid var(--veneer-color-border);background:0 0}[data-site=page] [data-site=example]:nth-of-type(2n) [data-part=pair]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}[data-site=page] [data-site=example]:nth-of-type(2n) [data-part=run]{border-inline-end:0;border-inline-start:var(--veneer-border-hairline) solid var(--veneer-color-border);order:2}[data-site=page] [data-site=example]:nth-of-type(3n+1) [data-part=run]{background:var(--veneer-color-accent-soft)}[data-site=page] [data-site=example]:nth-of-type(3n+2) [data-part=run]{background:var(--veneer-color-surface-sunken)}@media (width<=759.98px){[data-site=page] [data-site=example]:nth-of-type(2n) [data-part=pair]{grid-template-columns:minmax(0,1fr)}[data-site=page] [data-site=example]:nth-of-type(2n) [data-part=run]{border-inline-start:0;order:0}}[data-site=page] [data-site=example][data-lead] h2{font-size:calc(2 * var(--veneer-rem))}[data-site=page] [data-site=example][data-lead] [data-part=pair]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-site=page] [data-site=example][data-lead] pre{max-block-size:640px}[data-site=page] [data-site=example][data-lead] [data-part=run]{padding:var(--veneer-space-section);border-inline-start:0;border-inline-end:var(--veneer-border-hairline) solid var(--veneer-color-border);background:var(--veneer-color-accent-soft);order:0}[data-site=page] [data-site=example][data-lead] [data-part=run]>*{inline-size:min(100%,420px)}@media (width<=759.98px){[data-site=page] [data-site=example][data-lead] [data-part=pair]{grid-template-columns:minmax(0,1fr)}[data-site=page] [data-site=example][data-lead] [data-part=run]{padding:var(--veneer-space-group);border-inline-end:0}}@media (width>=760px){[data-site=story] [data-site=example] [data-part=run]{align-content:start;align-items:start}[data-site=story] [data-site=example] [data-part=run]>*{position:sticky;inset-block-start:calc(var(--veneer-flow-top,57px) + var(--veneer-space-group))}}[data-site=page] [data-site=example] [data-part=pair]:has(>[data-part=run]>[data-part=missing]){grid-template-columns:minmax(0,1fr)}[data-site=page] [data-site=example] [data-part=pair]>[data-part=run]:has(>[data-part=missing]){min-block-size:0;padding:var(--veneer-space-related);border-inline:0;border-block-end:var(--veneer-border-hairline) solid var(--veneer-color-border);order:0;justify-content:start}[data-site=example] [data-part=run]>[data-part=missing]{inline-size:auto;margin:0}[data-site=example] [data-scope=codeblock][data-bare]{position:relative}[data-site=example] [data-scope=codeblock][data-bare]>[data-part=head]{z-index:1;opacity:.7;transition:opacity var(--veneer-duration-fast) var(--veneer-ease-out);border:0;padding:0;position:absolute;inset-block-start:4px;inset-inline-end:4px}[data-site=example] [data-scope=codeblock][data-bare]:is(:hover,:focus-within)>[data-part=head]{opacity:1}[data-site=example] [data-scope=codeblock][data-bare] pre{padding-inline-end:44px}[data-art=gallery] [data-art=jump]{gap:var(--veneer-space-tight) var(--veneer-space-group);flex-wrap:wrap;margin-block-end:var(--veneer-space-group);font-size:.9375rem;display:flex}[data-art=gallery] [data-art=bar]{align-items:center;gap:var(--veneer-space-related) var(--veneer-space-group);flex-wrap:wrap;display:flex}[data-art=room]{margin-block-start:var(--veneer-space-section);scroll-margin-block-start:5rem}[data-art=room]>h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.25rem)}[data-art=room]>p{max-inline-size:65ch;margin-block:var(--veneer-space-related) var(--veneer-space-group);font-size:1.0625rem;line-height:1.6}[data-art=wall]{gap:var(--veneer-space-section) var(--veneer-space-group);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));display:grid}[data-art=piece]{gap:var(--veneer-space-related);flex-direction:column;min-inline-size:0;scroll-margin-block-start:5rem;display:flex}[data-art=piece][data-wide]{grid-column:1/-1}[data-art=piece]>h3{margin:var(--veneer-space-tight) 0 0;font-size:1.125rem}[data-art=piece]>p{max-inline-size:60ch;color:var(--veneer-color-text-subtle);margin:0;line-height:1.5}[data-art=piece]>details>summary{cursor:pointer;color:var(--veneer-color-text-subtle);font-size:.875rem}[data-art=piece]>details pre{max-block-size:28rem;overflow:auto}[data-art=frame]{aspect-ratio:8/5;box-sizing:border-box;border:var(--veneer-border-hairline) solid var(--veneer-color-border);border-radius:var(--veneer-radius-surface);background:var(--veneer-color-page);color:var(--veneer-color-text);position:relative;overflow:hidden}[data-art=piece][data-wide] [data-art=frame]{aspect-ratio:5/2}[id=ramp-wall] [data-art=frame]{aspect-ratio:2}@media (width<=640px){[data-art=piece][data-wide] [data-art=frame]{aspect-ratio:8/5}}[data-art=frame]>[data-scope=canvas],[data-art=frame]>[data-scope=dither]{block-size:100%;position:absolute;inset:0}[data-art=frame] [data-art=pierce]{position:absolute;inset:0}[data-art=readout]{background:color-mix(in oklab, var(--veneer-color-surface) 88%, transparent);font-family:var(--veneer-font-mono);font-variant-numeric:tabular-nums;color:var(--veneer-color-text);pointer-events:none;padding:2px 6px;font-size:.75rem;position:absolute;inset-block-end:var(--veneer-space-related);inset-inline-start:var(--veneer-space-related)}[data-art=readout]:empty{display:none}[data-art=controls]{gap:var(--veneer-space-tight);pointer-events:none;flex-wrap:wrap;justify-content:space-between;display:flex;position:absolute;inset-block-start:var(--veneer-space-related);inset-inline-start:var(--veneer-space-related);inset-inline-end:var(--veneer-space-related)}[data-art=controls]>*{pointer-events:auto}[data-art=table]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[data-art-darkroom]{touch-action:pan-y;cursor:ew-resize;background:var(--veneer-color-page)}[data-art-darkroom]>img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}[data-art-darkroom]>[data-part=print]{background:var(--veneer-color-page);clip-path:inset(0 0 0 var(--split));position:absolute;inset:0}[data-art-darkroom]>[data-part=divider]{background:var(--veneer-color-sweep);inline-size:2px;margin-inline-start:-1px;position:absolute;inset-block:0;inset-inline-start:var(--split)}[data-art-wall]{background:var(--veneer-color-border);grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}[data-art-wall]>button{background:var(--veneer-color-page);cursor:copy;border:0;padding:0;position:relative}[data-art-wall]>button:focus-visible{outline:2px solid var(--veneer-color-focus);outline-offset:-2px}[data-art=controls][data-art-end]{justify-content:flex-end}[data-art-seed]{inline-size:min(220px,50%)}[data-site=doc][data-art=gallery]{max-inline-size:1320px}[data-art=gallery] [data-art=wall]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-art=piece]:nth-child(odd):last-child{grid-column:1/-1}[data-art=piece]:nth-child(odd):last-child [data-art=frame]{aspect-ratio:5/2}[data-art=room]>h2{font:600 calc(1.75 * var(--veneer-rem))/1.2 var(--doc-sans)}@media (width<=719.98px){[data-art=gallery] [data-art=wall]{grid-template-columns:minmax(0,1fr)}}