@media (hover: hover) and (pointer: fine) and (min-width: 651px) and (prefers-reduced-motion: no-preference) {
  .sidebar .side-item,
  .sidebar .industry-button {
    position: relative;
    z-index: var(--dock-layer, 0);
    transform-origin: center center;
    transform: translateY(var(--dock-offset, 0px)) scale(var(--dock-scale, 1));
    box-shadow: 0 5px 16px rgb(43 96 71 / var(--dock-shadow, 0));
    transition: transform 180ms cubic-bezier(.22, .75, .25, 1),
      background-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
  }

  .sidebar .side-item:not(.active),
  .sidebar .industry-button:not(.active) {
    background-color: rgb(237 243 230 / var(--dock-tint, 0));
  }

  .sidebar .side-item > span:first-child {
    display: inline-flex;
    transform-origin: center center;
    transform: scale(var(--dock-icon-scale, 1));
    transition: transform 180ms cubic-bezier(.22, .75, .25, 1);
  }

  .sidebar .industry-button::before {
    transform: scale(var(--dock-icon-scale, 1));
    transition: transform 180ms cubic-bezier(.22, .75, .25, 1);
  }
}