:root{--active-brightness: .85;--border-radius: 5px;--box-shadow: 2px 2px 10px;--color-accent: #118bee15;--color-bg: #fff;--color-bg-secondary: #e9e9e9;--color-link: #118bee;--color-secondary: #920de9;--color-secondary-accent: #920de90b;--color-shadow: #f4f4f4;--color-table: #118bee;--color-text: #000;--color-text-secondary: #999;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--hover-brightness: 1.2;--justify-important: center;--justify-normal: left;--line-height: 1.5;--width-card: 285px;--width-card-medium: 460px;--width-card-wide: 800px;--width-content: 1080px}*{box-sizing:border-box}body main{margin-bottom:3rem}body main article{max-width:712px}@media screen and (max-width: 480px){body main article{width:100%}}body main article h1{font-size:140%;color:#00abff;font-weight:400}body main article a{color:var(--color-link);display:inline-block;font-weight:700;text-decoration:underline}body main article a:hover{filter:brightness(var(--hover-brightness))}body main article a:active{filter:brightness(var(--active-brightness))}body main article b,body main article em,body main article i,body main article strong{border-radius:var(--border-radius);display:inline-block;font-size:medium;font-weight:700;line-height:var(--line-height);margin:.5rem 0;padding:1rem 2rem}body main article input,body main article label,body main article select,body main article textarea{display:block;font-size:inherit;max-width:var(--width-card-wide)}body main article input,body main article select,body main article textarea{border:1px solid var(--color-bg-secondary);border-radius:var(--border-radius);margin-bottom:1rem;padding:.4rem .8rem}body main article input[type=text],body main article textarea{width:calc(100% - 1.6rem)}body main article button,body main article input[type=submit]{border-radius:var(--border-radius);display:inline-block;font-size:medium;font-weight:700;line-height:var(--line-height);margin:.5rem 0;padding:1rem 2rem}body main article button,body main article input[type=submit]{font-family:var(--font-family)}body main article button:hover,body main article input[type=submit]:hover{cursor:pointer;filter:brightness(var(--hover-brightness))}body main article button:active,body main article input[type=submit]:active{filter:brightness(var(--active-brightness))}body main article a b,body main article a strong{background-color:var(--color-link);border:2px solid var(--color-link);color:var(--color-bg)}body main article button,body main article input[type=submit]{background-color:var(--color-link);border:2px solid var(--color-link);color:var(--color-bg)}body main article a em,body main article a i{border:2px solid var(--color-link);border-radius:var(--border-radius);color:var(--color-link);display:inline-block;padding:1rem 2rem}body main article .center{text-align:center}body main article .right{text-align:right}body main article .link{-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--color-link);font-weight:700;text-decoration:underline}body main article .link:hover{filter:brightness(var(--active-brightness))}body main article.hide{display:none}body main article#home div.message{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background-color:#ffe5e5;border-radius:8px;opacity:.5;animation:fadeIn 1s forwards ease-out}body main article#home div.message .close{cursor:pointer;color:#000;font-size:1.5rem}body main article#home div .passkeys{background-color:#fcfcfc}body main article#home div .passkeys .passkey{margin:.5rem 0;padding:1.25rem 1.875rem;background-color:#fcfcfc;border:1px solid #DCDBDC;border-radius:8px}body main article#home div .passkeys .passkey .display{display:flex;justify-content:space-between;align-items:center}body main article#home div .passkeys .passkey .display .icon{flex:1;display:flex;justify-content:center;align-items:center;margin-right:1.875rem}body main article#home div .passkeys .passkey .display .icon img{width:2rem;height:2rem}body main article#home div .passkeys .passkey .display .content{flex:10;color:#9d9d9d}body main article#home div .passkeys .passkey .display .content .name{display:inline-block;color:#000;font-weight:700;margin-bottom:.188rem}body main article#home div .passkeys .passkey .display .content .name .name_by_aaguid{display:block;font-size:.75rem}body main article#home div .passkeys .passkey .display .content .name .edit{font-size:.85rem;cursor:pointer;color:var(--color-link);font-weight:700;text-decoration:underline;margin-left:.5rem}body main article#home div .passkeys .passkey .display .content .name .edit:hover{filter:brightness(var(--active-brightness))}body main article#home div .passkeys .passkey .display .remove{flex:1;color:#388bf2;font-size:.95rem;cursor:pointer;color:var(--color-link);font-weight:500;text-decoration:none;text-align:right}body main article#home div .passkeys .passkey .display .remove:hover{filter:brightness(var(--active-brightness))}body main article#home div .passkeys .passkey .display .content{padding:.5rem}body main article#home div .passkeys .passkey .display .content .useragent{display:block;font-size:.8rem;margin:.5rem 0}body main article#home div .passkeys .passkey .display .content .created_at,body main article#home div .passkeys .passkey .display .content .last_login_at{display:block;font-size:.75rem;color:#666;line-height:160%}body main article#home div .passkeys .passkey .editForm{padding:1rem}body main article#home div .passkeys .passkey .editForm input{width:100%;margin-top:1rem}body main article#home div .passkeys .passkey .editForm .actions{display:flex;justify-content:space-between;align-items:center}body main article#home div .passkeys .passkey .editForm .actions .change{display:inline-block;width:5rem;font-size:medium;font-weight:700;line-height:var(--line-height);text-align:center;margin:.5rem 0;padding:.5rem 1rem;background-color:var(--color-link);border:2px solid var(--color-link);color:var(--color-bg);border-radius:var(--border-radius)}body main article#home div .passkeys .passkey .editForm .actions .change:hover{filter:brightness(var(--active-brightness))}body main article#home div .passkeys .passkey .editForm .actions .nameCancel{font-size:.85rem;cursor:pointer;color:var(--color-link);font-weight:700;text-decoration:underline}body main article#home div .passkeys .passkey .editForm .actions .nameCancel:hover{filter:brightness(var(--active-brightness))}body main article#home div .passkeys .passkey .cannot_remove{flex:5;color:#777;font-size:.85rem}body main article#home div .add_passkey{background-color:#fcfcfc}body main article#home div button{width:100%;margin-top:1rem}body main article#passkeyRegister input,body main article#passkeyLogin input{width:100%;margin-top:1rem}body main article#passkeyRegister button,body main article#passkeyLogin button{width:100%;margin-top:1rem}body main article#passkeyRegister .passkey_area,body main article#passkeyLogin .passkey_area{cursor:pointer;display:flex;justify-content:center;align-items:center;width:300px;height:300px;margin:1rem auto;background-color:#ccc;border-radius:50%}body main article#passkeyRegister .passkey_area:hover,body main article#passkeyLogin .passkey_area:hover{background-color:#ddd}body main article#passkeyRegister .passkey_area.disabled,body main article#passkeyLogin .passkey_area.disabled{color:#fff;background-color:#aaa}body main article#passkeyRegister .passkey_area>div,body main article#passkeyLogin .passkey_area>div{text-align:center}body main article#passkeyRegister .loginChoice,body main article#passkeyLogin .loginChoice{display:flex;justify-content:space-between}body main article#passkeyRegister .loginChoice .back,body main article#passkeyLogin .loginChoice .back{flex:1}body main article#passkeyRegister .loginChoice .register,body main article#passkeyLogin .loginChoice .register{flex:5;text-align:right}body main article#mailReset input{margin-top:1rem}body main article#mailReset input,body main article#mailReset button{width:100%}body main article#passkeySelect input{margin-top:1rem}body main article#passkeySelect input,body main article#passkeySelect button{width:100%}body main article#passkeyReAuthentication input{margin-top:1rem}body main article#passkeyReAuthentication input,body main article#passkeyReAuthentication button{width:100%}body main article#anotherPlatform input,body main article#anotherPlatform button{width:100%}body main article#emailSent button{width:100%;margin-top:1rem}body main article#emailVerified button{width:100%;margin-top:1rem}body main article#loginFailure input{width:100%}body main article#loginFailure button{width:100%;margin-top:1rem}body main article#registerForm input,body main article#registerForm button{width:100%;margin-top:1rem}body main article#register input,body main article#register button{width:100%;margin-top:1rem}body main article#registerFailure input,body main article#registerFailure button{width:100%;margin-top:1rem}body main article#tryRegister button{width:100%;margin-top:1rem}body main article#complete button{width:100%;margin-top:1rem}dialog#message,dialog#remessage{position:fixed;box-shadow:0 4px 3px #0000000a;border-radius:10px;width:auto;top:10%;left:35%;right:35%;transform:none;z-index:999}dialog#message::backdrop,dialog#remessage::backdrop{background-color:#000000b3}@media screen and (max-width: 480px){dialog#message,dialog#remessage{width:90%;top:10%;left:5%;right:5%}}dialog#message .close,dialog#remessage .close{float:right;cursor:pointer;color:#000;font-size:1.5rem}dialog#message form,dialog#remessage form{margin:1rem auto;padding:1rem 2rem;text-align:center;background-color:#fff;border:none;padding:0}dialog#message form p,dialog#remessage form p{font-size:1.25em}@media screen and (max-width: 480px){dialog#message form p,dialog#remessage form p{font-size:1rem}}dialog#message form button,dialog#remessage form button{cursor:pointer;width:75%;padding:1rem 1.5rem;color:#fff;font-size:medium;line-height:var(--line-height);background-color:#118bee;border:none;border-radius:var(--border-radius);margin:.5rem 0;padding:1rem 2rem}dialog#message form button:hover,dialog#remessage form button:hover{filter:brightness(var(--hover-brightness))}.footer{display:none}.loader{display:inline-block;border-radius:50%;width:1rem;height:1rem;font-size:10px;position:relative;top:.1rem;border-top:.25rem solid #EEEEEE;border-right:.25rem solid #EEEEEE;border-bottom:.25rem solid #EEEEEE;border-left:.25rem solid #CCCCCC;transform:translateZ(0);animation:rotate 1.1s infinite linear;margin-right:.25rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}