:root{--color-white: hsl(0, 0%, 100%);--color-black: hsl(0, 0%, 0%);--color-dark-gray: hsl(0, 0%, 10%);--color-mid-gray: hsl(0, 0%, 20%);--color-light-gray: hsl(0, 0%, 60%);--color-dark-orange: hsl(15, 100%, 60%);--color-med-orange: hsl(20, 100%, 60%);--color-light-orange: hsl(20, 100%, 70%);--color-pale-yellow: hsl(60, 100%, 97%);--color-beige: hsl(30, 50%, 60%);--color-green: hsl(80, 70%, 50%);--color-blue: hsl(200, 100%, 70%);--color-app-background: var(--color-dark-gray);--color-app-text: var(--color-white);--color-input-text: var(--color-black);--color-input-text-placeholder: var(--color-black);--color-input-text-focus: var(--color-black);--color-input-border-focus: var(--color-dark-orange);--color-input-background-focus: var(--color-pale-yellow);--color-input-text-placeholder-focus: var(--color-beige);--color-input-shadow-focus: var(--color-light-orange);--color-loading: var(--color-light-gray);--color-2fa-code-hover: var(--color-mid-gray);--color-copy-to-clipboard-message: var(--color-light-gray)}:root{--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-monospace: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--font-size-xxs: .8125rem ;--font-size-xs: .875rem ;--font-size-s: .9375rem ;--font-size-m: 1rem;--font-size-l: 1.25rem ;--font-size-xl: 1.5rem ;--font-size-xxl: 2rem ;--line-height-normal: 1.3;--font-family-primary: var(--font-family-sans-serif);--font-family-input: var(--font-family-monospace);--font-family-2fa-code: var(--font-family-monospace);--font-size-text: var(--font-size-m);--font-size-heading: var(--font-size-xxl);--font-size-author-link: var(--font-size-xxs);--font-size-label: var(--font-size-l);--font-size-input: var(--font-size-xl);--font-size-reveal-label: var(--font-size-xs);--font-size-2fa-code: var(--font-size-xxl);--font-size-2fa-code-countdown-count: var(--font-size-xxs);--font-size-copy-to-clipboard-message: var(--font-size-xxs);--line-height-app-text: var(--line-height-normal)}*{box-sizing:border-box}body{margin:0 auto;background-color:var(--color-app-background);font-family:var(--font-family-primary);text-align:left;line-height:var(--line-height-app-text);color:var(--color-app-text)}.app-wrapper{display:contents}.app{margin:0 auto;max-width:550px;padding:0 30px}h1{margin-top:6rem;text-align:center}a{color:var(--color-blue)}.author-link{opacity:.75;position:absolute;top:5px;right:10px;font-size:var(--font-size-author-link);color:inherit;text-decoration:none}.author-link .by{font-size:.7rem}.author-link:hover{opacity:1}p.disclaimer{margin-top:var(--font-size-xxl)}form{margin:0 auto;text-align:left}.field{margin:0}label{font-size:var(--font-size-label)}input.secret{width:100%;margin:5px 0;border:solid 1px rgba(0,0,0,.35);background-clip:padding-box;border-radius:3px;padding:12px;font-family:var(--font-family-input);font-size:var(--font-size-input);vertical-align:middle}input.secret::placeholder{color:#999}input.secret:focus{outline-width:0;border-color:var(--color-input-border-focus);background-color:var(--color-input-background-focus);box-shadow:0 0 5px 1px var(--color-input-shadow-focus);color:var(--color-input-text-focus)}input.secret:focus::placeholder{color:var(--color-input-text-placeholder-focus)}.field[data-field-id=reveal]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}label[for=reveal]{margin-right:0;font-size:var(--font-size-reveal-labelg)}input#reveal{margin-right:0}.code-container{visibility:hidden;opacity:0;--2fa-code-padding-h: 5px;--2fa-code-padding-v: 3px;--2fa-code-countdown-margin-top: 3px;position:relative;display:flex;width:fit-content;flex-direction:column;justify-content:center;align-items:center;margin:30px auto;font-size:var(--font-size-2fa-code);line-height:1}.code-container.visible{visibility:visible;opacity:1}@keyframes flash{0%{filter:brightness(150%)}to{filter:brightness(100%)}}.code{position:relative;border-width:0;border-radius:5px;padding:var(--2fa-code-padding-v) var(--2fa-code-padding-h);background:none;font-family:var(--font-family-2fa-code);font-size:inherit;color:inherit}.code:hover,.code.copied{background-color:var(--color-2fa-code-hover);box-shadow:0 0 0 2px var(--color-2fa-code-hover);cursor:pointer}.code.copied{animation:flash .75s ease-in-out forwards}.code-countdown{visibility:hidden;width:100%;display:inline-flex;justify-content:space-between;align-items:center;position:relative;z-index:10;margin-top:var(--2fa-code-countdown-margin-top);padding:var(--2fa-code-padding-v) var(--2fa-code-padding-h)}.code-countdown.visible{visibility:visible}.code-countdown-bar-wrapper{display:flex;align-items:center;width:100%}.code-countdown-bar{display:inline-block;width:calc(var(--percent-time-remaining) * 100%);background-color:hsl(calc(var(--percent-time-remaining) * 90),75%,50%);height:16px;border-radius:3px}.code-countdown-count{text-align:right;min-width:24px;font-size:var(--font-size-2fa-code-countdown-count)}.copy-to-clipboard-message{pointer-events:none;position:absolute;bottom:100%;left:0;min-width:100%;border-width:0;background:none;font-size:var(--font-size-copy-to-clipboard-message);text-align:center;-webkit-user-select:none;user-select:none;color:var(--color-copy-to-clipboard-message);visibility:hidden;opacity:0;transform:translateY(100%)}.code:hover+.copy-to-clipboard-message{visibility:visible;opacity:1;transform:translateY(-5px)}