@layer components{.ps{--bare:#d4d2cb;--ps-ink:#1d2129}.ps-card{border:1px solid var(--line);background-color:var(--surface);grid-template-columns:minmax(0,1fr);display:grid}.ps-main{display:contents}.ps-stage{z-index:1;border-block-end:1px solid var(--line);background-color:var(--cm-stage);align-self:start;display:grid;position:sticky;inset-block-start:0}.ps-scene.is-off,.ps-extra.is-off{display:none}.ps-svg{forced-color-adjust:none;block-size:auto;inline-size:100%;display:block}.ps [data-part=roof]{--c:var(--p-roof,var(--bare))}.ps [data-part=ceiling]{--c:var(--p-ceiling,var(--bare))}.ps [data-part=exterior]{--c:var(--p-exterior,var(--bare))}.ps [data-part=interior]{--c:var(--p-interior,var(--bare))}.ps [data-part=grilles]{--c:var(--p-grilles,var(--bare))}.ps [data-part=baseboards]{--c:var(--p-baseboards,var(--bare))}.ps [data-part=accent]{--c:var(--p-accent,var(--bare))}.ps [data-part=doors]{--c:var(--p-doors,var(--bare))}.ps-svg .pg{cursor:pointer}.ps-svg .pt{fill:var(--c);stroke:color-mix(in oklab, var(--c) 62%, var(--ps-ink));stroke-width:.7px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ps-svg .pt.s1{fill:color-mix(in oklab, var(--c) 93%, var(--ps-ink))}.ps-svg .pt.s2{fill:color-mix(in oklab, var(--c) 86%, var(--ps-ink))}.ps-svg .pt.hi{fill:color-mix(in oklab, var(--c) 86%, #fff)}.ps-svg .pl{fill:none;stroke:color-mix(in oklab, var(--c) 74%, var(--ps-ink));stroke-width:.8px;vector-effect:non-scaling-stroke;pointer-events:none}.ps-svg .pb{fill:none;stroke:color-mix(in oklab, var(--c) 90%, var(--ps-ink));stroke-width:1.6px;stroke-linecap:round;pointer-events:none}.ps-svg .ph{fill:#0000;pointer-events:all}.ps-svg [class^=fx-]{stroke:color-mix(in srgb, var(--ps-ink) 45%, transparent);stroke-width:.6px;vector-effect:non-scaling-stroke}.fx-glass{fill:#cfe2ec}.fx-ground{fill:#b9c2a8;stroke:none}.fx-slab,.fx-floor{fill:#c9cac5}.ps-svg .fx-seam{fill:none;stroke:#b3b5b0}.fx-wood{fill:#b98d5a}.fx-chalk{fill:#3d6653}.fx-card{fill:#fdfcf8}.fx-seal{fill:#8a94a6}.fx-brass{fill:#c9a24a}.fx-cork{fill:#c89b6a}.ps-svg .fx-ink{fill:none;stroke:#6b7280;stroke-width:1.2px}.ps-svg .wi{pointer-events:none;display:none;&.on{display:inline}}.ps-marks{visibility:hidden;opacity:0;pointer-events:none}.ps[data-marks] .ps-marks{visibility:visible;opacity:1}.ps-svg .mk-outline{fill:#fff}.ps-svg .mk-id{fill:#2456d6}.ps-tools,.ps-extra{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,1fr);align-content:start;gap:.875rem;padding:1rem .875rem;display:grid}.ps-set{min-inline-size:0}.ps-legend{color:var(--heading);font-size:var(--text-sm);margin-block-end:.5rem;padding:0;font-weight:500}.ps-paints,.ps-wall{grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr));gap:.375rem;display:grid}.ps-wall{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}.article-body .ps-parts{gap:.375rem;margin:0;padding:0;list-style:none;display:grid;& li{margin:0}}.ps-paint,.ps-part,.ps-item{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--background);min-block-size:2.75rem;inline-size:100%;color:var(--heading);font-size:var(--text-sm);text-align:start;cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 .5rem;padding:.375rem .625rem;line-height:1.35;display:grid;position:relative;translate:0;&:focus-visible{outline:2px solid var(--primary);outline-offset:2px}&:active{translate:0 1px}}.ps-chip{border:1px solid color-mix(in srgb, var(--heading) 35%, transparent);background-color:var(--swatch,var(--bare));forced-color-adjust:none;border-radius:2px;flex:none;block-size:1.25rem;inline-size:1.25rem}.ps-paint .ps-chip{grid-row:span 2}.ps-paint[aria-pressed=true]{border-color:var(--primary);background-color:var(--wash)}.ps-paint[aria-pressed=true]:after{border-block-end:2px solid var(--primary);content:"";position:absolute;inset:auto 0 0}.ps-paint-code,.ps-part-on{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height);grid-column:2}.ps-part,.ps-item{grid-template-columns:minmax(0,1fr) auto}.ps-part-on{grid-column:1;align-items:center;gap:.375rem;display:flex;& .ps-chip{block-size:.875rem;inline-size:.875rem}}.ps-part-name{grid-column:1}.ps-mark{font-size:var(--text-xs);text-align:end;grid-area:1/2/span 2;font-weight:500;&:empty{display:none}}.ps-item .ps-mark{grid-row:auto}.is-right{border-color:var(--success);&>.ps-mark{color:var(--success)}}.is-wrong{border-color:var(--destructive);&>.ps-mark{color:var(--destructive)}}.ps-says{min-block-size:2.75rem;color:var(--heading);font-size:var(--text-sm);font-weight:500;line-height:var(--text-sm--line-height)}.ps-cite{border-block-start:1px solid var(--line);padding:.75rem .875rem 1rem}@container (width>=56rem){.ps-card{grid-template-columns:minmax(0,1fr) 23rem;grid-template-areas:"top top""views views""main tools""cite cite"}.ps-card>.cm-bar{grid-area:top}.ps-card>.ps-views{border-block-start:0;grid-area:views}.ps-main{grid-area:main;align-self:start;display:block;position:sticky;inset-block-start:1rem}.ps-stage{border-block-end:0;position:static}.ps-tools{border-block-start:0;border-inline-start:1px solid var(--line);grid-area:tools}.ps-cite{grid-area:cite}.ps-paints{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-extra .cm-facts>div{grid-template-columns:9rem minmax(0,1fr)}}@media (hover:hover) and (pointer:fine){.ps :is(.ps-paint,.ps-part,.ps-item):hover{border-color:var(--primary)}.ps-svg .pg:hover .pt{stroke:#1348dc;stroke-width:1.8px}}@media (prefers-reduced-motion:no-preference){.ps-svg :is(.pt,.pl,.pb){transition:fill .45s cubic-bezier(.4,0,.2,1),stroke .45s cubic-bezier(.4,0,.2,1)}.ps :is(.ps-paint,.ps-part,.ps-item){transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.ps[data-marks] .mk-logo{animation:.5s cubic-bezier(.4,0,.2,1) both cm-paint}.ps[data-marks] .mk-digit{animation:cm-paint .35s cubic-bezier(.4, 0, .2, 1) calc(.5s + var(--i) * .14s) both}.ps-svg .wi.on{animation:.3s cubic-bezier(.4,0,.2,1) cm-paint}}@media (forced-colors:active){.ps-paint[aria-pressed=true]{border-color:highlight}.is-right,.is-wrong{border-color:canvastext}}@media (scripting:none){.ps [data-part=roof]{--c:var(--std-roof)}.ps [data-part=ceiling]{--c:var(--std-ceiling)}.ps [data-part=exterior]{--c:var(--std-exterior)}.ps [data-part=interior]{--c:var(--std-interior)}.ps [data-part=grilles]{--c:var(--std-grilles)}.ps [data-part=baseboards]{--c:var(--std-baseboards)}.ps [data-part=accent]{--c:var(--std-accent)}.ps [data-part=doors]{--c:var(--std-doors)}.ps-scene.is-off{display:block}.ps-marks{visibility:visible;opacity:1}.ps-svg .wi{display:inline}.ps :is(.cm-bar,.ps-views,.ps-tools,.ps-extra){display:none}}}