.custom-banner-section{display:block;position:relative;width:100%;overflow:hidden;isolation:isolate;padding-left:16px;padding-right:16px}@media screen and (min-width:750px){.custom-banner-section{padding-left:20px;padding-right:20px}}.custom-banner-section__media{position:relative;width:100%;height:100%;display:block}.custom-banner-section__image{width:100%;height:100%;object-fit:cover;display:block}.custom-banner-section,.custom-banner-section .custom-banner-section__media,.custom-banner-section .custom-banner-section__image{border-radius:var(--banner-radius, 0px)}@media screen and (max-width:749px){.custom-banner-section{padding-top:50px;padding-bottom:50px}.custom-banner-section__media,.custom-banner-section__image{height:calc(100vh - 100px)}}@media screen and (min-width:750px){.custom-banner-section__media,.custom-banner-section__image{height:750px}}.custom-banner-section__content{position:absolute;z-index:2;pointer-events:none}@media screen and (max-width:749px){.custom-banner-section__content{top:50px;left:16px;right:16px;bottom:50px}}@media screen and (min-width:750px){.custom-banner-section__content{top:0;left:20px;right:20px;height:750px}}.custom-banner-section__text-box{position:absolute;display:flex;flex-direction:column;gap:1.5rem;pointer-events:auto;background-color:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;align-items:center;text-align:center;left:50%;transform:translate(-50%)}@media screen and (min-width:750px){.custom-banner-section__text-box{top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 40px)}}@media screen and (max-width:749px){.custom-banner-section__text-box{top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 40px);width:calc(100% - 40px);padding:2rem}}.custom-banner-section__title{margin:0;font-weight:700;line-height:1.2;color:var(--banner-text-color, #000000)}.custom-banner-section__subtitle,.custom-banner-section__text{margin:0;line-height:1.6;color:var(--banner-text-color, #000000)}.custom-banner-section[style*="--banner-text-size: small"] .custom-banner-section__title{font-size:clamp(1.25rem,2.5vw,2rem)}.custom-banner-section[style*="--banner-text-size: small"] .custom-banner-section__subtitle,.custom-banner-section[style*="--banner-text-size: small"] .custom-banner-section__text{font-size:clamp(.875rem,1.5vw,1rem)}.custom-banner-section[style*="--banner-text-size: medium"] .custom-banner-section__title{font-size:clamp(1.75rem,3.5vw,3rem)}.custom-banner-section[style*="--banner-text-size: medium"] .custom-banner-section__subtitle,.custom-banner-section[style*="--banner-text-size: medium"] .custom-banner-section__text{font-size:clamp(1rem,2vw,1.25rem)}.custom-banner-section[style*="--banner-text-size: large"] .custom-banner-section__title{font-size:clamp(2.5rem,5vw,4rem)}.custom-banner-section[style*="--banner-text-size: large"] .custom-banner-section__subtitle,.custom-banner-section[style*="--banner-text-size: large"] .custom-banner-section__text{font-size:clamp(1.125rem,2.5vw,1.5rem)}.custom-banner-section[style*="--banner-text-size: extra-large"] .custom-banner-section__title{font-size:clamp(3rem,6vw,5rem)}.custom-banner-section[style*="--banner-text-size: extra-large"] .custom-banner-section__subtitle,.custom-banner-section[style*="--banner-text-size: extra-large"] .custom-banner-section__text{font-size:clamp(1.25rem,3vw,1.75rem)}.custom-banner-section__button{margin-top:.5rem;background-color:var(--banner-button-bg, #000000)!important;color:var(--banner-button-text, #ffffff)!important;border:none!important;box-shadow:none!important;outline:none!important;border-radius:1.5rem!important;transition:background-color .3s ease;opacity:1!important;--border-offset: 0 !important}.custom-banner-section__button:before,.custom-banner-section__button:after{display:none!important}.custom-banner-section__button:hover{background-color:var(--banner-button-hover, #333333)!important;color:var(--banner-button-text, #ffffff)!important;border:none!important;box-shadow:none!important;outline:none!important;opacity:1!important}.custom-banner-section__button:hover:before,.custom-banner-section__button:hover:after{display:none!important}.custom-banner-section__media.placeholder{background-color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center}.custom-banner-section__media.placeholder svg{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-banner.css.map */