@use 'globals';
@use 'viewer-shared';

.field-adder {
  &__container {
    align-items: stretch;
    display: flex;
  }

  &__header-lookalike {
    @include viewer-shared.th;
    border-bottom-style: dashed;
    border-right-style: dashed;
  }

  &__label-input {
    @include globals.reset-input;
  }

  &__popover:popover-open {
    @include globals.popover;
    padding: 1rem;
  }

  &__summary-buttons {
    align-items: center;
    display: flex;
  }
}

