.ob-spotlight{--ob-spot-ratio: 351 / 350;--ob-spot-pad: 32px 12px 12px;--ob-spot-head-gap: 24px;--ob-spot-btn-gap: 24px;--ob-spot-text-w: 250px;--ob-spot-title-w: 276px;--ob-spot-tag-gap: 10px;--ob-spot-logo: 64px;--ob-spot-text-end: 0px;padding-block:var(--ob-section-pad-y-mobile);background-color:var(--ob-white)}.ob-spotlight__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ob-grid-gap)}.ob-spotlight__rail{display:flex;flex-direction:column;gap:var(--ob-spot-nav-gap, 20px);min-width:0}.ob-spotlight__products{display:flex;gap:var(--ob-grid-gap);align-items:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.ob-spotlight__products::-webkit-scrollbar{display:none}.ob-spotlight__products:focus-visible{outline:2px solid var(--ob-black);outline-offset:-2px}.ob-spotlight__cell{flex:0 0 calc((100% - var(--ob-grid-gap)) / 2);min-width:0;scroll-snap-align:start}.ob-spotlight__cell>.product-card{height:100%}.ob-spotlight__nav{display:flex;align-items:center}.ob-spotlight__progress{position:relative;flex:1 1 auto;height:2px;overflow:hidden;border-radius:10px;background-color:var(--ob-grey-100)}.ob-spotlight__thumb{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--ob-rail-size, .5) * 100%);border-radius:inherit;background-color:var(--ob-black);transform:translate(calc(var(--ob-rail-pos, 0) * (100% / var(--ob-rail-size, .5) - 100%)))}.ob-spotlight__rail[data-static] .ob-spotlight__nav,.ob-spotlight__arrows{display:none}.ob-spotlight__arrow{display:grid;place-items:center;width:52px;height:52px;padding:0;border:var(--ob-border);border-radius:var(--ob-radius);background-color:var(--ob-white);color:var(--ob-black);cursor:pointer;transition:background-color var(--ob-dur) var(--ob-ease),color var(--ob-dur) var(--ob-ease),border-color var(--ob-dur) var(--ob-ease)}.ob-spotlight__arrow+.ob-spotlight__arrow{margin-inline-start:-1px}.ob-spotlight__arrow .ob-icon{width:24px;height:24px}.ob-spotlight__arrow--prev .ob-icon{scale:-1 1}[dir=rtl] .ob-spotlight__arrow--prev .ob-icon{scale:1}[dir=rtl] .ob-spotlight__arrow--next .ob-icon{scale:-1 1}.ob-spotlight__arrow:disabled{cursor:default;opacity:.4}.ob-spotlight__arrow:focus-visible{position:relative;z-index:1;outline:2px solid var(--ob-black);outline-offset:-2px}@media(hover:hover){.ob-spotlight__arrow:not(:disabled):hover{position:relative;z-index:1;border-color:var(--ob-black);background-color:var(--ob-black);color:var(--ob-white)}}@media screen and (min-width:700px){.ob-spotlight__progress{display:none}.ob-spotlight__arrows{display:flex}.ob-spotlight--panel-left .ob-spotlight__nav{justify-content:flex-end}}.ob-spotlight__panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:var(--ob-spot-btn-gap);aspect-ratio:var(--ob-spot-ratio);padding:var(--ob-spot-pad);overflow:hidden;background-color:var(--ob-black);color:var(--ob-white)}.ob-spotlight__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.ob-spotlight__media picture{display:contents}.ob-spotlight__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.ob-spotlight__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}@media(prefers-reduced-motion:reduce){.ob-spotlight__video{display:none}}.ob-spotlight__img--placeholder{background-color:var(--ob-ink-900);fill:var(--ob-grey-500)}.ob-spotlight--image .ob-spotlight__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--ob-black) 50%,transparent) 0%,color-mix(in srgb,var(--ob-black) 50%,transparent) 15.7%,transparent 70.9%),linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--ob-black) 60%,transparent) 77.8%)}.ob-spotlight__content{display:flex;flex-direction:column;gap:var(--ob-spot-head-gap)}.ob-spotlight__head{display:flex;align-items:center;justify-content:space-between;gap:var(--ob-spot-head-gap)}.ob-spotlight__title{margin:0;max-width:var(--ob-spot-title-w);font-family:var(--ob-font-display);font-size:var(--ob-title-xl-mobile);font-weight:var(--ob-weight-bold);line-height:1;letter-spacing:var(--ob-h4-ls);text-transform:uppercase;color:var(--ob-white)}.ob-spotlight__logo{flex:none;width:var(--ob-spot-logo);height:auto}.ob-spotlight__text{align-self:flex-end;width:100%;max-width:var(--ob-spot-text-w);margin-inline-end:var(--ob-spot-text-end);font-family:var(--ob-font-body);font-size:var(--ob-fs-body);font-weight:var(--ob-weight-regular);line-height:var(--ob-text-lh-tight);color:var(--ob-white)}.ob-spotlight__text>*{margin:0}.ob-spotlight__text>*+*{margin-top:.75em}.ob-spotlight__text a{color:inherit;text-decoration:underline}.ob-spotlight__button.button{width:100%}.ob-spotlight__button--light{--ob-btn-bg: var(--ob-white);--ob-btn-fg: var(--ob-black);--ob-btn-bd: var(--ob-white);--ob-btn-bg-hover: var(--ob-btn-white-hover);--ob-btn-fg-hover: var(--ob-black);--ob-btn-bd-hover: var(--ob-btn-white-hover);--ob-btn-backdrop: blur(var(--ob-btn-blur))}.ob-spotlight__button--glass{--ob-btn-bg: var(--ob-white-12);--ob-btn-fg: var(--ob-white);--ob-btn-bd: var(--ob-white-40);--ob-btn-bg-hover: var(--ob-white);--ob-btn-fg-hover: var(--ob-black);--ob-btn-bd-hover: var(--ob-white);--ob-btn-backdrop: blur(var(--ob-btn-blur))}.ob-spotlight__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ob-spot-tag-gap)}.ob-spotlight__intro>.ob-spotlight__head{align-self:stretch}.ob-spotlight__tag{display:inline-flex;align-items:center;padding:var(--ob-badge-padding);border-radius:var(--ob-radius);background-color:var(--ob-red-accent);color:var(--ob-white);font-family:var(--ob-font-body);font-size:var(--ob-fs-badge);font-weight:var(--ob-weight-semibold);line-height:normal;letter-spacing:0;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color var(--ob-dur) var(--ob-ease)}@media(hover:hover){a.ob-spotlight__tag:hover{background-color:color-mix(in srgb,var(--ob-red-accent) 82%,var(--ob-black))}}a.ob-spotlight__tag:focus-visible{outline:2px solid var(--ob-white);outline-offset:2px}a.ob-spotlight__tag{position:relative}a.ob-spotlight__tag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;animation:ob-spot-tag-ring 3.2s cubic-bezier(.25,.6,.3,1) infinite}a.ob-spotlight__tag:hover:after,a.ob-spotlight__tag:focus-visible:after{animation-play-state:paused;opacity:0}@keyframes ob-spot-tag-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--ob-red-accent) 35%,transparent)}55%,to{box-shadow:0 0 0 6px color-mix(in srgb,var(--ob-red-accent) 0%,transparent)}}@media(prefers-reduced-motion:reduce){a.ob-spotlight__tag,a.ob-spotlight__tag:after{animation:none}}@media screen and (min-width:700px){.ob-spotlight{padding-block:var(--ob-section-pad-y);--ob-spot-ratio: 2 / 1;--ob-spot-pad: 40px;--ob-spot-head-gap: 32px;--ob-spot-btn-gap: 40px;--ob-spot-text-w: 260px;--ob-spot-title-w: 340px;--ob-spot-tag-gap: 16px;--ob-spot-logo: 80px;--ob-spot-text-end: 10px}.ob-spotlight__panel{justify-content:flex-end}.ob-spotlight__title{font-size:clamp(var(--ob-title-xl-mobile),3.472vw,var(--ob-title-xl))}.ob-spotlight__text{line-height:var(--ob-text-lh)}.ob-spotlight__media--top .ob-spotlight__img{object-position:center top}.ob-spotlight__media--bottom .ob-spotlight__img{object-position:center bottom}}@media screen and (min-width:1000px){.ob-spotlight{--ob-spot-ratio: 678 / 700;--ob-spot-btn-gap: 60px;--ob-spot-title-w: 100%;--ob-spot-panel-gap: 3px}.ob-spotlight__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ob-spot-panel-gap);align-items:start}.ob-spotlight--panel-right .ob-spotlight__panel{order:2}.ob-spotlight--panel-right .ob-spotlight__rail{order:1}.ob-spotlight__rail{align-self:stretch;justify-content:space-between}.ob-spotlight--image .ob-spotlight__panel:before{background:linear-gradient(to bottom,transparent 16.57%,var(--ob-black) 81.5%)}}@media(prefers-reduced-motion:reduce){.ob-spotlight__tag{transition:none}}.ob-spotlight--content-top{--ob-spot-bleed: 12px}.ob-spotlight--content-top .ob-spotlight__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,var(--ob-black) 0%,color-mix(in srgb,var(--ob-black) 55%,transparent) 14%,transparent 30%)}.ob-spotlight--content-top .ob-spotlight__text{align-self:flex-start;margin-inline-end:0}@media screen and (max-width:999px){.ob-spotlight--content-top .ob-spotlight__panel{aspect-ratio:auto;justify-content:flex-start}.ob-spotlight--content-top .ob-spotlight__content{order:1}.ob-spotlight--content-top .ob-spotlight__button{order:2}.ob-spotlight--content-top .ob-spotlight__media{order:3;position:relative;inset:auto;aspect-ratio:1 / 1;margin:-16% calc(var(--ob-spot-bleed) * -1) calc(var(--ob-spot-bleed) * -1)}.ob-spotlight--content-top .ob-spotlight__text{max-width:100%}}@media screen and (min-width:700px)and (max-width:999px){.ob-spotlight--content-top{--ob-spot-bleed: 40px}.ob-spotlight--content-top .ob-spotlight__media{aspect-ratio:3 / 2;margin-top:-10%}.ob-spotlight--content-top .ob-spotlight__text{max-width:520px}}@media screen and (min-width:1000px){.ob-spotlight--content-top{--ob-spot-head-gap: 20px;--ob-spot-tag-gap: 12px}.ob-spotlight--content-top .ob-spotlight__panel{justify-content:space-between}.ob-spotlight--content-top .ob-spotlight__text{max-width:470px}.ob-spotlight--content-top .ob-spotlight__media:after{background:linear-gradient(to bottom,var(--ob-black) 0%,color-mix(in srgb,var(--ob-black) 80%,transparent) 24%,transparent 46%)}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/ob-spotlight.css.map */