.sa-colors.is-duo .sa-colors__wash{background:radial-gradient(60% 62% at 72% 50%,color-mix(in srgb,var(--tint) 46%,transparent),transparent 74%);transition:background .8s var(--sa-ease)}.sa-colors.is-duo .sa-colors__stage{max-width:400px;aspect-ratio:1 / .94;cursor:pointer;-webkit-tap-highlight-color:transparent}.sa-colors.is-duo .sa-colors__halo,.sa-colors.is-duo .sa-colors__record{display:none}.sa-colors__pop{position:absolute;left:50%;top:47%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(165deg,color-mix(in srgb,var(--tint) 30%,#fff),color-mix(in srgb,var(--tint) 72%,#fff));box-shadow:0 0 0 1px #ffffffb3 inset,0 30px 70px -20px var(--tint),0 0 90px -10px var(--tint)}.sa-colors__pop:before{content:"";position:absolute;top:-7%;right:-7%;bottom:-7%;left:-7%;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tint) 85%,#173F7C) 0 .7deg,transparent .7deg 6deg);-webkit-mask:radial-gradient(closest-side,transparent 94%,#000 94.5%);mask:radial-gradient(closest-side,transparent 94%,#000 94.5%);opacity:.7;animation:sa-pop-spin 40s linear infinite}.sa-colors__pop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.5),transparent 46%)}.sa-colors.is-playing .sa-colors__pop:before{animation-duration:9s}@keyframes sa-pop-spin{to{transform:rotate(1turn)}}.sa-colors__burst{position:absolute;left:50%;top:47%;width:78%;aspect-ratio:1;border-radius:50%;border:2px solid var(--tint);transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none}.sa-colors__burst.is-go{animation:sa-pop-burst .9s cubic-bezier(.2,.7,.1,1)}.sa-colors__burst.is-go.b2{animation-delay:.12s;animation-duration:1.1s}@keyframes sa-pop-burst{0%{opacity:.9;transform:translate(-50%,-50%) scale(.7);border-width:10px}to{opacity:0;transform:translate(-50%,-50%) scale(1.5);border-width:1px}}.sa-colors.is-duo .sa-colors__img,.sa-colors__front{position:absolute;inset:auto;height:auto;transition:transform .8s cubic-bezier(.3,1.2,.4,1),opacity .5s var(--sa-ease),filter .6s var(--sa-ease),left .8s cubic-bezier(.3,1.2,.4,1),top .8s cubic-bezier(.3,1.2,.4,1),width .8s cubic-bezier(.3,1.2,.4,1)}.sa-colors.is-duo .sa-colors__img{left:0;top:24%;width:70%;aspect-ratio:1600 / 1365;object-fit:contain;transform:rotate(-5deg);z-index:2;filter:drop-shadow(0 22px 22px rgba(15,45,87,.38))}.sa-colors.is-duo .sa-colors__img:not(.is-on){transform:rotate(-5deg) scale(.97)}.sa-colors__front{left:36%;top:3%;width:62%;aspect-ratio:640 / 546;background-repeat:no-repeat;transform:rotate(7deg);z-index:1;filter:drop-shadow(0 16px 18px rgba(15,45,87,.3)) brightness(.93)}.sa-colors__front.is-swap{opacity:.15}.sa-colors__stage.is-flipped .sa-colors__front{left:0;top:26%;width:70%;transform:rotate(-5deg);z-index:3;filter:drop-shadow(0 22px 22px rgba(15,45,87,.38))}.sa-colors.is-duo .sa-colors__stage.is-flipped .sa-colors__img{left:36%;top:2%;width:62%;transform:rotate(7deg);z-index:1;filter:drop-shadow(0 16px 18px rgba(15,45,87,.3)) brightness(.93)}@media(hover:hover){.sa-colors.is-duo .sa-colors__stage:hover .sa-colors__front{transform:rotate(10deg) translate(4%,-3%)}.sa-colors.is-duo .sa-colors__stage.is-flipped:hover .sa-colors__front{transform:rotate(-7deg) translate(-3%,2%)}}.sa-colors.is-duo .sa-colors__tag{bottom:-34px}.sa-colors__swap{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:inherit;font-size:9px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;z-index:4;white-space:nowrap}.sa-colors__swap b{font-weight:500;color:var(--muted);transition:color .4s}.sa-colors__swap b.is-on{color:inherit}.sa-colors__swap i{width:14px;height:1px;background:currentColor;opacity:.4}.sa-colors.is-duo .sa-colors__name{color:color-mix(in srgb,var(--tint) 62%,#0F2D57);transition:color .7s var(--sa-ease)}.sa-colors.is-duo .sa-colors__name:after{width:.42em;height:.42em;box-shadow:0 0 0 5px color-mix(in srgb,var(--tint) 26%,transparent),0 0 22px var(--tint)}@media(max-width:989px){.sa-colors.is-duo .sa-colors__stage{max-width:290px;margin-bottom:44px}}@media(prefers-reduced-motion:reduce){.sa-colors__pop:before,.sa-colors__burst.is-go{animation:none}.sa-colors.is-duo .sa-colors__img,.sa-colors__front{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/sa-colors2.css.map */