@media screen and (min-width:750px){slider-component.slider-component--mobile-carousel .slider-mobile-nav,slider-component.slider-component--mobile-carousel .slider-mobile-progress{display:none!important}}@media screen and (max-width:749px){slider-component.slider-component--mobile-carousel{display:block}slider-component.slider-component--mobile-carousel .slider-mobile-viewport{position:relative}slider-component.slider-component--mobile-carousel .slider.slider--mobile{overscroll-behavior-x:contain;overscroll-behavior-y:auto}slider-component.slider-component--mobile-carousel .slider-mobile-nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:none;border-radius:50%;background-color:#e8e8e3eb;color:#080807;cursor:pointer;transform:translateY(-50%);box-shadow:0 0 0 1px #0808070f;transition:opacity .2s ease,visibility .2s ease}.slider-mobile-nav .svg-wrapper{display:flex;width:1.4rem;height:1.4rem}.slider-mobile-nav .svg-wrapper svg{width:1.4rem;height:1.4rem}.slider-mobile-nav--prev{left:.8rem}.slider-mobile-nav--prev .svg-wrapper svg{transform:rotate(180deg)}.slider-mobile-nav--next{right:.8rem}.slider-mobile-nav--hidden{opacity:0;visibility:hidden;pointer-events:none}slider-component.slider-component--mobile-carousel .slider-mobile-progress{max-width:150px;margin-top:var(--spacing-section-element-gap, 1.6rem);margin-inline:auto;transition:visibility .2s ease,margin .2s ease}slider-component.slider-component--mobile-carousel .slider-mobile-progress--hidden{visibility:hidden;height:0;margin-top:0;padding-top:0;padding-bottom:0;overflow:hidden;pointer-events:none}slider-component.slider-component--mobile-carousel .slider-mobile-progress__track{width:100%;height:2px;background-color:#0808071f;overflow:hidden}slider-component.slider-component--mobile-carousel .slider-mobile-progress__fill{display:block;width:0;height:100%;background-color:#080807;transition:width .15s ease-out}.section-collection-list slider-component.slider-component--mobile-carousel .slider-mobile-nav--prev{left:1.2rem}.section-collection-list slider-component.slider-component--mobile-carousel .slider-mobile-nav--next{right:1.2rem}.section-featured-collection slider-component.slider-component--mobile-carousel .slider-mobile-nav--prev{left:1.2rem}.section-featured-collection slider-component.slider-component--mobile-carousel .slider-mobile-nav--next{right:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-slider-mobile-controls.css.map */
