.spot{--spot-accent: #B8F23C;--spot-ease: cubic-bezier(.7, 0, .2, 1);position:relative;display:grid;overflow:hidden;isolation:isolate;border-radius:var(--radius);background:#0b0d10;color:#fff}.spot a:hover{color:inherit}.spot :focus-visible{outline:2px solid #fff;outline-offset:2px}.spot__slide{grid-area:1 / 1;position:relative;display:grid;grid-template-rows:300px auto;min-width:0;visibility:hidden;overflow:hidden;background:radial-gradient(60% 70% at 72% 34%,color-mix(in srgb,var(--spot-accent) 20%,transparent),transparent 70%),radial-gradient(130% 120% at 88% 112%,#4b5a62,#20262b 40%,#0c0e11 78%)}.spot__slide.is-active,.spot__slide.is-entering{visibility:visible}.spot__slide.is-active{z-index:1}.spot__slide.is-entering{z-index:2;animation:spot-rise 1s var(--spot-ease) both}@keyframes spot-rise{0%{transform:translateY(100%)}to{transform:none}}.spot__visual{position:relative;min-width:0;min-height:0;perspective:900px}.spot__glow{position:absolute;inset-block-start:50%;inset-inline-start:50%;width:72%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid rgba(255,255,255,.07);background:radial-gradient(closest-side,color-mix(in srgb,var(--spot-accent) 26%,transparent),transparent)}[dir=rtl] .spot__glow{translate:50% -50%}.spot__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:preserve-3d}.spot__visual{--spot-d: min(50%, 190px)}.spot__float{position:absolute;inset-block-start:50%;inset-inline-start:50%;width:var(--spot-d);aspect-ratio:1;margin-block-start:calc(var(--spot-d) / -2);margin-inline-start:calc(var(--spot-d) / -2);animation:spot-float 6s ease-in-out infinite alternate;transform-style:preserve-3d}.spot__float--2{display:none;margin:0;inset-inline-start:auto;animation-duration:7.5s;animation-direction:alternate-reverse}.spot__disc{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--spot-accent) 85%,#fff),0 26px 50px #00000080;animation:spot-tilt 7s ease-in-out infinite alternate}.spot__float--2 .spot__disc{animation-duration:5.5s;animation-direction:alternate-reverse;box-shadow:0 0 0 3px color-mix(in srgb,var(--spot-accent) 85%,#fff),0 16px 30px #00000080}.spot__disc img,.spot__disc .placeholder-svg{width:100%;height:100%;padding:11%;object-fit:contain}.spot__slide--cutout .spot__visual{--spot-d: min(62%, 240px)}.spot__slide--cutout .spot__disc{border-radius:0;overflow:visible;background:none;box-shadow:none}.spot__slide--cutout .spot__disc img{padding:0;filter:drop-shadow(0 24px 26px rgba(0,0,0,.55))}.spot__slide--cutout .spot__float--2{display:none}@keyframes spot-float{0%{translate:0 -9px}to{translate:0 9px}}@keyframes spot-tilt{0%{transform:rotateY(-24deg) rotateX(7deg) rotate(-5deg)}to{transform:rotateY(24deg) rotateX(-7deg) rotate(5deg)}}.spot__specs{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;pointer-events:none}.spot__spec{position:absolute;max-width:45%;font-family:var(--spot-font, inherit);font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.25;text-transform:uppercase}.spot__spec b{color:var(--spot-accent);font-size:1.25em}.spot__spec--1{inset-block-start:16px;inset-inline-start:16px}.spot__spec--2{inset-block-start:16px;inset-inline-end:16px;text-align:end}.spot__spec--3{inset-block-end:10px;inset-inline-start:16px}.spot__spec--4{inset-block-end:10px;inset-inline-end:16px;text-align:end}.spot__text{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:4px 18px 64px}.spot__title{margin:0;font-family:var(--spot-font, inherit);font-size:clamp(30px,10vw,46px);font-weight:700;line-height:1;letter-spacing:.01em;text-transform:uppercase}.spot__title a{display:block;color:inherit}.spot__line{display:block;overflow:hidden;padding-block:.04em}.spot__line>span{display:block}.spot__sub{margin:8px 0 0;color:var(--spot-accent);font-family:var(--spot-font, inherit);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.spot__price{margin-block-start:14px}.spot__price .price{align-items:center;gap:4px 12px}.spot__price .price__current,.spot__price .price--sale .price__current{order:-1;color:#fff;font-size:22px}.spot__price .price__compare{color:#fff9;font-size:14px}.spot__price .price__badge{background:var(--spot-accent);color:#0b0d10}.spot__cta{display:inline-flex;align-items:center;gap:10px;margin-block-start:16px;color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.spot__cta-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--spot-accent);color:#0b0d10;transition:transform .25s ease}.spot__cta-icon .icon{width:16px;height:16px}[dir=rtl] .spot__cta-icon .icon{transform:scaleX(-1)}@media(hover:hover)and (pointer:fine){.spot__cta:hover .spot__cta-icon{transform:scale(1.12)}}.spot__slide.is-in .spot__stage{animation:spot-stage-in 1s var(--spot-ease) both}.spot__slide.is-in .spot__glow{animation:spot-fade-in .9s ease .25s both}.spot__slide.is-in .spot__line>span{animation:spot-line-in .7s var(--spot-ease) .35s both}.spot__slide.is-in .spot__line+.spot__line>span{animation-delay:.45s}.spot__slide.is-in .spot__sub{animation:spot-fade-up .6s ease .6s both}.spot__slide.is-in .spot__price{animation:spot-fade-up .6s ease .7s both}.spot__slide.is-in .spot__cta{animation:spot-fade-up .6s ease .8s both}.spot__slide.is-in .spot__spec{animation:spot-fade-in .5s ease .75s both}.spot__slide.is-in .spot__spec--2{animation-delay:.87s}.spot__slide.is-in .spot__spec--3{animation-delay:.99s}.spot__slide.is-in .spot__spec--4{animation-delay:1.11s}@keyframes spot-stage-in{0%{transform:translateY(46%) scale(1.7);opacity:0}35%{opacity:1}to{transform:none;opacity:1}}@keyframes spot-line-in{0%{transform:translateY(108%)}to{transform:none}}@keyframes spot-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes spot-fade-in{0%{opacity:0}to{opacity:1}}.spot__slide.is-leaving .spot__text,.spot__slide.is-leaving .spot__specs,.spot__slide.is-leaving .spot__glow{animation:spot-fade-out .4s ease both}.spot__slide.is-leaving .spot__stage{animation:spot-stage-out .75s var(--spot-ease) both}@keyframes spot-fade-out{to{opacity:0}}@keyframes spot-stage-out{to{transform:scale(.02) rotate(160deg);opacity:0}}.spot__nav{position:absolute;z-index:3;inset-inline:18px;inset-block-end:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.spot__dots{display:flex;align-items:center;gap:8px}.spot__dot{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.spot__dot:before{content:"";width:18px;height:3px;border-radius:2px;background:#ffffff59;transition:background-color .3s ease,width .3s ease}.spot__dot.is-active:before{width:22px;background:var(--spot-accent)}.spot__arrows{display:flex;gap:8px}.spot__arrow{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:none;color:#fff;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.spot__arrow .icon{width:16px;height:16px}[dir=rtl] .spot__arrow .icon{transform:scaleX(-1)}@media(hover:hover)and (pointer:fine){.spot__arrow:hover{background:var(--spot-accent);border-color:var(--spot-accent);color:#0b0d10}}@media(min-width:750px){.spot__slide{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:stretch;min-height:clamp(380px,41vw,540px)}.spot__visual{order:2}.spot__text{order:1;justify-content:center;padding:40px 0 72px;padding-inline:clamp(28px,5.5vw,76px) 12px}.spot__title{font-size:clamp(38px,5.3vw,74px)}.spot__sub{margin-block-start:12px;font-size:clamp(13px,1.25vw,17px)}.spot__price{margin-block-start:20px}.spot__price .price__current,.spot__price .price--sale .price__current{font-size:26px}.spot__price .price__compare{font-size:16px}.spot__cta{margin-block-start:22px;font-size:12px}.spot__cta-icon{width:42px;height:42px}.spot__glow{width:min(78%,470px)}.spot__visual{--spot-d: min(46%, 300px)}.spot__float--2{display:block;width:calc(var(--spot-d) * .42);inset-block-start:8%;inset-inline-end:9%}.spot__slide--cutout .spot__visual{--spot-d: min(60%, 380px)}.spot__spec{max-width:none;font-size:clamp(11px,1vw,13.5px)}.spot__spec--1{inset-block:13% auto;inset-inline:7% auto;max-width:40%;text-align:start}.spot__spec--2{inset-block:47% auto;inset-inline:calc(50% + var(--spot-d) / 2 + 20px) 12px;text-align:start}.spot__spec--3{inset-block:63% auto;inset-inline:12px calc(50% + var(--spot-d) / 2 + 20px);text-align:end}.spot__spec--4{inset-block:auto 9%;inset-inline:calc(50% - 20px) 12px;text-align:start}.spot__nav{inset-inline:clamp(28px,5.5vw,76px) 28px;inset-block-end:24px}}@media(prefers-reduced-motion:reduce){.spot__slide,.spot__slide *,.spot__slide.is-in *{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/spotlight.css.map */