.overlay{z-index:var(--z-scrim);position:fixed;inset:0}.overlay-scrim{z-index:var(--z-scrim);background:var(--color-scrim);animation:overlay-fade var(--motion-base) var(--ease-out);position:fixed;inset:0}.overlay-panel{z-index:var(--z-overlay);box-sizing:border-box;overscroll-behavior:contain;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-md);outline:none;flex-direction:column;display:flex;position:fixed;overflow-y:auto}.overlay-grab{width:36px;height:4px;margin:var(--space-2) 0 var(--space-3);background:var(--color-grab);border-radius:2px;flex:none;align-self:center}.overlay-body{min-height:0;padding:0 var(--space-4) calc(24px + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.overlay-head{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.overlay-title{min-width:0;font-family:var(--font-display);color:var(--color-heading);flex:auto;margin:0;font-size:20px;font-weight:700;line-height:1.25}.overlay-head-sub{align-items:flex-start}.overlay-head-text{min-width:0;padding-top:var(--space-1);flex:auto}.overlay-subtitle{color:var(--color-text-muted);font-size:var(--text-base);margin:4px 0 0}@media (width>=900px){.overlay-subtitle{font-size:var(--text-15)}}.overlay-close{margin-right:calc(-1 * var(--space-2));flex:none}@media (width<=899.98px){.overlay-panel{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;height:auto;max-height:90%;animation:overlay-rise var(--motion-base) var(--ease-out);border-width:1px 0 0;bottom:0;left:0;right:0}}@media (width>=900px){.overlay-grab{display:none}.overlay--desktop-right .overlay-panel{width:var(--panel-side);box-shadow:none;animation:overlay-slide var(--motion-base) var(--ease-out);border-width:0 0 0 1px;top:0;bottom:0;right:0}.overlay--desktop-right .overlay-body{padding:var(--space-4) 20px}.overlay--desktop-center .overlay-panel{top:70px;right:0;left:var(--sidebar-width,264px);width:min(var(--dialog-width,420px), calc(100vw - var(--sidebar-width,264px) - 2 * var(--space-4)));border-radius:var(--radius-lg);height:fit-content;max-height:calc(100vh - 140px);box-shadow:var(--shadow-lg);animation:overlay-pop var(--motion-base) var(--ease-out);margin:0 auto}.overlay--desktop-center .overlay-body{padding:18px 20px 20px}.overlay--desktop-anchor .overlay-scrim{background:0 0}.overlay--desktop-anchor .overlay-panel{top:var(--overlay-anchor-top,25vh);left:var(--overlay-anchor-left,50%);width:var(--popover-width);background:var(--color-surface-overlay);border-radius:var(--radius-lg);max-height:calc(100vh - 16px);box-shadow:var(--shadow-lg);animation:overlay-drop var(--motion-base) var(--ease-out);padding:6px 14px}.overlay--desktop-anchor .overlay-body{padding:0}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes overlay-rise{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes overlay-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes overlay-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes overlay-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.overlay-scrim,.overlay-panel,.overlay--desktop-right .overlay-panel,.overlay--desktop-center .overlay-panel,.overlay--desktop-anchor .overlay-panel{animation:overlay-fade var(--motion-fast) linear}}