.image-popup-banner{--ipb-gap: 40px;--ipb-side-padding: 20px;--ipb-bottom-padding: 6vh;--ipb-overlay-color: transparent;--ipb-primary-width: 55vw;--ipb-primary-max-width: 1450px;--ipb-primary-max-height: 60vh;--ipb-secondary-width: 17.3vw;--ipb-secondary-max-width: 320px;--ipb-secondary-min-width: 120px;--ipb-secondary-max-height: 22vh;--ipb-text-top: 8vh;--ipb-text-max-width: 900px;--ipb-text-color: #ffffff;--ipb-heading-size: 32px;--ipb-heading-transform: uppercase;--ipb-text-size: 16px;position:relative;display:block;width:100vw;max-width:100%;height:100vh;height:100dvh;overflow:hidden}.image-popup-banner[data-has-popup=true]{cursor:pointer}.image-popup-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.image-popup-banner__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.image-popup-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--ipb-overlay-color);pointer-events:none}.image-popup-banner__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;height:100%;padding:var(--ipb-text-top) var(--ipb-side-padding) var(--ipb-bottom-padding)}.image-popup-banner__text{flex:0 0 auto;width:100%;max-width:var(--ipb-text-max-width);margin:0 auto;color:var(--ipb-text-color);text-align:center}.image-popup-banner .image-popup-banner__text .image-popup-banner__heading{margin:0;padding:0;max-width:100%;color:inherit;font-size:var(--ipb-heading-size);line-height:1.15;letter-spacing:.02em;text-align:center;text-transform:var(--ipb-heading-transform)}.image-popup-banner__subtext{margin-top:12px;font-size:var(--ipb-text-size);line-height:1.5}.image-popup-banner__subtext>:first-child{margin-top:0}.image-popup-banner__subtext>:last-child{margin-bottom:0}.image-popup-banner__media{display:flex;flex:0 1 auto;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--ipb-gap);width:100%;min-height:0;margin-top:40px}.image-popup-banner__image{display:flex;justify-content:center;width:100%;min-height:0}.image-popup-banner__image img{display:block;height:auto;object-fit:contain}.image-popup-banner__image--primary{flex:0 1 auto;width:var(--ipb-primary-width);max-width:var(--ipb-primary-max-width)}.image-popup-banner__image--primary img{width:100%;min-width:100%;max-width:var(--ipb-primary-max-width);max-height:var(--ipb-primary-max-height)}.image-popup-banner__image--secondary{flex:0 0 auto}.image-popup-banner__image--secondary img{width:var(--ipb-secondary-width);min-width:var(--ipb-secondary-min-width);max-width:var(--ipb-secondary-max-width);max-height:var(--ipb-secondary-max-height)}.image-popup-banner__trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.image-popup-banner__trigger:focus-visible{outline:2px solid var(--ipb-text-color);outline-offset:-6px}.image-popup-banner-modal{--ipb-modal-width: 100%;--ipb-modal-aspect: 1050 / 874;--ipb-modal-max-height: 82vh;--ipb-modal-fit: contain;--ipb-modal-overlay-color: rgba(0, 0, 0, .6);--ipb-modal-text-color: #ffffff;--ipb-modal-close-color: #c92c01;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;transition:opacity .35s ease,visibility 0s linear .35s}.image-popup-banner-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.image-popup-banner-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--ipb-modal-overlay-color)}.image-popup-banner-modal__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%;transform:translateY(16px);transition:transform .35s ease}.image-popup-banner-modal.is-open .image-popup-banner-modal__inner{transform:translateY(0)}.image-popup-banner-modal__figure{display:flex;flex-direction:column;align-items:center;margin:0;min-height:0;max-height:100%}.image-popup-banner-modal__frame{display:flex;align-items:center;justify-content:center;width:var(--ipb-modal-width);height:auto;aspect-ratio:var(--ipb-modal-aspect);max-width:100%;max-height:var(--ipb-modal-max-height)}.image-popup-banner-modal__frame img{display:block;width:100%;height:100%;object-fit:var(--ipb-modal-fit);object-position:center}.image-popup-banner-modal__caption{margin-top:16px;color:var(--ipb-modal-text-color);font-size:14px;line-height:1.5;text-align:center}.image-popup-banner-modal__close{position:absolute;top:-44px;right:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:none;color:var(--ipb-modal-close-color);cursor:pointer;-webkit-appearance:none;appearance:none}.image-popup-banner-modal__close svg{width:18px;height:18px;fill:var(--ipb-modal-close-color)}@media screen and (max-width:1099px){.image-popup-banner__inner{justify-content:center}.image-popup-banner .image-popup-banner__text .image-popup-banner__heading{font-size:30px;margin-bottom:0}.image-popup-banner__image--secondary{width:300px}}@media screen and (max-width:989px){.image-popup-banner{--ipb-primary-max-height: 50vh;--ipb-secondary-max-height: 18vh}}@media screen and (max-width:749px){.image-popup-banner{--ipb-text-top: 12vh;--ipb-side-padding: 16px;--ipb-gap: 32px;--ipb-primary-width: min(360px, 100%);--ipb-primary-max-height: 44vh;--ipb-secondary-width: 164px;--ipb-secondary-max-height: 16vh}.image-popup-banner .image-popup-banner__text .image-popup-banner__heading{max-width:280px;margin-inline:auto;font-size:20px}.image-popup-banner__subtext{font-size:14px}.image-popup-banner__image--secondary{width:164px}.image-popup-banner-modal__close{top:-38px;width:28px;height:28px}.image-popup-banner-modal__frame{--ipb-modal-max-height: 70vh}}@media(prefers-reduced-motion:reduce){.image-popup-banner-modal,.image-popup-banner-modal__inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-image-popup.css.map */