.sidebar {
  margin-top: var(--spacing-md);
  border-right: 0.01rem solid var(--color-gray-light);
  padding-right: var(--spacing-md);
  width: auto;
  height: 100%;
  .sidebar-nav {
    margin-bottom: var(--spacing-md);
    border-left: solid var(--sidebar-border) var(--color-green);
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background: var(--color-gray-light);
    padding: var(--spacing-sm);
  }
  .sidebar-links {
    li {
      color: var(--color-blue);
    }
    li,
    ::after {
      border-bottom: 0.01rem solid var(--color-green);
      padding: var(--spacing-sm);
    }
    :active,
    .router-link-active,
    .router-link-exact-active {
      color: var(--color-green);
      font-family: 'poppinsmedium';
    }
    :hover {
      color: var(--color-green);
    }
    .link-mod {
      border-bottom: none;
    }
  }
  .sidebar-image-swsa {
    margin-left: 0.70rem;
    overflow: hidden;
  }
}