@property --p{syntax:"<number>";inherits:true;initial-value:1}.phoenix-modal{--i-background:#d1edef;--i-wrapper-background:#b9e4e6;--modal-width:400px}.phoenix-modal .overlay{background:var(--mtm-modal-overlay);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;height:100%;width:100%;z-index:9998;backdrop-filter:blur(5px);user-select:none}.phoenix-modal .modal__header{display:flex;align-items:flex-start;justify-content:space-between}.phoenix-modal .modal__close{color:var(--mtm-modal-close-color)}.phoenix-modal .modal{border:var(--mtm-border-default);color:var(--mtm-font-color-primary);background:var(--mtm-modal-background);width:var(--modal-width);min-height:295px;max-height:95%;margin:0 auto;padding:24px;box-shadow:0 8px 8px -4px rgba(16,24,40,.031372549);border-radius:8px;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:600px){.phoenix-modal .modal{width:320px}}.phoenix-modal .modal__title{font-family:var(--mtm-font-family);font-size:18px;font-weight:600;line-height:28px;text-align:left;margin:16px 0}.phoenix-modal .icon__background{background:var(--i-background);width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:100%;margin-bottom:16px}.phoenix-modal .custom-br{margin:5px 0!important;display:block;height:1rem}.phoenix-modal .icon__wrapper{background:var(--i-wrapper-background);width:36px;height:36px;gap:0;border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--mtm-primary)}.phoenix-modal .red{color:var(--mtm-font-color-danger)}.phoenix-modal .modal__btn{margin-top:10px;margin-right:10px}.phoenix-modal .modal__btn-outline{color:var(--mtm-font-color-primary)}