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