slider-vertical{display:block;position:relative}slider-vertical[data-thumbs-image-strategy=always_visible] .slider-pagination>*{background:none}slider-vertical[data-status=ready]>button[name=up],slider-vertical[data-status=ready]>button[name=down]{display:flex!important}slider-vertical>button[name=up],slider-vertical>button[name=down]{--color-button-background: var(--color-background);--color-button-border: var(--color-foreground-8);border-radius:100%;bottom:.5rem;height:1.75rem;left:50%;min-width:auto;position:absolute;padding:.375rem;transform:translate(-50%) rotate(90deg);width:1.75rem;z-index:10}slider-vertical>button[name=up]{bottom:auto;top:.5rem}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:.95}@media (min-width: 768px){slider-vertical[data-thumbs-image-strategy=desktop_visible] .slider-pagination>*{background:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-slider-vertical.css.map */