p{margin:0}@media screen and (max-width: 989px){.column-grid{grid-template-columns:repeat(2,1fr)!important}}@media screen and (max-width: 749px){.column-grid{padding:0}.multicolumn-popup-modal__content{width:100%!important}}.column-item{position:relative}.column-image-container{position:relative;width:100%}.column-image{width:100%;height:auto;display:block}.modal-opener-button{position:absolute;transform:translate(-50%,-50%);white-space:nowrap}.button-position--top-left{top:1.5rem;left:1.5rem;transform:none}.button-position--top-center{top:1.5rem;left:50%;transform:translate(-50%)}.button-position--top-right{top:1.5rem;right:1.5rem;transform:none}.button-position--middle-left{top:50%;left:1.5rem;transform:translateY(-50%)}.button-position--middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.button-position--middle-right{top:50%;right:1.5rem;transform:translateY(-50%)}.button-position--bottom-left{bottom:1.5rem;left:1.5rem;transform:none}.button-position--bottom-center{bottom:1.5rem;left:50%;transform:translate(-50%)}.button-position--bottom-right{bottom:1.5rem;right:1.5rem;transform:none}.modal-content{display:flex;flex-direction:row;overflow:auto}.modal-content-text-cta{position:sticky;top:0;height:100lvh;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;padding:2.5rem}.modal-content-text-cta h2,.modal-content-text-cta .h2{margin:0}@media screen and (max-width: 749px){.modal-content-text-cta{height:fit-content}.modal-content-text-cta{padding:1.5rem 1rem}.modal-content-text-cta h2,.modal-content-text-cta .h2{margin-bottom:2rem}}.text-content{justify-self:flex-end;margin:auto 0 2.5rem;gap:2.5rem;display:flex;flex-direction:column}.content-pair{display:flex;gap:2.5rem}.content-pair-heading{white-space:nowrap;min-width:160px}.gallery-grid{display:flex;flex-direction:column;width:50%;height:100lvh;flex-shrink:0}.gallery-image-wrapper{position:relative;width:100%}.gallery-image{width:100%;height:100%;object-fit:cover;display:block}.cta-container,.cta-container .button{width:100%}@media screen and (max-width: 749px){.modal-content{flex-direction:column}.gallery-grid{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;height:100%}.gallery-grid::-webkit-scrollbar{height:4px}.gallery-grid::-webkit-scrollbar-track{background:#f1f1f1}.gallery-grid::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.gallery-image-wrapper{flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always}.gallery-image{height:100%;width:100%}.content-pair{flex-direction:column;gap:.75rem}.text-content{margin:auto 0 6rem}.cta-container{background-color:rgb(var(--color-background));padding:1rem;position:fixed;bottom:0;left:0}}@media screen and (min-width: 750px) and (max-width: 989px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.multicolumn-popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:hidden;width:100%;background:rgba(var(--color-foreground),.9);height:100%}.multicolumn-popup-modal[open]{opacity:1;visibility:visible;z-index:101}.multicolumn-popup-modal__content{background-color:rgb(var(--color-background));right:0;position:absolute;padding-right:1.5rem;margin-top:0;width:75%;padding:0;max-width:1080px;height:100%;top:0}.multicolumn-popup-modal__content img{max-width:100%}@media screen and (max-width: 749px){.multicolumn-popup-modal{overflow:auto}.multicolumn-popup-modal__content{height:fit-content;left:0;transform:unset}}.multicolumn-popup-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}@media screen and (max-width: 749px){.multicolumn-popup-modal__content-info>*{max-height:100%}}.multicolumn-popup-modal__toggle{border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;position:fixed;padding:1.2rem;z-index:2;top:16px;width:4rem;right:32px;background:none}@media screen and (max-width: 749px){.multicolumn-popup-modal__toggle{right:16px}}.multicolumn-popup-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.multicolumn-popup-modal__toggle .icon{height:auto;margin:0;width:1rem}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-custom-multicolumn-modal.css.map */