.spinny-sizes{--spinny-ease: cubic-bezier(.16, .84, .36, 1);--spinny-line: rgba(var(--color-foreground), .14);position:relative;overflow:hidden;background:var(--spinny-bg, rgb(var(--color-background)));transition:background .9s var(--spinny-ease)}.spinny-sizes__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(var(--color-foreground),.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--color-foreground),.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(120% 90% at 15% 50%,#000 20%,transparent 78%);mask-image:radial-gradient(120% 90% at 15% 50%,#000 20%,transparent 78%)}.spinny-sizes__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:4rem;align-items:center}.spinny-sizes__eyebrow{display:flex;align-items:center;gap:1rem;margin:0 0 1.6rem;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;opacity:.62}.spinny-sizes__eyebrow:before{content:"";width:3.4rem;height:2px;background:var(--spinny-brand)}.spinny-sizes__size{display:flex;align-items:baseline;gap:.14em;line-height:.82}.spinny-sizes__num{position:relative;display:block;overflow:hidden;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(5.2rem,13vw,11rem);letter-spacing:-.035em;font-variant-numeric:tabular-nums}.spinny-sizes__num span{display:block}.spinny-sizes__num span.spinny-in{animation:spinnyNumIn .56s var(--spinny-ease) backwards}.spinny-sizes__num span.spinny-out{position:absolute;top:0;left:0;animation:spinnyNumOut .46s var(--spinny-ease) forwards}@keyframes spinnyNumOut{to{transform:translateY(-108%);opacity:0}}@keyframes spinnyNumIn{0%{transform:translateY(108%);opacity:0}}.spinny-sizes__unit{font-family:var(--font-heading-family);font-weight:600;font-size:clamp(1.4rem,3vw,2.4rem);color:var(--spinny-brand);letter-spacing:-.02em}.spinny-sizes__label{margin:1.4rem 0 0;font-size:1.6rem;font-weight:600}.spinny-sizes__spec{margin:2rem 0 0;padding-top:1.6rem;border-top:1px solid var(--spinny-line);display:flex;gap:3.6rem;flex-wrap:wrap}.spinny-sizes__spec>div{min-width:0}.spinny-sizes__spec dt{font-size:1.1rem;letter-spacing:.13em;text-transform:uppercase;opacity:.55;font-weight:600}.spinny-sizes__spec dd{margin:.5rem 0 0;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.spinny-sizes__cta{margin-top:2.4rem}.spinny-sizes__stage{position:relative;width:100%;max-width:62rem;margin-left:auto;aspect-ratio:1 / 1}.spinny-sizes__plate{position:absolute;left:5%;top:7%;right:-3%;bottom:-5%;background:var(--spinny-accent, #ddd);transition:background .9s var(--spinny-ease)}.spinny-sizes__plate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(var(--color-foreground),.18)}.spinny-sizes__card{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;box-shadow:0 26px 50px -18px rgba(var(--color-foreground),.34);overflow:hidden}.spinny-sizes__shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.spinny-sizes__shot.spinny-in{animation:spinnyShotIn .7s var(--spinny-ease) backwards}.spinny-sizes__shot.spinny-out{animation:spinnyShotOut .42s var(--spinny-ease) forwards}@keyframes spinnyShotOut{to{opacity:0;transform:translate(-7%) scale(.94) rotate(-4deg)}}@keyframes spinnyShotIn{0%{opacity:0;transform:translate(9%) scale(.94) rotate(5deg)}}.spinny-sizes__swatches{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem;padding-bottom:2.4rem;border-bottom:1px solid var(--spinny-line)}.spinny-sizes__group-head{margin:0 0 1.2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:1.2rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.spinny-sizes__height{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border:1px solid var(--spinny-brand);border-radius:100px;color:var(--spinny-brand);font-size:1.2rem;letter-spacing:.01em;text-transform:none;font-weight:700;white-space:nowrap}.spinny-sizes__height svg{flex:none}.spinny-sizes__row{display:flex;gap:.8rem}.spinny-sizes__sw{flex:1 1 0;min-width:0;-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--spinny-line);background:rgba(var(--color-background),.55);border-radius:var(--buttons-radius, 0);padding:1.2rem .6rem 1.1rem;color:rgb(var(--color-foreground));font-family:inherit;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative;overflow:hidden;transition:border-color .3s var(--spinny-ease),background .3s var(--spinny-ease),transform .3s var(--spinny-ease)}.spinny-sizes__sw:hover{transform:translateY(-3px);border-color:rgba(var(--color-foreground),.4)}.spinny-sizes__dot{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.22)}.spinny-sizes__sw b{display:block;font-family:var(--font-heading-family);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.spinny-sizes__sw[aria-selected=true]{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.spinny-sizes__sw[aria-selected=true] .spinny-sizes__dot{box-shadow:inset 0 0 0 1px rgba(var(--color-background),.45),0 0 0 3px rgba(var(--color-background),.13)}.spinny-sizes__sw i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--spinny-brand);transform:scaleX(0);transform-origin:left}.spinny-sizes__sw[aria-selected=true] i{animation:spinnyTick var(--spinny-dwell, 5s) linear forwards}.spinny-sizes--paused .spinny-sizes__sw[aria-selected=true] i{animation-play-state:paused}@keyframes spinnyTick{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.spinny-packs__head{margin:0 0 1.8rem;display:flex;align-items:center;gap:1.4rem;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.spinny-packs__head:after{content:"";flex:1;height:1px;background:rgba(var(--color-foreground),.14)}.spinny-packs__head--sub{margin-top:4rem;opacity:.6}.spinny-packs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;list-style:none;padding:0;margin:0}.spinny-atc{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:2.4rem;animation:spinny-atc-in .32s var(--spinny-ease, ease-out) both}.spinny-atc[hidden]{display:none}.spinny-atc__btn{width:100%;max-width:48rem;font-variant-numeric:tabular-nums}.spinny-atc .button.spinny-atc__btn{--color-button-text: 255, 255, 255;background-color:var(--spinny-brand, #e5133b);color:#fff}.spinny-atc .button.spinny-atc__btn:after{box-shadow:none}.spinny-atc .button.spinny-atc__btn:hover{filter:brightness(.9)}.spinny-atc__btn[aria-busy=true]{opacity:.6;cursor:progress}.spinny-atc__msg{margin:0;min-height:1.8rem;font-size:1.3rem;text-align:center}.spinny-atc__msg:empty{display:none}@keyframes spinny-atc-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.spinny-atc{animation:none}}.spinny-calc{display:flex;align-items:flex-end;gap:1.2rem 2.4rem;flex-wrap:wrap;margin:0 0 2rem}.spinny-calc__group{display:flex;flex-direction:column;gap:.6rem}.spinny-calc__label{font-size:1.3rem;font-weight:600;opacity:.75}.spinny-calc__formats{display:flex;align-items:center;gap:.8rem}.spinny-calc__times{font-size:1.5rem;font-weight:600;opacity:.45}.spinny-calc__select{appearance:none;-webkit-appearance:none;border:1px solid rgba(var(--color-foreground),.28);border-radius:var(--inputs-radius, 0);background:rgb(var(--color-background));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center;padding:1.05rem 3.2rem 1.05rem 1.2rem;font-family:inherit;font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .2s var(--spinny-ease)}.spinny-calc__select:focus{outline:none;border-color:rgb(var(--color-foreground))}.spinny-calc__field{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(var(--color-foreground),.28);border-radius:var(--inputs-radius, 0);padding:0 1.2rem;background:rgb(var(--color-background));transition:border-color .2s var(--spinny-ease)}.spinny-calc__field:focus-within{border-color:rgb(var(--color-foreground))}.spinny-calc__input{width:8rem;border:0;background:none;padding:1.1rem 0;font-family:inherit;font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground));font-variant-numeric:tabular-nums}.spinny-calc__input:focus{outline:none}.spinny-calc__input::-webkit-outer-spin-button,.spinny-calc__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spinny-calc__input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.spinny-calc__unit{font-size:1.5rem;font-weight:600;opacity:.55}.spinny-calc__result{margin:0;flex-basis:100%;font-size:1.4rem;font-weight:600;opacity:0;transition:opacity .24s var(--spinny-ease)}.spinny-calc__result.is-visible{opacity:1}.spinny-calc__result.is-hint{font-weight:500;opacity:.6}.spinny-toggle{display:inline-flex;border:1px solid rgba(var(--color-foreground),.28);border-radius:var(--inputs-radius, 0);overflow:hidden}.spinny-toggle__btn{-webkit-appearance:none;appearance:none;border:0;background:rgb(var(--color-background));padding:1.05rem 1.4rem;font-family:inherit;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));cursor:pointer;transition:background .2s var(--spinny-ease),color .2s var(--spinny-ease)}.spinny-toggle__btn+.spinny-toggle__btn{border-left:1px solid rgba(var(--color-foreground),.28)}.spinny-toggle__btn[aria-checked=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.spinny-packs__grid:has(>li:only-child){grid-template-columns:minmax(0,34rem)}.spinny-packs__note{margin:-.8rem 0 1.8rem;font-size:1.3rem;line-height:1.5;opacity:.7;max-width:70ch}.spinny-calc__caps{margin:.6rem 0 0;flex-basis:100%;display:flex;align-items:flex-start;gap:.7rem;font-size:1.3rem;line-height:1.45;color:var(--spinny-brand)}.spinny-calc__caps svg{flex:none;margin-top:.25rem}.spinny-calc__caps[hidden]{display:none}.spinny-pack--rec{border-color:var(--spinny-brand, rgb(var(--color-foreground)));box-shadow:0 0 0 1px var(--spinny-brand, transparent)}.spinny-pack__badge--rec{background:var(--spinny-brand, rgb(var(--color-foreground)));color:#fff}.spinny-pack__cov{font-size:1.2rem;opacity:.55;font-variant-numeric:tabular-nums}.spinny-pack{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;border:1px solid rgba(var(--color-foreground),.14);border-radius:var(--buttons-radius, 0);background:rgb(var(--color-background));overflow:hidden;transition:border-color .26s var(--spinny-ease),transform .26s var(--spinny-ease),box-shadow .26s var(--spinny-ease);animation:spinnyPackIn .42s var(--spinny-ease) backwards}.spinny-pack:hover{transform:translateY(-4px);border-color:rgba(var(--color-foreground),.42);box-shadow:0 18px 34px -20px rgba(var(--color-foreground),.45)}@keyframes spinnyPackIn{0%{opacity:0;transform:translateY(10px)}}.spinny-pack__media{position:relative;aspect-ratio:1 / .78;background:#fff}.spinny-pack__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:6%}.spinny-pack__badge{position:absolute;top:1rem;left:1rem;z-index:2;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:.5rem .9rem;border-radius:2px}.spinny-pack__body{padding:1.4rem 1.6rem 1.6rem;border-top:1px solid rgba(var(--color-foreground),.14);display:flex;flex-direction:column;gap:.3rem;flex:1}.spinny-pack__name{font-weight:700;font-size:1.6rem}.spinny-pack__qty{font-size:1.3rem;opacity:.6}.spinny-pack__price{margin-top:auto;padding-top:1rem;font-family:var(--font-heading-family);font-weight:700;font-size:1.7rem;font-variant-numeric:tabular-nums}.spinny-pack__sold-out{font-size:1.2rem;opacity:.6;font-weight:500}.spinny-sizes--compact .spinny-sizes__inner{grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:3rem;align-items:center}.spinny-sizes--compact .spinny-sizes__num{font-size:clamp(3.4rem,7vw,5.6rem)}.spinny-sizes--compact .spinny-sizes__unit{font-size:clamp(1.2rem,2vw,1.7rem)}.spinny-sizes--compact .spinny-sizes__stage{max-width:30rem;margin:0 auto}.spinny-sizes--compact .spinny-sizes__label{margin-top:.8rem;font-size:1.4rem}.spinny-sizes--compact .spinny-sizes__spec{margin-top:1.4rem;padding-top:1.2rem;gap:2.4rem}.spinny-sizes--compact .spinny-sizes__cta{margin-top:1.6rem}.spinny-sizes--compact .spinny-sizes__swatches{margin-bottom:2rem;padding-bottom:1.8rem}@media screen and (max-width:989px){.spinny-sizes--compact .spinny-sizes__inner{grid-template-columns:1fr}.spinny-sizes--compact .spinny-sizes__stage{max-width:22rem}}.spinny-packs--compact .spinny-pack__media{aspect-ratio:1 / .52}.spinny-packs--compact .spinny-pack__body{padding:1.1rem 1.4rem 1.3rem}.spinny-packs--compact .spinny-packs__head--sub{margin-top:2.6rem}@media screen and (max-width:989px){.spinny-sizes__inner{grid-template-columns:1fr;gap:.8rem}.spinny-sizes__stage{order:-1;width:100%;max-width:34rem;margin:0 auto 2rem}.spinny-sizes__swatches{grid-template-columns:1fr;gap:2rem}.spinny-packs__grid{grid-template-columns:1fr 1fr;gap:.8rem}.spinny-pack__body{padding:1.1rem 1.2rem 1.3rem}.spinny-pack__name{font-size:1.4rem}}.spinny-pack.spinny-pack--rec,.spinny-pack.spinny-pack--rec:hover{border-color:var(--spinny-brand, rgb(var(--color-foreground)));box-shadow:0 0 0 1px var(--spinny-brand, rgb(var(--color-foreground)))}.spinny-pack.spinny-pack--rec:hover{box-shadow:0 0 0 1px var(--spinny-brand, rgb(var(--color-foreground))),0 18px 34px -20px rgba(var(--color-foreground),.45)}.spinny-pack__badge.spinny-pack__badge--rec{background:var(--spinny-brand, rgb(var(--color-foreground)));color:#fff}.spinny-pack--rec .spinny-pack__media:after{content:"";position:absolute;top:.9rem;right:.9rem;z-index:2;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--spinny-brand, #e5133b) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l3 3 6-6.6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 62% no-repeat}.spinny-packs__grid>li[hidden]{display:none}.spinny-sizes.spinny-sizes--regal{--color-foreground: 244, 242, 239;--color-background: 18, 20, 20;--gradient-background: #0a0b0b;--spinny-line: rgba(244, 242, 239, .14);--spinny-red: #f0474c;background:#0a0b0b;color:rgb(var(--color-foreground))}.spinny-sizes--regal .spinny-sizes__grid-bg{display:none}.spinny-sizes__floor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 45%;pointer-events:none}.spinny-sizes__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#070808e6,#07080880 30%,#07080873,#070808d9)}.spinny-sizes.spinny-sizes--regal>.page-width{position:relative;z-index:2}.spinny-sizes--regal .spinny-sizes__height{color:#d10f2e;background:#fff;border-color:#fff}.spinny-sizes--regal .spinny-sizes__row{gap:.4rem;align-items:flex-end}.spinny-sizes.spinny-sizes--regal .spinny-sizes__sw,.spinny-sizes.spinny-sizes--regal .spinny-sizes__sw[aria-selected=true]{gap:1.2rem;padding:.8rem 0 .4rem;border:0;border-radius:0;background:transparent;color:rgb(var(--color-foreground));overflow:visible}.spinny-sizes--regal .spinny-sizes__sw:hover{transform:none}.spinny-sizes--regal .spinny-sizes__sw:focus-visible{outline:2px solid var(--spinny-red);outline-offset:2px}.spinny-sizes--regal .spinny-sizes__sw i{display:none}.spinny-sizes__tab{--tab-h: 12rem;position:relative;display:block;width:100%;height:var(--tab-h)}.spinny-sizes__tab:before{content:"";position:absolute;left:50%;bottom:-.5rem;width:calc(var(--tab-h) * .62);height:calc(var(--tab-h) * .15);transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),rgba(0,0,0,.3) 60%,transparent);transition:background .3s ease}.spinny-sizes__tab img{position:absolute;left:50%;bottom:calc(var(--tab-h) * (var(--foot, .9) - 1));width:auto;max-width:none;height:var(--tab-h);transform:translate(-50%);filter:drop-shadow(0 8px 12px rgba(0,0,0,.5));transition:transform .45s cubic-bezier(.2,.9,.25,1.2),filter .3s ease}.spinny-sizes--regal .spinny-sizes__sw:hover .spinny-sizes__tab img{transform:translate(-50%,-6px)}.spinny-sizes--regal .spinny-sizes__sw[aria-selected=true] .spinny-sizes__tab img{transform:translate(-50%,-12px) scale(1.06);filter:drop-shadow(0 16px 18px rgba(0,0,0,.55)) drop-shadow(0 0 18px color-mix(in srgb,var(--c) 60%,transparent))}.spinny-sizes--regal .spinny-sizes__sw[aria-selected=true] .spinny-sizes__tab:before{background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 70%,transparent),transparent)}.spinny-sizes__pill{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem .5rem .6rem;border:1px solid rgba(244,242,239,.18);border-radius:999px;background:#0a0c0ca6;white-space:nowrap;transition:border-color .2s ease,background .2s ease,color .2s ease}.spinny-sizes--regal .spinny-sizes__sw .spinny-sizes__pill .spinny-sizes__dot{width:1.1rem;height:1.1rem;box-shadow:0 0 8px var(--c),inset 0 0 0 1px #00000040}.spinny-sizes--regal .spinny-sizes__sw b{font-size:1.3rem}.spinny-sizes--regal .spinny-sizes__sw:hover .spinny-sizes__pill{border-color:var(--c)}.spinny-sizes--regal .spinny-sizes__sw[aria-selected=true] .spinny-sizes__pill{border-color:#f4f2ef;background:#f4f2ef;color:#121212}.spinny-sizes--regal .spinny-sizes__plate{display:none}.spinny-sizes--regal .spinny-sizes__card{background:transparent;box-shadow:none;overflow:visible}.spinny-sizes--regal .spinny-sizes__card:after{content:"";position:absolute;left:50%;bottom:5%;z-index:0;width:46%;height:11%;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--spinny-accent, #fff) 55%,transparent),transparent);transition:background .6s ease}.spinny-sizes--regal .spinny-sizes__shot{z-index:1;filter:drop-shadow(0 22px 26px rgba(0,0,0,.6)) drop-shadow(0 0 30px color-mix(in srgb,var(--spinny-accent, #fff) 30%,transparent))}.spinny-sizes__label--chip{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem}.spinny-sizes--regal .spinny-calc{margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid var(--spinny-line)}.spinny-sizes--regal .spinny-calc__caps{color:#f4f2efe0}.spinny-sizes--regal .spinny-calc__caps svg{color:var(--spinny-red)}.spinny-sizes--regal .spinny-calc__select option{color:#121212;background:#fff}@media screen and (max-width:989px){.spinny-sizes__tab{--tab-h: 9.5rem}.spinny-sizes.spinny-sizes--regal.spinny-sizes--compact .spinny-sizes__stage{max-width:18rem}}@media screen and (max-width:749px){.spinny-sizes__tab{--tab-h: 7.6rem}.spinny-sizes--regal .spinny-sizes__row{gap:.2rem}.spinny-sizes__pill{gap:.4rem;padding:.4rem .7rem .4rem .5rem}.spinny-sizes--regal .spinny-sizes__sw b{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){.spinny-sizes *,.spinny-packs *{animation-duration:1ms!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-spinny-sizes.css.map */