@media (min-width: 871px) {
  .theme-dock .toggle-switch-container--mobile {
    display: flex;
  }

  .theme-dock {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px) scale(.94);
    transition:
      opacity .18s ease,
      transform .18s ease,
      visibility 0s linear .18s;
  }

  body.theme-toggle-docked .theme-dock {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition:
      opacity .18s ease,
      transform .18s ease,
      visibility 0s;
  }

  .theme-dock .switch-track {
    width: 56px;
  }

  body.light-theme .theme-dock .donut-slider {
    transform: translateX(14px) rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-dock {
    transition: none;
  }
}