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

:host {
  height: 100%;
}

.expander__button {
    @include globals.reset-button;
    width: 100%;
    height: 100%;
}

.header {
  @include viewer-shared.th;
  border-right-style: dashed;
  border-bottom-style: dashed;
  border-left: none;
  display: flex;

  &__input {
    appearance: none;
    background: none;
    border: none;
    outline: none;
    font-weight: inherit;
  }
}

.config-popover {
  &__container {
    @include globals.rounded;
    font-family: globals.$font-family-default;
    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;
    }
  }
}