:root{--bg-dark:#171717;--panel-light:#f9f9f9;--text-light:#f5f5f5;--text-dark:#111;--brand-red:#fb2c36;--brand-red-dark:#e11d2a;--brand-orange:#fb772b;--brand-orange-dark:#e8631d;--border-dark:#2a2a2a;--border-light:#ddd}.left,.right{scrollbar-width:none;-ms-overflow-style:none}.left::-webkit-scrollbar{display:none}.right::-webkit-scrollbar{display:none}.authSlideRoot{box-sizing:border-box;margin:0;font-family:Roboto,sans-serif;overflow:hidden}.backRight{background:var(--brand-red);width:50%;height:100%;position:absolute;right:0}.backLeft{background:var(--brand-orange);width:50%;height:100%;position:absolute;left:0}#back{z-index:-999;width:100%;height:100%;position:absolute}.canvas-back{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}#slideBox{width:50%;height:100%;max-height:100%;margin-left:50%;position:absolute;overflow:hidden;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.topLayer{width:200%;height:100%;position:relative;left:-100%}label{text-transform:uppercase;font-size:.8em}input{background-color:#0000;border:0;outline:0;margin-top:.1em;padding:8px 1px;font-size:1em}.left{background:var(--bg-dark);width:50%;height:100%;position:absolute;left:0;overflow:scroll}.left label{color:#f5f5f5d9}.left input{border-bottom:1px solid var(--border-dark);color:var(--text-light)}.left input:focus,.left input:active{border-color:var(--brand-red);color:var(--brand-red)}.left input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--bg-dark)inset;-webkit-text-fill-color:var(--text-light)}.left a{color:var(--brand-red)}.right{background:var(--bg-dark);width:50%;height:100%;position:absolute;right:0;overflow:scroll}.right label{color:#f5f5f5}.right input{color:#f5f5f5;caret-color:var(--brand-orange);background:0 0;border-bottom:1px solid #f5f5f51f}.right input:focus,.right input:active{border-color:var(--brand-orange);color:var(--brand-orange)}.right input:-webkit-autofill{caret-color:var(--brand-orange);-webkit-box-shadow:0 0 0 30px var(--bg-dark)inset!important;-webkit-text-fill-color:#f5f5f5!important}.content{flex-direction:column;justify-content:center;width:80%;min-height:100%;margin:0 auto;display:flex;position:relative}.content h2{margin:.2em 0 .1em;font-size:2.6em;font-weight:300}.left .content h2{color:var(--brand-red)}.right .content h2{color:var(--brand-orange)}.form-element{margin:1.6em 0}.form-element.form-submit{margin:1.6em 0 0}.form-stack{flex-direction:column;display:flex}.checkbox{appearance:none;background-color:#e3e3e3;border:1px solid #e3e3e3;border-radius:4px;outline:none;padding:12px;display:inline-block;position:relative;box-shadow:0 1px 2px #0000000d,inset 0 -15px 10px -12px #0000000d}.checkbox:focus,.checkbox:checked:focus,.checkbox:active,.checkbox:checked:active{border-color:var(--brand-red);box-shadow:0 1px 2px #0000000d,inset 0 1px 3px #0000001a}.checkbox:checked:after{content:"✓";color:var(--brand-red);font-size:1.4em;font-weight:900;position:absolute;top:-4px;left:4px}.form-checkbox{align-items:center;display:flex}.form-checkbox label{margin:0 6px;font-size:.72em}button{text-transform:uppercase;color:#f5f5f5;font-size:1em;font-weight:600;transition:all .25s}button.signup{background:var(--brand-red)}button.login{background:var(--brand-orange)}button.off{box-shadow:none;background:0 0}button.off.signup{color:var(--brand-red)}button.off.login{color:var(--brand-orange)}button:focus.signup,button:active.signup,button:hover.signup{background:var(--brand-red-dark)}button:focus.login,button:active.login,button:hover.login{background:var(--brand-orange-dark)}button:focus.off.signup,button:active.off.signup,button:hover.off.signup{color:var(--brand-red);background:#ffffff0f}button:focus.off.login,button:active.off.login,button:hover.off.login{color:var(--brand-orange-dark);background:#0000000f}@media only screen and (max-width:768px){#slideBox{width:80%;margin-left:20%}.signup-info,.login-info{display:none}}