.banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate;overflow:hidden;width:100%;max-width:100vw}.banner__box{text-align:center;position:relative;z-index:2}.banner__box.gradient{transform:perspective(0)}@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}.banner--content-align-mobile-center .banner__box{text-align:center}}@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-center .banner__box{text-align:center}.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:68rem;margin:0 auto}}.banner__media.animate--zoom-in{clip-path:inset(0px);overflow:hidden;transform:translateZ(0)}.banner__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.banner__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center center;will-change:transform}.banner__media.animate--fade-in{opacity:0;animation:fadeIn .8s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.banner__content.animate--slide-in{transform:translateY(2rem);opacity:0;animation:slideIn .6s ease-out .2s forwards}@keyframes slideIn{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}@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;min-height:250px}.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;min-height:300px}.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;min-height:350px}.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:34rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:39rem}.banner--mobile-crop-top .banner__media img,.banner--mobile-crop-top .banner__media video{object-position:center top}.banner--mobile-crop-bottom .banner__media img,.banner--mobile-crop-bottom .banner__media video{object-position:center bottom}.banner--mobile-crop-left .banner__media img,.banner--mobile-crop-left .banner__media video{object-position:left center}.banner--mobile-crop-right .banner__media img,.banner--mobile-crop-right .banner__media video{object-position:right center}}@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:56rem}.banner--large:not(.banner--adapt){min-height:72rem}.banner--extra-large:not(.banner--adapt){min-height:90rem}.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}.banner--desktop-crop-top .banner__media img,.banner--desktop-crop-top .banner__media video{object-position:center top}.banner--desktop-crop-bottom .banner__media img,.banner--desktop-crop-bottom .banner__media video{object-position:center bottom}.banner--desktop-crop-left .banner__media img,.banner--desktop-crop-left .banner__media video{object-position:left center}.banner--desktop-crop-right .banner__media img,.banner--desktop-crop-right .banner__media video{object-position:right center}}@media screen and (min-width: 750px) and (max-width: 1199px){.banner--medium:not(.banner--adapt){min-height:48rem}.banner--large:not(.banner--adapt){min-height:60rem}}@media screen and (max-width: 749px){.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.banner--stacked{height:auto;flex-direction:column}.banner--stacked .banner__media{flex-direction:column;position:relative}.banner--mobile-bottom{flex-direction:column-reverse}.banner--mobile-bottom .banner__content{order:2}.banner--mobile-bottom .banner__media{order:1}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%;overflow:hidden;background-color:#f5f5f5}.banner__media img,.banner__media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.banner--interactive .banner__media img,.banner--interactive .banner__media video{cursor:pointer}.banner--interactive:hover .banner__media img,.banner--interactive:hover .banner__media video{transform:scale(1.02)}.banner__content{position:relative;z-index:2;display:flex;flex-direction:column;padding:2rem;width:100%;min-height:100%;box-sizing:border-box}@media screen and (min-width: 750px){.banner__content{padding:4rem;width:50%}.banner--full-width .banner__content{width:100%;position:absolute;top:0;left:0;height:100%}}.banner__media-half{width:50%;position:relative}.banner__media-half+.banner__media-half{right:0;left:auto}.banner__media-half.animate--fixed:first-child{transform-origin:left center}.banner__media-half.animate--fixed:last-child{transform-origin:right center}.banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1;transition:opacity .3s ease}.banner--light-overlay .banner__overlay{background:#fff3}.banner--dark-overlay .banner__overlay{background:#00000080}.banner--no-overlay .banner__overlay{display:none}.banner__gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.banner--gradient-top .banner__gradient-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 50%)}.banner--gradient-bottom .banner__gradient-overlay{background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%)}.banner--gradient-left .banner__gradient-overlay{background:linear-gradient(to right,rgba(0,0,0,.6) 0%,transparent 50%)}.banner--gradient-right .banner__gradient-overlay{background:linear-gradient(to left,rgba(0,0,0,.6) 0%,transparent 50%)}.banner--parallax .banner__media{transform:translateZ(0);will-change:transform}.banner--parallax .banner__media img,.banner--parallax .banner__media video{transform:scale(1.1);will-change:transform}.banner--adapt{min-height:auto;height:auto}.banner--adapt .banner__media{position:relative;height:auto;min-height:300px}.banner--adapt .banner__content{position:relative;min-height:auto}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.banner__media img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.banner__media.animate--zoom-in>img,.banner__media.animate--zoom-in>svg,.banner__content.animate--slide-in,.banner__media.animate--fade-in{animation:none;transform:none;opacity:1}.banner--interactive:hover .banner__media img,.banner--interactive:hover .banner__media video{transform:none}}@media print{.banner{page-break-inside:avoid;overflow:visible}.banner__media{position:relative;overflow:visible}.banner__overlay,.banner__gradient-overlay{display:none}}.banner__content:focus-within{outline:2px solid #005fcc;outline-offset:2px}.banner--loading .banner__media:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f0f0f0;z-index:1;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.banner--error .banner__media:after{content:"Image failed to load";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;padding:1rem;border-radius:4px;color:#666;font-size:.875rem;z-index:2}[dir=rtl] .banner__content.banner__content--top-left,[dir=rtl] .banner__content.banner__content--middle-left,[dir=rtl] .banner__content.banner__content--bottom-left{justify-content:flex-end}[dir=rtl] .banner__content.banner__content--top-right,[dir=rtl] .banner__content.banner__content--middle-right,[dir=rtl] .banner__content.banner__content--bottom-right{justify-content:flex-start}[dir=rtl] .banner__media-half+.banner__media-half{right:auto;left:0}@media (prefers-color-scheme: dark){.banner__overlay{background:#00000080}.banner--light-overlay .banner__overlay{background:#0000004d}.banner--loading .banner__media:before{background:#2a2a2a}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-image-banner.css.map */