.tr-slider-controls{display:flex;align-items:center;column-gap:24px}.tr-slider-controls:has(*[class$=-lock]){display:none}.tr-slider-controls--center{justify-content:center}.tr-slider-controls.tr-slider-controls--variant-overlay .tr-slider-controls__arrow{position:absolute;top:50%;translate:0 -50%;margin-top:0}[lang=ar] .tr-slider-controls.tr-slider-controls--variant-overlay .tr-slider-controls__arrow{rotate:180deg}.tr-slider-controls.tr-slider-controls--variant-overlay .tr-slider-controls__arrow.tr-slider-controls__arrow--prev{left:17px}[lang=ar] .tr-slider-controls.tr-slider-controls--variant-overlay .tr-slider-controls__arrow.tr-slider-controls__arrow--prev{left:auto;right:17px}.tr-slider-controls.tr-slider-controls--variant-overlay .tr-slider-controls__arrow.tr-slider-controls__arrow--next{right:17px}[lang=ar] .tr-slider-controls.tr-slider-controls--variant-overlay .tr-slider-controls__arrow.tr-slider-controls__arrow--next{left:17px;right:auto}.tr-slider-controls__pagination{--spacingX: 6px;display:flex;align-items:center;justify-content:center;gap:var(--spacingX)}.tr-slider-controls__arrow{transition:opacity var(--tr-transition-duration)}.tr-slider-controls__arrow.swiper-button-disabled{opacity:.5;pointer-events:all}.tr-slider-controls__pagination .swiper-pagination-bullet{--width: 8px;--height: 8px;--backgroundColor: rgb(var(--tr-color-black));--borderRadius: 6px;width:var(--width);height:var(--height);background-color:var(--backgroundColor);border-radius:var(--borderRadius);cursor:pointer;transition:background-color var(--tr-transition-duration),scale var(--tr-transition-duration)}.tr-slider-controls--variant-secondary .swiper-pagination-bullet{--backgroundColor: rgb(var(--tr-color-black))}.tr-slider-controls__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{scale:1.25}.tr-slider-controls__pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity:.2}.tr-slider-controls__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{pointer-events:none}@media(any-hover:hover){.tr-slider-controls__pagination .swiper-pagination-bullet:hover{scale:1.1}}@media(any-hover:none){.tr-slider-controls__pagination .swiper-pagination-bullet:active{scale:1.1}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/tr-slider-controls.css.map */