:root{--demo-primary: #202020;--demo-secondary: #383838;--demo-text: #73dfff;--demo-text-alt: #ff753e}:root html,:root body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}:root html *,:root body *{box-sizing:border-box}:root ::-webkit-scrollbar{width:5px}:root ::-webkit-scrollbar-track{background:transparent}:root ::-webkit-scrollbar-thumb{border-radius:10px;background:var(--demo-text)}:root .primary{text-transform:uppercase;cursor:pointer;background-color:var(--demo-text);padding:8px 12px;border:none;outline:0px;margin:0;border-radius:5px;color:var(--demo-primary);text-decoration:none;font-size:13px}:root .primary svg{margin:0 4px;vertical-align:middle;transition:transform .3s}:root .danger{text-transform:uppercase;cursor:pointer;background-color:var(--demo-text-alt);padding:8px 12px;border:0px;outline:0px;margin:0;border-radius:5px;color:#fff;text-decoration:none;font-size:13px}:root .danger svg{margin:0 4px;vertical-align:middle;transition:transform .3s}:root button:hover{opacity:.8}:root .active{opacity:.8}:root .controls{width:100%;display:flex;justify-content:flex-end;align-items:center}:root .controls .control{cursor:pointer;margin:0 5px;border-radius:5px;color:var(--demo-primary);border:0px;outline:0px;padding:6px 8px}:root .controls .control svg{margin-right:5px}:root .field{width:100%;padding:10px 0}:root .field input,:root .field textarea,:root .field select{width:100%;max-width:100%;min-width:100%;padding:8px 12px;border:0px;outline:0px;background-color:var(--demo-secondary);border-radius:5px;color:var(--demo-text)}:root .field label{color:#fff;font-size:12px}:root .no-results{width:100%;color:#d6d6d6;font-size:12px;text-align:center;margin:20px 0}