@use "../../wc";

:host {
  display: contents;
}

.defined-label {
  .input__control, .input__control-value {
    background-color: rgb(var(--zn-panel));
  }

  &__dropdown {
    width: 100%;
  }

  &__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--zn-spacing-small);
    width: 100%;

    zn-sp {
      max-height: 275px;
    }
  }

  &__input {
    display: flex;
    flex-direction: column;
    gap: 8px;

    &-wrap {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    zn-input, zn-select {
      flex-grow: 1;
    }
  }
}