custom-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}custom-popup[open]{display:block}custom-popup .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4, 1rem);animation:fadeIn .2s ease-in-out}.custom-popup-dialog.modal-dialog{background:var(--custom-popup-bg, #fff);color:var(--custom-popup-text-color, #000);border-radius:var(--rounded-lg, 8px);max-width:var(--custom-popup-width, 540px);width:100%;max-height:100%;overflow:auto;box-shadow:0 20px 25px -5px var(--color-black-1),0 10px 10px -5px var(--color-black-04);animation:slideUp .3s ease-out}.custom-popup-dialog .modal-header{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6, 1.5rem);border-bottom:1px solid rgba(0,0,0,.1)}.custom-popup-dialog .modal-header:has(.popup-banner){padding:0}.custom-popup-dialog .popup-banner{width:100%;height:180px;overflow:hidden}.custom-popup-dialog .popup-banner img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--rounded-lg, 8px) var(--rounded-lg, 8px) 0 0}@media screen and (min-width:750px){.custom-popup-dialog .popup-banner{height:240px}}.custom-popup-dialog--image-background{position:relative;overflow:hidden}.custom-popup-dialog--image-background .popup-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.custom-popup-dialog--image-background .popup-background img{width:100%;height:100%;object-fit:cover}.custom-popup-dialog--image-background .modal-header,.custom-popup-dialog--image-background .modal-body{position:relative;z-index:1}.custom-popup-dialog .modal-close{position:absolute;top:15px;right:15px;background:var(--color-white);border-radius:var(--radius-l);border:none;cursor:pointer;padding:var(--spacing-2, .5rem);display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:1}.custom-popup-dialog .modal-body{padding:var(--spacing-6, 1.5rem)}.custom-popup-dialog .custom-popup-heading{margin-bottom:var(--spacing-3, .75rem)}.custom-popup-dialog .custom-popup-subheading{margin-bottom:var(--spacing-4, 1rem);font-size:var(--font-size-subheading-s, 17px)}@media screen and (min-width:750px){.custom-popup-dialog .custom-popup-subheading{font-size:var(--font-size-subheading-l, 18px)}}.custom-popup-dialog .custom-popup-description{margin-bottom:var(--spacing-4, 1rem)}.custom-popup-dialog .custom-popup-description ul,.custom-popup-dialog .custom-popup-description ol{list-style-position:inside}.custom-popup-dialog .custom-popup-button{margin-top:var(--spacing-2, .5rem)}@media screen and (min-width:750px){.custom-popup-dialog .modal-close:hover{background-color:var(--color-white)}.custom-popup-dialog .modal-close svg{transition:var(--transition-normal)}.custom-popup-dialog .modal-close:hover svg{transform:rotate(90deg)}}@media screen and (max-width:699px){.custom-popup-dialog.modal-dialog{max-width:100%;margin:var(--spacing-4, 1rem)}.custom-popup-dialog .modal-header,.custom-popup-dialog .modal-body{padding:var(--spacing-4, 1rem)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-custom-popup.css.map */