.cmp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.cmp-modal.is-open{display:block}.cmp-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.cmp-modal__dialog{position:relative;max-width:700px;margin:5rem auto;background:#fff;border-radius:.8rem;overflow:hidden;animation:modalFade .3s ease}.cmp-modal__header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.3rem;border-bottom:1px solid var(--theme-color-gray-md)}.cmp-modal__title{font-size:1.5rem;margin:0}.cmp-modal__close{background:none;border:none;font-size:1.3rem;cursor:pointer}.cmp-modal__body{padding:1.3rem;max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px);overflow-y:auto}.cmp-modal__footer{padding:.9rem 1.3rem;border-top:1px solid var(--theme-color-gray-md);display:flex;justify-content:flex-end;gap:.6rem}@keyframes modalFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.cmp-modal__dialog{margin:1.3rem;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-modal.css.map */