open-nomad/ui/app/styles/components/secure-variables.scss

.new-secure-variables {
  & > div {
    margin-bottom: 1rem;
  }

  .path-input {
    &:disabled {
      background-color: #f5f5f5;
    }
    &.error {
      color: $red;
      border-color: $red;
    }
  }

  .duplicate-path-error {
    position: relative;
    animation: slide-in 0.3s ease-out;
  }

  .key-value {
    display: grid;
    grid-template-columns: 1fr 4fr 130px;
    gap: 1rem;
    align-items: end;

    .value-label {
      display: grid;
      grid-template-columns: 1fr auto;
      & > span {
        grid-column: -1 / 1;
      }
    }

    button.show-hide-values {
      height: 100%;
      box-shadow: none;
      margin-left: -2px;
      border-color: $grey-blue;
    }
  }
}

table.path-tree {
  tr {
    cursor: pointer;
    a {
      color: #0a0a0a;
      text-decoration: none;
    }
    svg {
      margin-bottom: -2px;
      margin-right: 10px;
    }
  }
}

@keyframes slide-in {
  0% {
    top: 10px;
    opacity: 0;
  }

  100% {
    top: 0px;
    opacity: 1;
  }
}