.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-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}}@media(prefers-reduced-motion:reduce){.spinny-sizes *,.spinny-packs *{animation-duration:1ms!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-spinny-sizes.css.map */