.scc-ring{position:relative;overflow:hidden;isolation:isolate;background:#140b06;color:#fdfbf7;padding:2.2rem 0 4rem;--accent:#4c1700;--stage:min(92vw,46vh,50rem);--cw:calc(var(--stage) / 3.5);--r0:calc(var(--cw) * .3);--step:6.6667deg;--open:0;-webkit-tap-highlight-color:transparent}.scc-ring.is-open{--open:1}.scc-ring__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(80% 50% at 50% 46%,var(--accent) 0%,#140b06 76%)}.scc-ring__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.scc-ring__in{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "foot";justify-items:center;gap:1.4rem;text-align:center}.scc-ring__head{grid-area:head}.scc-ring__foot{grid-area:foot;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.scc-ring__eyebrow{margin:0 0 .6rem;font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;opacity:.72}.scc-ring__title{margin:0;color:#fdfbf7;font-size:clamp(4.4rem,13vw,9.6rem);line-height:.96;letter-spacing:-.02em}.scc-ring__sub{margin:.8rem 0 0;font-size:1.5rem;line-height:1.4;opacity:.82}.scc-ring__stage{grid-area:stage;position:relative;width:var(--stage);height:var(--stage);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.scc-ring.is-dragging .scc-ring__stage{cursor:grabbing}.scc-ring__stage:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:radial-gradient(closest-side,#00000080,#0000);transform:translateY(5%) scale(1.06);pointer-events:none}.scc-ring__wheel{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--spin,0deg));will-change:transform}.scc-ring__slot{position:absolute;left:50%;top:50%;width:var(--cw);height:calc(var(--cw) * 1.4);margin:calc(var(--cw) * -1.4 - var(--r0)) 0 0 calc(var(--cw) / -2);transform-origin:50% calc(100% + var(--r0));transform:rotate(calc((var(--i) + 1) * var(--step) * var(--open)));transition:transform .95s cubic-bezier(.3,.7,.2,1);transition-delay:calc(var(--i) * 11ms);perspective:60rem;cursor:zoom-in}.scc-ring__flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .6s cubic-bezier(.3,.7,.2,1),translate .25s ease;transition-delay:calc(var(--i) * 12ms),0s}.scc-ring.is-up .scc-ring__flip{transform:none}.scc-ring__face,.scc-ring__rear{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:5.5%/4%;background:#f1e6ce;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:-.1rem 0 .5rem #0006}.scc-ring__rear{transform:rotateY(180deg)}.scc-ring.is-quick .scc-ring__slot{transition-duration:.5s;transition-delay:calc(var(--i) * 5ms)}.scc-ring.is-quick .scc-ring__flip{transition-duration:.34s,.25s;transition-delay:calc(var(--i) * 3ms),0s}.scc-ring.is-riffle .scc-ring__wheel{animation:scc-ring-riffle .46s ease}@keyframes scc-ring-riffle{0%,to{translate:0 0}20%{translate:-.5rem .1rem}45%{translate:.5rem -.1rem}70%{translate:-.3rem 0}}@media(hover:hover){.scc-ring.is-ready:not(.is-dragging) .scc-ring__slot:hover .scc-ring__flip{translate:0 -7%}}.scc-ring.is-broken .scc-ring__stage,.scc-ring.is-broken .scc-ring__ctl,.scc-ring.is-broken .scc-ring__hint{display:none}.scc-ring__hint{margin:0;min-height:2rem;font-size:1.3rem;line-height:1.5;opacity:0;transition:opacity .6s ease}.scc-ring.is-ready .scc-ring__hint{opacity:.72}.scc-ring__ctl{display:flex;gap:1rem;justify-content:center;order:3}.scc-ring__ctl .scc-hbtn{min-height:4rem;padding:0 1.8rem;font-size:1.3rem}.scc-ring__buy{display:flex;flex-direction:column;align-items:center;gap:1rem}.scc-ring__form{margin:0}.scc-ring__form .scc-hbtn{min-width:min(30rem,84vw);min-height:5.2rem;font-size:1.6rem}.scc-ring__note{margin:0;font-size:1.3rem;opacity:.7}@media screen and (min-width:990px){.scc-ring{padding:5rem 0 6rem;--stage:min(44vw,72vh,58rem)}.scc-ring__ctl{order:0}.scc-ring__in{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"stage head" "stage foot";column-gap:6rem;row-gap:2.4rem;justify-items:start;text-align:left;align-items:center}.scc-ring__head{align-self:end}.scc-ring__foot{align-self:start;align-items:flex-start}.scc-ring__ctl{justify-content:flex-start}.scc-ring__buy{align-items:flex-start}.scc-ring__sub{font-size:1.9rem}}.scc-ring.is-still .scc-ring__slot,.scc-ring.is-still .scc-ring__flip{transition:none}@media(prefers-reduced-motion:reduce){.scc-ring__slot,.scc-ring__flip,.scc-ring__hint{transition:none}.scc-ring.is-riffle .scc-ring__wheel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/scc-ring.css.map */