.display.svelte-16hfoai{--padding-block: .725em;color:var(--color-display);background-color:var(--color-display-bg);border-radius:var(--border-radius-display);font-size:var(--font-size-display);letter-spacing:var(--letter-spacing-display);line-height:1;padding-inline:.6em;height:clamp(5.5rem,3rem + 10vw,8rem);overflow:hidden}.display.svelte-16hfoai{display:flex;align-items:center;justify-content:flex-end}.text.svelte-16hfoai{text-overflow:ellipsis;overflow:hidden;text-align:right}.button.svelte-z70trj{--background-color: var(--color-keybutton-bg-primary);--background-color-active: var(--color-keybutton-primary-active);--shadow-color: var(--color-keybutton-primary-shadow);--box-shadow-offset-y: 4px;width:100%;display:grid;place-items:center;color:var(--color-keybutton-primary);background-color:var(--background-color);border-radius:clamp(.3125rem,1.27vw,.625rem);box-shadow:0 var(--box-shadow-offset-y) 0 0 var(--shadow-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}@media (hover: hover){.button.svelte-z70trj:not(:disabled):hover{background-color:var(--background-color-active)}}.button.svelte-z70trj:active,.button.svelte-z70trj.active{background-color:var(--background-color-active);--box-shadow-offset-y: 2px;transform:translateY(2px)}.button.svelte-z70trj:focus-visible{outline:var(--box-shadow-offset-y) solid var(--color-body)}.button.svelte-z70trj{font-size:var(--font-size-keybutton-digit);color:var(--color-keybutton-primary)}.button.text.svelte-z70trj{font-size:var(--font-size-keybutton-text);letter-spacing:var(--letter-spacing-keybutton-text);text-transform:uppercase}.button.secondary.svelte-z70trj{--background-color: var(--color-keybutton-bg-secondary);--background-color-active: var(--color-keybutton-secondary-active);--shadow-color: var(--color-keybutton-secondary-shadow);color:var(--color-keybutton-secondary)}.button.accent.svelte-z70trj{--background-color: var(--color-keybutton-bg-accent);--background-color-active: var(--color-keybutton-accent-active);--shadow-color: var(--color-keybutton-accent-shadow);color:var(--color-keybutton-accent)}.keyboard.svelte-1lsokxf{width:100%;padding:clamp(1.25rem,.5rem + 3vw,2rem);background-color:var(--color-keyboard-bg);border-radius:var(--border-radius-keyboard)}.keyboard.svelte-1lsokxf{--gap: clamp(1rem, .5rem + 2vw, 1.5rem);display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:calc(4rem - 4px);column-gap:var(--gap);row-gap:calc(var(--gap) + 4px)}.spanned.svelte-1lsokxf{display:flex;grid-column:span 2}.fieldset.svelte-1r5bbhd{font-size:.75rem;display:grid;grid-template-columns:max-content max-content;gap:.5rem 1rem;-webkit-user-select:none;user-select:none}.legend.svelte-1r5bbhd{grid-column:1 / 2;grid-row:2 / 3;margin-block:auto;text-transform:uppercase;font-size:var(--font-size-ui-sm);font-weight:var(--font-weight-ui);letter-spacing:var(--letter-spacing-ui-sm)}.labels.svelte-1r5bbhd{grid-column:2 / 3;grid-row:1 / 2}.labels.svelte-1r5bbhd,.inputs.svelte-1r5bbhd{display:inline-flex;align-items:center;gap:.1666666666666667em;padding-inline:.6666666666666667em}.inputs.svelte-1r5bbhd{grid-column:2 / 3;grid-row:2 / 3;background-color:var(--color-switcher-bg);padding-block:.4166666666666667em;border-radius:1.083333333333333em}.input.svelte-1r5bbhd,.label.svelte-1r5bbhd{width:1.333333333333333em;cursor:pointer}.label.svelte-1r5bbhd{text-align:center}.input.svelte-1r5bbhd{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;aspect-ratio:1;background-color:transparent;transition:background-color .3s,transform .3s}.input.svelte-1r5bbhd:checked{background-color:var(--color-switcher-radio-bg)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}button{background:none;border:none;font:inherit;cursor:pointer}fieldset{border:none}input{font:inherit}:root{--color-white: white;--color-black: black;--color-purple-950: rgb(23, 6, 42);--color-purple-900: rgb(30, 9, 54);--color-purple-850: rgb(51, 28, 77);--color-purple-800: rgb(86, 7, 124);--color-purple-700: rgb(108, 52, 172);--color-purple-650: rgb(134, 49, 175);--color-navy-950: rgb(24, 31, 51);--color-navy-900: rgb(36, 45, 68);--color-navy-850: rgb(58, 70, 99);--color-navy-750: rgb(67, 74, 89);--color-navy-700: rgb(100, 113, 152);--color-navy-400: rgb(162, 178, 225);--color-gray-900: rgb(54, 54, 44);--color-gray-300: rgb(210, 205, 205);--color-gray-200: rgb(230, 230, 230);--color-gray-100: rgb(238, 238, 238);--color-blue-950: rgb(26, 35, 39);--color-blue-500: rgb(55, 129, 135);--color-blue-400: rgb(98, 181, 188);--color-red-600: rgb(208, 63, 47);--color-red-400: rgb(249, 107, 91);--color-orange-700: rgb(200, 84, 2);--color-orange-400: rgb(255, 138, 56);--color-cyan-500: rgb(0, 222, 208);--color-cyan-200: rgb(147, 255, 248);--color-yellow-300: rgb(255, 229, 61)}.theme{background-color:var(--color-body-bg);color:var(--color-body)}.theme[data-theme="0"]{--color-body: var(--color-white);--color-body-bg: var(--color-navy-850);--color-display-bg: var(--color-navy-950);--color-display: var(--color-white);--color-keyboard-bg: var(--color-navy-900);--color-switcher-bg: var(--color-navy-900);--color-switcher-radio-bg: var(--color-orange-700);--color-keybutton-primary: var(--color-navy-750);--color-keybutton-bg-primary: var(--color-gray-200);--color-keybutton-primary-shadow: #b3a497;--color-keybutton-primary-active: var(--color-white);--color-keybutton-secondary: var(--color-white);--color-keybutton-bg-secondary: var(--color-blue-500);--color-keybutton-secondary-shadow: #414e73;--color-keybutton-secondary-active: var(--color-navy-400);--color-keybutton-accent: var(--color-white);--color-keybutton-bg-accent: var(--color-red-600);--color-keybutton-accent-shadow: #93261a;--color-keybutton-accent-active: var(--color-red-400)}.theme[data-theme="1"]{--color-body: var(--color-gray-900);--color-body-bg: var(--color-gray-200);--color-display-bg: var(--color-gray-100);--color-display: var(--color-gray-900);--color-keyboard-bg: var(--color-gray-300);--color-switcher-bg: var(--color-gray-300);--color-switcher-radio-bg: var(--color-orange-700);--color-keybutton-primary: var(--color-gray-900);--color-keybutton-bg-primary: var(--color-gray-200);--color-keybutton-primary-shadow: rgb(167, 158, 145);--color-keybutton-primary-active: var(--color-white);--color-keybutton-secondary: var(--color-white);--color-keybutton-bg-secondary: var(--color-blue-500);--color-keybutton-secondary-shadow: rgb(27, 96, 102);--color-keybutton-secondary-active: var(--color-blue-400);--color-keybutton-accent: var(--color-white);--color-keybutton-bg-accent: var(--color-orange-700);--color-keybutton-accent-shadow: rgb(135, 57, 1);--color-keybutton-accent-active: var(--color-orange-400)}.theme[data-theme="2"]{--color-body: var(--color-yellow-300);--color-body-bg: var(--color-purple-950);--color-display-bg: var(--color-purple-900);--color-display: var(--color-yellow-300);--color-keyboard-bg: var(--color-purple-900);--color-switcher-bg: var(--color-purple-900);--color-switcher-radio-bg: var(--color-cyan-500);--color-keybutton-primary: var(--color-yellow-300);--color-keybutton-bg-primary: var(--color-purple-850);--color-keybutton-primary-shadow: #881c9e;--color-keybutton-primary-active: var(--color-purple-700);--color-keybutton-secondary: var(--color-white);--color-keybutton-bg-secondary: var(--color-purple-800);--color-keybutton-secondary-shadow: #be15f4;--color-keybutton-secondary-active: var(--color-purple-650);--color-keybutton-accent: var(--color-blue-950);--color-keybutton-bg-accent: var(--color-cyan-500);--color-keybutton-accent-shadow: #6cf9f1;--color-keybutton-accent-active: var(--color-cyan-200)}.transition-color{transition:color .5s,background-color .5s}:root{--font-size-display: clamp(2.5rem, 1.5rem + 4vw, 3.5rem);--letter-spacing-display: -.0178571428571429em;--font-weight-ui: 700;--font-family-ui: "League Spartan", sans-serif;--font-family-ui-offset: .1em;--font-size-keybutton-text: clamp(1.25rem, .77rem + 2vw, 1.75rem);--letter-spacing-keybutton-text: .015em;--font-size-keybutton-digit: clamp(2rem, 1.5rem + 2vw, 2.5rem);--font-size-ui-sm: .75rem;--letter-spacing-ui-sm: .0833333333333333em}body{font-family:var(--font-family-ui);font-weight:var(--font-weight-ui)}:root{--border-radius-ui: .625rem;--border-radius-display: var(--border-radius-ui);--border-radius-keyboard: var(--border-radius-ui)}.sr-only{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.wrapper.svelte-1n46o8q{--padding-inline: clamp(1.5rem, -3.87rem + 22.9vw, 7.125rem);height:100vh;overflow-x:clip;display:grid;grid-template-columns:var(--padding-inline) 1fr var(--padding-inline);grid-template-rows:1fr max-content 1fr;justify-items:center}.wrapper.svelte-1n46o8q>.wrapper-child:where(.svelte-1n46o8q){width:100%;grid-column:2;grid-row:2}.keyboard-wrapper.svelte-1n46o8q{max-width:33.75rem;margin-inline:auto;display:grid;row-gap:1.5rem}.header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:flex-end}.logo.svelte-1n46o8q{font-size:2rem;letter-spacing:.015625em;text-transform:lowercase;-webkit-user-select:none;user-select:none}