.modal-overlay{background:var(--overlay-scrim);z-index:1001;display:none;position:fixed;inset:0}.modal-overlay.active{display:block}.modal-header-overlay{background:var(--overlay-scrim);z-index:499;display:none;position:fixed;inset:0}.modal-header-overlay.active{display:block}.modal__close{color:var(--text-secondary);background-color:#0000;border-radius:8px;padding:4px;transition:color .2s,background-color .2s;display:flex}.modal__close:hover{color:var(--brand);background-color:var(--generic-fill)}.modal{z-index:1002;background-color:var(--bg-base);box-shadow:0 2px 52px 0 var(--shadow-md);border-radius:8px;width:90%;max-height:90vh;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal__header{justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.modal__header strong{color:var(--text-primary);font-size:20px}.modal__body{padding:24px 0}.modal__body:last-child{padding-bottom:0}.modal__footer{-moz-column-gap:16px;justify-content:flex-end;align-items:center;column-gap:16px;padding-top:16px;display:flex}.modal__footer .btn-clear{color:var(--text-secondary);background-color:#0000;padding:9px 16px;font-size:14px}.modal__footer .btn-clear:hover{color:var(--text-primary)}.modal.active{display:block}