.dashboard > .left-col,
.dashboard > .right-col {
  position: sticky;
  top: 80px;
  align-self: start;
  max-height: none;
  overflow: visible;
}

.dashboard > .left-col .panel,
.dashboard > .right-col .panel {
  transition: box-shadow .18s ease;
}

@media (min-width: 641px) {
  .dashboard > .left-col,
  .dashboard > .right-col {
    top: 116px;
  }
}

.dashboard > .left-col .panel:hover,
.dashboard > .left-col .panel:focus-within,
.dashboard > .right-col .panel:hover,
.dashboard > .right-col .panel:focus-within {
  border-color: var(--line) !important;
  box-shadow: 0 16px 36px rgba(31, 33, 40, .09);
}

[data-theme="dark"] .dashboard > .left-col .panel:hover,
[data-theme="dark"] .dashboard > .left-col .panel:focus-within,
[data-theme="dark"] .dashboard > .right-col .panel:hover,
[data-theme="dark"] .dashboard > .right-col .panel:focus-within {
  box-shadow: 0 16px 36px rgba(0, 0, 0, .28);
}

@media (max-width: 950px) {
  .dashboard > .left-col,
  .dashboard > .right-col {
    position: static;
    max-height: none;
    overflow: visible;
  }
}