.modal-overlay{position:fixed;inset-inline:0;top:var(--vv-offset-top, 0);height:var(--vv-height, 100dvh);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px;transition:top .2s ease-out,height .2s ease-out}.modal-content{background:var(--color-bg);border-radius:var(--radius-lg, 16px);padding:20px;width:100%;max-width:360px;max-height:min(80dvh,calc(var(--vv-height, 100dvh) - 32px));display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow-xl, 0 20px 60px rgba(0, 0, 0, .3))}.modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-block-end:var(--space-lg);flex:0 0 auto}.modal-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-block-end:var(--space-lg);flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-inline:2px}.modal-action-bar{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-md, 12px)}@media(min-width:768px){.modal-content{max-width:480px}}