:root{--font-family--heading: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family--body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-small: .8rem;--color-primary: hsl(193.73, 85.57%, 19.02%);--color-secondary: hsl(194.26, 82.43%, 29.02%);--color-tertiary: hsl(189.71, 43.04%, 69.02%);--color-neutral: hsl(194.26, 10%, 90%);--color-warning: hsl(44.93, 93.78%, 44.12%);--color-danger: hsl(345.21, 93.78%, 44.12%);--color-white: hsl(0, 0%, 100%);--color-text: hsl(193.73, 85.57%, 10%);--color-link: hsl(194.26, 82.43%, 29.02%);--color-border: hsl(194.26, 10%, 50%);--color-container-neutral: hsl(0, 100%, 100%)}html,body{font-size:16px;margin:0;padding:0;background-color:var(--color-neutral);font-family:var(--font-family--body);font-weight:300;width:100%;color:var(--color-text)}#root{display:flex;place-items:center;place-content:center;margin:1rem;min-height:calc(100dvh - 2rem)}p{font-weight:400}a{text-decoration:none;font-weight:600;color:var(--color-link)}a:hover{border-bottom:2px solid #1a1136;color:var(--color-primary)}a:hover:after{content:""}a:active{color:var(--color-link)}a.button{border:0}h1,h2{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-weight:300;font-size:2.5rem;margin:0;font-family:var(--font-family--heading)}.container{display:flex;flex-direction:column;width:100%;max-width:500px;background-color:#fff;border-radius:.5rem;box-shadow:0 0 .5rem #0000001a}header{border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:1rem;background-color:var(--color-container-neutral);display:flex;justify-content:center;border-bottom:2px solid var(--color-border)}main{margin:2rem}form{display:flex;flex-direction:column;gap:2rem}.alert{padding:1rem;border-radius:.5rem;display:flex;gap:1rem;align-items:center;justify-content:center}.alert.error{background-color:#c32727;color:#fff}.element{display:flex;flex-direction:column;gap:.5rem}.element .error{display:none;color:var(--color-danger);font-size:.8rem;margin:0}.element.signup{display:flex;place-items:center}.element.signup p{margin:0}.element.confirmation{display:flex;flex-direction:row;justify-content:start;gap:.5rem}button{display:inline-flex;place-items:center;justify-content:center;padding:.5rem 1rem;border-radius:2rem;border:none;background-color:var(--color-primary);color:var(--color-white);font-weight:500;font-size:1.2rem}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:hover,button:active{background-color:var(--color-secondary)}button.secondary{background-color:var(--color-white);color:var(--color-text);border:1px solid var(--color-secondary)}button.secondary:hover{background-color:var(--color-neutral)}button.secondary:active{background-color:var(--color-white)}button.small{padding:.3rem .5rem;font-size:1rem}button.block{width:100%}input{padding:1rem;border-radius:.5rem;border:1px solid var(--color-border);font-size:1rem;outline:none}input:focus{border:2px solid var(--color-primary)}input:hover{border-color:var(--color-primary)}input::placeholder{font-weight:300;font-size:1rem;font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}input:user-invalid+.error{display:block}input:user-invalid:not(:focus):not(:hover){border-color:var(--color-danger)}form[data-submitted=true] input:invalid,form[data-submitted=true] select:invalid,form[data-submitted=true] textarea:invalid{border-color:var(--color-danger)}form[data-submitted=true] input:invalid+.error,form[data-submitted=true] select:invalid+.error,form[data-submitted=true] textarea:invalid+.error{display:block}.divider{display:flex;align-items:center;gap:1rem;margin:1rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.divider:before{margin-right:1rem}.divider:after{margin-left:1rem}.m-t-1{margin-top:1rem}.m-t-2{margin-top:2rem}.m-t-3{margin-top:3rem}.m-b-1{margin-bottom:1rem}.m-b-2{margin-bottom:2rem}.m-b-3{margin-bottom:3rem}.form-error{color:var(--color-white);font-size:var(--font-size-small);padding:0 1rem;font-family:monospace;background-color:var(--color-danger);border:1px solid var(--color-danger);border-radius:.5rem}.saved-authenticators{display:flex;flex-direction:column;margin:1rem 0;gap:.3rem}.saved-authenticators h2{font-size:var(--font-size-large);font-weight:600;margin:0;padding:0}.saved-authenticators ul.authenticator-list{list-style:none;margin:0;padding:0}.saved-authenticators ul.authenticator-list .authenticator{padding:1rem;background:none;text-align:left;color:var(--color-primary);display:flex;justify-content:space-between;align-items:center;border-radius:.3rem;border:1px solid var(--color-neutral)}.saved-authenticators ul.authenticator-list .authenticator button{background:none;color:var(--color-primary);cursor:pointer;border-radius:.3rem}.saved-authenticators ul.authenticator-list .authenticator button:hover{background-color:var(--color-neutral)}.saved-authenticators ul.authenticator-list .authenticator p{margin:0}.saved-authenticators ul.authenticator-list .authenticator .displayName{margin:0;padding:0;font-size:var(--font-size-small);margin-bottom:.5rem}.saved-authenticators ul.authenticator-list .authenticator .userName{font-size:var(--font-size-small)}.saved-authenticators ul.authenticator-list .authenticator .authenticatorName{font-size:var(--font-size-small);margin-bottom:.5rem}.saved-authenticators ul.authenticator-list .authenticator .lastLoggedInAt{font-size:var(--font-size-small)}main.success .details{margin-top:1rem;margin-bottom:2rem;padding:1rem;border:1px solid #ccc;border-radius:5px;background-color:#f5f5f5;display:grid;grid-template-columns:1fr 2fr;gap:1rem}main.success .details dt{font-weight:700;grid-column:1}main.success .details dd{margin-left:0;grid-column:2}main.success .centered{text-align:center}