.form-box{align-items:center;display:flex;flex-direction:column;font-size:1em;image-rendering:auto;justify-content:center;max-width:var(--window-width-xs,600px)}.form-box .app-icon{cursor:default;margin-bottom:var(--grid-gap-32,32px)}.form-box hr{width:100%}.form-switcher{align-items:center;background-color:#fff;border-radius:.5em;box-shadow:inset 0 0 .5em #888;display:flex;margin-bottom:var(--grid-gap-16,16px);width:100%}.form-switcher>button{flex:1 1 0;white-space:nowrap}.form-contents{align-items:center;display:flex;flex-direction:column;gap:var(--grid-gap-16,16px);justify-content:center;margin-bottom:0;transition:.2s;width:100%}.form-box button,.form-box input{line-height:1.5em;width:100%}.form-box input.invalid{background-color:#ffe8ea;border:1px solid #b53737;color:#b53737}.form-box input{border:1px solid #767676;border-radius:.5em;font-size:1.2em;line-height:1.2em;padding:.5em 1em}.form-box button[type=submit]{font-size:1.5em}.button-toggle-left,.button-toggle-right{background-color:transparent;border-bottom-color:transparent;border-top:.1em solid transparent;color:#767676;text-shadow:none}.button-toggle-left:hover,.button-toggle-right:hover{background-color:rgba(0,0,0,.07);color:#767676}.button-toggle-left.active,.button-toggle-right.active{background-color:#376eb5;border-bottom-color:#1a539c;color:#fff;text-shadow:0 .1em .35em #1a539c}.button-toggle-left.active:hover,.button-toggle-right.active:hover{background-color:#3d7bcc}.button-toggle-left{border-bottom-right-radius:0;border-top-right-radius:0}.button-toggle-right{border-bottom-left-radius:0;border-top-left-radius:0}.form-warning-box{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.5em;color:#721c24;margin-top:1em;padding:1em;text-align:center;width:100%}@media (max-height:800px),(max-width:700px){.form-box{font-size:.8em}.form-box .app-icon{border-radius:20%;height:72px;min-height:72px;min-width:72px;width:72px}}@media (min-width:1000px) and (min-height:1000px){.form-box{font-size:1.2em}}