.product-preview__item-configurator {
  --product-preview-item-height: var(--preview-item-fixed-height);
  --product-preview-item-width: var(--preview-item-fixed-width);
  --product-preview-item-border-radius: calc(var(--default-border-radius) / 2);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--product-preview-item-configurator-flex-direction, column);
          flex-direction: var(--product-preview-item-configurator-flex-direction, column);
  gap: var(--space); }
  .product-preview__item-configurator .product-preview__item {
    margin: 0 0 calc(var(--space) / 2); }
  .product-preview__item-configurator-buttons {
    padding-top: var(--space); }

.product-preview__item-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--space) / 2);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .product-preview__item-fields label {
    width: 100%; }

@media (min-width: 600px) {
  .product-preview__item-configurator {
    --product-preview-item-configurator-flex-direction: row; }
    .product-preview__item-configurator-image {
      margin-left: 0; }
    .product-preview__item-configurator-column {
      width: auto;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .product-preview__item-configurator-column button {
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important; } }

@media (min-width: 1000px) {
  .product-preview__item-fields label {
    width: auto; }
  .product-preview__item-configurator-buttons {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .product-preview__item-configurator-buttons button {
      -ms-flex-preferred-size: calc((50% - var(--space)) / 2) !important;
          flex-basis: calc((50% - var(--space)) / 2) !important;
      -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
      -webkit-box-flex: 1 !important;
          -ms-flex-positive: 1 !important;
              flex-grow: 1 !important; } }
