.banner__wrapper{position:relative;display:flex;flex-direction:column;min-height:var(--height);height:fit-content;border-radius:var(--images-and-sections-radius);-webkit-border-radius:var(--images-and-sections-radius);overflow:hidden}.banner__container-content{display:flex;flex-direction:column;width:100%;min-height:var(--height);height:fit-content;justify-content:var(--vertical-position);align-items:var(--horizontal-position);margin-left:auto;margin-right:auto}.section.disable-margins .disable-max-width .banner__wrapper,.section.disable-margins .disable-max-width .section-radius,.section--overlap .banner.section-radius{border-radius:0}.banner__media,.banner__media:after{display:flex;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.banner__media:after{content:"";opacity:var(--banner-overlay-opacity);background:var(--overlay-background)}.banner__content{position:relative;top:0;left:0;right:0;display:flex;justify-content:center;background-color:transparent;z-index:2}.banner__content-wrapper{max-width:1200px;--buttons-gap: 16px;background-color:transparent;font-size:0}.fill-content.banner__content-wrapper:not(:empty){min-width:480px}.banner__content-wrapper:empty{display:none}.regular .banner__content-wrapper{max-width:720px}.narrow .banner__content-wrapper{max-width:480px}.banner__content-wrapper.fill-content{background-color:rgb(var(--layout-bg-color));border-radius:var(--images-and-sections-radius);-webkit-border-radius:var(--images-and-sections-radius);overflow:hidden}.banner__content-wrapper>.line-container+*,.banner__content-wrapper>.spacer+*{margin-top:0}.banner__content-wrapper .subheading-block+.heading-block,.banner__content-wrapper .heading-block+.subheading-block{margin-top:var(--block-padding-s)}.banner__content-wrapper.center>*{margin-left:auto;margin-right:auto}.banner__content-wrapper .button-block{margin-right:var(--buttons-gap);margin-left:0}.banner__content-wrapper.center .button-block{margin-left:calc(var(--buttons-gap) / 2);margin-right:calc(var(--buttons-gap) / 2)}.hover-content:not(.media-style-hide) .banner__content{top:20px}.hover-content:not(.media-style-hide) .banner__content,.section:not(.section--overlap) .hover-content .banner__media:after,body:has(.header.overlap--mobile_overlap) .section .hover-content .banner__media:after{opacity:0!important;pointer-events:none;will-change:opacity;transition:opacity var(--animation-duration) var(--transition-timing-function),top var(--animation-duration) var(--transition-timing-function)}a.hover-content .banner__content,a.hover-content .banner__media:after{cursor:pointer}a .image-banner__media img,a .image-banner__media .placeholder-svg{transition:transform var(--animation-duration) var(--transition-timing-function)}body:not(:has(.shopify-section-group-header-group.shopify-section-header+.shopify-section~main)) .shopify-section-group-header-group.shopify-section-header:has(.overlap--enable)~main .shopify-section:first-child .section.section--overlap .section-container .banner+.subcollections-gallery{padding-bottom:calc(var(--section-padding) * var(--bottom-spacing))}@media (hover: hover){a:hover .image-banner__media img,a:hover .image-banner__media .placeholder-svg{transform:scale(1.03);transition:transform var(--animation-duration) var(--transition-timing-function)}.hover-content:not(.media-style-hide):hover .banner__content,a.hover-content:not(.media-style-hide):focus-visible .banner__content{opacity:1!important;pointer-events:auto;top:0}.banner__wrapper.hover-content:hover .banner__media:after,a.hover-content:focus-visible .banner__media:after,body:has(.header.overlap--mobile_overlap) .section .hover-content:hover .banner__media:after,body:has(.header.overlap--mobile_overlap) .section a.hover-content:focus-visible .banner__media:after{opacity:var(--banner-overlay-opacity)!important;pointer-events:auto}}@media screen and (max-width: 1024px){.hover-content:not(.media-style-hide) .banner__content{opacity:1!important;pointer-events:auto;top:0}.hover-content:not(.media-style-hide) .banner__media:after,body:has(.header.overlap--mobile_overlap) .section .hover-content .banner__media:after,.section:not(.section--overlap) .hover-content .banner__media:after{opacity:var(--banner-overlay-opacity)!important;pointer-events:auto}}@media screen and (min-width: 769px){.banner__container-content.page-grid:not(.disable-max-width),body:has(.header.overlap--enable) .page-grid:not(.disable-max-width-container) .banner__container-content,body:has(.header.overlap--desktop_overlap) .page-grid:not(.disable-max-width-container) .banner__container-content{max-width:calc(var(--page-grid-width) + (var(--inner-section-padding) * 2))}.banner__container-content.secondary-grid:not(.disable-max-width),body:has(.header.overlap--enable) .secondary-grid:not(.disable-max-width-container) .banner__container-content,body:has(.header.overlap--desktop_overlap) .secondary-grid:not(.disable-max-width-container) .banner__container-content{max-width:calc(var(--second-grid-width) + (var(--inner-section-padding) * 2))}.banner__container-content.alternative-grid:not(.disable-max-width),body:has(.header.overlap--enable) .alternative-grid:not(.disable-max-width-container) .banner__container-content,body:has(.header.overlap--desktop_overlap) .alternative-grid:not(.disable-max-width-container) .banner__container-content{max-width:calc(var(--alt-grid-width) + (var(--inner-section-padding) * 2))}.banner__container-content:not(.disable-max-width),body:has(.header.overlap--enable) .banner:not(.disable-max-width-container) .banner__container-content,body:has(.header.overlap--desktop_overlap) .banner:not(.disable-max-width-container) .banner__container-content{padding-left:var(--inner-section-padding);padding-right:var(--inner-section-padding)}.banner__container-content:not(.disable-max-width) .banner__content,body:has(.header.overlap--enable) .banner:not(.disable-max-width-container) .banner__content,body:has(.header.overlap--desktop_overlap) .banner:not(.disable-max-width-container) .banner__content{padding-left:0;padding-right:0}}@media screen and (max-width: 768px){.banner__content-wrapper{--buttons-gap: 12px}.fill-content.banner__content-wrapper:not(:empty){min-width:auto}.banner__content:has(.fill-content.banner__content-wrapper:not(:empty)),.fill-content.banner__content-wrapper:not(:empty){width:100%}.content-below.banner__wrapper .banner__media{height:var(--height);position:static}.section--overlap .content-below.banner__wrapper .banner__media{position:relative}.content-below.banner__wrapper{min-height:auto;height:auto;gap:var(--block-padding);border-radius:0;-webkit-border-radius:0px}.content-below.banner__wrapper .banner__container-content{min-height:auto;height:auto}.side-margins:not(.disable-margins) .content-below .banner__media{border-radius:var(--images-and-sections-radius);-webkit-border-radius:var(--images-and-sections-radius);overflow:hidden}.section-radius .content-below .banner__media,.side-margins:not(.disable-margins) .section-container .section-radius .content-below .banner__media,.shopify-section-header:has(.overlap--enable)~main .shopify-section:first-child .section--overlap .banner__media,.shopify-section-header:has(.overlap--mobile_overlap)~main .shopify-section:first-child .section--overlap .content-below .banner__media{border-radius:0;-webkit-border-radius:0}.section--overlap .content-below .banner__container-content,body:has(.header.overlap--desktop_overlap) .section--overlap .banner__container-content{margin-top:0}.section:not(.section--overlap) .content-below .banner__media:after{display:none}.content-below .banner__content{padding:0;width:100%;align-self:flex-start;justify-content:start}.side-margins:not(.disable-margins):not(.section--overlap) .section-container .content-below .banner__content-wrapper,body:has(.header.overlap--desktop_overlap) .side-margins:not(.disable-margins).section--overlap .section-container .content-below .banner__content-wrapper{padding:0}.content-below .banner__content-wrapper{padding:var(--inner-section-padding);padding-top:0;width:100%;border-radius:0!important;-webkit-border-radius:0!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-banner.css.map */