@layer modules {



  .form-preview__meta {
    flex-shrink: 0;
    white-space: nowrap;
  }

  .form-preview__paper {
    background-color: var(--color-slate-50);
    padding-inline: 1rem;
    padding-block: 2.5rem;
    border-end-start-radius: var(--radius-xl);
    border-end-end-radius: var(--radius-xl);
  }

  .form-preview__empty {
    color: var(--color-text-muted);
    text-align: center;
    padding-block: 2rem;
  }

  .form-preview__page[hidden] {
    display: none;
  }

  .form-preview :disabled {
    opacity: 1;
    cursor: default;
  }

  .form-preview .cp-fields {
    cursor: default;
  }

  .form-preview .cp-fields :is(input, textarea, .cp-option) {
    pointer-events: none;
  }

  .form-preview .cp-step--button {
    cursor: pointer;
  }
}