.ov-scrim{z-index:600;animation:ov-scrim-in .14s var(--ease-out);background:#211f1d6b;position:fixed;inset:0}.ov-scrim--modal{justify-content:center;align-items:safe center;padding:24px;display:flex;overflow-y:auto}.ov-scrim--drawer{justify-content:flex-end;display:flex}@keyframes ov-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes ov-modal-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes ov-drawer-in{0%{transform:translate(100%)}to{transform:none}}.ov-panel{background:var(--bg);border:1px solid var(--rule-strong);outline:none}.ov-panel--modal{width:min(var(--ov-width,560px), 100%);box-shadow:var(--shadow-pop);animation:ov-modal-in .16s var(--ease-out);flex-direction:column;max-height:calc(100dvh - 48px);display:flex}.ov-panel--drawer{width:min(var(--ov-width,520px), 100%);height:100%;animation:ov-drawer-in .18s var(--ease-out);border-width:0 0 0 1px;flex-direction:column;display:flex}.ov-head{border-bottom:1px solid var(--rule);flex:none;align-items:center;gap:12px;height:52px;padding:0 18px 0 22px;display:flex}.ov-head-title{flex:1;min-width:0}.ov-body{flex:1;min-height:0;overflow-y:auto}.ov-foot{background:var(--bg-elev);border-top:1px solid var(--rule);flex:none;padding:18px 22px}.ov-close{border:1px solid var(--rule);cursor:pointer;width:26px;height:26px;color:var(--ink-3);transition:color var(--t-fast), border-color var(--t-fast);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ov-close:hover{color:var(--ink);border-color:var(--rule-strong)}@media (prefers-reduced-motion:reduce){.ov-scrim,.ov-panel--modal,.ov-panel--drawer{animation:none}}@media (width<=768px){.ov-scrim--modal{place-items:center;padding:16px}.ov-panel--modal{width:100%;height:auto;max-height:min(84dvh,720px);animation:ov-drawer-in .18s var(--ease-out);border-width:1px}.ov-panel--drawer{width:100%;height:100%;box-shadow:none;border-width:0;flex-direction:column;animation:none;display:flex}}