.ui-modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:24px}.ui-modal__scrim{position:absolute;inset:0;background:var(--scrim);backdrop-filter:blur(3px)}.ui-modal__panel{position:relative;display:flex;flex-direction:column;width:min(var(--modal-w),100%);max-height:min(860px,calc(100dvh - 48px));background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);outline:none}.ui-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px 22px;flex:none}.ui-modal__title{font-size:17px;font-weight:650;letter-spacing:-.01em}.ui-modal__body{padding:4px 22px 22px;overflow-y:auto;overscroll-behavior:contain}.ui-modal__foot{flex:none;display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border)}.ui-modal.is-drawer{place-items:stretch end;padding:0}.ui-modal.is-drawer .ui-modal__panel{width:min(var(--modal-w),100%);max-height:100dvh;height:100dvh;border-radius:var(--r-xl) 0 0 var(--r-xl);border-right:0}.ui-modal-enter-active,.ui-modal-leave-active{transition:opacity var(--dur) var(--ease)}.ui-modal-enter-active .ui-modal__panel,.ui-modal-leave-active .ui-modal__panel{transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.ui-modal-enter-from,.ui-modal-leave-to{opacity:0}.ui-modal-enter-from .ui-modal__panel,.ui-modal-leave-to .ui-modal__panel{transform:translateY(14px) scale(.985);opacity:0}.ui-modal.is-drawer.ui-modal-enter-from .ui-modal__panel,.ui-modal.is-drawer.ui-modal-leave-to .ui-modal__panel{transform:translate(32px)}@media(max-width:640px){.ui-modal.is-sheet:not(.is-drawer){place-items:end stretch;padding:0}.ui-modal.is-sheet:not(.is-drawer) .ui-modal__panel{width:100%;max-height:92dvh;border-radius:var(--r-2xl) var(--r-2xl) 0 0;border-bottom:0}.ui-modal.is-sheet.ui-modal-enter-from .ui-modal__panel,.ui-modal.is-sheet.ui-modal-leave-to .ui-modal__panel{transform:translateY(40px)}.ui-modal__body{padding-bottom:max(22px,env(safe-area-inset-bottom))}}