/*
IBM Confidential
694970X, 69497O0
© Copyright IBM Corp. 2022, 2024
*/

@use "../../global/config" as *;
.#{$prefix}--bmrg-creatable {
  position: relative;
}

.#{$prefix}--bmrg-creatable__input {
  align-items: flex-start;
  display: flex;
}

.#{$prefix}--bmrg-creatable__key-value-inputs {
  align-content: center;
  align-items: flex-start;
  display: flex;
  height: 100%;
  width: 20rem;
}

.#{$prefix}--bmrg-creatable__colon {
  margin: 0 0.5rem;
}

.#{$prefix}--bmrg-creatable__button {
  margin-left: 1rem !important;
  margin-top: 1.5rem;
  &.--no-label {
    margin-top: 0.5rem;
  }
}

.#{$prefix}--bmrg-creatable__tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  width: 100%;
}

.#{$prefix}--bmrg-creatable__tags--reorderable {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
  width: 100%;

  .cds--tag {
    cursor: grab;
    margin-left: 0;
    min-width: 100%;
    width: 100%;

    .cds--tag__custom-icon ~ span {
      min-width: calc(100% - 1.25rem);
    }

    .cds--interactive--tag-children {
      max-inline-size: none !important;
      width: 100%;

      .cds--popover {
        display: none;
      }
    }

    .cds--tag__label {
      min-width: calc(100% - 1.5rem);
    }
  }
}

.#{$prefix}--bmrg-creatable__tooltip {
  line-height: 0;
  margin-left: 0.5rem;
}