.blog-slider-pro{margin:24px 0}.blog-slider-pro__heading{margin:0 0 14px}.blog-slider-pro__viewport{position:relative;border-radius:18px;overflow:hidden}.blog-slider-pro__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-slider-pro__track::-webkit-scrollbar{display:none}.blog-slider-pro__slide{flex:0 0 100%;scroll-snap-align:start;position:relative}.blog-slider-pro__slide img{display:block;width:100%;height:auto}.blog-slider-pro__caption{padding:12px 14px}.blog-slider-pro__btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#ffffffdb;cursor:pointer;display:grid;place-items:center;font-size:28px;line-height:1;z-index:2}.blog-slider-pro__btn--prev{left:10px}.blog-slider-pro__btn--next{right:10px}@media(max-width:749px){.blog-slider-pro__btn{width:40px;height:40px;font-size:26px}}.blog-slider-pro__dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.blog-slider-pro__dot{width:10px;height:10px;border-radius:999px;border:0;background:#00000038;cursor:pointer}.blog-slider-pro__dot.is-active{background:#000000a6}.blog-slider-pro__placeholder{padding:60px 16px;text-align:center;opacity:.75}.blog-slider-pro .page-width{max-width:var(--slider-max-width);margin:0 auto}.blog-slider-pro__slide{aspect-ratio:var(--slider-ratio);background:#00000008}@media(max-width:749px){.blog-slider-pro__slide{aspect-ratio:var(--slider-ratio-mobile)}}.blog-slider-pro__slide img{width:100%;height:100%;object-fit:var(--slider-fit)}.blog-slider-pro__slide{background:#f6f6f6}.blog-slider-pro__viewport{position:relative;overflow:hidden;contain:layout paint}.blog-slider-pro__track{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.blog-slider-pro__slide{display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-slider-pro__slide img{display:block;max-width:100%;max-height:100%}.blog-slider-pro__media{width:100%;height:100%;object-fit:contain;display:block}
/*# sourceMappingURL=/cdn/shop/t/2/assets/blog-slider-pro.css.map */