#content .side.sign-in,#content .side.sign-up{align-items:stretch;display:flex;margin-left:0;max-width:none;width:50%}#content .side.sign-in .user,#content .side.sign-up .user{display:flex;flex-direction:column;font-size:1.125em;justify-content:center;margin-bottom:0;padding:4rem;width:100%}@media only screen and (max-width:1024px){#content .side.sign-in .user,#content .side.sign-up .user{padding:2rem}}@media only screen and (max-width:768px){#content .side.sign-in,#content .side.sign-up{display:block;width:auto}}@media only screen and (max-width:480px){#content .side.sign-in .user,#content .side.sign-up .user{padding:1.25rem}}#sign-up.new .title{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 2rem 1.5rem;text-align:center}#sign-up.new .title h1{color:#b80000;font-family:IBM Plex Sans Thai,sans-serif;font-size:1.5em}#sign-up.new .field{margin-bottom:2.5rem;margin-left:2rem}#sign-up.new .field>li{display:flex;flex-wrap:wrap;margin-bottom:1rem}#sign-up.new .field .sub-field{align-items:baseline;display:flex;width:100%}@media only screen and (max-width:480px){#sign-up.new .field{margin-bottom:2rem;margin-left:1.25rem}#sign-up.new .field .sub-field{display:block;margin-right:1.25rem}}#sign-up.new .field h2{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#4d4d4d;font-family:IBM Plex Sans Thai,sans-serif;margin-bottom:.5rem}#sign-up.new .field h2 span{color:#e80000;font-size:1.2em;margin-left:.25rem}@media only screen and (max-width:768px){#sign-up.new .field h2{font-size:.9em}}#sign-up.new .field li{display:block;margin-bottom:1rem}#sign-up.new .field label{box-sizing:border-box;display:block;margin-bottom:.5rem;margin-right:2rem;position:relative;width:100%;width:auto}@media only screen and (max-width:480px){#sign-up.new .field label{margin-right:1.25rem}}#sign-up.new .field [type=email],#sign-up.new .field [type=password],#sign-up.new .field [type=text]{border:1px solid #666;box-sizing:border-box;color:#4d4d4d;font-family:inherit;font-size:.9em;line-height:1.25;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out;width:100%;border-radius:0;height:50px;padding:.75rem .75rem .75rem 3rem}#sign-up.new .field [type=email]::-moz-placeholder,#sign-up.new .field [type=password]::-moz-placeholder,#sign-up.new .field [type=text]::-moz-placeholder{color:#666;opacity:.7;overflow:hidden;text-overflow:ellipsis}#sign-up.new .field [type=email]::placeholder,#sign-up.new .field [type=password]::placeholder,#sign-up.new .field [type=text]::placeholder{color:#666;opacity:.7;overflow:hidden;text-overflow:ellipsis}#sign-up.new .field [type=email]:focus,#sign-up.new .field [type=password]:focus,#sign-up.new .field [type=text]:focus{border-color:#666;box-shadow:0 0 0 .2rem hsla(0,0%,40%,.25);outline:0}@supports(-webkit-overflow-scrolling:touch){#sign-up.new .field [type=email],#sign-up.new .field [type=password],#sign-up.new .field [type=text]{font-size:1em}#sign-up.new .field [type=email]::-moz-placeholder,#sign-up.new .field [type=password]::-moz-placeholder,#sign-up.new .field [type=text]::-moz-placeholder{line-height:normal}#sign-up.new .field [type=email]::placeholder,#sign-up.new .field [type=password]::placeholder,#sign-up.new .field [type=text]::placeholder{line-height:normal}}#sign-up.new .field [type=password],#sign-up.new .field [type=text]{padding-right:2.4rem}#sign-up.new .field .icon,#sign-up.new .field .toggle{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;position:absolute;top:0;width:3rem;z-index:1}#sign-up.new .field .icon{font-size:1.8em;left:0}#sign-up.new .field .toggle{font-size:1.25em;opacity:0;right:0;transition:opacity .3s ease-in-out}#sign-up.new .field .toggle.active{opacity:1}#sign-up.new .field .error [type=email],#sign-up.new .field .error [type=password],#sign-up.new .field .error [type=text]{border-color:#b80000}#sign-up.new .field .error [type=email]:focus,#sign-up.new .field .error [type=password]:focus,#sign-up.new .field .error [type=text]:focus{box-shadow:0 0 0 .2rem rgba(184,0,0,.25)}#sign-up.new .field .error [type=email]:hover select,#sign-up.new .field .error [type=password]:hover select,#sign-up.new .field .error [type=text]:hover select{text-shadow:0 0 0 #b80000}#sign-up.new .field .error [type=email]:hover .arrow i,#sign-up.new .field .error [type=password]:hover .arrow i,#sign-up.new .field .error [type=text]:hover .arrow i{color:#b80000}#sign-up.new .field .error-message{color:#e80000;display:block;flex:auto;font-size:.8em}#sign-up.new .btn{display:block;padding:0;text-align:right}#sign-up.new .btn [name=back],#sign-up.new .btn a{color:#666;font-family:IBM Plex Sans Thai,sans-serif;font-size:.9em}#sign-up.new .btn [name=back]:hover,#sign-up.new .btn a:hover{opacity:.7;text-decoration:underline}#sign-up.new .btn [name=back]{background-color:transparent;border:0;cursor:pointer}#sign-up.new .btn input[type=submit]{background-color:#b80000;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;position:relative;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;z-index:1;font-size:.9em}#sign-up.new .btn input[type=submit] i{font-size:1.25em;margin-right:.5rem;position:relative;top:1.5px}#sign-up.new .btn input[type=submit]:before{background-color:#b80000;background-image:linear-gradient(60deg,#b80000,#e80000);border-radius:2rem;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}#sign-up.new .btn input[type=submit]:hover{background-color:#e80000}#sign-up.new .btn input[type=submit]:hover:before{opacity:1}#sign-up.new .btn [name=confirm],#sign-up.new .btn [name=edit]{background-color:transparent;border:1px solid #b80000;border-radius:2rem;color:#b80000;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;outline:none;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}#sign-up.new .btn [name=confirm] i,#sign-up.new .btn [name=edit] i{font-size:1.5em;margin-right:.5rem;position:relative;top:1.5px}#sign-up.new .btn [name=create]{background-color:#00c16b;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;font-size:.9em}#sign-up.new .btn [name=create]:hover{background-color:#008c4d}#sign-up.new .btn [name=destroy]{background-color:#b80000;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;position:relative;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;z-index:1;font-size:.9em}#sign-up.new .btn [name=destroy] i{font-size:1.25em;margin-right:.5rem;position:relative;top:1.5px}#sign-up.new .btn [name=destroy]:before{background-color:#b80000;background-image:linear-gradient(60deg,#b80000,#e80000);border-radius:2rem;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}#sign-up.new .btn [name=destroy]:hover{background-color:#e80000}#sign-up.new .btn [name=destroy]:hover:before{opacity:1}#sign-up.new .btn ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding-left:.5rem}#sign-up.new .btn ul li{display:flex;margin-right:1rem}@media only screen and (max-width:480px){#sign-up.new .btn ul li{margin-bottom:1rem}}@media only screen and (max-width:320px){#sign-up.new .btn ul{flex-direction:column;padding:0}#sign-up.new .btn ul li{margin-bottom:1rem;margin-right:0}#sign-up.new .btn ul li:last-child{margin-bottom:0}}#sign-up.new .sign-in{font-family:IBM Plex Sans Thai,sans-serif;font-size:.9em;margin-top:1rem;text-align:center}#sign-up.new .sign-in a{color:#b80000;display:inline;text-decoration:underline}@media only screen and (max-width:480px){#sign-up.new .title{margin:0 1.25rem 1.5rem}}