.spotlight-carousel{background:var(--spotlight-bg, #0f0f0f);--title-color: var(--title-color, #ffffff);--btn-bg: var(--btn-bg, #ffffff);--btn-text: var(--btn-text, #111111);--btn-bg-hover: var(--btn-bg-hover, var(--btn-text, #111111));--btn-text-hover: var(--btn-text-hover, var(--btn-bg, #ffffff));padding:clamp(24px,6vw,70px) 0;color:#fff}.spotlight-container{position:relative}.spotlight-heading{color:#fff;text-align:center;margin-bottom:24px}.spotlight-swiper{overflow:visible;contain:paint layout}.spotlight-swiper .swiper-wrapper{align-items:center;will-change:transform}.spotlight-swiper .swiper-slide{flex:0 0 auto;transition:transform .5s ease,opacity .5s ease;opacity:1}.slide-card{position:relative;border-radius:12px;overflow:hidden;background:#000;transition:transform .5s ease,box-shadow .4s ease,opacity .4s ease;will-change:transform}.media-img{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;padding:16px}.overlay-title{color:var(--title-color, #ffffff);font-size:clamp(22px,3.2vw,56px);font-weight:800;letter-spacing:.02em;text-transform:uppercase;opacity:0}.overlay-btn{opacity:0;margin:16px auto 0;background:var(--btn-bg, #ffffff);color:var(--btn-text, #111111);padding:6px 16px;border-radius:2px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;position:absolute;bottom:0;left:50%;transform:translate(-50%);transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 2px 10px #00000026}.overlay-btn:hover,.overlay-btn:focus-visible{background:var(--btn-bg-hover, var(--btn-text, #111111));color:var(--btn-text-hover, var(--btn-bg, #ffffff));box-shadow:0 6px 22px #00000040}.overlay-btn:focus-visible{outline:2px solid color(display-p3 1 1 1 / 0);outline:2px solid rgba(255,255,255,.75);outline-offset:3px}.slide-card{position:relative}@media (prefers-reduced-motion: reduce){.overlay-btn,.slide-card,.spotlight-swiper .swiper-slide{transition:none}}.spotlight-swiper .swiper-slide .slide-card{transform:scale(.9)}.spotlight-swiper .swiper-slide-active,.spotlight-swiper .swiper-slide-duplicate-active{opacity:1;z-index:2}.spotlight-swiper .swiper-slide-active .slide-card,.spotlight-swiper .swiper-slide-duplicate-active .slide-card{transform:scale(1.01);box-shadow:0 12px 40px #00000059}:is(.spotlight-swiper .swiper-slide-active .slide-card,.spotlight-swiper .swiper-slide-duplicate-active .slide-card) .overlay-btn,:is(.spotlight-swiper .swiper-slide-active .slide-card,.spotlight-swiper .swiper-slide-duplicate-active .slide-card) .overlay-title{opacity:1}.spotlight-swiper .overlay{opacity:0;pointer-events:none;transition:opacity .35s ease;background:rgba(var(--overlay-rgb, 0,0,0),var(--overlay-alpha, .4))}.spotlight-swiper .swiper-slide-active .overlay,.spotlight-swiper .swiper-slide-duplicate-active .overlay{opacity:1;pointer-events:auto}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:37px;height:37px;border-radius:999px;background:#000;border:1px solid rgba(255,255,255,.25);cursor:pointer}.nav-prev{left:0}.nav-next{right:0}.nav-btn:before{content:"";display:block;width:12px;height:12px;border-right:2px solid #fff;border-bottom:2px solid #fff;margin:0 auto;transform:rotate(135deg);position:relative;top:1px}.nav-next:before{left:-3px}.nav-prev:before{left:3px}.nav-next:before{transform:rotate(-45deg)}.nav-btn:hover{border-color:#ffffff80}@media (max-width: 1024px){.spotlight-swiper .swiper-slide .slide-card{transform:scale(.9)}.spotlight-swiper .swiper-slide-active .slide-card,.spotlight-swiper .swiper-slide-duplicate-active .slide-card{transform:scale(1.04)}.spotlight-carousel .page-width{padding:0 0rem}}@media (max-width: 900px){.spotlight-swiper .swiper-slide-active .slide-card,.spotlight-swiper .swiper-slide-duplicate-active .slide-card{transform:scale(1.01)}}@media (max-width: 640px){.overlay-title{font-size:clamp(20px,6vw,36px)}.nav-btn{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/spotlight-swiper.css.map */