.custom-banner{display:block;position:relative;width:100%;overflow:hidden;isolation:isolate;padding-left:16px;padding-right:16px}@media screen and (min-width:750px){.custom-banner{padding-left:20px;padding-right:20px}}.custom-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(var(--color-foreground));z-index:1;pointer-events:none}.custom-banner__media{position:relative;width:100%;height:100%;display:block}.custom-banner__image{width:100%;height:100%;object-fit:cover;display:block}.custom-banner,.custom-banner .custom-banner__media,.custom-banner .custom-banner__image{border-radius:var(--custom-banner-radius, 0px)}@media screen and (max-width:749px){.custom-banner{height:57.5vh}.custom-banner__media{aspect-ratio:9 / 16;max-height:57.5vh}}@media screen and (min-width:750px){.custom-banner,.custom-banner__media{height:100vh}}.custom-banner__content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.custom-banner__text-wrapper{position:absolute;display:flex;flex-direction:column;gap:1.5rem;max-width:60rem;transform:translateY(-50%);pointer-events:auto}@media screen and (min-width:750px){.custom-banner__content--left .custom-banner__text-wrapper{left:4rem;align-items:flex-start;text-align:left}.custom-banner__content--right .custom-banner__text-wrapper{right:4rem;align-items:flex-end;text-align:right}}@media screen and (max-width:749px){.custom-banner__text-wrapper{left:2rem!important;top:auto!important;bottom:2rem!important;transform:none!important;align-items:flex-start;text-align:left}}.custom-banner__title{margin:0;font-weight:700;line-height:1.2;color:var(--custom-text-color, #ffffff);text-shadow:0 2px 8px rgba(0,0,0,.3)}.custom-banner__subtitle{margin:0;line-height:1.6;color:var(--custom-text-color, #ffffff);text-shadow:0 1px 4px rgba(0,0,0,.3)}.custom-banner[style*="--custom-text-size: small"] .custom-banner__title{font-size:clamp(1.5rem,3vw,3rem)}.custom-banner[style*="--custom-text-size: small"] .custom-banner__subtitle{font-size:clamp(.875rem,1.5vw,1rem)}.custom-banner[style*="--custom-text-size: medium"] .custom-banner__title{font-size:clamp(2.5rem,5vw,5rem)}.custom-banner[style*="--custom-text-size: medium"] .custom-banner__subtitle{font-size:clamp(1rem,2vw,1.5rem)}.custom-banner[style*="--custom-text-size: large"] .custom-banner__title{font-size:clamp(3.5rem,7vw,7rem)}.custom-banner[style*="--custom-text-size: large"] .custom-banner__subtitle{font-size:clamp(1.25rem,2.5vw,2rem)}.custom-banner[style*="--custom-text-size: extra-large"] .custom-banner__title{font-size:clamp(4.5rem,9vw,9rem)}.custom-banner[style*="--custom-text-size: extra-large"] .custom-banner__subtitle{font-size:clamp(1.5rem,3vw,2.5rem)}.custom-banner__button{margin-top:.5rem;background-color:var(--custom-button-bg, #000000)!important;color:var(--custom-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__button:before,.custom-banner__button:after{display:none!important}.custom-banner__button:hover{background-color:var(--custom-button-hover, #333333)!important;color:var(--custom-button-text, #ffffff)!important;border:none!important;box-shadow:none!important;outline:none!important;opacity:1!important}.custom-banner__button:hover:before,.custom-banner__button:hover:after{display:none!important}.custom-banner__media.placeholder{background-color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center}.custom-banner__media.placeholder svg{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-image-banner.css.map */