.modal-root{position:fixed;inset:0;z-index:50;overflow-y:auto}.modal-root .modal-backdrop{position:fixed;inset:0;background-color:#0006}.modal-root .modal-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--gap);overscroll-behavior:contain}.modal-root .modal-container .modal-panel{position:relative;background-color:var(--color-surface);padding:var(--gap) var(--gap) var(--gap-l);max-width:28rem;width:100%;border-radius:var(--gap-xs);box-shadow:0 20px 60px #0003}.modal-root .modal-container .modal-panel .modal-title{font-size:1.2rem;font-weight:700;margin-bottom:var(--gap)}.modal-root .modal-container .modal-panel .modal-close{position:absolute;top:var(--gap);right:var(--gap);background:none;border:none;box-shadow:none;cursor:pointer;padding:0;color:var(--color-muted)!important;line-height:1;font-size:1.2rem}.modal-root .modal-container .modal-panel .modal-close:before{background-color:var(--color-muted)!important}.modal-root .modal-container .modal-panel .modal-close:hover{color:var(--color-brand);background:none}.modal-backdrop-enter{transition:opacity .2s ease}.modal-backdrop-from{opacity:0}.modal-backdrop-to{opacity:1}.modal-backdrop-leave{transition:opacity .15s ease}.modal-backdrop-leave-from{opacity:1}.modal-backdrop-leave-to{opacity:0}.modal-panel-enter{transition:opacity .2s ease,transform .2s ease}.modal-panel-from{opacity:0;transform:translateY(.5rem) scale(.98)}.modal-panel-to{opacity:1;transform:translateY(0) scale(1)}.modal-panel-leave{transition:opacity .15s ease,transform .15s ease}.modal-panel-leave-from{opacity:1;transform:translateY(0) scale(1)}.modal-panel-leave-to{opacity:0;transform:translateY(.5rem) scale(.98)}