mto-banner.bn-root{--bn-w: var(--bn-slide-w-d);--bn-gap: var(--bn-gap-d);--bn-rad: var(--bn-rad-d);--bn-asp: var(--bn-asp-d);--bn-arr-sz: var(--bn-arr-sz-d);--bn-arr-rad: var(--bn-arr-rad-d);--bn-arr-ins: var(--bn-arr-ins-d);--bn-arr-op: var(--bn-arr-op-d);--bn-arr-bg: var(--bn-arr-bg-d);--bn-arr-bg-h: var(--bn-arr-bg-h-d);--bn-arr-ic: var(--bn-arr-ic-d);--bn-dot-sz: var(--bn-dot-sz-d);--bn-dot-c: var(--bn-dot-c-d);--bn-dot-a: var(--bn-dot-a-d);display:block;position:relative;overflow:hidden;border-radius:var(--bn-rad);background:var(--bn-bg);opacity:1;transition:opacity .2s ease;z-index:0}mto-banner.bn-root[data-ready=false]{opacity:0;pointer-events:none}@media screen and (max-width:749px){mto-banner.bn-root{--bn-w: var(--bn-slide-w-m);--bn-gap: var(--bn-gap-m);--bn-rad: var(--bn-rad-m);--bn-asp: var(--bn-asp-m);--bn-arr-sz: var(--bn-arr-sz-m);--bn-arr-rad: var(--bn-arr-rad-m);--bn-arr-ins: var(--bn-arr-ins-m);--bn-arr-op: var(--bn-arr-op-m);--bn-arr-bg: var(--bn-arr-bg-m);--bn-arr-bg-h: var(--bn-arr-bg-h-m);--bn-arr-ic: var(--bn-arr-ic-m);--bn-dot-sz: var(--bn-dot-sz-m);--bn-dot-c: var(--bn-dot-c-m);--bn-dot-a: var(--bn-dot-a-m)}}mto-banner.bn-root.bn-layout-full{width:100%;max-width:100%}mto-banner.bn-root.bn-layout-boxed{max-width:var(--bn-max-w);margin-left:auto;margin-right:auto}mto-banner.bn-root .bn-track{display:flex;gap:var(--bn-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}mto-banner.bn-root .bn-track::-webkit-scrollbar{display:none}mto-banner.bn-root .bn-track.no-snap{scroll-snap-type:none!important}mto-banner.bn-root .bn-edge{flex:0 0 var(--bn-edge-pad, 0px);pointer-events:none}mto-banner.bn-root .bn-slide{position:relative;flex:0 0 var(--bn-w);width:var(--bn-w);scroll-snap-align:center;scroll-snap-stop:always;border-radius:var(--bn-rad);overflow:hidden;background:var(--bn-bg);content-visibility:auto}mto-banner.bn-root .bn-slide.is-clone{pointer-events:none}@media screen and (min-width:750px){mto-banner.bn-root.bn-layout-boxed.bn-multi .bn-slide{opacity:.6;transform:scale(.97);transition:opacity .4s ease,transform .4s ease}mto-banner.bn-root.bn-layout-boxed.bn-multi .bn-slide.is-active{opacity:1;transform:scale(1)}}mto-banner.bn-root .bn-media{position:relative;width:100%;aspect-ratio:var(--bn-asp)}mto-banner.bn-root .bn-image,mto-banner.bn-root .bn-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--bn-fit);pointer-events:none}mto-banner.bn-root .bn-placeholder{display:flex;align-items:center;justify-content:center;background:#e0e0e0;color:#777}mto-banner.bn-root .bn-placeholder svg{width:100%;height:100%;opacity:.5}mto-banner.bn-root .bn-video-desktop{position:relative;width:100%;height:100%}mto-banner.bn-root .bn-video-mobile{display:none;position:relative;width:100%;height:100%}@media screen and (max-width:749px){mto-banner.bn-root .bn-video-desktop{display:none}mto-banner.bn-root .bn-video-mobile{display:block}}mto-banner.bn-root .bn-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:clamp(16px,4vw,40px);pointer-events:none}mto-banner.bn-root .bn-content-inner{display:flex;flex-direction:column;gap:12px;pointer-events:auto;width:100%}mto-banner.bn-root .bn-head-d{display:block}mto-banner.bn-root .bn-head-m{display:none}@media screen and (max-width:749px){mto-banner.bn-root .bn-head-d{display:none}mto-banner.bn-root .bn-head-m{display:block}}@media screen and (min-width:750px){mto-banner.bn-root .bn-slide .bn-content{justify-content:var(--bn-cx);align-items:var(--bn-cy)}mto-banner.bn-root .bn-slide .bn-content-inner{max-width:var(--bn-cmax);transform:translate(var(--bn-ox),var(--bn-oy));text-align:var(--bn-ta);align-items:var(--bn-ia)}}@media screen and (max-width:749px){mto-banner.bn-root .bn-slide:not(.bn-slide--below-mobile) .bn-content{justify-content:var(--bn-cx-m);align-items:var(--bn-cy-m)}mto-banner.bn-root .bn-slide:not(.bn-slide--below-mobile) .bn-content-inner{max-width:var(--bn-cw-m);transform:translate(var(--bn-ox-m),var(--bn-oy-m));text-align:var(--bn-ta-m);align-items:var(--bn-ia-m)}mto-banner.bn-root .bn-slide.bn-slide--below-mobile{display:flex;flex-direction:column}mto-banner.bn-root .bn-slide.bn-slide--below-mobile .bn-media{flex-shrink:0;width:100%}mto-banner.bn-root .bn-slide.bn-slide--below-mobile .bn-content{position:relative;inset:auto;padding:20px 16px;flex-shrink:0;justify-content:var(--bn-cx-m);align-items:var(--bn-cy-m)}mto-banner.bn-root .bn-slide.bn-slide--below-mobile .bn-content-inner{max-width:var(--bn-cw-m);transform:translate(var(--bn-ox-m),var(--bn-oy-m));text-align:var(--bn-ta-m);align-items:var(--bn-ia-m)}}mto-banner.bn-root .bn-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:var(--bn-btn-py) var(--bn-btn-px);border-radius:var(--bn-btn-rad);background:var(--bn-btn-bg);color:var(--bn-btn-c);border:var(--bn-btn-bw) solid var(--bn-btn-bc);font-weight:var(--bn-btn-w);line-height:1.2;text-decoration:none;cursor:pointer;transition:all .2s ease}@media screen and (min-width:750px){mto-banner.bn-root .bn-btn{font-size:var(--bn-btn-sz-d)}}@media screen and (max-width:749px){mto-banner.bn-root .bn-btn{font-size:var(--bn-btn-sz-m)}mto-banner.bn-root .bn-btn.bn-btn--full-m{width:100%}}mto-banner.bn-root .bn-btn:hover{background:var(--bn-btn-bg-h);color:var(--bn-btn-c-h);border-color:var(--bn-btn-bc-h);transform:translateY(-2px)}mto-banner.bn-root .bn-btn.bn-btn--link{padding:0;border:0;background:transparent;text-decoration:underline;transform:none}mto-banner.bn-root .bn-btn.bn-btn--link:hover{background:transparent}mto-banner.bn-root .bn-link-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}mto-banner.bn-root .bn-arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:var(--bn-arr-sz);height:var(--bn-arr-sz);background:var(--bn-arr-bg);border:none;border-radius:var(--bn-arr-rad);opacity:var(--bn-arr-op);transform:translateY(-50%);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}mto-banner.bn-root .bn-arrow:hover{background:var(--bn-arr-bg-h);opacity:1;transform:translateY(-50%) scale(1.05)}mto-banner.bn-root .bn-arrow svg{width:40%;height:40%;fill:var(--bn-arr-ic)}mto-banner.bn-root .bn-prev{left:var(--bn-arr-ins)}mto-banner.bn-root .bn-next{right:var(--bn-arr-ins)}mto-banner.bn-root .bn-dots{position:absolute;bottom:16px;left:50%;z-index:3;display:flex;gap:8px;transform:translate(-50%)}mto-banner.bn-root .bn-dot{width:var(--bn-dot-sz);height:var(--bn-dot-sz);padding:0;background:var(--bn-dot-c);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}mto-banner.bn-root .bn-dot.is-active{background:var(--bn-dot-a);transform:scale(1.2)}@media screen and (min-width:750px){.bn-hide-d{display:none!important}}@media screen and (max-width:749px){.bn-hide-m{display:none!important}}@media(prefers-reduced-motion:reduce){mto-banner.bn-root .bn-track,mto-banner.bn-root .bn-slide,mto-banner.bn-root .bn-arrow{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mto-ultimate-banner.css.map */