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;clip-path:inset(9%);-webkit-mask-size:100% 100%;mask-size:100% 100%}ta-swatch-card.is-textured .tsc-paint{clip-path:none}.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%}
/*# sourceMappingURL=/cdn/shop/t/25/assets/ta-swatch-card.css.map */