.gp-modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1f3d73;display:flex;inset:0;justify-content:center;padding:var(--gp-s4);position:fixed;z-index:1000}.gp-modal__panel{background:var(--gp-surface);border-radius:var(--gp-radius-lg);box-shadow:var(--gp-shadow-lg);display:flex;flex-direction:column;max-height:calc(100dvh - 32px);outline:none;width:100%}.gp-modal__panel--sm{max-width:420px}.gp-modal__panel--md{max-width:600px}.gp-modal__panel--lg{max-width:880px}.gp-modal__head{align-items:center;border-bottom:1px solid var(--gp-border);display:flex;gap:12px;padding:16px 16px 12px 24px}.gp-modal__head h2{flex:1;font-size:var(--gp-fs-md);margin:0}.gp-modal__body{overflow:auto;padding:20px 24px}.gp-modal__foot{border-top:1px solid var(--gp-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:12px 24px 16px}.gp-modal-enter-active,.gp-modal-leave-active{transition:opacity .18s var(--gp-ease)}.gp-modal-enter-active .gp-modal__panel,.gp-modal-leave-active .gp-modal__panel{transition:transform .18s var(--gp-ease)}.gp-modal-enter-from,.gp-modal-leave-to{opacity:0}.gp-modal-enter-from .gp-modal__panel,.gp-modal-leave-to .gp-modal__panel{transform:translateY(12px) scale(.98)}@media(max-width:640px){.gp-modal{align-items:flex-end;padding:0}.gp-modal__panel{border-radius:var(--gp-radius-lg) var(--gp-radius-lg) 0 0;max-height:92dvh}.gp-modal__body{padding:16px}.gp-modal__foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}}