.hero__slide--rollon:after{background:linear-gradient(90deg,#0b0b0ce6,#0b0b0c80 34%,#0b0b0c00 58%)}.rollon__media{background:radial-gradient(ellipse 62% 58% at 66% 60%,#262a32 0%,#14161a 52%,var(--c-ink) 100%)}.rollon__media:before{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.03) 45%,rgba(255,255,255,.055));pointer-events:none}.rollon__stage{position:absolute;right:max(var(--gutter),calc((100% - var(--container)) / 2 + var(--gutter)));bottom:calc(var(--hero-foot, 8rem) + 12px);width:min(57%,1000px);aspect-ratio:var(--ar)}.hero .rollon__car{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}.hero__slide--rollon .hero__media img{animation:none!important}.rollon__carshadow{position:absolute;left:7%;top:73%;width:74%;height:20%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.8),rgba(0,0,0,.45) 55%,transparent);transform:rotate(11.5deg);z-index:0}.rollon__glow{position:absolute;left:12%;top:76%;width:70%;height:26%;border-radius:50%;background:radial-gradient(closest-side,rgba(30,107,255,.28),transparent);transform:rotate(11.5deg);filter:blur(6px);z-index:0}.hero__slide--studio .rollon__media{background:radial-gradient(ellipse 62% 60% at 66% 64%,#1b1b1c 0%,#0f0f10 55%,var(--c-ink) 100%)}.hero__slide--studio .rollon__carshadow,.hero__slide--studio .rollon__glow{display:none}@media(min-width:700px){.hero__slide--studio .rollon__stage{right:0;width:min(68%,1240px)}}.rollon__wheel{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--r) * 2% * var(--tyre));aspect-ratio:1;transform:translate(-50%,-50%);z-index:2}.rollon__well{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;border-radius:50%;background:radial-gradient(circle closest-side,#34373e 0 6%,#0e0f12 7% 12%,#4a4e57 13% 14.5%,#262930 15% 57%,#41454e 58% 60%,#17181c 61% 79%,#060607 80% 100%)}.rollon__well:after{content:"";position:absolute;left:63%;top:30%;width:17%;height:36%;border-radius:42% 58% 58% 42%/24%;transform:rotate(-8deg);background:linear-gradient(90deg,color-mix(in srgb,var(--caliper) 55%,#000),var(--caliper) 40%,color-mix(in srgb,var(--caliper) 72%,#fff) 58%,var(--caliper) 74%,color-mix(in srgb,var(--caliper) 50%,#000))}.rollon__roller{position:absolute;top:0;right:0;bottom:0;left:0}.rollon__spin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.rollon__tyre{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle closest-side,transparent calc(100% / var(--tyre) - 1.5%),#0b0b0d calc(100% / var(--tyre) - .5%),#44464d calc(100% / var(--tyre) + 2.5%),#2a2c31 calc(100% / var(--tyre) + 6%),#1d1e22 90%,#3a3c42 96.5%,#141518 99%,transparent 100%);box-shadow:0 0 0 1px #ffffff0d}.hero .rollon__rim{position:absolute;left:50%;top:50%;width:calc(100% / var(--tyre) * 1.015);max-width:none;height:auto;aspect-ratio:1;object-fit:contain;transform:translate(-50%,-50%)}.rollon__rim[hidden]{display:none}.rollon__shadow{position:absolute;left:6%;right:6%;bottom:-7%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent)}.js .rollon.is-armed .rollon__roller{opacity:0}.rollon__roller,.rollon__spin{will-change:transform}.rollon__content{max-width:29rem}.rollon__picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:1.25rem}.rollon__chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 13px 4px 4px;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-pill);background:#ffffff0f;color:#fff;font:inherit;font-size:.75rem;text-align:left;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.rollon__chip:hover{border-color:#fff}.rollon__chip[aria-pressed=true]{background:#fff;border-color:#fff;color:var(--c-ink)}.rollon__chip strong{display:block;font-weight:700;line-height:1.15}.rollon__chip small{display:block;font-size:.6875rem;opacity:.7}.rollon__swatch{width:32px;height:32px;flex:none;border-radius:50%;background:#16171b;object-fit:cover}.hero__slide--rollon .btn-row{margin-top:1.5rem}@media(min-width:700px)and (max-width:1199px){.rollon__stage{width:min(66%,760px)}.rollon__content{max-width:26rem}}@media(max-width:699px){.hero .hero__slide--rollon .rollon__media{aspect-ratio:auto;padding:22px 0 18px;overflow:hidden}.hero .hero__slide--rollon .rollon__media:after{display:none}.rollon__stage{position:relative;right:auto;bottom:auto;width:104%;margin-left:-1%}.rollon__picker{flex-wrap:nowrap;overflow-x:auto;margin:1rem calc(var(--gutter) * -1) 0;padding:0 var(--gutter) 4px;scrollbar-width:none}.rollon__picker::-webkit-scrollbar{display:none}.rollon__chip{flex:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/hero-rollon.css.map */