simple-slider{position:relative;display:flex;align-items:center;gap:var(--gap)}simple-slider[preinit] button{opacity:0}.simple-slider-items{position:relative;overflow-x:auto;scrollbar-color:var(--color-button-background) transparent;scrollbar-width:thin;display:flex;gap:var(--gap);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-color:transparent transparent!important}simple-slider .nav-buttons{position:relative;overflow:hidden}simple-slider[preinit] .nav-buttons:before,simple-slider[preinit] .nav-buttons:after{opacity:0!important}simple-slider .nav-buttons:before,simple-slider .nav-buttons:after{content:"";z-index:1;pointer-events:none;position:absolute;top:0%;width:50px;height:100%;opacity:0;transition:opacity .3s ease}simple-slider .nav-buttons:before{left:0;background:linear-gradient(90deg,var(--color-background),rgba(0,0,0,0))}simple-slider .nav-buttons:after{right:0;background:linear-gradient(270deg,var(--color-background),rgba(0,0,0,0))}simple-slider:has(.prev-button:not(:disabled)) .nav-buttons:before,simple-slider:has(.next-button:not(:disabled)) .nav-buttons:after{opacity:1}.simple-slider-item{scroll-snap-align:start;scroll-snap-stop:always}simple-slider.is-dragging,.simple-slider-items.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;cursor:grab}.simple-slider-item figure{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.simple-slider-items::-webkit-scrollbar-thumb{cursor:grab;background-color:var(--color-button-background)}simple-slider:not([has-scroll]) button{display:none}simple-slider button{position:relative;z-index:2;cursor:pointer;transition:opacity .3s ease;border:1px solid var(--color-button-background);border-radius:100%;text-align:center;padding:3px}simple-slider button:disabled{opacity:.25;pointer-events:none}simple-slider button svg{pointer-events:none}simple-slider .nav-arrows{gap:var(--gap)}.quicklink{white-space:nowrap;overflow:visible;background:transparent;border-color:var(--color-outlines);color:var(--color-button-background)}.quicklink:hover,.quicklink.is-active{background:var(--color-button-background);color:var(--color-button-foreground);border-color:var(--color-button-background)}
/*# sourceMappingURL=/cdn/shop/t/104/assets/component-simple-slider.css.map */