.image-overlay-section{width:100%}.image-overlay-section__container{width:var(--section-width, 100%);max-width:100%;margin:0 auto}.image-overlay-section__image-wrap{position:relative;width:100%;overflow:hidden}.image-overlay-section__image-wrap--auto{height:auto}.image-overlay-section__image-wrap--auto .image-overlay-section__image{position:static;width:100%;height:auto;object-fit:initial}.image-overlay-section__image-wrap--auto .image-overlay-section__placeholder{position:relative;height:auto;aspect-ratio:16 / 9}.image-overlay-section__image-wrap--cover{height:var(--section-height, 500px)}@media(max-width:749px){.image-overlay-section__image-wrap--cover{height:var(--section-height-mobile, var(--section-height, 500px))}}.image-overlay-section__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.image-overlay-section__placeholder{width:100%;height:100%;background:#e5e5e5}.image-overlay-section__placeholder svg{width:100%;height:100%}.image-overlay-section__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.image-overlay-section__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:16px;padding:40px;max-width:var(--content-max-width, 45%);transform:translate(var(--offset-x, 0px),var(--offset-y, 0px));box-sizing:border-box}.image-overlay-section__content--h-left{left:0;align-items:flex-start}.image-overlay-section__content--h-center{left:50%;transform:translate(calc(-50% + var(--offset-x, 0px)),var(--offset-y, 0px));align-items:center;max-width:var(--content-max-width, 45%)}.image-overlay-section__content--h-right{right:0;left:auto;align-items:flex-end}.image-overlay-section__content--v-top{justify-content:flex-start}.image-overlay-section__content--v-center{justify-content:center}.image-overlay-section__content--v-bottom{justify-content:flex-end}.image-overlay-section__content--text-left{text-align:left}.image-overlay-section__content--text-center{text-align:center}.image-overlay-section__content--text-right{text-align:right}.image-overlay-section__heading{margin:0;font-weight:700;line-height:1.2;font-size:var(--heading-size, 32px)}.image-overlay-section__text{line-height:1.5;font-size:var(--text-size, 16px)}.image-overlay-section__text p{margin:0}.image-overlay-section__button{position:relative;display:inline-flex;align-items:center;justify-content:center;text-align:center;isolation:isolate;overflow:hidden;padding:12px 28px;text-decoration:none;font-weight:600;font-family:inherit;font-size:inherit;line-height:1.2;border:none;cursor:pointer;border-radius:var(--btn-radius, 4px);width:fit-content}.image-overlay-section__button-text{position:relative;z-index:1;display:block;width:100%;text-align:center;transition:color .35s ease}.image-overlay-section__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;transform:scaleX(0);transform-origin:left center;transition:transform .35s ease}.image-overlay-section__button--solid{background:var(--btn-bg);border:2px solid var(--btn-bg)}.image-overlay-section__button--solid .image-overlay-section__button-text{color:var(--btn-text)}.image-overlay-section__button--solid:before{background:var(--btn-text)}.image-overlay-section__button--solid:hover .image-overlay-section__button-text{color:var(--btn-bg)}.image-overlay-section__button--solid:hover:before{transform:scaleX(1)}.image-overlay-section__button--outline{background:transparent;border:2px solid var(--btn-bg)}.image-overlay-section__button--outline .image-overlay-section__button-text{color:var(--btn-bg)}.image-overlay-section__button--outline:before{background:var(--btn-bg)}.image-overlay-section__button--outline:hover .image-overlay-section__button-text{color:var(--btn-text)}.image-overlay-section__button--outline:hover:before{transform:scaleX(1)}@media(max-width:749px){.image-overlay-section__content{max-width:90%;padding:24px}.image-overlay-section__heading{font-size:var(--heading-size-mobile, var(--heading-size, 24px))}.image-overlay-section__text{font-size:var(--text-size-mobile, var(--text-size, 14px))}.image-overlay-section__content--h-mobile-left{left:0;right:auto;align-items:flex-start;max-width:90%;transform:translate(var(--offset-x-mobile, 0px),var(--offset-y-mobile, 0px))}.image-overlay-section__content--h-mobile-center{left:50%;right:auto;align-items:center;max-width:90%;transform:translate(calc(-50% + var(--offset-x-mobile, 0px)),var(--offset-y-mobile, 0px))}.image-overlay-section__content--h-mobile-right{right:0;left:auto;align-items:flex-end;max-width:90%;transform:translate(var(--offset-x-mobile, 0px),var(--offset-y-mobile, 0px))}.image-overlay-section__content--v-mobile-top{justify-content:flex-start}.image-overlay-section__content--v-mobile-center{justify-content:center}.image-overlay-section__content--v-mobile-bottom{justify-content:flex-end}}.image-overlay-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}.image-overlay-video-modal[hidden]{display:none}.image-overlay-video-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c}.image-overlay-video-modal__inner{position:relative;z-index:1;width:100%;max-width:var(--video-modal-width, 800px)}.image-overlay-video-modal__player{position:relative;width:100%;aspect-ratio:16 / 9;max-height:var(--video-modal-max-height, 85vh);background:#000;border-radius:8px;overflow:hidden}.image-overlay-video-modal__player iframe,.image-overlay-video-modal__player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.image-overlay-video-modal__close{position:absolute;top:10px;right:10px;z-index:10;width:32px;height:32px;padding:0;border:none;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:0;-webkit-appearance:none;appearance:none;transition:opacity .2s ease,transform .2s ease}.image-overlay-video-modal__close:hover{background:transparent;opacity:.7;transform:scale(1.08)}.image-overlay-video-modal__close:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.image-overlay-video-modal__close-icon{width:24px;height:24px;display:block;flex:0 0 auto;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}@media(max-width:749px){.image-overlay-video-modal__close{top:6px;right:6px;width:28px;height:28px}.image-overlay-video-modal__close-icon{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-image-overlay-video.css.map */