.overlay-scrim{z-index:var(--z-overlay);background-color:var(--overlay-scrim);position:fixed;inset:0}.overlay-scrim[data-state=open]{animation:fade-in calc(var(--overlay-enter) * var(--motion-character)) var(--ease-out)}.overlay-scrim[data-state=closed]{animation:fade-out calc(var(--overlay-exit) * var(--motion-character)) var(--ease-in-out) forwards}.drawer-content{z-index:var(--z-modal);width:var(--drawer-w,480px);background-color:var(--surface-overlay);border-inline-start:var(--border-w) solid var(--border);max-width:92vw;box-shadow:var(--shadow-3);border-start-start-radius:var(--r-xl);border-end-start-radius:var(--r-xl);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0}.drawer-content[data-state=open]{animation:drawer-in calc(var(--overlay-enter) * var(--motion-character)) var(--ease-out)}.drawer-content[data-state=closed]{animation:drawer-out calc(var(--overlay-exit) * var(--motion-character)) var(--ease-out)}@media (max-width:767px){.drawer-content{border-inline-start:0;border-block-start:var(--border-w) solid var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:100%;max-height:85svh;inset-block:auto 0;inset-inline:0}.drawer-content[data-state=open]{animation:sheet-in calc(var(--overlay-enter) * var(--motion-character)) var(--ease-out)}.drawer-content[data-state=closed]{animation:sheet-out calc(var(--overlay-exit) * var(--motion-character)) var(--ease-out)}}.sheet-handle{display:none}@media (max-width:767px){.sheet-handle{background-color:var(--border-strong);border-radius:999px;block-size:4px;inline-size:36px;margin:8px auto 0;display:block}}.modal-content{z-index:var(--z-modal);width:var(--modal-w,560px);background-color:var(--surface-overlay);border:var(--border-w) solid var(--border);border-radius:var(--r-xl);max-width:94vw;max-height:88svh;box-shadow:var(--shadow-3);flex-direction:column;display:flex;position:fixed;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.modal-content[data-state=open]{animation:modal-in calc(var(--overlay-enter) * var(--motion-character)) var(--ease-out)}.modal-content[data-state=closed]{animation:modal-out calc(var(--overlay-exit) * var(--motion-character)) var(--ease-out)}@media (max-width:767px){.modal-content{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:100%;inset-block:auto 0;inset-inline:0;translate:none}.modal-content[data-state=open]{animation:sheet-in calc(var(--overlay-enter) * var(--motion-character)) var(--ease-out)}.modal-content[data-state=closed]{animation:sheet-out calc(var(--overlay-exit) * var(--motion-character)) var(--ease-out)}}.drawer-content:focus,.drawer-content:focus-visible,.modal-content:focus,.modal-content:focus-visible,.overlay-body:focus,.overlay-body:focus-visible{box-shadow:var(--shadow-3);outline:none}.overlay-scrim:focus-visible{box-shadow:none;outline:none}.popover-content{z-index:var(--z-anchored);pointer-events:auto;background-color:var(--surface-overlay);border:var(--border-w) solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-2)}.popover-content[data-state=open]{animation:popover-in calc(var(--overlay-enter) * var(--motion-character)) var(--ease-out)}.popover-content[data-state=closed]{pointer-events:none;animation:popover-out calc(var(--overlay-exit) * var(--motion-character)) var(--ease-out) forwards}.overlay-header{border-block-end:var(--border-w) solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.overlay-body{overscroll-behavior:contain;flex:auto;padding:20px;overflow-y:auto}.overlay-footer{border-block-start:var(--border-w) solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:16px 20px;display:flex}