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

field-adder {
  height: 100%;

  &::part(expander) {
      @include globals.reset-button;
      width: 100%;
      height: 100%;
  }

  &::part(th-lookalike) {
    @include viewer-shared.th;
    border-right-style: dashed;
    border-bottom-style: dashed;
    border-left: none;
    display: flex;
  }

  &::part(label-input) {
    appearance: none;
    background: none;
    border: none;
    outline: none;
    font-weight: inherit;
  }

  &::part(config-popover) {
    @include globals.rounded-sm;
    position: fixed;
    inset: unset;
    margin: 0;
    width: 20rem;
    padding: 1rem;
    font-weight: normal;
    border: globals.$popover-border;
    filter: drop-shadow(globals.$popover-shadow);

    &:popover-open {
      display: block;
    }
  }

  &::part(form-section-header) {
    margin: 0;
  }
}