.ops-mode-shell,.ops-mode-stage{min-width:0;width:100%;max-width:100%;overflow:visible}.ops-mode-stage{position:relative;display:grid}.ops-mode-stage>[data-ops-mode-panel]{grid-area:1/1}.ops-mode-panel,.ops-mode-stage>[data-ops-mode-panel]{min-width:0;width:100%;max-width:100%;overflow:visible}.ops-mode-panel--outgoing{position:absolute;inset-inline:0;top:0;z-index:1;pointer-events:none}.ops-mode-panel[data-phase=exit]{transition:opacity .11s var(--md-motion-emphasized,cubic-bezier(.2,0,0,1)),transform .11s var(--md-motion-emphasized,cubic-bezier(.2,0,0,1));pointer-events:none}.ops-mode-panel[data-phase=enter],.ops-mode-panel[data-phase=exit]{opacity:0;transform:translateY(4px)}.ops-mode-panel[data-phase=enter-active]{opacity:1;transform:translateY(0);transition:opacity .18s var(--md-motion-emphasized,cubic-bezier(.2,0,0,1)),transform .18s var(--md-motion-emphasized,cubic-bezier(.2,0,0,1))}.ops-mode-panel[data-phase=idle]{opacity:1;transform:translateY(0)}.ops-density-track{position:relative}.ops-density-pill{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:9999px;background:var(--pe-control-selected);transition:transform .18s var(--md-motion-emphasized,cubic-bezier(.2,0,0,1));pointer-events:none;z-index:0}.ops-density-pill[data-side=dense]{transform:translateX(100%)}.ops-density-track button{position:relative;z-index:1;background:transparent!important;transition:color .18s var(--md-motion-emphasized,cubic-bezier(.2,0,0,1))}@media (prefers-reduced-motion:reduce){.ops-density-pill,.ops-density-track button,.ops-mode-panel[data-phase=enter-active],.ops-mode-panel[data-phase=enter],.ops-mode-panel[data-phase=exit]{transition:none!important;transform:none!important}.ops-mode-panel[data-phase=enter],.ops-mode-panel[data-phase=exit]{opacity:1}}