.aside-left {
  position: sticky;
  top: 70px;
  align-self: start;
  height: 100dvh;
  overflow-y: auto;
  padding-block: var(--grid-gutter);


  /* background-color: var(--color-dark); */
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.aside-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.aside-section--bottom {
  margin-top: auto;
}

.aside-title {
  font-size: var(--font-small);
  font-weight: 300;
  color: var(--color-muted);
  margin-bottom: var(--space-xs);
}

.aside-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
	padding-right: 0.25rem;

  li a {
    display: flex;
    align-items: center;
    column-gap: 0.55rem;
    color: var(--color-light);
    padding: 0.75rem 1rem;
    transition: color 2s ease;
    border-radius: var(--radius); 

    & .aside-list__icon {
      width: 1.25rem;
      aspect-ratio: 1;
    }
    & .aside-list__label {
    }
    &.is-current {
      color: var(--color-white);
      background-color: var(--color-dark);

      & .aside-list__icon {
        color: var(--color-accent);
      }
    }

    &:hover {
      color: var(--color-white);
      background-color: var(--color-dark);
    }
  }
}