.tc-toy-wheel{background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden}.tc-toy-wheel__inner{padding:var(--tc-wheel-padding-top, 32px) 1.5rem var(--tc-wheel-padding-bottom, 36px)}.tc-toy-wheel__container{align-items:center;background:rgba(var(--color-foreground),.035);border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--tc-wheel-radius, 28px);box-shadow:0 18px 42px rgba(var(--color-shadow),.12);display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);margin:0 auto;max-width:136rem;overflow:hidden;padding:clamp(24px,5vw,58px);position:relative}.tc-toy-wheel__copy{max-width:58rem;position:relative;z-index:2}.tc-toy-wheel__eyebrow{color:var(--tc-color-red, #b20d14);font-size:1.25rem;font-weight:900;letter-spacing:.08em;margin:0 0 1.2rem;text-transform:uppercase}.tc-toy-wheel__title{color:rgb(var(--color-foreground));font-size:clamp(3rem,5vw,6.4rem);letter-spacing:0;line-height:.98;margin:0}.tc-toy-wheel__subtitle{color:rgba(var(--color-foreground),.72);font-size:clamp(1.55rem,2vw,2rem);line-height:1.55;margin:1.8rem 0 0}.tc-toy-wheel__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.6rem}.tc-toy-wheel__button{align-items:center;border-radius:999px;display:inline-flex;font-size:1.45rem;font-weight:900;justify-content:center;min-height:4.6rem;padding:0 2.2rem;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}.tc-toy-wheel__button--primary{background:rgb(var(--color-button));border:1px solid rgb(var(--color-button));color:rgb(var(--color-button-text))}.tc-toy-wheel__button--secondary{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.18);color:rgb(var(--color-foreground))}.tc-toy-wheel__button:hover{box-shadow:0 10px 24px rgba(var(--color-shadow),.18);transform:translateY(-1px)}.tc-toy-wheel__stage{aspect-ratio:1 / 1;display:grid;min-height:380px;place-items:center;position:relative}.tc-toy-wheel__stage:before,.tc-toy-wheel__stage:after{border-radius:999px;content:"";position:absolute}.tc-toy-wheel__stage:before{background:radial-gradient(circle,#f2b70538,#f2b70500 62%);top:6%;right:6%;bottom:6%;left:6%}.tc-toy-wheel__stage:after{border:1px solid rgba(var(--color-foreground),.08);top:18%;right:18%;bottom:18%;left:18%}.tc-toy-wheel__ring{border-radius:999px;height:min(92vw,520px);max-height:100%;max-width:100%;position:relative;width:min(92vw,520px)}.tc-toy-wheel__tile{align-items:center;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:18px;box-shadow:0 12px 28px rgba(var(--color-shadow),.14);color:rgb(var(--color-foreground));display:flex;flex-direction:column;font-size:clamp(1.15rem,1.45vw,1.5rem);font-weight:900;gap:.7rem;left:0;min-height:82px;offset-anchor:50% 50%;offset-distance:calc((100% / var(--tc-wheel-count, 10)) * var(--tc-wheel-index));offset-path:circle(var(--tc-wheel-radius-distance, 205px) at 50% 50%);offset-rotate:0deg;padding:1rem;position:absolute;text-align:center;text-decoration:none;top:0;width:clamp(88px,16vw,132px);animation:tc-toy-wheel-ferris var(--tc-wheel-speed, 14s) linear infinite;will-change:offset-distance}.tc-toy-wheel__container:hover .tc-toy-wheel__tile{animation-play-state:paused}.tc-toy-wheel__tile:nth-child(3n+1){border-top:4px solid var(--tc-color-gold, #f2b705)}.tc-toy-wheel__tile:nth-child(3n+2){border-top:4px solid var(--tc-color-red, #b20d14)}.tc-toy-wheel__tile:nth-child(3n){border-top:4px solid rgb(var(--color-button))}.tc-toy-wheel__tile-image{border-radius:12px;height:40px;object-fit:contain;width:40px}.tc-toy-wheel__tile-initial{align-items:center;background:rgba(var(--color-foreground),.06);border-radius:999px;display:inline-flex;font-size:1.6rem;height:42px;justify-content:center;width:42px}.tc-toy-wheel__hub{align-items:center;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:999px;box-shadow:0 16px 34px rgba(var(--color-shadow),.16);color:rgb(var(--color-foreground));display:flex;flex-direction:column;font-size:1.2rem;font-weight:900;height:116px;justify-content:center;letter-spacing:.04em;position:absolute;text-align:center;text-transform:uppercase;width:116px;z-index:2}.tc-toy-wheel__hub span{color:var(--tc-color-gold, #f2b705);font-size:2.2rem;line-height:1}@keyframes tc-toy-wheel-ferris{to{offset-distance:calc(((100% / var(--tc-wheel-count, 10)) * var(--tc-wheel-index)) + 100%)}}@media screen and (max-width:989px){.tc-toy-wheel__container{grid-template-columns:1fr;padding:24px}.tc-toy-wheel__copy{max-width:none;text-align:center}.tc-toy-wheel__actions{justify-content:center}.tc-toy-wheel__stage{min-height:330px}.tc-toy-wheel__ring{--tc-wheel-radius-distance: 150px;height:360px;width:360px}.tc-toy-wheel__tile{min-height:70px;width:96px}}@media screen and (max-width:549px){.tc-toy-wheel__inner{padding-left:1.2rem;padding-right:1.2rem}.tc-toy-wheel__container{border-radius:min(var(--tc-wheel-radius, 28px),22px)}.tc-toy-wheel__actions{align-items:stretch;flex-direction:column}.tc-toy-wheel__button{width:100%}.tc-toy-wheel__stage{min-height:288px}.tc-toy-wheel__ring{--tc-wheel-radius-distance: 122px;height:292px;width:292px}.tc-toy-wheel__tile{border-radius:14px;font-size:1.1rem;min-height:58px;padding:.7rem;width:78px}.tc-toy-wheel__tile-image,.tc-toy-wheel__tile-initial{height:30px;width:30px}.tc-toy-wheel__hub{height:88px;width:88px}}@media(prefers-reduced-motion:reduce){.tc-toy-wheel__tile{animation:none}}@supports not (offset-path: circle(10px at 50% 50%)){.tc-toy-wheel__tile{animation:none;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc((360deg / var(--tc-wheel-count, 10)) * var(--tc-wheel-index))) translateY(calc(var(--tc-wheel-radius-distance, 205px) * -1)) rotate(calc((360deg / var(--tc-wheel-count, 10)) * var(--tc-wheel-index) * -1))}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-animated-toy-wheel.css.map */