.settings {
  max-width: 1000px;
  display: flex;
  flex-direction: row;
  padding: 0;

  &__nav {
    padding: 2rem 0rem;
    background-color: #005b74;
    ul {
      display: flex;
      flex-direction: column;
      list-style: none;
      margin: 0;
      padding: 0;

      li {
        display: flex;
        flex-direction: column;

        a {
          text-decoration: none;
          padding: 1rem;
          border-right: 4px solid transparent;
          transition: outline 0.15s linear;

          &:hover {
            text-decoration: underline;
          }

          &.active,
          &:focus-visible {
            border-right-color: #519eb9;
          }

          &:focus {
            outline: 4px solid #00c0ff8a;
          }
        }
      }
    }
  }

  &__content {
    padding: 2.75rem;
  }
}