:root{--vertical-padding: 2rem;--horizontal-padding: 2rem}@media screen and (min-width:990px){:root{--vertical-padding: 3.6rem;--horizontal-padding: 3.6rem}}@media screen and (min-width:1100px){:root{--vertical-padding: 7.2rem;--horizontal-padding: 7.2rem}}.media-banner{background:unset}.media-banner__container{position:relative;display:flex;height:100%;background:rgba(var(--color-background-secondary));width:calc(100% - 70px);justify-content:center;margin:12px auto;border:1px solid #fff;border-radius:10px;box-shadow:0 0 2px 2px #a7a7a721}.media-banner__wrapper{display:flex;min-height:100%;width:100%;align-items:center}.media-banner .media-banner__wrapper{gap:4rem}@media screen and (min-width:990px){.media-banner__wrapper{gap:0!important}}.media-banner__content{position:relative;display:flex;justify-content:center;flex-direction:column;gap:.8rem;width:100%;align-items:center;text-align:center}@media screen and (max-width:749px){.media-banner__content{min-height:45vh!important}}@media screen and (min-width:990px){.media-banner__content{width:50%}.media-banner__content--only-content{width:100%}}.media-banner__content-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative;flex-direction:column}@media screen and (min-width:990px){.media-banner__content-wrapper{flex-direction:row}}.media-banner__content-wrapper>div{width:100%;position:relative;padding:var(--vertical-padding) var(--horizontal-padding);box-sizing:border-box}@media screen and (min-width:990px){.media-banner__content-wrapper>div{width:50%;height:100%}}.media-banner__content-wrapper>div>*:not(.media-banner__media,.media-banner__overlay){position:relative;z-index:3}.media-banner__heading{margin:auto 0 0;overflow-wrap:anywhere;max-width:47.3rem;color:rgba(var(--color-background),.8);font-size:2rem!important}.media-banner .clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:calc(var(--font-heading-line-height) * 3);text-overflow:ellipsis}.media-banner__button{z-index:3}.media-banner__button.scroll-trigger.animate--slide-in-text{transform:translateY(2rem)}.media-banner__button.scroll-trigger.animate--slide-in-text.scroll-trigger--visible{transform:translate(0)}.media-banner__button:not(:first-child){margin-top:auto}.media-banner__promo{display:flex;width:100%;flex-direction:column;position:relative;align-items:center;text-align:center}@media screen and (max-width:749px){.media-banner__promo{min-height:45vh!important}}.media-banner__promo--heading{margin-block-start:0;margin-block-end:0;margin-top:0;margin-bottom:0}@media screen and (min-width:990px){.media-banner__promo{width:50%}}.media-banner__promo p{margin-top:0;margin-bottom:0}.media-banner__promo--description{color:rgb(var(--color-foreground-secondary));max-width:44rem}.media-banner__promo--description:not(:first-child){margin-top:.6rem}.media-banner__promo--description p{color:inherit}.media-banner__promo--description a:hover{opacity:.7}.media-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.media-banner__media.placeholder{background-color:rgba(var(--color-background))}.color-background-1 .media-banner__media.placeholder{background-color:rgba(var(--color-background-secondary))}.media-banner__media svg,.media-banner__media img,.media-banner__media video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;position:relative;z-index:1}.media-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgb(var(--color-overlay));transition:opacity var(--duration-default)}@media screen and (max-width:850px){.media-banner__content{display:none!important}.media-banner__content-wrapper--row{display:block!important}.media-banner__promo{width:100%!important;max-width:100%!important}.media-banner__promo .media-banner__media{width:100%!important}.media-banner__promo .media-banner__media img{width:100%!important;height:auto!important;object-fit:contain!important;display:block!important}}.media-banner-section{overflow:hidden}.media-banner__container{width:calc(100% - 72px);margin-left:auto;margin-right:auto;border-radius:18px;overflow:hidden}.media-banner__wrapper,.media-banner__content-wrapper,.media-banner__content-wrapper--row,.media-banner__promo,.media-banner__content,.media-banner__media{border-radius:inherit;overflow:hidden}.media-banner__media img,.media-banner__media video{border-radius:0;display:block;width:100%;height:100%;object-fit:cover}.media-banner__promo{border-radius:18px 0 0 18px}.media-banner__content{border-radius:0 18px 18px 0}@media screen and (max-width:850px){.media-banner__container{width:calc(100% - 40px);border-radius:16px}.media-banner__promo,.media-banner__content{border-radius:16px}}@media screen and (min-width:990px){.media-banner__container{height:530px!important;max-height:530px!important}.media-banner__wrapper,.media-banner__content-wrapper,.media-banner__content-wrapper--row,.media-banner__promo,.media-banner__content,.media-banner__content-wrapper>div{height:530px!important;min-height:530px!important;max-height:530px!important}.media-banner__media,.media-banner__media img,.media-banner__media video{height:530px!important;min-height:530px!important;max-height:530px!important;object-fit:cover!important}}@media screen and (max-width:1366px)and (min-width:990px){.media-banner__container{height:480px!important;max-height:480px!important}.media-banner__wrapper,.media-banner__content-wrapper,.media-banner__content-wrapper--row,.media-banner__promo,.media-banner__content,.media-banner__content-wrapper>div,.media-banner__media,.media-banner__media img,.media-banner__media video{height:480px!important;min-height:480px!important;max-height:480px!important}}@media screen and (max-width:1100px)and (min-width:851px){.media-banner__container{height:380px!important;max-height:380px!important}.media-banner__wrapper,.media-banner__content-wrapper,.media-banner__content-wrapper--row,.media-banner__promo,.media-banner__content,.media-banner__content-wrapper>div,.media-banner__media,.media-banner__media img,.media-banner__media video{height:380px!important;min-height:380px!important;max-height:380px!important}}@media screen and (max-width:850px){.media-banner__container{height:auto!important;max-height:none!important}.media-banner__content{display:none!important}.media-banner__content-wrapper,.media-banner__content-wrapper--row,.media-banner__promo,.media-banner__content-wrapper>div{height:auto!important;max-height:none!important}.media-banner__media,.media-banner__media img{height:auto!important;min-height:auto!important;max-height:none!important;object-fit:contain!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-media-banner.css.map */