/* CM Reviews - the visitor form ([cm-reviews-submit] and the cm-reviews/submit block). Phone first: one column, full-width
   inputs; nothing of a theme is assumed (colours inherit). The [?] icons are styled by cm-alpha ui-tooltips. */
.cm-reviews-submit { display: flex; flex-direction: column; gap: 1rem; margin: 0; }
.cm-reviews-submit__field { display: flex; flex-direction: column; gap: 0.35rem; margin: 0; }
.cm-reviews-submit__field > label { font-weight: 600; }
.cm-reviews-submit input[type="text"],
.cm-reviews-submit textarea { width: 100%; box-sizing: border-box; font: inherit; color: inherit; background: transparent; padding: 0.6em 0.7em; border: 1px solid currentColor; border-radius: 4px; }
.cm-reviews-submit textarea { min-height: 8em; resize: vertical; }
.cm-reviews-submit__counter { font-size: 0.85em; opacity: 0.75; }
.cm-reviews-submit__preview { display: block; max-width: 100%; width: auto; max-height: 12rem; height: auto; border-radius: 4px; }
.cm-reviews-submit__preview[hidden] { display: none; }
.cm-reviews-submit__consent label { display: flex; gap: 0.5em; align-items: flex-start; font-weight: 400; }
.cm-reviews-submit__consent input { margin: 0.3em 0 0; }
.cm-reviews-submit__hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; margin: 0; }
.cm-reviews-submit__actions { flex-direction: row; align-items: center; }
.cm-reviews-submit__button { font: inherit; font-weight: 600; color: inherit; background: transparent; padding: 0.7em 1.4em; border: 2px solid currentColor; border-radius: 4px; cursor: pointer; }
.cm-reviews-submit__button:disabled { opacity: 0.6; cursor: wait; }
.cm-reviews-submit__help { cursor: help; }
.cm-reviews-submit__thanks { font-weight: 600; margin: 0; }
.cm-reviews-submit-notice { margin: 0; padding: 0.75em 1em; border: 1px dashed currentColor; border-radius: 4px; }