.main-slider{position:relative;overflow:hidden;width:100%;max-width:100%}.slide{display:none;position:absolute;width:100%;height:100%;transition:opacity .5s ease}.slide.active{display:block;position:relative}.main-slider[data-image-size=full] .slide{aspect-ratio:16 / 9}.main-slider[data-image-size=full] .slide img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:100%}.main-slider[data-image-size=image-ratio] .slide img{width:100%;height:auto;object-fit:cover;object-position:center;max-width:100%}.banner-text{position:absolute;padding:20px;box-sizing:border-box;text-align:var(--text-align)}.banner-text--top-left{top:10%;left:10%}.banner-text--top-center{top:10%;left:50%;transform:translate(-50%)}.banner-text--top-right{top:10%;right:10%}.banner-text--middle-left{top:50%;left:10%;transform:translateY(-50%)}.banner-text--middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.banner-text--middle-right{top:50%;right:10%;transform:translateY(-50%)}.banner-text--bottom-left{bottom:10%;left:10%}.banner-text--bottom-center{bottom:10%;left:50%;transform:translate(-50%)}.banner-text--bottom-right{bottom:10%;right:10%}.banner-text-align--left{--text-align: left}.banner-text-align--center{--text-align: center}.banner-text-align--right{--text-align: right}.banner-text h2{margin-top:0}.button-group{display:flex;justify-content:var(--buttons-align-justify-content);flex-wrap:wrap;margin:-.5rem}.button-group>*{margin:.5rem}.button-group-align--left{--buttons-align-justify-content: flex-start;--buttons-align-mobile-justify-content: flex-start}.button-group-align--center{--buttons-align-justify-content: center;--buttons-align-mobile-justify-content: center}.button-group-align--right{--buttons-align-justify-content: flex-end;--buttons-align-mobile-justify-content: flex-end}.banner-btn{background:var(--button-bg);color:var(--button-text);padding:10px 20px;text-decoration:none;display:inline-block;transition:background .3s ease,color .3s ease,border-color .3s ease,opacity .3s ease;border:1px solid var(--button-border);position:relative;overflow:hidden;z-index:1;box-sizing:border-box}.banner-btn.button{border-radius:0}.banner-btn.button-secondary{border:2px solid var(--button-border);font-weight:700;border-radius:0}.banner-btn.button-underlined{background:transparent;border:none;text-decoration:underline;padding:10px 0;border-radius:0}.banner-btn.alt{border-radius:0}.banner-btn:hover{color:var(--hover-text);border-color:var(--hover-border)}.banner-btn[data-hover-effect=color]:hover{background:var(--hover-bg)}.banner-btn[data-hover-effect=slide]:before{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;width:0;background:var(--hover-bg);transition:width .8s cubic-bezier(.4,0,.2,1);z-index:-1}.banner-btn.button-secondary[data-hover-effect=slide]:before{top:2px;left:2px;right:2px;bottom:2px}.banner-btn.button-underlined[data-hover-effect=slide]:before{top:0;left:0;right:0;bottom:0}.banner-btn[data-hover-effect=slide]:hover:before{width:100%}.banner-btn[data-hover-effect=slide]:before:not(:hover){transition:width .8s ease-in-out}.banner-btn[data-hover-effect=fade-slide]:before{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;width:0;background:var(--hover-bg);opacity:0;transition:width .8s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:-1}.banner-btn.button-secondary[data-hover-effect=fade-slide]:before{top:2px;left:2px;right:2px;bottom:2px}.banner-btn.button-underlined[data-hover-effect=fade-slide]:before{top:0;left:0;right:0;bottom:0}.banner-btn[data-hover-effect=fade-slide]:hover:before{width:100%;opacity:1}.banner-btn[data-hover-effect=fade-slide]:before:not(:hover){transition:width .8s ease-in-out,opacity .3s ease}.banner-btn[data-hover-effect=scale]:hover{transform:scale(1.03);transition:transform .3s ease}.banner-btn[data-hover-effect=opacity]:hover{opacity:.9}.slider-pagination{display:flex;gap:8px;justify-content:center;margin-top:20px;z-index:10}.slider-pagination span{cursor:pointer;padding:4px 10px;background:#ffffff80;border:1px solid #000;border-radius:20px;font-size:14px}.slider-pagination span.active{background:#000;color:#fff;border-color:#fff}.pagination-numbers span{border-radius:5px}.pagination-none{display:none}.main-slider[data-swipe-active=true]{-webkit-user-select:none;user-select:none}@media (max-width: 767px){.main-slider[data-image-size=full] .slide{aspect-ratio:1 / 1}.main-slider[data-image-size=image-ratio] .slide{display:block;height:auto;padding-top:0;padding-bottom:0}.main-slider[data-image-size=image-ratio] .slide img{width:100%;height:auto;object-fit:cover;object-position:center}.banner-text{text-align:center;width:90%;max-width:100%;position:absolute;bottom:10%;left:50%;transform:translate(-50%);top:initial;right:initial}.banner-text--top-left,.banner-text--top-center,.banner-text--top-right,.banner-text--middle-left,.banner-text--middle-center,.banner-text--middle-right,.banner-text--bottom-left,.banner-text--bottom-center,.banner-text--bottom-right{bottom:10%;left:50%;transform:translate(-50%);top:initial;right:initial}.banner-text-align--left,.banner-text-align--center,.banner-text-align--right{--mobile-text-align: center}.button-group{justify-content:center;margin:-.5rem}.button-group>*{margin:.5rem}.button-group-align--left,.button-group-align--center,.button-group-align--right{--buttons-align-mobile-justify-content: center}.main-slider[data-image-size=image-ratio] .banner-text h2{margin-top:0}.main-slider{--content-width-mobile: 90%}.banner-btn:hover{color:var(--button-text);border-color:var(--button-border);background:var(--button-bg);transform:none;opacity:1}.banner-btn[data-hover-effect=color]:hover,.banner-btn[data-hover-effect=slide]:hover,.banner-btn[data-hover-effect=fade-slide]:hover,.banner-btn[data-hover-effect=scale]:hover,.banner-btn[data-hover-effect=opacity]:hover{background:var(--button-bg);transform:none;opacity:1}.banner-btn[data-hover-effect=slide]:before,.banner-btn[data-hover-effect=fade-slide]:before{width:0;opacity:0}.banner-btn[data-hover-effect=slide]:hover:before,.banner-btn[data-hover-effect=fade-slide]:hover:before{width:0;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/309/assets/main-banner-slider.css.map */