.paint-swatch{isolation:isolate;overflow:hidden;background:var(--paint-base,#7f8a92)!important}
.paint-swatch::before,.paint-swatch::after{content:"";position:absolute;inset:0;pointer-events:none}
.paint-swatch::after{z-index:3;background:linear-gradient(118deg,rgba(255,255,255,.32) 0,rgba(255,255,255,.11) 25%,transparent 47%,rgba(0,0,0,.08) 100%)}
.paint-swatch[data-finish="solid"]::before{z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 45%,rgba(0,0,0,.045))}
.paint-swatch[data-finish="metallic"]::before{z-index:2;opacity:.85;background-image:radial-gradient(circle,rgba(255,255,255,.85) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(255,255,255,.5) 0 .7px,transparent 1.1px),radial-gradient(circle,rgba(18,25,31,.35) 0 .8px,transparent 1.2px),linear-gradient(112deg,transparent 0 30%,rgba(255,255,255,.28) 42%,transparent 55%);background-size:9px 9px,13px 13px,17px 17px,100% 100%;background-position:0 0,4px 5px,8px 2px,0 0;mix-blend-mode:screen}
.paint-swatch[data-finish="metallic"]::after{background:linear-gradient(118deg,rgba(255,255,255,.4) 0,rgba(255,255,255,.12) 24%,transparent 44%,rgba(0,0,0,.12) 100%)}
.paint-swatch[data-finish="pearl"]::before{z-index:2;opacity:.72;background:radial-gradient(circle at 18% 25%,rgba(128,220,255,.24),transparent 28%),radial-gradient(circle at 78% 72%,rgba(255,165,230,.21),transparent 32%),radial-gradient(circle at 58% 18%,rgba(255,244,180,.24),transparent 23%),linear-gradient(105deg,transparent 20%,rgba(255,255,255,.34) 45%,transparent 68%);mix-blend-mode:screen}
.paint-swatch[data-finish="pearl"]::after{background:linear-gradient(118deg,rgba(255,255,255,.42),rgba(255,255,255,.08) 28%,transparent 54%,rgba(0,0,0,.08))}
.paint-swatch[data-finish="satin"]::before{z-index:2;background:linear-gradient(125deg,rgba(255,255,255,.13),transparent 38%,rgba(0,0,0,.06));filter:blur(.3px)}
.paint-swatch[data-finish="satin"]::after{opacity:.42}
.paint-swatch[data-finish="matte"]::before{z-index:2;background:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.018) 1px 2px)}
.paint-swatch[data-finish="matte"]::after{opacity:.14}
.paint-meta [data-visual-finish]{text-transform:capitalize}
html[data-display-style="neon-grid"] .paint-swatch,html[data-display-style="vault-108"] .paint-swatch{border-bottom-color:var(--line,#71818c)}
@media (prefers-reduced-motion:no-preference){.paint-card:hover .paint-swatch[data-finish="metallic"]::before,.paint-card:hover .paint-swatch[data-finish="pearl"]::before{transform:translateX(1.5%);transition:transform .28s ease}}