/* V3.2.7 training refresh */
.demo-header-right{flex-wrap:wrap;justify-content:flex-end}
.demo-wa-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:19px;margin-top:21px}
.demo-wa-fields{display:grid;align-content:start;gap:15px;min-width:0}
.demo-wa-fields label{display:grid;gap:8px;font-size:11px;letter-spacing:.06em;color:#bde0bd;font-weight:800}
.demo-wa-fields select{padding:13px 12px;border:1px solid #436a55;border-radius:11px;background:#0c2722;color:#fff;max-width:100%;min-width:0;font:inherit}
.demo-wa-preview{border:1px solid #496d54;border-radius:16px;padding:16px;background:#081d17;min-width:0}
.demo-wa-preview>strong{font-size:10px;letter-spacing:.16em;color:#b7ff3c}
.demo-wa-preview pre{font:12px/1.7 ui-monospace,monospace;color:#edfbed;white-space:pre-wrap;overflow-wrap:anywhere;max-height:490px;overflow:auto}
.demo-wa-preview .demo-btn{width:100%}
.demo-page .demo-header a{white-space:nowrap}
@media(max-width:680px){.demo-wa-grid{grid-template-columns:1fr}.demo-wa-preview pre{max-height:350px}.demo-header-right{gap:7px}.demo-page .demo-header .demo-exit{font-size:10px}}