.snippet-mbnr-inr.full_banner{height:85vh}.snippet-mbnr-inr{display:block;min-height:400px;height:100%;position:relative;overflow:hidden}.mbnr-caption{z-index:1;position:relative;height:100%;box-sizing:border-box}.mbnr-caption video{width:100%}.mbnr-captionwrap{position:absolute;top:0;width:calc(100% - 32px);display:grid;gap:16px}.mbnr-captionwrap:has(.mbnr-title-image){gap:12px}.mbanner-subtitle{text-transform:uppercase}.mbnr-btns{display:flex;gap:8px;margin-top:16px}.main-banner-inr{display:flex;flex-wrap:wrap}.mbnr-caption:after{content:"";position:absolute;top:0;left:0;width:100%;height:300px;z-index:-1;background:linear-gradient(180deg,#000,#0000)}.main-banner-carousel .main-banner{position:relative}.main-banner-carousel .main-banner-inr{display:block}.main-banner-carousel .swiper-slide{height:auto}.main-banner-carousel .swiper-button:after,.main-banner-carousel .swiper-button.swiper-button-disabled{display:none}.main-banner-carousel .swiper-button{color:var(--almost-black);border-radius:30px;background:var(--white);width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:.3s;z-index:2;border:none;cursor:pointer}.main-banner-carousel .swiper-button:hover{background:var(--almost-black);color:var(--white)}.main-banner-carousel .swiper-button-prev{left:20px}.main-banner-carousel .swiper-button-prev svg{transform:rotate(180deg)}.main-banner-carousel .swiper-button-next{right:20px}.mbnr-carousel-toggle{position:absolute;bottom:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--white);color:var(--almost-black);border:none;cursor:pointer;transition:.3s}.mbnr-carousel-toggle:hover{background:var(--almost-black);color:var(--white)}.mbnr-carousel-toggle-icon{display:flex}.mbnr-carousel-toggle-icon svg{width:8px;height:auto}.mbnr-carousel-toggle-icon--play,.mbnr-carousel-toggle.is-paused .mbnr-carousel-toggle-icon--pause{display:none}.mbnr-carousel-toggle.is-paused .mbnr-carousel-toggle-icon--play{display:flex}@media(min-width:992px){.snippet-mbnr-inr.desk_full_banner{height:85vh}.snippet-main-banner.half-width .mbnr-caption{grid-template-columns:repeat(6,minmax(0,1fr))}.deskver_top{top:32px;bottom:auto}.deskver_middle{top:50%;transform:translateY(-50%)}body:has(.yotpo-is-header) .section-main-banner:not(.main-banner-carousel) .snippet-main-banner:first-child .deskver_middle{top:calc(50% + 20px)}body:has(.yotpo-is-header) .section-main-banner.main-banner-carousel .snippet-mbnr-inr .deskver_middle{top:calc(50% + 20px)}.deskver_bottom{bottom:50px;top:auto}body:has(.yotpo-is-header) .section-main-banner:not(.main-banner-carousel) .snippet-main-banner:first-child .deskver_top{top:75px}body:has(.yotpo-is-header) .section-main-banner.main-banner-carousel .snippet-mbnr-inr .deskver_top{top:75px}.mbnr-captioninr{position:relative;padding:20px}.snippet-main-banner.full-width .mbnr-captioninr:has(.deskhor_left),.snippet-main-banner.half-width .mbnr-captioninr:has(.deskhor_left){grid-column:1/span 4;margin-left:-20px}.snippet-main-banner.full-width .mbnr-captioninr:has(.deskhor_center){grid-column:5/span 4}.snippet-main-banner.full-width .mbnr-captioninr:has(.deskhor_right){grid-column:9/span 4;margin-right:-20px}.snippet-main-banner.half-width .mbnr-captioninr:has(.deskhor_center){grid-column:2/span 4}.snippet-main-banner.half-width .mbnr-captioninr:has(.deskhor_right){grid-column:3/span 4;margin-right:-20px}.mbnr-captionwrap{width:calc(100% - 40px)}.desk_center .mbnr-btns{justify-content:center}.desk_right .mbnr-btns{justify-content:flex-end}}@media(max-width:991px){.snippet-mbnr-inr.mb_full_banner{height:85vh}.mbnr-captionwrap{width:75%}.mobver_top{top:32px;bottom:auto}.mobver_middle{top:50%;transform:translateY(-50%)}.mobver_bottom{bottom:20px;top:auto}.mbnr-captionwrap.mob-left{left:10px}.mbnr-captionwrap.mob-right{right:10px}.mbnr-captionwrap.mob-center{left:50%;transform:translate(-50%)}.mobver_middle.mob-center{transform:translate(-50%,-50%)}.snippet-main-banner:first-child .mobver_top{top:75px}body:has(.yotpo-is-header) .section-main-banner:not(.main-banner-carousel) .snippet-main-banner:first-child .mobver_middle{top:calc(50% + 20px)}body:has(.yotpo-is-header) .section-main-banner.main-banner-carousel .snippet-mbnr-inr .mobver_middle{top:calc(50% + 20px)}.mbnr-btns.mob-center{justify-content:center}.mbnr-btns.mob-right{justify-content:right}}
/*# sourceMappingURL=/cdn/shop/t/139/assets/main-banner.css.map */