%cx-configurator-form {
  width: 100%;

  .cx-group-attribute {
    padding-inline-start: 16px;
    padding-inline-end: 16px;

    padding-block-start: 12px;
    padding-block-end: 12px;

    @include media-breakpoint-down(sm) {
      padding-inline-start: 0px;
      padding-inline-end: 0px;
      padding-block-start: 12px;
      padding-block-end: 12px;
    }

    em {
      @include cx-configurator-attribute-type();
    }
  }

  cx-item-counter {
    &.readonly {
      input {
        border: solid 1px var(--cx-color-light);
        min-height: 48px;
        width: 10rem;
      }
    }
  }
}