ta-swatch-card{--tsc-hex:#cccccc;--tsc-bw:4px;--tsc-radius:10px;display:block;position:relative;padding:var(--tsc-bw);perspective:1000px;touch-action:pan-y}.tsc-link{display:block;color:inherit;text-decoration:none}.tsc-link:focus-visible{outline:2px solid #E4002B;outline-offset:4px;border-radius:var(--tsc-radius)}.tsc-tilt{position:relative;aspect-ratio:1/1;isolation:isolate;transform:rotateX(var(--tsc-rx,0deg)) rotateY(var(--tsc-ry,0deg))}ta-swatch-card.is-live .tsc-tilt,ta-swatch-card.is-live .tsc-layer{will-change:transform}.tsc-frame{position:absolute;inset:calc(var(--tsc-bw) * -1);z-index:0;overflow:hidden;border-radius:calc(var(--tsc-radius) + var(--tsc-bw));box-shadow:0 18px 36px -22px #00000073}.tsc-spin{position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1/1;translate:-50% -50%;background:conic-gradient(from 0deg,color-mix(in oklab,var(--tsc-hex) 55%,#000) 0deg,var(--tsc-hex) 70deg,color-mix(in oklab,var(--tsc-hex) 45%,#fff) 112deg,#fff 120deg,color-mix(in oklab,var(--tsc-hex) 45%,#fff) 128deg,var(--tsc-hex) 175deg,color-mix(in oklab,var(--tsc-hex) 55%,#000) 250deg,var(--tsc-hex) 310deg,color-mix(in oklab,var(--tsc-hex) 55%,#000) 360deg);animation:tsc-spin 6s linear infinite paused}ta-swatch-card:hover .tsc-spin,ta-swatch-card.is-active .tsc-spin{animation-play-state:running}@keyframes tsc-spin{to{transform:rotate(1turn)}}.tsc-clip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--tsc-radius);overflow:hidden;background:#fbfaf6}.tsc-bar{position:absolute;left:4%;right:4%;top:43%;height:14%;background:#111}.tsc-paint{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.tsc-colour{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tsc-hex)}.tsc-bar--under{opacity:var(--tsc-thru,.3)}.tsc-shade,.tsc-spec{position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%}.tsc-shade{mix-blend-mode:overlay;opacity:var(--tsc-shade,.85)}.tsc-spec{opacity:var(--tsc-spec,.6);-webkit-mask-image:radial-gradient(circle at var(--tsc-lx,30%) var(--tsc-ly,26%),#000 0,rgba(0,0,0,.35) calc(var(--tsc-lr,40%) * .55),transparent var(--tsc-lr,40%));mask-image:radial-gradient(circle at var(--tsc-lx,30%) var(--tsc-ly,26%),#000 0,rgba(0,0,0,.35) calc(var(--tsc-lr,40%) * .55),transparent var(--tsc-lr,40%))}ta-swatch-card.tsc-flip .tsc-paint{transform:scaleX(-1)}.tsc-sheen{display:none}ta-swatch-card[data-metallic] .tsc-sheen{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:overlay;background-image:linear-gradient(115deg,gray,#9a9a9a,#d6d6d6 24%,#fff,#d6d6d6 32%,#929292 42%,gray 54% 68%,#b4b4b4 81%,gray 93% 100%);background-repeat:no-repeat;background-size:260% 260%;background-position:var(--tsc-bpx,70%) var(--tsc-bpy,70%)}ta-swatch-card[data-metallic] .tsc-shade{mix-blend-mode:soft-light;opacity:1}.tsc-flake{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;display:none;pointer-events:none;background-size:150px 150px;background-position:var(--tsc-fx,0px) var(--tsc-fy,0px);-webkit-mask-image:radial-gradient(circle at var(--tsc-lx,30%) var(--tsc-ly,26%),#000 0,rgba(0,0,0,.25) 38%,transparent 62%);mask-image:radial-gradient(circle at var(--tsc-lx,30%) var(--tsc-ly,26%),#000 0,rgba(0,0,0,.25) 38%,transparent 62%)}ta-swatch-card[data-metallic] .tsc-flake{display:block}.tsc-layer{position:absolute;left:0;right:0;top:7%;bottom:9%;display:flex;justify-content:center;pointer-events:none}.tsc-layer img{height:100%;width:auto;max-width:none;display:block}ta-swatch-card .tsc-layer>img{position:static!important;display:block!important;height:100%!important;width:auto!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;object-fit:contain!important;inset:auto!important;margin:0!important;transform:none!important;aspect-ratio:auto!important}.tsc-shadow{z-index:2;transform:translate3d(calc(var(--tsc-sx,0px) + var(--tsc-sox,5px)),calc(var(--tsc-sy,0px) + var(--tsc-soy,8px)),0)}.tsc-shadow img{filter:brightness(0) blur(8px);opacity:var(--tsc-so,.24)}.tsc-tube{z-index:3;transform:translate3d(var(--tsc-tx,0px),var(--tsc-ty,0px),0)}@media(prefers-reduced-motion:reduce){.tsc-spin{animation:none}}.product-item__image-wrapper--swatch .product-item__label-list{z-index:5}.product-item__image-wrapper--swatch .product-item__quick-form{z-index:6}ta-swatch-card[size=large]{--tsc-bw:6px;--tsc-radius:14px}.ta-swatch-slide{width:100%}.ta-swatch-slide ta-swatch-card{max-width:640px;margin:0 auto;cursor:default}.ta-swatch-thumb{position:relative;display:block;width:100%;aspect-ratio:1/1;background:#fbfaf6;overflow:hidden}.ta-swatch-thumb__paint{position:absolute;top:14%;right:14%;bottom:14%;left:14%;background:var(--tsc-hex)}.ta-swatch-thumb__tube{position:absolute;top:6%;right:0;bottom:6%;left:0;background-repeat:no-repeat;background-position:center;background-size:auto 100%}ta-swatch-card[data-style=watercolour]{--tsc-radius: 3px}.tsc-wc-shadow{position:absolute;top:3%;right:2%;bottom:0;left:3%;z-index:0;border-radius:6px;background:#281e144d;filter:blur(10px)}.tsc-clip--wc{background:#faf7f0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.tsc-clip--wc .tsc-bar{background:#1d1c1b}.tsc-wc-paper,.tsc-wc-wash,.tsc-wc-gran,.tsc-wc-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%;-webkit-mask-size:100% 100%;mask-size:100% 100%}.tsc-wc-top{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;-webkit-mask-image:linear-gradient(90deg,#000 44%,transparent 56%);mask-image:linear-gradient(90deg,#000 44%,transparent 56%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-position:100% 0;mask-position:100% 0}ta-swatch-card:not(.is-textured) .tsc-wc-top{visibility:hidden}ta-swatch-card.is-painted .tsc-wc-top{animation:tsc-wc-paint 1.8s cubic-bezier(.45,.1,.3,1) forwards}@keyframes tsc-wc-paint{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}.tsc-wc-wash{background-color:var(--tsc-hex);mix-blend-mode:multiply}.tsc-wc-gran{display:none;background-color:color-mix(in oklab,var(--tsc-hex) 55%,#000);mix-blend-mode:multiply}ta-swatch-card[data-granulating] .tsc-wc-gran{display:block}.tsc-wc-cover{background-color:color-mix(in oklab,var(--tsc-hex) 92%,#fff);opacity:var(--tsc-cover, 0)}ta-swatch-card[data-style=watercolour] .tsc-layer{top:12%;bottom:11%}@media(prefers-reduced-motion:reduce){.tsc-wc-top{-webkit-mask-image:none;mask-image:none}ta-swatch-card.is-painted .tsc-wc-top{animation:none}}ta-swatch-card[data-wc-fx] .tsc-clip--wc{background:#1d1c1b}ta-swatch-card[data-wc-fx] .tsc-clip--wc .tsc-bar{background:#efebe3}ta-swatch-card[data-wc-fx] .tsc-wc-shadow{background:#0000006b}ta-swatch-card[data-wc-fx] .tsc-wc-cover{display:none}ta-swatch-card[data-wc-fx=iridescent] .tsc-wc-wash{mix-blend-mode:normal;opacity:.9}ta-swatch-card[data-wc-fx=iridescent] .tsc-wc-gran{display:block;mix-blend-mode:normal;background-color:color-mix(in oklab,var(--tsc-hex) 55%,#fff)}ta-swatch-card[data-wc-fx=interference] .tsc-wc-wash{mix-blend-mode:screen;opacity:.36;background-color:color-mix(in oklab,var(--tsc-hex) 25%,#fff)}ta-swatch-card[data-wc-fx=interference] .tsc-wc-gran{display:none}.tsc-wc-fx{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;-webkit-mask-size:100% 100%;mask-size:100% 100%}.tsc-wc-flip{position:absolute;top:0;right:0;bottom:0;left:0;display:none;opacity:var(--tsc-flipo, .14);background-image:linear-gradient(115deg,transparent 18%,var(--tsc-flip, #3cf) 42%,var(--tsc-flip2, #6cf) 56%,transparent 80%);background-repeat:no-repeat;background-size:260% 260%;background-position:var(--tsc-bpx, 70%) var(--tsc-bpy, 70%)}ta-swatch-card[data-wc-fx=interference] .tsc-wc-flip{display:block}.tsc-wc-glint{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background-size:120px 120px;background-position:var(--tsc-fx, 0px) var(--tsc-fy, 0px);-webkit-mask-image:radial-gradient(circle at var(--tsc-lx, 30%) var(--tsc-ly, 26%),#000 0,rgba(0,0,0,.2) 34%,transparent 55%);mask-image:radial-gradient(circle at var(--tsc-lx, 30%) var(--tsc-ly, 26%),#000 0,rgba(0,0,0,.2) 34%,transparent 55%)}ta-swatch-card[data-wc-fx=iridescent] .tsc-wc-glint{opacity:.75}ta-swatch-card[data-wc-fx=interference] .tsc-wc-glint{opacity:.3}ta-swatch-card:not([data-style=watercolour]){--tsc-radius: 3px}.tsc-canvas-shadow{position:absolute;top:3%;right:2%;bottom:0;left:3%;z-index:0;border-radius:5px;background:#281e144d;filter:blur(10px)}.tsc-canvas{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f2efe7;background-size:100% 100%}ta-swatch-card[data-ac-fx] .tsc-canvas{background-color:#1e1d1c}ta-swatch-card[data-ac-fx] .tsc-bar{background:#efebe3}ta-swatch-card[data-ac-fx] .tsc-canvas-shadow{background:#0000006b}ta-swatch-card[data-ac-fx=interference] .tsc-ac-top{mix-blend-mode:screen}ta-swatch-card[data-ac-fx=interference] .tsc-colour{background:color-mix(in oklab,var(--tsc-hex) 25%,#fff);opacity:.17}ta-swatch-card[data-ac-fx=interference] .tsc-bar--under{display:none}ta-swatch-card[data-ac-fx=interference] .tsc-flake{display:block;opacity:.35}.tsc-ac-flip{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--tsc-flipo, .14);background-image:linear-gradient(115deg,transparent 18%,var(--tsc-flip, #3cf) 42%,var(--tsc-flip2, #6cf) 56%,transparent 80%);background-repeat:no-repeat;background-size:260% 260%;background-position:var(--tsc-bpx, 70%) var(--tsc-bpy, 70%)}.tsc-ac-top{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;-webkit-mask-image:linear-gradient(90deg,#000 44%,transparent 56%);mask-image:linear-gradient(90deg,#000 44%,transparent 56%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-position:100% 0;mask-position:100% 0}ta-swatch-card:not(.is-textured) .tsc-ac-top{visibility:hidden}ta-swatch-card.is-painted .tsc-ac-top{animation:tsc-wc-paint 1.5s cubic-bezier(.45,.1,.3,1) forwards}@media(prefers-reduced-motion:reduce){.tsc-ac-top{-webkit-mask-image:none;mask-image:none}ta-swatch-card.is-painted .tsc-ac-top{animation:none}}.tsc-clip--pop{background:var(--tsc-comp-lt, #cfe3ff);box-shadow:inset 0 0 0 3px #111;border-radius:4px}.tsc-pop-rays{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:repeating-conic-gradient(from 0deg at 50% 50%,var(--tsc-comp, #4a7bd6) 0deg 7deg,var(--tsc-comp-lt, #cfe3ff) 7deg 15deg);translate:calc(var(--tsc-sx, 0px) * 1.8) calc(var(--tsc-sy, 0px) * 1.8);animation:tsc-rays 40s linear infinite paused}ta-swatch-card:hover .tsc-pop-rays,ta-swatch-card.is-active .tsc-pop-rays{animation-play-state:running}@keyframes tsc-rays{to{transform:rotate(1turn)}}.tsc-pop-dots{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(0,0,0,.28) 26%,transparent 29%) 0 0 / 7px 7px;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 28%,#000 78%);mask-image:radial-gradient(circle at 50% 50%,transparent 28%,#000 78%)}.tsc-pop-top{position:absolute;top:4%;right:3%;bottom:4%;left:3%;translate:calc(var(--tsc-tx, 0px) * .35) calc(var(--tsc-ty, 0px) * .35);transform:scale(.001)}ta-swatch-card.is-painted .tsc-pop-top{animation:tsc-pop-in .75s cubic-bezier(.3,1.7,.5,1) forwards}@keyframes tsc-pop-in{0%{transform:scale(.001) rotate(-12deg)}to{transform:scale(1) rotate(0)}}.tsc-pop-burst{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 8.2%,57.9% 22.8%,73.2% 13%,71.9% 29.9%,88.5% 29.6%,81.3% 42.3%,99.5% 50%,83.6% 58.3%,92.1% 72.4%,72.2% 70.4%,73.6% 87.6%,58.2% 78.1%,50% 91.4%,42.1% 77.2%,27.4% 86.1%,24.9% 73.1%,7.6% 72.5%,16.3% 58.3%,1.2% 50%,19.9% 42.6%,10.3% 28.9%,26.1% 28%,25.8% 11.4%,40.9% 18.8%)}.tsc-pop-burst--ink{background:#111;transform:scale(1.06)}.tsc-pop-burst--paint{background:var(--tsc-hex)}.tsc-pop-burst--dots{background:radial-gradient(circle,color-mix(in oklab,var(--tsc-hex) 55%,#000) 30%,transparent 33%) 0 0 / 8px 8px;opacity:.45;-webkit-mask-image:radial-gradient(circle at 38% 35%,transparent 30%,#000 75%);mask-image:radial-gradient(circle at 38% 35%,transparent 30%,#000 75%)}.tsc-pop-shine{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 8.2%,57.9% 22.8%,73.2% 13%,71.9% 29.9%,88.5% 29.6%,81.3% 42.3%,99.5% 50%,83.6% 58.3%,92.1% 72.4%,72.2% 70.4%,73.6% 87.6%,58.2% 78.1%,50% 91.4%,42.1% 77.2%,27.4% 86.1%,24.9% 73.1%,7.6% 72.5%,16.3% 58.3%,1.2% 50%,19.9% 42.6%,10.3% 28.9%,26.1% 28%,25.8% 11.4%,40.9% 18.8%);display:none;mix-blend-mode:screen;background-image:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.75) 47%,transparent 56%);background-repeat:no-repeat;background-size:280% 280%;background-position:var(--tsc-bpx, 70%) var(--tsc-bpy, 70%)}ta-swatch-card[data-style=pop][data-metallic] .tsc-pop-shine{display:block}@media(prefers-reduced-motion:reduce){.tsc-pop-top{transform:none}ta-swatch-card.is-painted .tsc-pop-top{animation:none}.tsc-pop-rays{animation:none}}.tsc-glow-dark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#2b1160,#0e0524 80%);transition:opacity .5s ease}.tsc-ac-top,.tsc-pop-top{transition:filter .5s ease}ta-swatch-card[data-glow=uv]:hover .tsc-glow-dark,ta-swatch-card[data-glow=uv].is-active .tsc-glow-dark{opacity:.8}ta-swatch-card[data-glow=uv]:hover :is(.tsc-ac-top,.tsc-pop-top),ta-swatch-card[data-glow=uv].is-active :is(.tsc-ac-top,.tsc-pop-top){filter:saturate(1.45) brightness(1.18) drop-shadow(0 0 5px var(--tsc-hex)) drop-shadow(0 0 16px var(--tsc-hex))}ta-swatch-card[data-glow=uv]:hover .tsc-layer.tsc-tube,ta-swatch-card[data-glow=uv].is-active .tsc-layer.tsc-tube{filter:brightness(.8)}.tsc-layer.tsc-tube{transition:filter .5s ease}ta-swatch-card[data-glow=phos].is-painted:not(:hover):not(.is-active) .tsc-glow-dark{background:#070a06;animation:tsc-phos 3.2s ease-in-out infinite}ta-swatch-card[data-glow=phos].is-painted:not(:hover):not(.is-active) :is(.tsc-ac-top,.tsc-pop-top){filter:drop-shadow(0 0 6px #b8ff8c) drop-shadow(0 0 18px rgba(150,255,110,.65))}ta-swatch-card[data-glow=phos].is-painted:not(:hover):not(.is-active) .tsc-layer.tsc-tube{filter:brightness(.35)}@keyframes tsc-phos{0%,to{opacity:.86}50%{opacity:.74}}@media(prefers-reduced-motion:reduce){ta-swatch-card[data-glow=phos].is-painted:not(:hover):not(.is-active) .tsc-glow-dark{animation:none;opacity:.8}}ta-swatch-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}ta-swatch-card img{-webkit-user-drag:none}ta-swatch-card .tsc-tilt{transition:scale .18s ease}ta-swatch-card.is-steering .tsc-tilt{scale:1.03}@media(hover:none){.tsc-ac-top,.tsc-wc-top{-webkit-mask-image:none;mask-image:none;opacity:0}ta-swatch-card.is-painted .tsc-ac-top,ta-swatch-card.is-painted .tsc-wc-top{animation:tsc-settle .7s ease-out forwards}}@keyframes tsc-settle{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@media(hover:none)and (prefers-reduced-motion:reduce){.tsc-ac-top,.tsc-wc-top{opacity:1}ta-swatch-card.is-painted .tsc-ac-top,ta-swatch-card.is-painted .tsc-wc-top{animation:none}}ta-swatch-card[data-style=artnoise] .tsc-canvas{background-image:none!important;background-color:#f7f3ee}ta-swatch-card[data-style=artnoise] .tsc-canvas-shadow{background:#5a3c2838}ta-swatch-card[data-style=artnoise] :is(.tsc-sheen,.tsc-spec){display:none}ta-swatch-card[data-style=artnoise] .tsc-ac-top{-webkit-mask-image:linear-gradient(180deg,#000 44%,transparent 56%);mask-image:linear-gradient(180deg,#000 44%,transparent 56%);-webkit-mask-size:100% 260%;mask-size:100% 260%;-webkit-mask-position:0 100%;mask-position:0 100%}ta-swatch-card[data-style=artnoise].is-painted .tsc-ac-top{animation-name:tsc-drip-in;animation-duration:1.9s}@keyframes tsc-drip-in{0%{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0%;mask-position:0 0%}}ta-swatch-card[data-style=uvfx]:not([data-uv-plain]) .tsc-bar{background:#efebe3}ta-swatch-card[data-style=uvfx]:not([data-uv-plain]) .tsc-bar--under{display:none}ta-swatch-card[data-style=uvfx]:not([data-uv-plain]) .tsc-canvas-shadow{background:#3c007873}ta-swatch-card[data-style=uvfx]:not([data-uv-plain]) .tsc-glow-dark{opacity:.72}ta-swatch-card[data-style=uvfx]:not([data-uv-plain]) .tsc-ac-top{filter:saturate(1.2) brightness(1.04) drop-shadow(0 0 3px var(--tsc-hex)) drop-shadow(0 0 10px var(--tsc-hex))}ta-swatch-card[data-style=uvfx]:not([data-uv-plain]):hover .tsc-ac-top,ta-swatch-card[data-style=uvfx]:not([data-uv-plain]).is-active .tsc-ac-top{filter:saturate(1.35) brightness(1.12) drop-shadow(0 0 5px var(--tsc-hex)) drop-shadow(0 0 18px var(--tsc-hex))}ta-swatch-card[data-style=uvfx]:not([data-uv-plain]) .tsc-layer.tsc-tube{filter:brightness(.88)}.tsc-depth{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--tsc-hex);mix-blend-mode:multiply;opacity:var(--tsc-depth, .38);-webkit-mask-size:100% 100%;mask-size:100% 100%}ta-swatch-card[data-mass] .tsc-depth{background-color:var(--tsc-mass);mix-blend-mode:normal;opacity:.92}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ta-swatch-card.css.map */