/* /dm_motionerp_website/static/src/css/pages/demo.css defined in bundle 'dm_motionerp_website.assets_page_demo' */
 #wrapwrap .form{background:#fff;border:1px solid var(--hair);border-radius:8px;padding:24px}@media (min-width:768px){#wrapwrap .form{padding:32px}}#wrapwrap .sf-form{border:0;box-shadow:0 10px 36px rgba(15,27,51,.12);padding:28px 24px}@media (min-width:768px){#wrapwrap .sf-form{padding:32px 36px}}#wrapwrap .sf-form h3{font-size:22px;margin-bottom:20px}#wrapwrap .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0}#wrapwrap .field[aria-hidden="true"]{display:flex !important}#wrapwrap .field label{font-weight:400;color:var(--ink);font-size:14px}#wrapwrap .field input,#wrapwrap .field select,#wrapwrap .field textarea{font:inherit;font-size:16px;min-height:44px;padding:8px 12px;border:1px solid #98A2B3;border-radius:var(--r-input);background:#fff;color:var(--ink);width:100%;max-width:100%}#wrapwrap .field textarea{min-height:120px;resize:vertical}#wrapwrap .field .err{display:none;color:var(--danger);font-size:13px}#wrapwrap .field .err[aria-hidden="true"]{display:none !important}#wrapwrap .field.invalid .err{display:block}#wrapwrap .field.invalid .err[aria-hidden="true"]{display:block !important}#wrapwrap .field.invalid input,#wrapwrap .field.invalid select,#wrapwrap .field.invalid textarea{border-color:var(--danger)}#wrapwrap .check{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin-bottom:20px;color:var(--ink2)}#wrapwrap .check[aria-hidden="true"]{display:flex !important}#wrapwrap .check input{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto}#wrapwrap .check.invalid{color:var(--danger)}#wrapwrap .form-row{display:grid;gap:0 16px;grid-template-columns:1fr}#wrapwrap .form-row[aria-hidden="true"]{display:grid !important}@media (min-width:600px){#wrapwrap .form-row{grid-template-columns:1fr 1fr}}#wrapwrap .sf{background:linear-gradient(180deg,#FFFFFF 0%,#EEF3FC 100%);padding:clamp(40px,5vw,80px) 0}#wrapwrap .sf-grid{display:grid;gap:40px;grid-template-columns:1fr;align-items:start}#wrapwrap .sf-grid[aria-hidden="true"]{display:grid !important}@media (min-width:1024px){#wrapwrap .sf-grid{grid-template-columns:1fr 1fr;gap:72px}}#wrapwrap .checks{list-style:none;margin:0 0 24px;padding:0}#wrapwrap .checks li[aria-hidden="true"]{display:flex !important}#wrapwrap .checks .ck{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#EEF4FF;position:relative;margin-top:3px}#wrapwrap .checks .ck::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:10px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg)}#wrapwrap .fs-prog{display:flex;gap:8px;margin:0 0 14px}#wrapwrap .fs-prog[aria-hidden="true"]{display:flex !important}#wrapwrap .fs-prog span[aria-hidden="true"]{display:inline-flex !important}#wrapwrap .fs-prog i{font-style:normal;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--muted);font-size:12px;font-weight:700}#wrapwrap .fs-prog i[aria-hidden="true"]{display:inline-flex !important}#wrapwrap .fs-prog span.on{background:#E8F0FF;color:var(--accent)}#wrapwrap .fs-prog span.on i{background:var(--accent);color:#fff}#wrapwrap .fstep{display:none}#wrapwrap .fstep[aria-hidden="true"]{display:none !important}#wrapwrap .fstep.on{display:block;animation:fsIn .3s var(--ease-out)}#wrapwrap .fstep.on[aria-hidden="true"]{display:block !important}#wrapwrap .fs-back{display:block;margin:12px auto 0;background:none;border:0;font:inherit;font-size:14px;color:var(--ink2);text-decoration:underline;cursor:pointer;padding:8px 10px;min-height:40px}#wrapwrap .fs-back[aria-hidden="true"]{display:block !important}@media (hover:hover) and (pointer:fine){#wrapwrap .fs-back:hover{color:var(--accent)}}#wrapwrap .fs-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}#wrapwrap .da-next h3{margin:0 0 12px;font-size:18px}#wrapwrap .da-next ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;position:relative}#wrapwrap .da-next ol[aria-hidden="true"]{display:flex !important}#wrapwrap .da-next ol::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:#DCE6FA}#wrapwrap .da-next li{display:flex;gap:12px;align-items:flex-start;position:relative}#wrapwrap .da-next li[aria-hidden="true"]{display:flex !important}#wrapwrap .da-next li i{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #fff}#wrapwrap .da-next li i[aria-hidden="true"]{display:inline-flex !important}#wrapwrap .da-next li b{display:block;color:var(--ink);font-size:15.5px}#wrapwrap .da-next li b[aria-hidden="true"]{display:block !important}#wrapwrap .da-quote{margin-top:18px}#wrapwrap .da-alt{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:15px;color:var(--ink2)}#wrapwrap .da-alt[aria-hidden="true"]{display:flex !important}#wrapwrap .da-alt a[aria-hidden="true"]{display:inline-flex !important}#wrapwrap .da-alt a svg{width:18px;height:18px;color:#06C755}@media (hover:hover) and (pointer:fine){#wrapwrap .da-alt a:hover b,#wrapwrap .da-alt a:hover{text-decoration:underline}}@media (prefers-reduced-motion:reduce){#wrapwrap .fstep.on{animation:none}#wrapwrap .fs-prog span{transition:none}}@media (min-width:1024px){#wrapwrap .sf-grid>div:last-child{position:sticky;top:96px}}@media (max-width:1023px){#wrapwrap .sf-grid{display:flex;flex-direction:column;gap:0}#wrapwrap .sf-grid[aria-hidden="true"]{display:flex !important}#wrapwrap .sf-grid>div:last-child{margin-top:20px}#wrapwrap .sf-grid>div:first-child{display:contents}#wrapwrap .sf-grid>div:first-child[aria-hidden="true"]{display:contents !important}#wrapwrap .sf-grid>div:last-child{order:2}#wrapwrap .sf-grid .da-next,#wrapwrap .sf-grid .da-trust,#wrapwrap .sf-grid .da-quote,#wrapwrap .sf-grid .da-alt{order:3}#wrapwrap .sf-grid .da-next{margin-top:8px}}#wrapwrap .mf-col h3,#wrapwrap .da-next h3,#wrapwrap .crm-tile h3,#wrapwrap .fl-h b{font-size:20px}#wrapwrap .da-next li b{font-size:17px}@media (pointer:coarse){#wrapwrap label.check{min-height:44px;align-items:center}}