.dry-folderselector {
  &__tabs {
    display: flex;
    justify-content: space-between;

    & button {
      display: flex;
      padding: 9px 16px;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      flex: 1 0 0;
      align-self: stretch;
      border-radius: 8px 8px 0px 0px;
      border: 1px solid var(--gray-300, #d0d5dd);
      background: var(--gray-100, #f2f4f7);

      &:hover,
      &.active {
        background-color: #f1f1f1;
        width: 33%;
      }

      &.active {
        background-color: #e0e0e0;
        border-bottom: unset;
      }
    }
  }

  &__tabContent {
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 1rem;
  }
}