:where([data-niche=auto]) .aw-paint__stage{aspect-ratio:1;background:var(--aw-asphalt);max-inline-size:34rem;margin-inline:auto;position:relative;overflow:hidden}:where([data-niche=auto]) .aw-paint__stage canvas{touch-action:pan-y;display:block;block-size:100%!important;inline-size:100%!important}:where([data-niche=auto]) .aw-paint__stills{position:absolute;inset:0}:where([data-niche=auto]) .aw-paint__still{opacity:0;transition:opacity .4s var(--aw-ease);position:absolute;inset:0}:where([data-niche=auto]) .aw-paint__still[data-on]{opacity:1}:where([data-niche=auto]) .aw-paint__still>*{block-size:100%;inline-size:100%;position:absolute;inset:0}:where([data-niche=auto]) .aw-paint__hint{color:var(--aw-titanium);pointer-events:none;position:absolute;inset-block-end:1rem;inset-inline-start:1rem}@media (hover:none){:where([data-niche=auto]) .aw-paint__hint{display:none}}:where([data-niche=auto]) .aw-paint__swatches{border:0;flex-wrap:wrap;gap:.75rem 1rem;min-inline-size:0;margin-block-start:1.5rem;padding:0;display:flex}:where([data-niche=auto]) .aw-paint__swatches legend{inline-size:100%;padding:0}:where([data-niche=auto]) .aw-paint__swatch{cursor:pointer;color:var(--e-muted);transition:color var(--aw-enter) var(--aw-ease);align-items:center;gap:.55rem;display:inline-flex;position:relative}:where([data-niche=auto]) .aw-paint__swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}:where([data-niche=auto]) .aw-paint__chip{block-size:1.75rem;inline-size:1.75rem;box-shadow:0 0 0 1px var(--e-line-strong);background:var(--aw-chip);transition:box-shadow var(--aw-enter) var(--aw-ease);border:2px solid #0000;border-radius:50%;flex:none;position:relative;overflow:hidden}:where([data-niche=auto]) .aw-paint__chip[data-sheen=gloss]:before{content:"";background:radial-gradient(circle at 32% 24%,#ffffffe6 0%,#ffffff57 14%,#0000 34%),radial-gradient(circle at 70% 92%,#ffffff38 0%,#0000 42%);position:absolute;inset:0}:where([data-niche=auto]) .aw-paint__chip[data-sheen=satin]:before{content:"";background:linear-gradient(150deg,#ffffff29 0%,#ffffff0d 46%,#0000002e 100%);position:absolute;inset:0}:where([data-niche=auto]) .aw-paint__chip[data-sheen=weave]:before{content:"";background:repeating-linear-gradient(45deg,#ffffff24 0 2px,#0000 2px 4px),repeating-linear-gradient(-45deg,#00000057 0 2px,#0000 2px 4px),radial-gradient(circle at 34% 24%,#ffffff80 0%,#0000 32%);position:absolute;inset:0}:where([data-niche=auto]) .aw-paint__swatch:has(input:checked){color:var(--e-text)}:where([data-niche=auto]) .aw-paint__swatch:has(input:checked) .aw-paint__chip{box-shadow:0 0 0 2px var(--e-accent)}:where([data-niche=auto]) .aw-paint__swatch:has(input:focus-visible) .aw-paint__chip{outline:2px solid var(--e-focus);outline-offset:3px}:where([data-niche=auto]) .aw-paint__name{font-family:var(--aw-font-badge);font-weight:700;font-size:var(--aw-t-label);letter-spacing:var(--aw-track-badge);text-transform:uppercase;white-space:nowrap}@media (prefers-reduced-motion:reduce){:where([data-niche=auto]) .aw-paint__still,:where([data-niche=auto]) .aw-paint__chip,:where([data-niche=auto]) .aw-paint__swatch{transition:none}}