.section-full-width-banner{position:relative}.section-full-width-banner>div{width:100%;display:flex;flex-direction:column;height:100%}.section-full-width-banner .content-top .section-full-width-banner__media:after{transform:scaleY(-1)}.section-full-width-banner:has(.media>*) .media-position--background .section-full-width-banner__content{background-color:transparent}.section-full-width-banner__content{position:relative;width:100%;color:rgb(var(--color-foreground));display:flex;flex-direction:column;z-index:3;background-color:rgb(var(--color-background));border-radius:var(--card-corner-radius);row-gap:var(--spacing-3);padding:var(--content-padding, 2rem)}.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation{overflow:none;position:relative}.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation>*{opacity:0;transform:translateY(200%)}.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation.inAnimation>*{animation-name:fullWidthContentAnimation;animation-timing-function:cubic-bezier(.215,.61,.355,1)}.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation.inAnimation>*,.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation.isAnimated>*{opacity:1;transform:translateY(0)}@keyframes fullWidthContentAnimation{0%{opacity:0;transform:translateY(200%)}to{opacity:1;transform:translateY(0)}}.section-full-width-banner__container{position:relative}.section-full-width-banner__container.media-position--top .media+.content,.section-full-width-banner__container.media-position--bottom .content+.media{margin-block-start:0}.section-full-width-banner__container:not(.max-w-full).media-position--background .section-full-width-banner__media{inset-inline:var(--page-gutter);max-width:calc(100% - 2 * var(--page-gutter))}.section-full-width-banner__container.media-position--background{display:flex}.section-full-width-banner__container.media-position--background .section-full-width-banner__content{width:100%;min-height:100%;height:auto}.container.max-w-full .section-full-width-banner__content{border-radius:0}.section-full-width-banner__media:not(.media--with-controls) iframe,.section-full-width-banner__media:not(.media--with-controls) video{pointer-events:none;border:none;max-width:none}[dir=rtl] .section-full-width-banner__media iframe,[dir=rtl] .section-full-width-banner__media video{transform:translate(50%,-50%)}.section-full-width-banner__media svg.placeholder-svg{opacity:.75}.section-full-width-banner__media svg.placeholder-svg{background-color:rgb(var(--color-background))}.section-full-width-banner__media{position:relative}.section-full-width-banner__content>:first-child{margin-block-start:0}.section-full-width-banner__content>:last-child{margin-block-end:0}.section-full-width-banner__breadcrumbs{order:-1}.section-full-width-banner__subheading{color:rgb(var(--color-heading-text));font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);letter-spacing:var(--letter-spacing-medium);margin:0;font-weight:var(--font-weight-normal);text-transform:uppercase}.section-full-width-banner__entry,.section-full-width-banner__heading,.section-full-width-banner__heading p{margin:0}.section-full-width-banner__entry ol,.section-full-width-banner__entry ul{text-align:start}.section-full-width-banner__buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin:var(--spacing-2) 0}.section-full-width-banner__buttons .button{flex:1;min-width:fit-content;max-width:calc(100vw - 4rem);white-space:nowrap;text-overflow:ellipsis}.section-full-width-banner .media-position--top,.section-full-width-banner .media-position--bottom{row-gap:0}.section-full-width-banner__link{width:0;height:0;overflow:hidden}.section-full-width-banner__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media (hover: hover){.section-full-width-banner__content:has(.section-full-width-banner__link):hover .section-full-width-banner__button{color:var(--color-button-hover-text);background-color:var(--color-button-hover-background);border-color:var(--color-button-hover-outline)}}@media screen and (max-width: 749px){.section-full-width-banner__buttons{justify-content:center}.section-full-width-banner__heading{font-size:calc(1em + .7rem)}.mobile-layout--below.section-full-width-banner__container{display:flex!important;flex-direction:column!important;height:auto!important;min-height:unset!important}.mobile-layout--below .section-full-width-banner__media{position:relative!important;inset:unset!important;order:1;width:100%;margin:0;z-index:1}.mobile-layout--below .section-full-width-banner__media:after{display:none!important}.mobile-layout--below .section-full-width-banner__content{position:relative!important;order:2;width:100%;min-height:unset!important;height:auto!important;margin:0;z-index:2;background-color:rgb(var(--color-background));background-size:cover;background-position:center;background-repeat:no-repeat}.mobile-layout--below .section-full-width-banner__content.has-mobile-media,.mobile-layout--below .section-full-width-banner__content.has-desktop-media{background-color:rgb(var(--color-background))!important}.mobile-layout--below .media{width:100%;aspect-ratio:var(--media-aspect-ratio)}.mobile-layout--below .media img,.mobile-layout--below .media video{width:100%;height:100%;object-fit:cover}}@media screen and (min-width: 750px){.section-full-width-banner{display:flex;column-gap:0}.section-full-width-banner__media iframe,.section-full-width-banner__media video{width:100%;height:108%}}.media-position--background{position:relative;display:flex;flex-direction:column;overflow:hidden}.media-position--background .section-full-width-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.media-position--background .section-full-width-banner__content{position:relative;z-index:2}.section-full-width-banner__container.section-height-auto.media-position--background{height:auto;min-height:50vh}.section-full-width-banner__container.section-height-auto.media-position--background .section-full-width-banner__content{height:auto}@media screen and (max-width: 749px){.section-full-width-banner__container.section-height-auto--mobile.media-position--background{height:auto;min-height:50vh}.section-full-width-banner__container.section-height-auto--mobile.media-position--background .section-full-width-banner__content{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-full-width-banner.css.map */