.slider-container{width:100%;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;position:relative}.slider-container .slider-button{width:40px;height:40px;padding:0;background-color:#fff7;border-radius:50%;border-width:1px;border-color:#0007;fill:#0009;line-height:0;align-self:center;z-index:10}.slider-container .slider-button:hover{background-color:#fffd;border-color:#000d;fill:#000}.slider-container .slider-button.left-button{grid-column:1;grid-row:1;margin-left:5px}.slider-container .slider-button.right-button{grid-column:3;grid-row:1;margin-right:5px}.slider-container .slider-button.up-button{grid-column:2;grid-row:1;margin-top:5px;justify-self:center;transform:rotate(90deg)}.slider-container .slider-button.down-button{grid-column:2;grid-row:3;margin-bottom:5px;justify-self:center;transform:rotate(90deg)}@media screen and (max-width: 739px){.slider-container .slider-button{display:none;visibility:hidden}}.slider-container .slider-items-container{display:flex;flex-wrap:nowrap;gap:20px;width:100%;grid-column:1 / span 3;grid-row:1;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y}.slider-container .slider-items-container.slider-vertical{flex-direction:column;overflow-y:auto;grid-row:1 / span3;position:absolute;top:0;left:0;right:0;bottom:0;touch-action:pan-x}.slider-container .slider-items-container.single{gap:0px}.slider-container .slider-items-container.drag{cursor:grab;-webkit-user-select:none;user-select:none}.slider-container .slider-items-container.slide{gap:0px}.slider-container .slider-items-container::-webkit-scrollbar{display:none}.slider-container .slider-items-container .auto_scale>div{margin-left:auto;margin-right:auto}.swiper-pagination{height:50px;display:flex;flex-direction:row;justify-content:center;visibility:hidden;position:absolute;display:none}.swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background-color:var(--colors--slider-unselected);transition:width .2s ease-out;margin:21px 5px;display:inline-block;border-radius:4px;cursor:pointer}.swiper-pagination .swiper-pagination-bullet-active{background-color:var(--colors--slider-selected);width:32px}@media screen and (max-width: 739px){.swiper-pagination{visibility:visible;position:relative;display:flex}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/s_slider.css.map */
