.banner{display:flex;position:relative;flex-direction:column}.banner__box{text-align:center}@media only screen and (max-width: 749px){.banner--content-align-mobile-right .banner__box{text-align:right}.banner--content-align-mobile-left .banner__box{text-align:left}}@media only screen and (min-width: 750px){.banner--content-align-right .banner__box{text-align:right}.banner--content-align-left .banner__box{text-align:left}.banner--content-align-left.banner--desktop-transparent .banner__box,.banner--content-align-right.banner--desktop-transparent .banner__box,.banner--medium.banner--desktop-transparent .banner__box{max-width:83rem}}@media screen and (max-width: 749px){.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:28rem}.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:34rem}.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:39rem}.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:28rem}.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:50rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:39rem}}@media screen and (min-width: 750px){.banner{flex-direction:row}.banner--small:not(.banner--adapt){min-height:42rem}.banner--medium:not(.banner--adapt){min-height:60rem}.banner--large:not(.banner--adapt){min-height:100rem}.banner__content.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content.banner__content--middle-center{align-items:center;justify-content:center}.banner__content.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width: 749px){.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.banner--stacked{height:auto}.banner--stacked .banner__media{flex-direction:column}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.banner__media-half{width:50%}.banner__media-half+.banner__media-half{right:0;left:auto}@media screen and (max-width: 749px){.banner--stacked .banner__media-half{width:100%}.banner--stacked .banner__media-half+.banner__media-half{order:1}}@media screen and (min-width: 750px){.banner__media{height:100%}}.banner--adapt,.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder){height:100%}@media screen and (max-width: 749px){.banner--mobile-bottom .banner__media,.banner--stacked:not(.banner--mobile-bottom) .banner__media{position:relative}.banner--stacked.banner--adapt .banner__content{height:auto}.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box{background-color:transparent}.banner:not(.banner--mobile-bottom) .banner__box{border:none;border-radius:0;box-shadow:none}.banner:not(.banner--mobile-bottom) .button--secondary{--color-button: var(--color-base-background-1);--color-button-text: 0, 0, 0;--alpha-button-background: 1}.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{position:absolute;height:auto}.banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content{max-height:100%;overflow:hidden;position:absolute}.banner--stacked:not(.banner--adapt) .banner__media{position:relative}.banner--stacked .banner__media-image-half{width:100%}}.banner__content{padding:0;display:flex;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (min-width: 750px){.banner__content{padding:5rem}.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content--middle-center{align-items:center;justify-content:center}.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width: 749px){.banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2}.banner:not(.banner--mobile-bottom) .field__input{background-color:transparent}}.banner__box{padding:4rem 3.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}@media screen and (min-width: 750px){.banner--desktop-transparent .banner__box{background-color:transparent;--color-foreground: var(--color-foreground);--color-button: var(--color-base-solid-button-labels);--color-button-text: 255, 255, 255;max-width:120rem;border:none;border-radius:0;box-shadow:none;width:100%}.banner--desktop-transparent .button--secondary{--color-button: var(--color-base-background-1);--color-button-text: 0, 0, 0;--alpha-button-background: 1}.banner--desktop-transparent .content-container:after{display:none}}@media screen and (max-width: 749px){.banner--mobile-bottom:after,.banner--mobile-bottom .banner__media:after{display:none}}.banner__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%;pointer-events:none}.banner__box>*+.banner__text{margin-top:1.5rem}@media screen and (min-width: 750px){.banner__box>*+.banner__text{margin-top:2rem}}.banner__box>*+.banner__list{margin-top:1.5rem}@media screen and (min-width: 750px){.banner__box>*+.banner__list{margin-top:2rem}}.banner__box>*+*{margin-top:2rem}.banner__box>*:first-child{margin-top:0}@media screen and (max-width: 749px){.banner--stacked .banner__box{width:100%}}@media screen and (min-width: 750px){.banner__box{width:auto;max-width:71rem;min-width:45rem}}@media screen and (min-width: 990px){.banner__heading{margin-bottom:1.3rem}}@media screen and (min-width: 1400px){.banner__box{max-width:90rem}}.banner__box .banner__heading+*{margin-top:2rem}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:100%;word-break:break-word}@media screen and (max-width: 749px){.banner--content-align-mobile-right .banner__buttons--multiple{justify-content:flex-end}.banner--content-align-mobile-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}}.banner__list.subtitle.icon{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 750px){.banner--content-align-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.banner--content-align-right .banner__buttons--multiple{justify-content:flex-end}.banner__list.subtitle.icon span{font-size:3rem;margin-left:20px;letter-spacing:0}.banner__list.subtitle.icon{display:flex;flex-direction:row;align-items:center}}.banner__box>*+.banner__buttons{margin-top:1rem}.banner__list.subtitle.icon span{margin-left:20px;letter-spacing:0}.banner__buttons a.button.button--primary{margin-top:2rem;font-weight:500}.banner__text.subtitle span:after{content:"";width:50px;height:1px;display:inline-block;vertical-align:middle;background:currentcolor;margin:auto;position:relative;left:15px;right:0;top:0}.image-with-text p.image-with-text__text{margin-bottom:20px}.section.image-banner .banner__heading{font-weight:500}.section.image-banner .banner__media.media{background-color:transparent}.section.image-banner .search .search__input.field__input{background:var(--gradient-base-accent-2);padding:0 12rem 0 2.5rem;border-radius:var(--buttons-radius);color:var(--gradient-base-background-1)}.section.image-banner .search .search__button{top:var(--inputs-border-width);background:var(--gradient-base-accent-3);width:fit-content;padding:0 2rem;border-radius:var(--buttons-radius);height:4.6rem;top:50%;transform:translateY(-50%);right:1rem;font-size:1.6rem}@media screen and (min-width: 780px){.section.image-banner .search .search__button{min-width:14rem}.section.image-banner .search .search__input.field__input{padding:0 16rem 0 2.5rem}}.section.image-banner .search .field__input{height:var(--input-field-height)}.search-footer{margin-top:2rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem}.search-footer span.search-title{font-weight:700}.search-footer ul.search-tags{list-style:none;display:flex;margin:0;flex-wrap:wrap}.search-footer ul.search-tags li a{padding:.5rem 1rem;color:var(--gradient-base-accent-2);background:var(--gradient-button-background-1);border-radius:var(--buttons-radius);transition:.3s}.search-footer ul.search-tags li{margin-bottom:1rem;margin-top:1rem}.search-footer ul.search-tags li:not(:last-child){margin-right:1rem}.search-footer ul.search-tags li a:hover{background:rgb(var(--color-base-accent-3))}.section.image-banner div#particles-js{height:100%;width:100%;position:absolute;top:0;left:0;z-index:0;opacity:.6;animation:zoom 10s ease-in-out alternate infinite}@keyframes zoom{0%{transform:scaleZ(1)}to{transform:scale3d(1.5,1.5,1.5)}}.banner__box.content-container .banner__text.body{margin-bottom:3.3rem;color:var(--gradient-base-accent-2);max-width:888px}.banner__content .search .search-modal__form{max-width:750px}.banner__content.banner__content--top-center .search .search-modal__form,.banner__content.banner__content--middle-center .search .search-modal__form,.banner__content.banner__content--bottom-center .search .search-modal__form,.banner__content.banner__content--top-center .banner__text.body,.banner__content.banner__content--middle-center .banner__text.body,.banner__content.banner__content--bottom-center .banner__text.body{margin-left:auto;margin-right:auto}.banner__content.banner__content--top-left .search .search-modal__form,.banner__content.banner__content--middle-left .search .search-modal__form,.banner__content.banner__content--bottom-left .search .search-modal__form,.banner__content.banner__content--top-left .banner__text.body,.banner__content.banner__content--middle-left .banner__text.body,.banner__content.banner__content--bottom-left .banner__text.body{margin-right:auto}.banner__content.banner__content--top-right .search .search-modal__form,.banner__content.banner__content--middle-right .search .search-modal__form,.banner__content.banner__content--bottom-right .search .search-modal__form,.banner__content.banner__content--top-right .banner__text.body,.banner__content.banner__content--middle-right .banner__text.body,.banner__content.banner__content--bottom-right .banner__text.body{margin-left:auto}@media screen and (min-width: 991px){.section.image-banner .banner__media{height:76%}}@media screen and (min-width: 991px){.section.image-banner .banner__media img{object-fit:contain;transform:translateY(-10%)}}@media screen and (max-width: 990px){.banner__media:after{opacity:.3}}.banner__content .search .search-modal__form{position:relative}.section.image-banner .predictive-search::-webkit-scrollbar{width:3px;height:3px}.section.image-banner .predictive-search::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}.section.image-banner .predictive-search::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:0 0 6px rgba(var(--color-base-accent-3),1);background:rgba(var(--color-base-accent-3),1)}.section.image-banner .predictive-search{height:350px;overflow:scroll}.section.image-banner .search .field__input:focus{box-shadow:0 0 20px 10px #000}@media screen and (max-width: 780px){.section.image-banner .predictive-search{display:none}}@media screen and (min-width: 1400px){.section.image-banner .banner__heading{width:max-content}}@media screen and (max-width: 400px){.search-footer{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-image-banner.css.map */
