:root{--bg-color:#fff;--text-color:#3b4354;--text-bg-color:#f7f7f7;--fg-color:#9ca3b2;--accent-color:#8a49bf;--success-color:#00b19d;--error-color:#dd5147;--disabled-bg-color:#e7e9ed;--disabled--fg-color:#9ca3b2;--loader-spinner-duration:1.4s;--loader-spinner-offset:187}body,html{font-family:Open Sans,sans-serif;margin:0;width:100%;height:100%;color:var(--text-color)}.container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em}h1{margin-top:1.5em;margin-bottom:0}form{width:100%;max-width:30em;display:flex;flex-direction:column;padding:2em}form>*{margin-bottom:2em}.textfield{position:relative;width:100%}.textfield>label{position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--bg-color);padding:0 .3em;margin:0 .5em;transform-origin:left top;pointer-events:none}.textfield>input,.textfield>label{font-size:1em;color:var(--text-color);transition:.1s ease-out}.textfield>input{width:calc(100% - 1.5em);outline:none;border:1px solid var(--fg-color);border-radius:.5em;padding:.75em}.textfield>input:focus{border-color:var(--accent-color)}.textfield>input:focus+label{color:var(--accent-color);top:0;transform:translateY(-50%) scale(.9)}.textfield>input:not(:placeholder-shown)+label{top:0;transform:translateY(-50%) scale(.9)}.textfield>.right-textfield-adornment{position:absolute;right:0;top:0;padding:0 .5em;line-height:2.625em;margin-right:-2px;font-weight:600;border-radius:0 .5em .5em 0;border:1px solid var(--fg-color);background:var(--text-bg-color);z-index:1}.textfield>input.error+label{color:var(--error-color)!important}.textfield>input.error,.textfield>input.error~.right-textfield-adornment{border-color:var(--error-color)}.checkbox{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;vertical-align:middle}.checkbox>label{color:var(--fg-color)}.checkbox>label>a{text-decoration:none;color:var(--accent-color)}.checkbox>input[type=checkbox]{width:1.5em;height:1.5em;outline:0;margin:0 .5em 0 0;accent-color:var(--accent-color)}.checkbox>input[type=checkbox]:not([disabled]){cursor:pointer}.checkbox>p.error{flex-basis:100%;text-align:center}.checkbox>input[type=checkbox].error{outline:1px solid var(--error-color)}button[type=submit]{padding:1em 2em;background-color:var(--success-color);color:var(--bg-color);border:none;border-radius:.5em;font-size:1em;font-weight:700;cursor:pointer;opacity:.75;transition:opacity 225ms}button[type=submit]:hover{opacity:1}button[type=submit]:disabled{background-color:var(--disabled-bg-color);color:var(--disabled--fg-color);opacity:1;cursor:not-allowed}button[type=submit].loading{padding:.5em 2em}p.error{order:1;height:0;margin:0;font-size:.75em;font-weight:500;color:var(--error-color)}.loader-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text-color);opacity:.45;z-index:2}.loader-spinner{-webkit-animation:rotator var(--loader-spinner-duration) linear infinite;animation:rotator var(--loader-spinner-duration) linear infinite}@-webkit-keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}.loader-spinner-path{stroke:var(--text-color);stroke-dasharray:var(--loader-spinner-offset);stroke-dashoffset:0;transform-origin:center;-webkit-animation:dash var(--loader-spinner-duration) ease-in-out infinite;animation:dash var(--loader-spinner-duration) ease-in-out infinite}@-webkit-keyframes dash{0%{stroke-dashoffset:var(--loader-spinner-offset)}50%{stroke-dashoffset:var(--loader-spinner-offset) /4;transform:rotate(135deg)}to{stroke-dashoffset:var(--loader-spinner-offset);transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:var(--loader-spinner-offset)}50%{stroke-dashoffset:var(--loader-spinner-offset) /4;transform:rotate(135deg)}to{stroke-dashoffset:var(--loader-spinner-offset);transform:rotate(450deg)}}