.split-banner{--sb-outer-padding: 2rem;--sb-inner-padding: 3rem;--sb-image-gap: 2.5rem}.split-banner__wrapper{display:flex;flex-direction:column;width:100%}.split-banner--image-left .split-banner__wrapper{flex-direction:column-reverse}.split-banner__text-side{position:relative;width:100%}.split-banner__text-side-inner{display:flex;flex-direction:column;height:100%;padding:var(--sb-outer-padding)}.split-banner__border-frame{display:flex;flex:1;border-style:solid;border-width:0;border-color:transparent}.split-banner__border-frame--no-image{border:none}.split-banner__content{display:flex;flex-direction:column;gap:1.2rem;padding:var(--sb-inner-padding);width:100%}.split-banner--align-top .split-banner__content{justify-content:flex-start}.split-banner--align-center .split-banner__content{justify-content:center}.split-banner--align-bottom .split-banner__content{justify-content:flex-end}.split-banner__image-side{position:relative;width:100%;min-height:350px;overflow:hidden}.split-banner__image{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.split-banner__placeholder{width:100%;height:100%;object-fit:cover}.split-banner__heading,.split-banner__text{margin:0}.split-banner__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.split-banner__button.button{padding:1rem 2.5rem;text-decoration:none;font-size:1.4rem;letter-spacing:.1rem;cursor:pointer}@media screen and (min-width:750px){.split-banner__wrapper{flex-direction:row}.split-banner--image-left .split-banner__wrapper{flex-direction:row-reverse}.split-banner__text-side,.split-banner__image-side{width:50%;flex-shrink:0}.split-banner__image-side{min-height:unset}.split-banner--image-right .split-banner__text-side-inner{padding-top:var(--sb-outer-padding);padding-bottom:var(--sb-outer-padding);padding-right:var(--sb-image-gap);padding-left:max(var(--sb-outer-padding),calc((100vw - var(--page-width)) / 2))}.split-banner--image-left .split-banner__text-side-inner{padding-top:var(--sb-outer-padding);padding-bottom:var(--sb-outer-padding);padding-left:var(--sb-image-gap);padding-right:max(var(--sb-outer-padding),calc((100vw - var(--page-width)) / 2))}}@media screen and (max-width:749px){.split-banner__border-frame--no-image .split-banner__content{padding:8vw 0 5vw}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/split-banner-with-border.css.map */