.cs3d{--cs-w: 250px;--cs-h: 386px;margin:0 auto}.cs3d__stage{position:relative;width:100%;max-width:780px;height:430px;margin:0 auto;perspective:1300px;perspective-origin:50% 46%}.cs3d__stage:after{content:"";position:absolute;left:50%;bottom:26px;width:580px;height:84px;transform:translate(-50%);background:radial-gradient(ellipse at center,#1111110d,#11111106 45%,#1110 72%);pointer-events:none}.cs3d__band{position:absolute;top:14px;left:50%;width:var(--cs-w);height:var(--cs-h);margin-left:calc(var(--cs-w) / -2);padding:0;background:none;border:0;cursor:pointer;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,.61,.36,1),opacity .62s cubic-bezier(.22,.61,.36,1),filter .62s cubic-bezier(.22,.61,.36,1);-webkit-tap-highlight-color:transparent}.cs3d__band img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(17,17,17,.13))}.cs3d__shadow{display:none}.cs3d__band[data-pos=center]{transform:translateZ(90px) rotateY(0) scale(1);opacity:1;z-index:3}.cs3d__band[data-pos=left]{transform:translate3d(-152px,18px,-80px) rotateY(34deg) scale(.8);opacity:.92;z-index:2}.cs3d__band[data-pos=right]{transform:translate3d(152px,18px,-80px) rotateY(-34deg) scale(.8);opacity:.92;z-index:2}.cs3d__band[data-pos=left] img,.cs3d__band[data-pos=right] img{filter:drop-shadow(0 8px 12px rgba(17,17,17,.1))}.cs3d__band[data-pos=left]:hover{transform:translate3d(-160px,12px,-46px) rotateY(29deg) scale(.85);opacity:1}.cs3d__band[data-pos=right]:hover{transform:translate3d(160px,12px,-46px) rotateY(-29deg) scale(.85);opacity:1}.cs3d__band[data-pos=center] img{animation:cs3d-float 3.6s ease-in-out infinite}@keyframes cs3d-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.cs3d__band:focus-visible{outline:3px solid #C2410C;outline-offset:4px;border-radius:12px}.cs3d__swatches{display:flex;justify-content:center;gap:14px;margin-top:2px}.cs3d__dot{width:26px;height:26px;padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--tint, #1A1A1A);box-shadow:inset 0 0 0 1px #11111129,0 1px 3px #1111112e;transition:transform .22s ease,box-shadow .22s ease;-webkit-tap-highlight-color:transparent}.cs3d__dot:hover{transform:scale(1.12)}.cs3d__dot[aria-pressed=true]{transform:scale(1.12);box-shadow:inset 0 0 0 1px #11111129,0 0 0 2px #fff,0 0 0 4px #f97316}.cs3d__dot:focus-visible{outline:3px solid #C2410C;outline-offset:3px}@media screen and (max-width:900px){.cs3d{--cs-w: 210px;--cs-h: 324px}.cs3d__stage{height:370px}.cs3d__band[data-pos=left]{transform:translate3d(-118px,14px,-80px) rotateY(34deg) scale(.78)}.cs3d__band[data-pos=right]{transform:translate3d(118px,14px,-80px) rotateY(-34deg) scale(.78)}.cs3d__stage:after{width:420px}}@media screen and (max-width:600px){.cs3d{--cs-w: 158px;--cs-h: 244px}.cs3d__stage{height:290px}.cs3d__band[data-pos=center]{transform:translateZ(60px) rotateY(0) scale(1)}.cs3d__band[data-pos=left]{transform:translate3d(-88px,10px,-70px) rotateY(36deg) scale(.74)}.cs3d__band[data-pos=right]{transform:translate3d(88px,10px,-70px) rotateY(-36deg) scale(.74)}.cs3d__stage:after{width:300px;bottom:18px}}@media(prefers-reduced-motion:reduce){.cs3d__band{transition:none}.cs3d__band[data-pos=center] img{animation:none}.cs3d__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/color-trio.css.map */