:root{--white:#fff;--light:#f8f9fa;--grey-border:#e5e5e5;--primary:#863ffa;--primary-hover:#975cf5;--carbon:#222;--carbon-hover:#333;--red:#db3700;--red-hover:#cf3502}body,html{margin:0;width:100%}body,html,main{height:100%}*,:after,:before{box-sizing:border-box}a{text-decoration:none;color:inherit}h2{margin:0}.capitalize{text-transform:capitalize}input,select{padding:0 15px;font-family:Outfit,sans-serif;font-size:16px;border-radius:5px;border:1px solid var(--grey-border);height:40px}.form-element{display:flex;flex-direction:column}.form-element label{display:block;margin-bottom:5px}.button{padding:10px 20px;border-radius:5px;border:0;background-color:var(--carbon);color:#fff;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;cursor:pointer}.button-primary{background-color:var(--primary);color:#fff}.button-primary:hover:enabled{cursor:pointer;background-color:var(--primary-hover)}.button-primary:disabled{cursor:default;opacity:.7}.button-secondary{background-color:var(--carbon)}.button-secondary:hover{cursor:pointer;background-color:var(--carbon-hover)}.button.button-borderless{color:var(--primary);background:#fff;border:1px solid var(--white)}.button.small{padding:6px 8px}.button.borderless:hover{background:var(--light)}.button-danger{background-color:var(--red)}.button-danger:hover{background-color:var(--red-hover)}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.flex{flex:1 1}.flex-grow{flex-grow:1;flex-shrink:0}.gap-5{gap:5px}.gap-10{gap:10px}.gap-20{gap:20px}