.custom-banner{width:100%}.custom-banner--width-full{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.custom-banner--width-header{width:calc(100% - (var(--header-wrapper-side-margin, 0px) * 2));margin-left:auto;margin-right:auto}.custom-banner__media{position:relative;width:100%;height:var(--custom-banner-height, 45rem);border-radius:var(--custom-banner-radius, 0);overflow:hidden}.custom-banner__media picture{display:block;width:100%;height:100%}.custom-banner__media img,.custom-banner__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.custom-banner__media .placeholder-svg{background-color:rgba(var(--color-foreground),.06)}.custom-banner__image-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.custom-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.custom-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.custom-banner__frame{--custom-banner-side: 1.5rem;position:relative;height:100%;width:calc(100% - var(--custom-banner-side) * 2);max-width:calc(var(--page-width) - var(--custom-banner-side) * 2);margin:0 auto}@media screen and (min-width:750px){.custom-banner__frame{--custom-banner-side: 3.95rem}}@media screen and (min-width:990px){.custom-banner__frame{--custom-banner-side: 5rem}}.custom-banner__el{position:absolute;z-index:2;pointer-events:auto;max-width:calc(100% - 4rem);box-sizing:border-box;white-space:normal;word-break:break-word;overflow-wrap:break-word;display:flex;flex-direction:column;gap:.6rem}@media screen and (min-width:750px){.custom-banner__el{max-width:calc(100% / 3)}}.custom-banner__zone--top-left,.custom-banner__zone--top-center,.custom-banner__zone--top-right{top:2rem}.custom-banner__zone--center-left,.custom-banner__zone--center-center,.custom-banner__zone--center-right{top:50%;transform:translateY(-50%)}.custom-banner__zone--bottom-left,.custom-banner__zone--bottom-center,.custom-banner__zone--bottom-right{bottom:2rem}.custom-banner__zone--top-left,.custom-banner__zone--center-left,.custom-banner__zone--bottom-left{left:0;text-align:left}.custom-banner__zone--top-center,.custom-banner__zone--center-center,.custom-banner__zone--bottom-center{left:50%;transform:translate(-50%);text-align:center}.custom-banner__zone--top-right,.custom-banner__zone--center-right,.custom-banner__zone--bottom-right{right:0;text-align:right}.custom-banner__zone--center-center{left:50%;top:50%;transform:translate(-50%,-50%)}.custom-banner__btn{align-self:flex-start;margin-top:.8rem}.custom-banner__zone--top-center .custom-banner__btn,.custom-banner__zone--center-center .custom-banner__btn,.custom-banner__zone--bottom-center .custom-banner__btn{align-self:center}.custom-banner__zone--top-right .custom-banner__btn,.custom-banner__zone--center-right .custom-banner__btn,.custom-banner__zone--bottom-right .custom-banner__btn{align-self:flex-end}.custom-banner__slider{position:relative;display:block}.custom-banner__track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:var(--custom-banner-radius, 0)}.custom-banner__track::-webkit-scrollbar{display:none}.custom-banner__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.custom-banner__arrows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;pointer-events:none}.custom-banner__arrow{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:50%;background:#ffffffe6;color:rgb(var(--color-foreground));cursor:pointer;pointer-events:auto;transition:background-color var(--duration-short, .1s) ease}.custom-banner__arrow:hover{background:#fff}.custom-banner__arrow--prev .svg-wrapper{transform:rotate(180deg)}.custom-banner__arrow svg{width:1.4rem;height:1.4rem}.custom-banner__dots{position:absolute;left:50%;bottom:1.2rem;z-index:3;display:flex;gap:.8rem;transform:translate(-50%)}.custom-banner__dot{width:.8rem;height:.8rem;padding:0;border:.1rem solid rgb(255,255,255);border-radius:50%;background:transparent;cursor:pointer;transition:background-color var(--duration-short, .1s) ease}.custom-banner__dot[aria-current=true]{background:#fff}@media screen and (max-width:749px){.custom-banner__arrows{padding:0 .8rem}.custom-banner__arrow{width:3.4rem;height:3.4rem}}@media screen and (min-width:990px){.custom-banner__arrows{padding:0 2.4rem}}@media(prefers-reduced-motion:reduce){.custom-banner__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-custom-banner.css.map */