.finish-swatches-module__zcLYJq__samples{--sample-shadow:#000;--sample-light:#fff;--sample-stage:#151515;--sample-edge:#343434;color:hsl(var(--foreground))}.finish-swatches-module__zcLYJq__instructions{color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:20px;font-size:14px;line-height:1.5;display:flex}.finish-swatches-module__zcLYJq__sample{text-align:left;cursor:pointer;outline-offset:6px;-webkit-tap-highlight-color:transparent;border-radius:4px;width:100%;display:block}.finish-swatches-module__zcLYJq__sample:focus-visible{outline:1px solid hsl(var(--primary))}.finish-swatches-module__zcLYJq__stage{aspect-ratio:4/5;background:var(--sample-stage);border:1px solid hsl(var(--border));perspective:700px;border-radius:4px;justify-content:center;align-items:center;transition:border-color .22s;display:flex;position:relative}.finish-swatches-module__zcLYJq__sample:is(:hover,:focus-visible,[aria-pressed=true]) .finish-swatches-module__zcLYJq__stage{border-color:color-mix(in srgb,hsl(var(--primary))55%,hsl(var(--border)))}.finish-swatches-module__zcLYJq__plate{width:73%;height:82%;transform-style:preserve-3d;transition:transform .28s ease-out;display:block;position:relative;transform:rotateX(2deg)rotateY(-5deg)}.finish-swatches-module__zcLYJq__sample:is(:hover,:focus-visible,[aria-pressed=true]) .finish-swatches-module__zcLYJq__plate{transform:translateY(-5px)rotateX(var(--rotate-x,7deg))rotateY(var(--rotate-y,-10deg))}.finish-swatches-module__zcLYJq__face,.finish-swatches-module__zcLYJq__middle,.finish-swatches-module__zcLYJq__back{-webkit-mask-image:radial-gradient(circle at 50% 10%,transparent 0 4px,var(--sample-shadow)4.8px);mask-image:radial-gradient(circle at 50% 10%,transparent 0 4px,var(--sample-shadow)4.8px);background-repeat:no-repeat;border-radius:8px;display:block;position:absolute;inset:0}.finish-swatches-module__zcLYJq__face{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sample-shadow)18%,transparent);overflow:hidden;transform:translateZ(2px)}.finish-swatches-module__zcLYJq__middle{filter:brightness(.65);transform:translateZ(0)translate(1px,1px)}.finish-swatches-module__zcLYJq__back{filter:brightness(.5);box-shadow:1px 1px 0 var(--sample-edge);transform:translateZ(-2px)translate(2px,2px)}.finish-swatches-module__zcLYJq__diffuse{background:linear-gradient(var(--shade-angle,130deg),color-mix(in srgb,var(--sample-light)4%,transparent),transparent 48%,color-mix(in srgb,var(--sample-shadow)8%,transparent));opacity:0;transition:opacity .3s;position:absolute;inset:0}.finish-swatches-module__zcLYJq__sample:is(:hover,:focus-visible,[aria-pressed=true]) .finish-swatches-module__zcLYJq__diffuse{opacity:1}.finish-swatches-module__zcLYJq__ground{background:var(--sample-shadow);filter:blur(9px);opacity:.45;border-radius:12px;transition:transform .28s,opacity .28s;position:absolute;inset:13% 12% 6%;transform:translate(5px,7px)}.finish-swatches-module__zcLYJq__sample:is(:hover,:focus-visible,[aria-pressed=true]) .finish-swatches-module__zcLYJq__ground{opacity:.6;transform:translate(9px,13px)}.finish-swatches-module__zcLYJq__caption{padding-top:12px;display:block}.finish-swatches-module__zcLYJq__number{color:hsl(var(--primary));font-size:14px;line-height:1.5;display:block}.finish-swatches-module__zcLYJq__name{min-height:42px;font-size:14px;font-weight:500;line-height:1.5;display:block}.finish-swatches-module__zcLYJq__note{color:hsl(var(--muted-foreground));font-size:14px;line-height:1.5;display:block}.finish-swatches-module__zcLYJq__disclaimer{color:hsl(var(--muted-foreground));margin-top:24px;font-size:14px;line-height:1.6}@media (prefers-reduced-motion:reduce){.finish-swatches-module__zcLYJq__plate,.finish-swatches-module__zcLYJq__ground,.finish-swatches-module__zcLYJq__diffuse,.finish-swatches-module__zcLYJq__stage{transition:none}.finish-swatches-module__zcLYJq__sample:is(:hover,:focus-visible,[aria-pressed=true]) .finish-swatches-module__zcLYJq__plate,.finish-swatches-module__zcLYJq__sample:is(:hover,:focus-visible,[aria-pressed=true]) .finish-swatches-module__zcLYJq__ground{transform:none}.finish-swatches-module__zcLYJq__sample:is(:hover,:focus-visible,[aria-pressed=true]) .finish-swatches-module__zcLYJq__diffuse{opacity:0}}