.hy-table-form {
  display: flex;
  flex-direction: column;

  .hy-el-table-v2__row.hy-el-table-v2__row-error,
  .hy-el-table-v2__row.hy-el-table-v2__row-error:hover {
    outline: 1px solid rgba(var(--hy-danger-2));
    outline-offset: -1px;
    box-shadow: inset 0px 0px 19px 0px rgba(var(--hy-danger-2), 0.5);
  }

  .hy-table-form-tabs {
    height: 1.875rem;
    display: flex;
    gap: 2px;
    font-size: 0.875rem;
    color: rgba(var(--hy-auxiliary));
    border: 1px solid rgba(var(--hy-border));
    border-radius: 4px;
    padding: 2px;
    font-size: 0.75rem;
    .hy-table-form-tab-button {
      display: flex;
      align-items: center;
      font-weight: bold;
      padding: 0 0.75rem;
      border: 1px solid transparent;
      border-radius: 2px;
      cursor: pointer;
      transition: all 0.3s linear;
      &:hover {
        color: rgba(var(--hy-main));
      }
      &.is-select {
        color: rgba(var(--hy-main));
        background: linear-gradient(180deg, rgba(var(--hy-theme)) 0%, #2A4968 100%);
        border-image: linear-gradient(180deg, rgba(var(--hy-theme)) 80%, rgba(var(--hy-auxiliary))) 1 1;
      }
    }
  }
}