.yte-spot{--sp-panel: #cee1ea;--sp-ink: #1a1818;--sp-accent: #1f2e3a;--sp-accent-ink: #cee1ea;--sp-cut: 28px;--sp-overlap: 3.6rem;display:block;position:relative}.yte-spot--navy{--sp-panel: #1f2e3a;--sp-ink: #ffffff;--sp-accent: #cee1ea;--sp-accent-ink: #1f2e3a}.yte-spot--night{--sp-panel: #0b131a;--sp-ink: #ffffff;--sp-accent: #cee1ea;--sp-accent-ink: #1f2e3a}.yte-spot__stage{position:relative;display:grid}.yte-spot__slide{grid-area:1 / 1;display:grid;grid-template-columns:1fr;visibility:hidden;pointer-events:none}.yte-spot__slide.is-active,.yte-spot__slide.is-leaving{visibility:visible}.yte-spot__slide.is-active{pointer-events:auto;z-index:2}.yte-spot__media{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;background:#fff;overflow:hidden;clip-path:polygon(0 0,calc(100% - var(--sp-cut)) 0,100% var(--sp-cut),100% 100%,0 100%)}.yte-spot__media img{width:82%;height:82%;object-fit:contain;opacity:0;transform:scale(.9) rotate(calc(var(--dir, 1) * -6deg)) translate(calc(var(--dir, 1) * 4%));transition:opacity .5s ease,transform .9s cubic-bezier(.22,.9,.25,1)}.yte-spot__slide.is-active .yte-spot__media img{opacity:1;transform:none;animation:yte-spot-float 7s ease-in-out .9s infinite}.yte-spot__slide.is-leaving .yte-spot__media img{opacity:0;transform:scale(1.04) rotate(calc(var(--dir, 1) * 4deg)) translate(calc(var(--dir, 1) * -4%))}@keyframes yte-spot-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.5%) rotate(-1.5deg)}}.yte-spot__info{position:relative;display:flex;flex-direction:column;justify-content:center;gap:1.4rem;padding:3.2rem 2.4rem 9rem;background:var(--sp-panel);color:var(--sp-ink)}.yte-spot__info>*{opacity:0;transform:translateY(1.6rem);transition:opacity .4s ease,transform .6s cubic-bezier(.22,.9,.25,1)}.yte-spot__slide.is-active .yte-spot__info>*{opacity:1;transform:none}.yte-spot__slide.is-active .yte-spot__info>:nth-child(2){transition-delay:.06s}.yte-spot__slide.is-active .yte-spot__info>:nth-child(3){transition-delay:.12s}.yte-spot__slide.is-active .yte-spot__info>:nth-child(4){transition-delay:.18s}.yte-spot__slide.is-leaving .yte-spot__info>*{opacity:0;transform:translateY(-1rem);transition-duration:.3s}.yte-spot__eyebrow{font-family:var(--yte-display-family, var(--font-heading-family));font-weight:700;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;opacity:.75}.yte-spot__title{margin:0;font-family:var(--yte-display-family, var(--font-heading-family));font-weight:700;font-size:clamp(3rem,3.2vw,5.2rem);line-height:.9;text-transform:uppercase;color:var(--sp-ink)}.yte-spot__title a{color:inherit;text-decoration:none}.yte-spot__specs{margin:0;padding-left:1.8rem;font-size:1.5rem;line-height:1.6}.yte-spot__specs li::marker{color:var(--sp-accent)}.yte-spot__buy{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;margin-top:.6rem}.yte-spot__price{font-family:var(--yte-display-family, var(--font-heading-family));font-weight:700;font-size:clamp(2.4rem,2.4vw,3.4rem)}.yte-spot__price small{font-size:.5em;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.yte-spot__price s{margin-left:.8rem;font-size:.55em;opacity:.55}.yte-spot__btn{display:inline-flex;align-items:center;gap:1rem;padding:1.4rem 2rem;background:var(--sp-accent);color:var(--sp-accent-ink);text-decoration:none;font-family:var(--yte-display-family, var(--font-heading-family));font-weight:700;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:transform .25s cubic-bezier(.22,.9,.25,1)}.yte-spot__btn svg{transition:transform .25s cubic-bezier(.22,.9,.25,1)}.yte-spot__btn:hover{transform:translateY(-2px)}.yte-spot__btn:hover svg{transform:translate(4px)}.yte-spot__nav{position:absolute;right:2.4rem;bottom:2.4rem;z-index:3;display:flex;align-items:center;gap:1.6rem;color:var(--sp-ink)}.yte-spot__count{font-family:var(--yte-display-family, var(--font-heading-family));font-weight:700;font-size:1.2rem;letter-spacing:.14em}.yte-spot__dots{display:flex;gap:.6rem}.yte-spot__dot{position:relative;width:2rem;height:.6rem;padding:0;border:0;background:color-mix(in srgb,var(--sp-accent) 25%,transparent);cursor:pointer;overflow:hidden;transition:width .45s cubic-bezier(.22,.9,.25,1)}.yte-spot__dot:before{content:"";position:absolute;top:-1rem;right:0;bottom:-1rem;left:0}.yte-spot__dot i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sp-accent);transform:scaleX(0);transform-origin:left}.yte-spot__dot.is-active{width:5.6rem}.yte-spot__dot.is-active i{animation:yte-spot-count var(--yte-spot-int, 6s) linear forwards}.yte-spot[data-paused] .yte-spot__dot.is-active i{animation-play-state:paused}@keyframes yte-spot-count{to{transform:scaleX(1)}}@media screen and (min-width:750px){.yte-spot__slide{grid-template-columns:55% 45%;height:clamp(42rem,58vh,60rem)}.yte-spot__media{aspect-ratio:auto;height:100%;position:relative;z-index:2;margin-right:calc(var(--sp-overlap) * -1)}.yte-spot__info{padding:4rem 4.8rem 8rem calc(4.8rem + var(--sp-overlap));clip-path:polygon(0 0,calc(100% - var(--sp-cut)) 0,100% var(--sp-cut),100% 100%,0 100%)}.yte-spot__info:before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--sp-overlap);background:linear-gradient(225deg,transparent calc(var(--sp-cut) * .7071 + 1px),#ffffff calc(var(--sp-cut) * .7071 + 1px));filter:drop-shadow(6px 0 10px rgba(11,19,26,.22));pointer-events:none}.yte-spot__nav{right:4.8rem;bottom:3.2rem}}@media(prefers-reduced-motion:reduce){.yte-spot__media img,.yte-spot__info>*,.yte-spot__dot{transition:none!important;animation:none!important}.yte-spot__dot.is-active i{transform:scaleX(1)}}@media screen and (min-width:750px){.yte-spot__info{justify-content:flex-start;padding-top:5.6rem;padding-bottom:9.6rem}.yte-spot__nav{left:calc(4.8rem + var(--sp-overlap) + 55%);right:4.8rem;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--sp-ink) 15%,transparent);padding-top:1.6rem;bottom:2.8rem}}.yte-spot__media img{position:absolute;top:7%;right:7%;bottom:7%;left:7%;width:86%;height:86%;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/8/assets/yte-spotlight.css.map */