.scene{--item: min(84vw, 380px);--row-y: 31%;position:relative;overflow:hidden;isolation:isolate;height:clamp(420px,66svh,520px);color:#fff;background:linear-gradient(180deg,var(--scene-top, #030302) 0%,var(--scene-top, #030302) var(--row-y),var(--scene, #0B0B0C) var(--row-y),var(--scene, #0B0B0C) 100%);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}.scene.is-dragging{cursor:grabbing}.scene:focus-visible{box-shadow:inset 0 0 0 3px var(--c-accent)}@media(min-width:990px){.scene{--row-y: 36%;height:clamp(400px,56vh,500px)}}.scene__backdrop{position:absolute;left:0;right:0;top:var(--row-y);height:var(--item);translate:0 -50%;background-repeat:repeat-x;background-size:auto 100%;background-position:center;pointer-events:none}.scene__track{position:absolute;top:0;right:0;bottom:0;left:0}.scene__item{position:absolute;left:50%;top:var(--row-y);width:var(--item);aspect-ratio:1;margin:0;padding:0;translate:-50% -50%;transform:translate(var(--x, 0px));opacity:var(--o, 1);z-index:var(--z, 1);-webkit-tap-highlight-color:transparent}.scene__track.is-animating .scene__item{transition:transform .75s cubic-bezier(.22,.8,.24,1),opacity .5s ease}.scene__item:focus-visible{outline:none}.scene__item:focus-visible .scene__img{outline:2px solid rgba(255,255,255,.5);outline-offset:-12%}.scene__img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 66%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 66%,transparent 100%);mask-composite:intersect}.scene__info{position:absolute;left:0;right:0;bottom:0;z-index:90;display:grid;padding:0 20px 64px;pointer-events:none}@media(min-width:990px){.scene__info{padding:0 56px 36px;right:320px}}.scene__panel{grid-area:1 / 1;display:grid;gap:8px;justify-items:center;text-align:center;opacity:0;visibility:hidden;translate:0 10px;transition:opacity .35s ease,translate .35s ease,visibility 0s .35s}.scene__panel.is-active{opacity:1;visibility:visible;translate:0 0;pointer-events:auto;transition:opacity .5s ease .12s,translate .5s ease .12s}.scene__text,.scene__cta{display:grid;gap:8px;justify-items:inherit}.scene__cta{gap:12px;margin-top:4px}@media(min-width:990px){.scene__panel{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;text-align:left}.scene__text,.scene__cta{justify-items:start}.scene__cta{flex:none;margin-top:0}}.scene__eyebrow{font-size:.75em;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent)}.scene__title{font-size:clamp(28px,3.4vw,46px);line-height:1;letter-spacing:-.035em}.scene__desc{color:#ffffffb3;max-width:420px}.scene__buy{display:flex;align-items:center;gap:12px}.scene__price{font-family:var(--font-heading);font-weight:700;font-size:1.35em}.scene .rating__count{color:#fff9}.scene .rating__stars{background:linear-gradient(90deg,var(--c-accent) var(--rating),rgba(255,255,255,.25) var(--rating));-webkit-background-clip:text;background-clip:text}.scene__actions{display:flex;align-items:center;gap:18px}.scene__btn{--btn-bg: #fff;--btn-fg: var(--c-text);--btn-border: #fff}.scene__btn:hover{--btn-bg: var(--c-accent);--btn-border: var(--c-accent)}.scene__btn.is-loading:after{border-color:var(--c-text);border-right-color:transparent}.scene__link{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600;text-decoration:none}.scene__link .icon{width:16px;height:16px;transition:translate .2s}.scene__link:hover .icon{translate:3px 0}.scene__controls{position:absolute;z-index:91;left:0;right:0;bottom:18px;display:flex;justify-content:center;align-items:center;gap:10px}@media(min-width:990px){.scene__controls{left:auto;right:56px;bottom:44px}}.scene__hint{font-size:.78em;color:#ffffff8c;margin-right:6px}.scene__progress{position:absolute;z-index:91;left:0;right:0;bottom:0;height:3px;background:#ffffff14}.scene__progress span{display:block;height:100%;width:0;background:var(--c-accent);transition:width .6s ease}@media(prefers-reduced-motion:reduce){.scene__track.is-animating .scene__item{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/hero-candy.css.map */