custom-image-slider{position:relative;display:block;overflow:hidden;width:100%}.custom-slider{position:relative;overflow:hidden;touch-action:pan-y}.custom-slider__track{display:flex;transition:transform .5s ease;will-change:transform}.custom-slider__track.is-dragging{transition:none;cursor:grabbing}.custom-slider__slide{flex:0 0 100%;min-width:0;position:relative}.custom-slider__media{position:relative;width:100%;overflow:hidden}.custom-slider__media img{display:block;width:100%;height:100%;object-fit:cover}.custom-slider--height-auto .custom-slider__media,.custom-slider--height-auto .custom-slider__media img{height:auto}.custom-slider--height-small .custom-slider__media{height:300px}.custom-slider--height-medium .custom-slider__media{height:450px}.custom-slider--height-large .custom-slider__media{height:600px}@media screen and (min-width:750px){.custom-slider--height-small .custom-slider__media{height:400px}.custom-slider--height-medium .custom-slider__media{height:560px}.custom-slider--height-large .custom-slider__media{height:720px}}.custom-slider__placeholder{background:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px}.custom-slider__placeholder svg{width:60px;height:60px;opacity:.15}.custom-slider__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;pointer-events:none;z-index:2}.custom-slider__content-inner{text-align:center;max-width:60rem;pointer-events:auto}.custom-slider__heading{font-size:2rem;line-height:1.2;margin:0 0 .8rem;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}@media screen and (min-width:750px){.custom-slider__heading{font-size:3.2rem}}.custom-slider__subheading{font-size:1.4rem;margin:0 0 1.2rem;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3)}@media screen and (min-width:750px){.custom-slider__subheading{font-size:1.6rem}}.custom-slider__button{display:inline-block;padding:1rem 2.4rem;font-size:1.4rem;text-decoration:none;border-radius:0;transition:background .2s,color .2s;cursor:pointer}.custom-slider__button--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.custom-slider__button--primary:hover{background:rgba(var(--color-button),.85)}.custom-slider__button--secondary{background:transparent;color:#fff;border:1px solid #fff}.custom-slider__button--secondary:hover{background:#ffffff26}.custom-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.custom-slider__arrows{position:absolute;top:50%;left:0;right:0;z-index:3;display:flex;justify-content:space-between;padding:0 1rem;transform:translateY(-50%);pointer-events:none}.custom-slider__arrow{pointer-events:auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffffd9;border:none;border-radius:50%;cursor:pointer;color:#333;transition:background .2s,transform .2s;box-shadow:0 2px 6px #00000026;padding:0}.custom-slider__arrow:hover{background:#fff;transform:scale(1.1)}.custom-slider__arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@media screen and (min-width:750px){.custom-slider__arrows{padding:0 1.5rem}.custom-slider__arrow{width:48px;height:48px}}.custom-slider__dots{display:flex;justify-content:center;gap:.8rem;padding:1.2rem 0;z-index:3}.custom-slider__dots--inside{position:absolute;bottom:1.2rem;left:0;right:0}.custom-slider__dot{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(var(--color-foreground),.4);background:transparent;padding:0;cursor:pointer;transition:background .25s,border-color .25s,transform .2s}.custom-slider__dots--inside .custom-slider__dot{border-color:#fff9}.custom-slider__dot:hover{border-color:rgba(var(--color-foreground),.8);transform:scale(1.15)}.custom-slider__dots--inside .custom-slider__dot:hover{border-color:#ffffffe6}.custom-slider__dot.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.custom-slider__dots--inside .custom-slider__dot.is-active{background:#fff;border-color:#fff}.custom-slider__progress{position:absolute;bottom:0;left:0;height:3px;background:rgb(var(--color-foreground));z-index:4;transition:width linear}.custom-slider__track:not(.is-dragging){cursor:grab}@media(prefers-reduced-motion:reduce){.custom-slider__track{transition:none}}.custom-slider-section{margin:0 auto}
/*# sourceMappingURL=/cdn/shop/t/22/assets/custom-image-slider.css.map */