.spotlight-cards__content{position:relative}.spotlight-cards .spotlight-cards__blocks--grid{--spot-visible: var(--spot-visible-xs, 1.5);--spot-gap-x: var(--spot-space-x, var(--product-grid-gap, .8rem));padding:var(--product-grid-gap, .8rem) calc(var(--spot-gap-x) / 2);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:var(--spot-gap-x);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.spotlight-cards .spotlight-cards__blocks--grid::-webkit-scrollbar{display:none}@media screen and (min-width:576px){.spotlight-cards .spotlight-cards__blocks--grid{--spot-visible: var(--spot-visible-sm, 2.5)}}@media screen and (min-width:990px){.spotlight-cards .spotlight-cards__blocks--grid{--spot-visible: var(--spot-visible-md, 3.5)}}@media screen and (min-width:1200px){.spotlight-cards .spotlight-cards__blocks--grid{--spot-visible: var(--spot-visible-lg, 4)}}@media(prefers-reduced-motion:reduce){.spotlight-cards .spotlight-cards__blocks--grid{scroll-behavior:auto}}.spotlight-cards .spotlight-cards__blocks.spotlight-cards__blocks--grid .spotlight-cards__item{flex:var(--spot-grow, 0) 0 calc((100% - var(--spot-visible) * var(--spot-gap-x)) / var(--spot-visible));width:auto;min-width:0;max-width:none;margin-inline:calc(var(--spot-gap-x) / 2);border:0!important;outline-offset:-.1rem;scroll-snap-align:start}.spotlight-cards .spotlight-cards__blocks--grid .spotlight-cards__info{padding:1.2rem;gap:.8rem}.spotlight-cards .spotlight-cards__blocks--grid .spotlight-cards__info-wrapper.info--sticky{position:relative;top:0!important;transition:none;will-change:transform}.spotlight-scroll__arrow{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;cursor:pointer;color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));box-shadow:0 .2rem 1rem #0000002e;transform:translateY(-50%);transition:background-color var(--duration-default),color var(--duration-default)}.spotlight-scroll__arrow:hover{background-color:rgb(var(--color-button-hover));color:rgb(var(--color-button-text-hover))}.spotlight-scroll__arrow:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.spotlight-scroll__arrow--prev{inset-inline-start:1.6rem}.spotlight-scroll__arrow--next{inset-inline-end:1.6rem}.spotlight-scroll__arrow[hidden]{display:none}.spotlight-scroll__arrow svg{width:1.6rem;height:1.6rem}[dir=rtl] .spotlight-scroll__arrow svg{transform:scaleX(-1)}@media not all and (hover:hover)and (pointer:fine){.spotlight-scroll__arrow{display:none}}@media not all and (hover:hover)and (pointer:fine){.background.has-fixed-gradient{background-image:none;clip-path:inset(0)}.background.has-fixed-gradient:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--overwrite-background, none);pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/custom-spotlight-scroll.css.map */