.tol-carousel-image__pad{margin-block:40px}.tol-carousel{--tol-carousel-speed: 5s;--tol-carousel-fade: .6s;--tol-carousel-fg: #fff;--tol-carousel-bar-base: #000;--tol-carousel-pause-bg: rgba(0, 0, 0, .6);--tol-carousel-arrow-bg: rgba(0, 0, 0, .35);position:relative;color:var(--tol-carousel-fg)}.tol-carousel__frame{position:relative;height:0;overflow:hidden;touch-action:pan-y}.tol-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:0;pointer-events:none;transition:opacity var(--tol-carousel-fade) ease}.tol-carousel__slide.is-active{opacity:1;z-index:1;pointer-events:auto}.tol-carousel--static .tol-carousel__slide{opacity:1;z-index:1;pointer-events:auto;transition:none}.tol-carousel__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.tol-carousel__img--mobile{display:none}.tol-carousel__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:block}.tol-carousel__sr{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.tol-carousel__pause{position:absolute!important;top:0;left:0;z-index:7;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);background:transparent;color:inherit;cursor:pointer}.tol-carousel__pause:focus-visible{width:44px;height:44px;margin:8px;clip:auto;background:var(--tol-carousel-pause-bg);border-radius:50%;outline:2px solid var(--tol-carousel-fg);outline-offset:2px}.tol-carousel__pause svg{width:14px;height:14px;fill:currentColor}.tol-carousel__pause-stop,.tol-carousel__pause-play{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tol-carousel__pause-play,.tol-carousel.is-paused .tol-carousel__pause-stop{display:none}.tol-carousel.is-paused .tol-carousel__pause-play{display:flex}.tol-carousel__dots{position:absolute;left:0;right:0;bottom:20px;z-index:6;display:flex;align-items:center;justify-content:center;margin:0;padding:0;line-height:0}.tol-carousel__dot{display:inline-block;width:6px;height:6px;margin:0 5px;padding:0;border:0;border-radius:100%;background-color:currentColor;color:inherit;opacity:.2;cursor:pointer;vertical-align:middle}.tol-carousel__dot:hover{opacity:.6}.tol-carousel__dot.is-active{width:9px;height:9px;opacity:1}.tol-carousel__dot:focus-visible{outline:2px solid var(--tol-carousel-fg);outline-offset:3px}.tol-carousel--bars .tol-carousel__dots{bottom:0;height:6px}.tol-carousel--bars .tol-carousel__dot,.tol-carousel--bars .tol-carousel__dot.is-active{position:relative;overflow:hidden;width:120px;height:6px;border-radius:0;background:none;opacity:1}.tol-carousel--bars .tol-carousel__dot:before,.tol-carousel--bars .tol-carousel__dot:after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%}.tol-carousel--bars .tol-carousel__dot:before{background-color:var(--tol-carousel-bar-base);opacity:.1}.tol-carousel--bars .tol-carousel__dot:hover:before{opacity:.2}.tol-carousel--bars .tol-carousel__dot:after{background-color:currentColor;transform:translate(-100%);transition:none}.tol-carousel--bars.is-playing .tol-carousel__dot.is-active:after{animation:tolCarouselBars var(--tol-carousel-speed) linear forwards}.tol-carousel--bars.is-paused .tol-carousel__dot.is-active:after{animation-play-state:paused}.tol-carousel--bars:not(.is-playing) .tol-carousel__dot.is-active:after{transform:translate(0)}@keyframes tolCarouselBars{0%{transform:translate(-100%)}to{transform:translate(0)}}.tol-carousel__arrow{position:absolute;top:50%;z-index:6;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:var(--tol-carousel-arrow-bg);color:var(--tol-carousel-fg);cursor:pointer;transform:translateY(-50%)}.tol-carousel__arrow svg{width:24px;height:24px}.tol-carousel__arrow--prev{left:10px}.tol-carousel__arrow--next{right:10px}.tol-carousel__arrow:focus-visible{outline:2px solid var(--tol-carousel-fg);outline-offset:2px}@media screen and (max-width:749px){.tol-carousel-image__pad{margin-block:17px}.tol-carousel--bars .tol-carousel__dot,.tol-carousel--bars .tol-carousel__dot.is-active{width:45px}.tol-carousel__img--desktop{display:none}.tol-carousel__img--mobile{display:block}}@media(prefers-reduced-motion:reduce){.tol-carousel__slide{transition:none}.tol-carousel--bars .tol-carousel__dot.is-active:after{animation:none;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/tol-carousel-image.css.map */