.banner--stacked{height:auto}@media(min-width:768px){.banner--stacked{height:100vh}}.banner__media{position:relative;left:0;top:0;height:100%;width:100%}@media(min-width:768px){.banner__media{position:absolute}}.banner__media-half{width:50%}.banner__media-half+.banner__media-half{right:0;left:auto}.banner .banner__box{position:relative;background:rgba(var(--banner-content__backgroud-rgb),var(--banner-content__transparency))}body[data-theme-preset=hero] .banner .banner__box{border-radius:1rem}body[data-theme-preset=hero] .banner .banner__box:after{content:"";position:absolute;bottom:-29px;border-top:30px solid transparent;border-left:30px solid rgba(var(--banner-content__backgroud-rgb),var(--banner-content__transparency));transform:rotate(90deg);left:23px}.banner .banner__box>*{color:var(--banner-content__foreground)}.banner .banner__box .button>span:has(svg){display:flex;align-items:center;gap:.75rem}@media screen and (max-width:500px){.banner__media.mobile__cover_image{position:absolute}}@media screen and (max-width:767px){.banner--stacked .banner__media-half{width:100%}.banner:not(.banner--adapt):not(.banner--stacked)>.banner__media{height:50vh}.banner--stacked .banner__media-image-half,.banner--stacked .banner__box{width:100%}}.banner--adapt{height:auto}.banner--stacked:not(.banner--adapt) .banner__media{height:50vh}@media(min-width:768px){.banner--stacked:not(.banner--adapt) .banner__media{height:100%}}.banner__box{position:relative;width:100%;max-width:800px;border-style:none;padding:2rem 1.5rem}@media(min-width:768px){.banner__box{padding:2.5rem}}.banner__box>*+.banner__buttons{margin-top:2rem}@media screen and (max-width:989px){.banner__content .banner__heading{font-size:1.75rem}}@media screen and (min-width:768px){.banner__box>.banner__buttons:only-child .button{margin-top:0}}.banner__buttons--multiple .button{margin:.5rem}.banner__box>:first-child{margin-top:0}.banner__content{display:flex;justify-content:center;padding:0}@media(min-width:768px){.banner__content{padding-top:5rem;padding-bottom:5rem}}.banner__content .banner__box .banner__heading._bold{font-weight:700}.banner:before,.banner .banner__media:before{padding-bottom:34%!important}@media screen and (max-width:767px){.banner:before,.banner .banner__media:before{padding-bottom:70%!important}.banner:not(.banner--adapt):not(.banner--stacked)>.banner__media{height:auto}}.banner .banner__media img{width:100%;height:100%;object-fit:cover}.banner .banner__content{position:absolute;top:0;right:0;bottom:0;left:0;align-items:center}.banner .banner__content.position-flex-start{justify-content:flex-start}.banner .banner__content.position-center{justify-content:center}.banner .banner__content.position-flex-end{justify-content:flex-end}@media(min-width:768px){.banner .banner__content{padding-top:2rem;padding-bottom:2rem}.banner .banner__content.position-flex-start{padding-left:4rem}.banner .banner__content.position-flex-end{padding-right:4rem}}@media(min-width:1280px){.banner .banner__content.position-flex-start{padding-left:6rem}.banner .banner__content.position-flex-end{padding-right:6rem}}@media screen and (max-width:767px){[id$=__hero] .banner:before,[id$=__hero] .banner .banner__media:before{display:none!important;padding-bottom:0!important}[id$=__hero] .banner .banner__media,[id$=__hero] .spotlights-container,[id$=__hero] .spotlight-link{display:none!important}[id$=__hero] .banner{min-height:0!important;height:auto!important;background:#101824}[id$=__hero] .banner .banner__content{position:relative!important;inset:auto!important;display:block}[id$=__hero] .banner .banner__box{max-width:none;background:#101824!important;padding:2rem 1.25rem 2.25rem}[id$=__hero] .banner__content .banner__heading{font-size:1.75rem;line-height:1.2}[id$=__hero] .banner__text{font-size:1rem;line-height:1.5}[id$=__hero] .banner__box>*+.banner__buttons{margin-top:1.5rem}[id$=__hero] .banner__buttons--multiple{display:flex;flex-direction:column;gap:.75rem}[id$=__hero] .banner__buttons--multiple .button{margin:0;width:100%;justify-content:center}}[id$=__hero] .banner:before,[id$=__hero] .banner .banner__media:before{display:none!important;padding-bottom:0!important}[id$=__hero] .banner .banner__media,[id$=__hero] .spotlights-container,[id$=__hero] .spotlight-link{display:none!important}[id$=__hero] .banner{min-height:0!important;height:auto!important;background:#101824;border:0!important}[id$=__hero] .banner .banner__content{position:relative!important;inset:auto!important}[id$=__hero] .banner .banner__box{background:#101824!important}@media screen and (min-width:768px){[id$=__hero] .banner .banner__content{display:flex;justify-content:flex-start;max-width:1400px;margin:0 auto;padding:3.5rem 2rem!important}[id$=__hero] .banner .banner__box{max-width:720px;padding:0!important}[id$=__hero] .banner__content .banner__heading{font-size:2.75rem;line-height:1.15}[id$=__hero] .banner__text{font-size:1.125rem;line-height:1.6;max-width:620px}[id$=__hero] .banner__buttons--multiple .button{margin:0 .75rem 0 0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-image-banner.css.map */