:root{--primary: #21155a;--secondary: #ca297b;--secondary-inverse: #ffffff;--button-color: #fff;--button-active-color: #36258a;--button-accent-active-color: #e04b98;--input-bg: #fff;--card-bg: #fff;--body-bg: #e9e8ee;--inactive-color: #808080;--button-animation-speed: 40ms;--button-size-x: 4.85rem;--button-size-y: 10.75vh;--key-gap: .75rem;--success: #04ac00;--error: #ec000a}*{margin:0;padding:0;box-sizing:border-box;min-height:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;touch-action:none}html{font-size:1.25vw}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}body{height:100vh;width:100vw;overflow:hidden;align-items:stretch;justify-content:center;font-size:1rem;background:var(--body-bg)}.service-toggle{display:block;background:transparent;position:absolute;left:0;bottom:0;width:8vw;height:12vh}main{display:flex;flex-direction:column;flex:1;align-items:center;height:100%;width:100%;-webkit-user-select:none;user-select:none;position:relative}main.no-input .input-display__placeholder{display:block}main.no-input .input-display__text{visibility:hidden}main.state-error .stage.stage-error{display:flex}main.state-service .stage.stage-service{display:flex;align-items:center;justify-content:center}main.state-loading .stage.stage-loading{display:flex}main.state-loading .copyright{display:none}main.state-closed .stage.stage-closed{display:flex}main.state-free .stage.stage-free{display:flex}main.state-error-system .stage.stage-error-system{display:flex}main.state-error-system .copyright{display:none}main.state-login .stage.stage-login{display:flex;max-width:35vw;align-items:center;justify-content:center}main.state-login .stage.stage-login .key.enter{width:100%;margin-top:2rem}main.state-success .stage.stage-success{display:flex}main.state-default .stage.stage-default{display:flex}main.is-offline .button-hard-refresh{display:none!important}.service-nav{margin:0 auto;padding:0;list-style:none}.service-nav li a{text-decoration:none;padding:.4rem 1.1rem;display:block;width:100%;height:auto;text-align:center}.service-nav li+li{margin-top:.5rem}.app-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--secondary);padding:4.5vh 3rem;position:relative;height:13.9vh}.app-header .app-header__logo{position:absolute;width:7rem;left:50%;transform:translate(-50%)}.app-header .app-header__logo img{display:block;width:100%}.app-header figcaption{font-size:1rem;color:var(--secondary-inverse)}.app-header figcaption strong,.app-header figcaption span{display:block;text-align:right}.message{background:var(--card-bg);border-radius:.5rem;padding:6rem 2rem;display:flex;align-items:center;flex-direction:column;position:relative}.message svg{margin-bottom:2rem;width:10rem}.message .message__text{font-size:2.5rem;text-align:center}.message.success svg path{fill:var(--success)}.message.error svg path{fill:var(--error)}.message .message__counter{position:absolute;right:0;top:0;font-size:1.5rem;font-weight:700;display:block;padding:1.5rem}.stage{width:100%;flex:1;display:flex;flex-direction:column;display:none;margin:auto 0;justify-content:center;padding:1rem 3rem}.stage>section{margin:auto 0}.stage .stage__buttons{display:flex;justify-content:center;margin-top:2rem}.copyright{text-align:center;margin-top:auto;padding:2rem 3rem}.input-board{display:flex;width:100%;justify-content:space-between}.language-select{display:flex;gap:1rem;align-self:flex-start}.language-select a{text-decoration:none;font-weight:700;color:var(--primary);font-size:2rem}.language-select a.active{color:var(--secondary-inverse)}.input-display{border:solid .25rem var(--primary);border-radius:1rem;width:100%;padding:3.4vh 0rem;text-align:center;margin-bottom:2rem;background:var(--input-bg);position:relative;overflow:hidden;height:19.5vh}.input-display .input-display__placeholder{display:none;color:var(--inactive-color);position:absolute;width:100%;text-align:center;top:50%;left:0;transform:translateY(-50%);font-size:2.5rem;font-weight:700}.input-display .input-display__text{text-transform:uppercase;font-size:4.5rem;font-weight:700;letter-spacing:.15rem}.input-display .input-display__clear{position:absolute;right:0;top:0;background:var(--body-bg);height:100%;display:flex;align-items:center;justify-content:center;padding:0 1.5rem;border:none}.input-display .input-display__clear svg{display:block;width:5rem}.input-display .input-display__clear:active{outline:none}.input-display .input-display__clear:active .clear-button path{fill:var(--button-active-color)}.clear-button path{fill:var(--primary)}.key{background:var(--primary);border:solid 1px var(--primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--button-color);width:var(--button-size-x);height:var(--button-size-y);border-radius:.3rem;font-weight:700;font-size:2rem;transition:background-color var(--button-animation-speed) ease-in,border-color var(--button-animation-speed) ease-in}.key.enter{background-color:var(--secondary);border-color:var(--secondary)}.key.enter:active:not(:disabled){background:var(--button-accent-active-color);border-color:var(--button-accent-active-color)}.key:active:not(:disabled){background:var(--button-active-color);border-color:var(--button-active-color)}.key:disabled{opacity:.5}.key.default{width:auto;height:auto;padding:.6rem 1.4rem}.numpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:var(--key-gap);width:fit-content}.numpad .key.enter{grid-row:4;grid-column:2/span 2;width:auto}.keyboard{display:grid;gap:var(--key-gap);grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(4,1fr);width:fit-content}.keyboard .key{grid-column:span 2;grid-row:1}.keyboard .key.second-row{grid-row:2}.keyboard .key.second-row.empty{grid-column:1/1}.keyboard .key.third-row{grid-row:3}.keyboard .key.space{grid-row:4;grid-column:6/16;width:auto}.keyboard .key.empty{visibility:hidden}.keyboard .filler.second-row{grid-row:2}.keyboard .filler.third-row{grid-row:3;grid-column:1/span 3}.form-control{display:block;width:100%;padding:.5rem;font-size:1.5rem;border:solid .1rem var(--primary);border-radius:.5rem}.version{position:absolute;right:0;bottom:0;font-size:.6875rem;display:block;padding:.5rem;pointer-events:none}.form-group{margin-bottom:1rem;width:100%}.form-group label{display:block;margin-bottom:.25rem;font-size:1.5rem}.alert{width:100%;font-size:0}.alert.has-error{margin-bottom:1rem;font-size:1.5rem}.alert ul{margin:0;padding:0;list-style:none}.alert.alert-danger{color:var(--error)}@media (max-width: 675px) and (orientation: portrait){html{font-size:16px}.app-header{height:auto;padding:1.25rem 1rem}.app-header .app-header__logo{display:none}.input-board{flex-direction:column;gap:1rem;align-items:center}.key{--button-size-x: auto;--button-size-y: auto;font-size:1rem;padding:.5rem}.keyboard,.numpad{--key-gap: .25rem}.keyboard{width:100%}.keyboard .key.space{grid-column:4/18}.message .message__text{font-size:1.25rem}.copyright{display:none}.input-display{padding:0;height:5rem;display:flex}.input-display .input-display__text{font-size:1.65rem;flex:1;display:flex;align-items:center;justify-content:center;padding:0 2rem}.input-display .input-display__clear{position:static;margin-left:auto}.input-display .input-display__clear svg{width:1.5rem}.stage{padding:1rem}main.no-input .input-display__text{display:none}main.no-input .input-display__placeholder{display:flex;transform:none;align-items:center;padding:0 1rem;font-size:1rem;position:static}main.state-login .stage.stage-login{max-width:100%}}