.demo-period-wrap{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.demo-period-fields{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:570px;padding:8px 10px;border:1px dashed #d8c5e9;border-radius:10px;background:#faf6ff}.demo-period-fields label{display:flex;align-items:center;gap:5px;color:#7d6693;font-size:11px;font-weight:700}.demo-period-fields input{max-width:136px;padding:7px;border:1px solid #d9cce5;border-radius:7px;background:#fff;color:#51425e;font:11px 'DM Sans',sans-serif}.demo-period-fields small{flex-basis:100%;color:#8d7f99;font-size:10px;text-align:right}.page-heading:has(.demo-period-fields){flex-wrap:wrap}.page-heading:has(.demo-period-fields) .heading-actions{max-width:100%;flex-wrap:wrap;justify-content:flex-end}@media(max-width:700px){.demo-period-wrap,.demo-period-fields{width:100%;justify-content:flex-start}.demo-period-fields label{flex:1;min-width:125px}.demo-period-fields input{width:100%}.demo-period-fields small{text-align:left}}