slider-vertical{display:block;position:relative}slider-vertical:not([data-thumbs-mode=grid_below])>button[name=up],slider-vertical:not([data-thumbs-mode=grid_below])>button[name=down]{min-width:auto;position:absolute;z-index:10;left:1rem;right:1rem}slider-vertical[data-thumbs-mode=slider_below]>button[name=up],slider-vertical[data-thumbs-mode=slider_below]>button[name=down]{width:fit-content;width:-moz-fit-content;min-width:2.5rem;top:2rem;bottom:unset}slider-vertical[data-thumbs-mode=slider_below]>button[name=up]{transform:rotate(90deg);left:-.25rem;right:unset}slider-vertical[data-thumbs-mode=slider_below]>button[name=down]{transform:rotate(-90deg);right:-.25rem;left:unset}slider-vertical>button[name=up],slider-vertical>button[name=down]{border:0;border-radius:3px;bottom:4px;display:flex!important;opacity:.75;padding:.25rem}slider-vertical>button[name=up]{bottom:auto;top:4px;--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}slider-vertical>button[name=up]:hover,slider-vertical>button[name=up]:focus,slider-vertical>button[name=down]:hover,slider-vertical>button[name=down]:focus{opacity:1}slider-vertical>button[name=up] svg,slider-vertical>button[name=down] svg{height:1rem;width:1rem}.slider-vertical--panel{--tw-scroll-snap-strictness: mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;flex-direction:column;height:100%;justify-content:flex-start;overflow-x:clip;overflow-y:auto;padding:0;scroll-behavior:smooth;scroll-snap-type:y var(--tw-scroll-snap-strictness);scrollbar-color:var(--color-foreground) var(--color-foreground-4);scrollbar-width:none;width:auto}.slider-vertical--panel::-webkit-scrollbar{display:none;height:1rem;width:1rem}slider-vertical .slider-pagination>:nth-child(n+2){visibility:visible}slider-vertical .slider-pagination>:focus{box-shadow:none;position:relative}slider-vertical .slider-pagination>:focus:after{border:2px solid var(--tw-ring-color);content:"";position:absolute;left:-1px;top:-1px;height:calc(100% + 2px);width:calc(100% + 2px)}slider-vertical .slider-pagination>:focus:not(:focus-visible):after{display:none}slider-vertical .slider-pagination>.page-active{border-color:var(--color-foreground)}slider-vertical .slider-pagination a img{transition:scale .3s}slider-vertical .slider-pagination a:hover img{scale:.9}@media all and (max-width: 650px){slider-vertical button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-slider-vertical.css.map */