.popup--overlay{margin:0 auto;text-align:center;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999999999999999999;display:none}.popup--overlay.active{display:block}.popup--overlay-background{width:100%;height:100%;background:#0009;display:block!important;position:absolute;top:0;left:0}.popup--modal{margin:0 auto;background:#fff;color:var(--color-foreground);width:calc(100% - 4rem);max-width:460px;box-sizing:border-box;padding:0;position:relative;top:50%;transform:translateY(-50%);z-index:1;border-radius:var(--popup-corner-radius);border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));box-shadow:0 0 var(--popup-shadow-blur-radius) calc(var(--popup-shadow-blur-radius) * .5) rgba(0,0,0,var(--popup-shadow-opacity))}.popup--header{position:relative;z-index:1;color:#fff}.popup--header-no-image{color:var(--color-foreground)}.popup--modal-close-button{width:5rem;height:5rem;background:none;color:inherit;-webkit-appearance:none;appearance:none;border:0;outline:0;display:flex;align-items:center;justify-content:center;margin-left:auto;cursor:pointer}.popup--modal-close-button:focus-visible{outline:2px solid}.popup--modal-close-button .icon{width:1.25rem;height:1.25rem}.popup--modal-image{position:relative;height:220px;margin-top:-5rem;margin-bottom:2rem}.popup--modal-image img{margin:0 auto;width:100%;height:100%;object-fit:cover;border-radius:var(--popup-corner-radius) var(--popup-corner-radius) 0 0}.popup--modal-text{padding:2rem 3rem 4rem}.popup--modal-text a{margin-top:2rem}@media only screen and (min-width: 900px){.popup--modal-image{height:300px}.popup-layout-horizontal .popup--modal{max-width:800px;width:800px}.popup-layout-horizontal .popup--modal-text{width:50%;padding:0 4rem}.popup-layout-horizontal .popup--modal-image{width:50%;height:500px;border-radius:var(--popup-corner-radius) 0 0 var(--popup-corner-radius)}.popup-layout-horizontal h3{margin-top:-2.5rem}.popup-layout-horizontal .popup--header{color:var(--color-foreground)}.popup-layout-horizontal .popup--modal-content{display:flex;align-items:center}.popup-layout-horizontal .popup--modal-image{margin-bottom:0}}.shopify-design-mode .popup--overlay.active{display:none}.shopify-design-mode .popup--overlay.show-in-editor{display:block}.shopify-design-mode .popup--overlay.hide-in-editor{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/177/assets/component-popup.css.map */