/* The tray supplies the material. The traveling selection is a tint inside
   that plane, never a second stacked backdrop filter. */
#dock, #mBar { --dock-selection-fill:rgba(255,255,255,.34); --dock-selection-edge:rgba(255,255,255,.56); }
.dock-selection { display:none; position:absolute; left:0; top:0; z-index:0; pointer-events:none; border-radius:15px; transform-origin:center; background:var(--dock-selection-fill); box-shadow:inset 0 0 0 1px var(--dock-selection-edge),0 1px 3px #213a5b0a; }
.dock-fluid > .dock-selection { display:block; }
#dock.dock-fluid .dock-item[aria-pressed="true"], #mBar.dock-fluid .m-tab[aria-current="page"] { background:transparent; box-shadow:none; }
#dock.dock-fluid .dock-item { touch-action:manipulation; transition:background 100ms ease-out; transform:none; }
#dock.dock-fluid .dock-item:hover { background:rgba(255,255,255,.10); }
#dock .dock-icon, #mBar .m-tab > span:first-child { transition:transform 150ms cubic-bezier(.2,.8,.2,1); }
#dock .dock-item:active .dock-icon, #mBar .m-tab:active > span:first-child { transform:translateY(1px) scale(.91); transition-duration:55ms; }
#dock .dock-label, #mBar .m-tab { -webkit-font-smoothing:antialiased; }
:root[data-theme="dark"] #dock, :root[data-theme="dark"] #mBar { --dock-selection-fill:rgba(255,255,255,.14); --dock-selection-edge:rgba(255,255,255,.24); }
@media (max-width:760px) {
  #mBar { inset:auto 6px calc(6px + env(safe-area-inset-bottom)); height:56px; padding:3px; border-radius:21px; border:1px solid #ffffff70; box-shadow:0 6px 22px #20345124,inset 0 1px 1px #ffffffb3; isolation:isolate; }
  #mBar .m-tab { position:relative; z-index:1; border-radius:15px; color:#254c74; touch-action:manipulation; }
  #mBar .m-tab[aria-current="page"] { color:#123b70; font-weight:600; }
  :root[data-theme="dark"] #mBar .m-tab { color:#e3edf7; }
}
:root[data-motion="reduced"] #dock .dock-icon, :root[data-motion="reduced"] #mBar .m-tab > span:first-child { transform:none; transition:none; }
@media (prefers-reduced-motion:reduce) {
  #dock .dock-icon, #mBar .m-tab > span:first-child { transform:none!important; transition:none; }
}
:root[data-transparency="reduced"] #dock, :root[data-transparency="reduced"] #mBar { --dock-selection-fill:var(--blue-100); --dock-selection-edge:var(--blue-600); }
:root[data-transparency="reduced"] #mBar .m-tab { color:var(--ink); }
@media (prefers-reduced-transparency:reduce), (prefers-contrast:more) {
  #dock, #mBar { --dock-selection-fill:var(--blue-100); --dock-selection-edge:var(--ink-2); -webkit-backdrop-filter:none!important; }
  body #mBar .m-tab { color:var(--ink)!important; }
  #dock::after { display:none; }
}
@media (forced-colors:active) {
  #dock, #mBar { background:Canvas!important; border:1px solid CanvasText; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
  .dock-selection { background:Canvas; box-shadow:none; border:2px solid Highlight; }
  body #dock .dock-item .dock-icon, body #dock .dock-label, body #mBar .m-tab { color:CanvasText!important; }
  #dock::after, #dock::before { display:none; }
}