@import"https://slavonic.github.io/css/fonts.css";:root{--color-bg-keyboard: #ccc;--color-bg-key: #fff;--color-bg-key-special: #bbb;--color-bg-key-special-active: #fff;--color-bg-key-special-hover: #ccc;--color-bg-key-variant-highlighted: #0077b6;--color-tx-key-variant-highlighted: #fff;--color-tx-key: #000;--color-bg-key-disabled: #a8a8a8;--color-tx-key-disabled: #666}*{box-sizing:border-box;touch-action:manipulation}body{background-color:var(--color-bg-keyboard);margin:0;font-family:Ponomar Unicode;-webkit-touch-callout:none}textarea,button{font-family:inherit;color:inherit}.key{min-width:1.5rem;height:2.5rem;padding:0;border:none;background-color:var(--color-bg-key);box-shadow:0 2px .5rem .1em #00000040;border-radius:.3rem;font-size:1.5em;color:var(--color-tx-key);text-align:center;display:flex;align-items:center;justify-content:center;flex-grow:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none!important;touch-action:none}.key.special{background-color:var(--color-bg-key-special)}.key.special.active{background-color:var(--color-bg-key-special-active)}.key.special:hover{background-color:var(--color-bg-key-special-hover)}.tooltip{display:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tippy-box .tooltip{display:flex}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px #9aa1b126,0 4px 80px -8px #24282f40,0 4px 4px -2px #5b5e6926;background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tooltip.svelte-13l3f06{gap:.5rem;font-size:2em}.variant.svelte-13l3f06{font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer}.variant.highlighted.svelte-13l3f06{color:var(--color-tx-key-variant-highlighted);background:var(--color-bg-key-variant-highlighted)}.key.svelte-13l3f06:disabled{color:var(--color-tx-key-disabled);background:var(--color-bg-key-disabled);box-shadow:none}button.svelte-834lmw{flex-grow:1}.key.shift.active.svelte-11lo4f0{background-color:var(--color-tx-key);color:var(--color-bg-key)}button.svelte-qq9x8b{flex-grow:6}.layout-menu.svelte-126fgn6{flex-direction:column}.layout-menu.svelte-126fgn6 button:where(.svelte-126fgn6){width:100%;background:none;border:none;padding:.5em 1em;margin:0;text-align:left;border-left:.25em solid transparent;overflow:hidden;border-radius:.25em}.layout-menu.svelte-126fgn6 button:where(.svelte-126fgn6):hover{background:#eee}.layout-menu.svelte-126fgn6 button[data-selected=true]:where(.svelte-126fgn6){border-left:.25em solid #26323d}.tippy-box[data-theme~=light-menu]{color:#26323d;box-shadow:0 0 20px 4px #9aa1b126,0 4px 80px -8px #24282f40,0 4px 4px -2px #5b5e6926;background-color:#fff;border-radius:.5em;overflow:hidden}.tippy-box[data-theme~=light-menu][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light-menu] .tippy-content{padding:0;background:#fff}button.svelte-1xiuaz6{font-size:1em}.keyboard.svelte-11ujyhu{display:flex;flex-direction:column;align-items:stretch;justify-content:center;background-color:var(--color-bg-keyboard);gap:.2em;padding:.5em;width:100%;max-width:35rem;margin:0 auto;-webkit-user-select:none;user-select:none}.row.svelte-11ujyhu{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.2em}footer.svelte-11ujyhu{width:100%;text-align:center}.inactive.svelte-11ujyhu .key:not([aria-label=Space]){opacity:.5;color:transparent}main.svelte-rfpr1a{display:flex;flex-direction:column;height:100vh;height:100dvh;padding:2em;align-items:stretch;justify-content:center;gap:.8em}#textarea.svelte-rfpr1a{position:relative;width:100%;height:100%;padding:5px;box-shadow:inset 0 2px .5rem .1rem #00000040,inset 0 0 .1rem #000;font-size:2em;overflow:auto;background:#fff;border:1px solid #ccc;white-space:pre-wrap;word-wrap:break-word;resize:none;virtual-keyboard-policy:manual}#textarea.svelte-rfpr1a::placeholder{color:#aaa;font-style:italic;font-family:serif}.actions.svelte-rfpr1a{display:flex;align-items:center;justify-content:center;gap:.5em}button.svelte-rfpr1a{display:flex;align-items:center;justify-content:center;gap:.5em;border-radius:.5em;background-color:var(--color-bg-key);border:1px solid #ccc;box-shadow:0 2px .5rem .1rem #00000040,0 0 .1rem #000;height:2.5rem;width:2.5rem;color:inherit}a.svelte-rfpr1a{display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;gap:.5em;padding:.5em;border-radius:.5em;background-color:var(--color-bg-key);border:1px solid #ccc;box-shadow:0 2px .5rem .1rem #00000040,0 0 .1rem #000;text-decoration:none;color:inherit}