html{height:100%}body{background:var(--primary-background);color:var(--primary-color);background-attachment:fixed;height:100%;margin:0;font-family:LatoWeb,Tahoma,Arial,Helvetica,sans-serif;font-size:12pt;font-style:normal}h1,h2,h3,h4{font-weight:400}a,a:hover,a:visited{color:var(--primary-color)}a{text-decoration:none}[data-animations=on] *{transition:background-color .5s}[data-animations=on][data-fingers=on] .key{transition:all .3s ease-in-out}[data-highlights=nokeyboard] main .legend{display:none}[data-highlights=nokeyboard] main .keyboard{filter:blur(4px);opacity:.5}.content{max-width:1140px;margin:0 auto}#app{flex-direction:column;min-height:100%;display:flex}:root{--primary-color:#fff;--primary-text-background:#000;--primary-background:#252b2d;--primary-background-rgb:37 43 45;--secondary-background:#353b3d;--keyboard-legend:#fff;--keyboard-highlight:#ff09;--keyboard-case-start:#777;--keyboard-case-stop:#555;--keyboard-keys-start:#222;--keyboard-keys-stop:#111;--primary-font:"LatoWeb";--primary-button-text:#000;--primary-button-text-hover:#000;--primary-button-background:#fff;--primary-button-background-hover:#ccc;--secondary-button-text:#fff;--secondary-button-text-hover:#000;--secondary-button-background:#000;--secondary-button-background-hover:#eee;--keys-finger-little-start:#222;--keys-finger-little-stop:#111;--keys-finger-ring-start:#222;--keys-finger-ring-stop:#111;--keys-finger-middle-start:#222;--keys-finger-middle-stop:#111;--keys-finger-index-start:#222;--keys-finger-index-stop:#111;--keys-finger-thumb-start:#222;--keys-finger-thumb-stop:#111;--hand-fill:#dde;--hand-stroke:#7f7f7fcc;--hand-finger-little-start:#4ed1d5;--hand-finger-ring-start:#4ed1d5;--hand-finger-middle-start:#4ed1d5;--hand-finger-index-start:#4ed1d5;--hand-finger-thumb-start:#4ed1d5;--hand-finger-little-stroke:#033c82;--hand-finger-ring-stroke:#033c82;--hand-finger-middle-stroke:#033c82;--hand-finger-index-stroke:#033c82;--hand-finger-thumb-stroke:#033c82;--bugreport-hover:#000;--mask-left:linear-gradient(to left, #000 0, #000 60%, #0000 90%, #0000 0) 100% 50% / 100% 100% repeat-x;--mask-right:linear-gradient(to right, #000 0, #000 60%, #0000 90%, #0000 0) 100% 50% / 100% 100% repeat-x;--tipy-defender-primary:#fff;--tipy-defender-laser:#52d8d9}[data-overlay=on]{--keys-finger-little-start:#ee2a2c80;--keys-finger-little-stop:#ee2a2ce6;--keys-finger-ring-start:#3b51a380;--keys-finger-ring-stop:#3b51a3e6;--keys-finger-middle-start:#f89a1c80;--keys-finger-middle-stop:#f89a1ce6;--keys-finger-index-start:#70bf4480;--keys-finger-index-stop:#70bf44e6;--keys-finger-thumb-start:#99999980;--keys-finger-thumb-stop:#999999e6;--hand-finger-little-stroke:#ee2a2c80;--hand-finger-ring-stroke:#3b51a380;--hand-finger-middle-stroke:#f89a1c80;--hand-finger-index-stroke:#70bf4480;--hand-finger-thumb-stroke:#99999980;--hand-finger-little-start:#ee2a2ce6;--hand-finger-ring-start:#3b51a3e6;--hand-finger-middle-start:#f89a1ce6;--hand-finger-index-start:#70bf44e6;--hand-finger-thumb-start:#646464e6}[data-theme=light]{--primary-color:#000;--primary-text-background:#fff;--primary-background:#f5f5f7;--primary-background-rgb:245 245 247;--secondary-background:#fff;--keyboard-legend:#fff;--keyboard-case-start:#777;--keyboard-case-stop:#555;--keyboard-keys-start:#333;--keyboard-keys-stop:#222;--primary-button-text:#000;--primary-button-text-hover:#000;--primary-button-background:#fff;--primary-button-background-hover:#eee;--secondary-button-text:#fff;--secondary-button-text-hover:#000;--secondary-button-background:#000;--secondary-button-background-hover:#eee}[data-theme=accessibility]{--primary-color:#ff0;--primary-text-background:#000;--primary-background:#000;--primary-background-rgb:0 0 0;--secondary-background:#000;--keyboard-legend:#ff0;--keyboard-case-start:#555;--keyboard-case-stop:#444;--keyboard-keys-start:#252b2d;--keyboard-keys-stop:#000;--primary-button-text:#000;--primary-button-text-hover:#000;--primary-button-background:#fff;--primary-button-background-hover:#eee;--secondary-button-text:#ff0;--secondary-button-text-hover:#000;--secondary-button-background:#000;--secondary-button-background-hover:#ff0;--tipy-defender-primary:#ff0;--tipy-defender-laser:#ff0}[data-theme=kids]{--primary-color:#fff;--primary-text-background:#000;--primary-background:#591fa3;--primary-background-rgb:89 31 163;--secondary-background:#353b3d;--keyboard-legend:#fff;--keyboard-highlight:#ff09;--keyboard-case-start:#f64b02cc;--keyboard-case-stop:#d84a0e66;--keyboard-keys-start:#222;--keyboard-keys-stop:#111;--primary-button-text:#000;--primary-button-text-hover:#000;--primary-button-background:#fff;--primary-button-background-hover:#eee;--secondary-button-text:#fff;--secondary-button-text-hover:#000;--secondary-button-background:#000;--secondary-button-background-hover:#eee}[data-theme=kids] .box{color:#fff;background:green;border:2px solid #000!important}[data-theme=kids] .current .box{color:#000;background-color:#ff0;border:2px solid #000!important}@font-face{font-family:LatoWebBold;src:url(/assets/Lato-Bold-450o7qxS.woff2)format("woff2");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWebBold;src:url(/assets/Lato-BoldItalic-DGCGXd8y.woff2)format("woff2");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWeb;src:url(/assets/Lato-Italic-BqViT-Fy.woff2)format("woff2");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWebLight;src:url(/assets/Lato-Light-BMaLSd57.woff2)format("woff2");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWebLight;src:url(/assets/Lato-LightItalic-Cy8J02ER.woff2)format("woff2");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWebMedium;src:url(/assets/Lato-Medium--W8Gw7ce.woff2)format("woff2");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWebMedium;src:url(/assets/Lato-MediumItalic-BEs3wtTb.woff2)format("woff2");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWeb;src:url(/assets/Lato-Regular-slfFsoDb.woff2)format("woff2");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}div.notification-bar[data-v-04202b28]{color:#fff;box-sizing:border-box;background-color:#990;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex;overflow:hidden}div.notification-bar a[data-v-04202b28]{color:#fff;text-decoration:underline;transition:color .2s}div.notification-bar a[data-v-04202b28]:hover{color:#fc0}div.notification-bar button[data-v-04202b28]{all:unset;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;line-height:1;transition:color .2s}div.notification-bar button[data-v-04202b28]:hover{color:#fc0}.logo[data-v-82098d0d]{-webkit-user-select:none;user-select:none;min-width:96px;max-width:96px}.logo .lower[data-v-82098d0d]{fill:url(#logo-gradient)}.logo .upper[data-v-82098d0d]{fill:url(#logo-gradient-2)}.logo .text[data-v-82098d0d]{fill:var(--primary-color)}.logo[data-v-82098d0d]:hover{opacity:.6;cursor:pointer}.logo[data-v-82098d0d]:active{opacity:1}@media (width<=560px){.logo[data-v-82098d0d]{min-width:70px}}.link-header svg[data-v-10a5f48c]{vertical-align:middle;margin-bottom:2px;margin-right:6px}.link-header svg path[data-v-10a5f48c]{fill:var(--primary-color)}a.link-header[data-v-10a5f48c]{color:var(--primary-color);text-decoration:none;display:inline-block}a.link-header[data-v-10a5f48c]:first-child{margin-right:40px}a.link-header[data-v-10a5f48c]:hover{cursor:pointer;text-decoration:underline}@media (width<=540px){.link-header span[data-v-10a5f48c]{display:none}a.link-header[data-v-10a5f48c]:first-child{margin-right:20px}}.items[data-v-91349a86]{justify-content:space-around;width:100%;height:100%;display:flex}.items svg[data-v-91349a86]{width:13px;margin-bottom:0;margin-left:5px}.items svg path[data-v-91349a86]{fill:var(--primary-color)}.items a[data-v-91349a86]{cursor:pointer;align-self:flex-end;font-size:17px;font-weight:400;position:relative}.items a[data-v-91349a86]:after{content:"";background:#fff;width:0;height:1px;margin-top:5px;transition:width .2s;display:block;position:absolute;right:0}.items a[data-v-91349a86]:hover:after{background:var(--primary-color);width:100%;left:0}a.link-header[data-v-91349a86]{color:var(--primary-color);text-decoration:none;display:inline-block}a.link-header[data-v-91349a86]:first-child{margin-right:40px}a.link-header[data-v-91349a86]:hover{cursor:pointer;text-decoration:underline}@media (width<=540px){.link-header span[data-v-91349a86]{display:none}a.link-header[data-v-91349a86]:first-child{margin-right:20px}.items[data-v-91349a86]{flex-direction:column;align-self:center}.items a[data-v-91349a86]{align-self:center;margin-bottom:10px}}.edit[data-v-67c4b0ad]{-webkit-user-select:none;user-select:none}.edit path[data-v-67c4b0ad]{fill:var(--primary-color)}.edit[data-v-67c4b0ad]:hover{opacity:.6;cursor:pointer}.edit[data-v-67c4b0ad]:active{opacity:1}[data-highlights=normal] .check .key[data-v-204caf97]{stroke-width:1px;stroke:#f33!important}[data-highlights=normal] .check.legend[data-v-204caf97]{fill:#f33!important}[data-highlights=normal] .current .key[data-v-204caf97]{filter:url(#keyboard-highlight);fill:var(--keyboard-highlight)!important;stroke-width:1px!important}[data-highlights=normal] .current .legend[data-v-204caf97]{fill:var(--primary-button-text)!important}[data-highlights=normal] .correct .key[data-v-204caf97]{stroke:none;fill:#0f0!important}[data-highlights=normal] .correct.legend[data-v-204caf97]{fill:#222!important}[data-highlights=normal] .wrong .key[data-v-204caf97]{stroke:none;fill:red!important}[data-highlights=normal] .wrong.legend[data-v-204caf97]{fill:#222!important}.case[data-v-204caf97]{fill:var(--keyboard-case-start)}.handrest[data-v-204caf97]{stroke:none;fill:url(#keyboard-radial-gradient)}.key[data-v-204caf97]{animation:3s linear infinite col}.key[data-v-204caf97],.joystick[data-v-204caf97]{fill:url(#keyboard-linear-gradient);filter:url(#keyboard-shadow-light);stroke:url(#keyboard-linear-gradient);stroke-width:1px;paint-order:stroke}.showkeys .legend[data-v-204caf97],.showkeys .logo[data-v-204caf97]{fill:var(--keyboard-legend)}.shownokeys .legend[data-v-204caf97],.shownokeys .logo[data-v-204caf97]{display:none}.keys-start[data-v-204caf97]{stop-color:var(--keyboard-keys-start)}.keys-stop[data-v-204caf97]{stop-color:var(--keyboard-keys-stop)}.case-start[data-v-204caf97]{stop-color:var(--keyboard-case-start)}.case-stop[data-v-204caf97]{stop-color:var(--keyboard-case-stop)}.finger-little .key[data-v-204caf97]{fill:url(#keyboard-linear-gradient-finger-little)}.finger-ring .key[data-v-204caf97]{fill:url(#keyboard-linear-gradient-finger-ring)}.finger-middle .key[data-v-204caf97]{fill:url(#keyboard-linear-gradient-finger-middle)}.finger-index .key[data-v-204caf97]{fill:url(#keyboard-linear-gradient-finger-index)}.finger-thumb .key[data-v-204caf97]{fill:url(#keyboard-linear-gradient-finger-thumb)}html[data-lessonLanguage="he"] .finger-he-index .key[data-v-204caf97]{fill:url(#keyboard-linear-gradient-finger-index)}.legend-ko[data-v-204caf97],.legend-he[data-v-204caf97],.legend-no-he[data-v-204caf97]{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}html[data-lessonLanguage="ko"] .legend-ko[data-v-204caf97],html[data-lessonLanguage="he"] .legend-he[data-v-204caf97],html:not([data-lessonLanguage="he"]) .legend-no-he[data-v-204caf97]{opacity:1;visibility:visible}[data-highlights=normal] .check .key[data-v-be3a151d]{stroke-width:1px;stroke:#f33!important}[data-highlights=normal] .check.legend[data-v-be3a151d]{fill:#f33!important}[data-highlights=normal] .current .key[data-v-be3a151d]{filter:url(#keyboard-highlight);fill:var(--keyboard-highlight)!important;stroke-width:1px!important}[data-highlights=normal] .current .legend[data-v-be3a151d]{fill:var(--primary-button-text)!important}[data-highlights=normal] .correct .key[data-v-be3a151d]{stroke:none;fill:#0f0!important}[data-highlights=normal] .correct.legend[data-v-be3a151d]{fill:#222!important}[data-highlights=normal] .wrong .key[data-v-be3a151d]{stroke:none;fill:red!important}[data-highlights=normal] .wrong.legend[data-v-be3a151d]{fill:#222!important}.case[data-v-be3a151d]{fill:var(--keyboard-case-start)}.handrest[data-v-be3a151d]{stroke:none;fill:url(#keyboard-radial-gradient)}.key[data-v-be3a151d]{animation:3s linear infinite col}.key[data-v-be3a151d],.joystick[data-v-be3a151d]{fill:url(#keyboard-linear-gradient);filter:url(#keyboard-shadow-light);stroke:url(#keyboard-linear-gradient);stroke-width:1px;paint-order:stroke}.showkeys .legend[data-v-be3a151d],.showkeys .logo[data-v-be3a151d]{fill:var(--keyboard-legend)}.shownokeys .legend[data-v-be3a151d],.shownokeys .logo[data-v-be3a151d]{display:none}.keys-start[data-v-be3a151d]{stop-color:var(--keyboard-keys-start)}.keys-stop[data-v-be3a151d]{stop-color:var(--keyboard-keys-stop)}.case-start[data-v-be3a151d]{stop-color:var(--keyboard-case-start)}.case-stop[data-v-be3a151d]{stop-color:var(--keyboard-case-stop)}.finger-little .key[data-v-be3a151d]{fill:url(#keyboard-linear-gradient-finger-little)}.finger-ring .key[data-v-be3a151d]{fill:url(#keyboard-linear-gradient-finger-ring)}.finger-middle .key[data-v-be3a151d]{fill:url(#keyboard-linear-gradient-finger-middle)}.finger-index .key[data-v-be3a151d]{fill:url(#keyboard-linear-gradient-finger-index)}.finger-thumb .key[data-v-be3a151d]{fill:url(#keyboard-linear-gradient-finger-thumb)}html[data-lessonLanguage="he"] .finger-he-index .key[data-v-be3a151d]{fill:url(#keyboard-linear-gradient-finger-index)}.legend-ko[data-v-be3a151d],.legend-he[data-v-be3a151d],.legend-no-he[data-v-be3a151d]{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}html[data-lessonLanguage="ko"] .legend-ko[data-v-be3a151d],html[data-lessonLanguage="he"] .legend-he[data-v-be3a151d],html:not([data-lessonLanguage="he"]) .legend-no-he[data-v-be3a151d]{opacity:1;visibility:visible}.stroke[data-v-c7cc0051]{fill:var(--hand-stroke)}.fill[data-v-c7cc0051]{fill:var(--hand-fill)}.finger-thumb.active .stroke[data-v-c7cc0051]{fill:var(--hand-finger-thumb-stroke)}.finger-index.active .stroke[data-v-c7cc0051]{fill:var(--hand-finger-index-stroke)}.finger-middle.active .stroke[data-v-c7cc0051]{fill:var(--hand-finger-middle-stroke)}.finger-ring.active .stroke[data-v-c7cc0051]{fill:var(--hand-finger-ring-stroke)}.finger-little.active .stroke[data-v-c7cc0051]{fill:var(--hand-finger-little-stroke)}.finger-thumb.active .fill[data-v-c7cc0051]{fill:url(#finger-thumb-gradient)}.finger-index.active .fill[data-v-c7cc0051]{fill:url(#finger-index-gradient)}.finger-middle.active .fill[data-v-c7cc0051]{fill:url(#finger-middle-gradient)}.finger-ring.active .fill[data-v-c7cc0051]{fill:url(#finger-ring-gradient)}.finger-little.active .fill[data-v-c7cc0051]{fill:url(#finger-little-gradient)}.button[data-v-d5edc302]{border:2px solid #1a3862;border-radius:100px;margin:0 10px;padding:10px 20px;text-decoration:none}button[disabled][data-v-d5edc302]{cursor:not-allowed}.button[data-v-d5edc302]:focus{box-shadow:0 0 2px 2px #51a7e8}.button[data-v-d5edc302]{color:var(--secondary-button-text);background:var(--secondary-button-background)}.button-next.button[data-v-d5edc302]{background:var(--secondary-button-text);color:var(--secondary-button-background)}.button[data-v-d5edc302]:hover{cursor:pointer;color:var(--secondary-button-text-hover);background:var(--secondary-button-background-hover);text-decoration:none}button[disabled][data-v-d5edc302]:hover{cursor:not-allowed;color:var(--secondary-button-text);background:var(--secondary-button-background)}.button-next.button[data-v-d5edc302]:hover{background:var(--secondary-button-text-hover);color:var(--secondary-button-background-hover)}@media (width<=540px){.button[data-v-d5edc302]{margin-bottom:20px}.button[data-v-d5edc302]:last-child{margin-bottom:0}}@media (width>=768px){.button[data-v-d5edc302]{min-width:140px}}[data-animations=on] .v-enter-active[data-v-c0992ee6],[data-animations=on] .v-leave-active[data-v-c0992ee6]{transition:opacity .5s}[data-animations=on] .v-enter-active .popuptext[data-v-c0992ee6],[data-animations=on] .v-leave-active .popuptext[data-v-c0992ee6]{transition:transform .2s}.v-enter-from[data-v-c0992ee6],.v-leave-to[data-v-c0992ee6]{opacity:0;transform-origin:50%}[data-animations=on] .v-enter-from .popuptext[data-v-c0992ee6],[data-animations=on] .v-leave-to .popuptext[data-v-c0992ee6]{transform-origin:50%;transform:scale(.8)}.confirm[data-v-c0992ee6]{z-index:15;position:fixed;inset:0}.popup[data-v-c0992ee6]{z-index:12;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay[data-v-c0992ee6]{z-index:12;background-color:#000000b3;position:fixed;inset:0}.popuptext[data-v-c0992ee6]{z-index:15;background:var(--primary-background);width:75%;height:auto;color:var(--primary-color);font-family:var(--primary-font);text-align:center;border:1px solid #ccc;border-radius:10px;max-width:550px;padding:15px;overflow:hidden}.popup-title[data-v-c0992ee6]{max-width:400px;margin:16px auto 20px;font-size:24px}.popuptext .buttons[data-v-c0992ee6]{text-align:center;justify-content:center;gap:20px;margin:20px 0;display:flex}.popuptext span[data-v-c0992ee6]{margin-top:30px;font-size:20px;line-height:1.5;display:block}@media (width<=540px){.popuptext .buttons[data-v-c0992ee6]{flex-direction:column}}.info .key{border:1px solid var(--primary-button-text);border-radius:4px;padding:3px 5px 2px;font-style:normal}[data-animations=on] .v-enter-active .overlay[data-v-3d08eb97],[data-animations=on] .v-leave-active .overlay[data-v-3d08eb97]{transition:opacity .5s}.debug[data-v-3d08eb97]{opacity:.2}.v-enter-from .overlay[data-v-3d08eb97],.v-leave-to .overlay[data-v-3d08eb97]{opacity:0}.v-leave-to .modal[data-v-3d08eb97]{display:none}.overlay[data-v-3d08eb97]{z-index:3;background-color:#0000004d;width:100%;height:100%;position:fixed;top:0;left:0}.modal[data-v-3d08eb97]{border:1px solid var(--primary-color);z-index:10;background:var(--secondary-background);-webkit-user-select:none;user-select:none;z-index:4;border-radius:5px;width:auto;padding:1.5em .5em .3em;position:absolute;top:3em;right:1em}.modal fieldset[data-v-3d08eb97]{border:0}.modal input[data-v-3d08eb97]{display:inline}@media (width>=768px){.settings[data-v-3d08eb97]{flex-direction:row;display:flex}}.settings-left[data-v-3d08eb97]{flex-direction:column;min-width:350px;display:flex}.settings-right[data-v-3d08eb97]{min-width:280px}svg.keyboard[data-v-3d08eb97]{width:100px;padding-bottom:2em}svg.hand[data-v-3d08eb97]{z-index:1;opacity:1;width:60px}.group[data-v-3d08eb97]{border:3px solid var(--primary-color);box-sizing:border-box;cursor:pointer;border-radius:10px;grid-template-areas:"stack";place-items:end center;width:50%;max-width:150px;padding:1em;display:grid}.group[data-v-3d08eb97]:hover{background-color:#668}.group>svg[data-v-3d08eb97]{grid-area:stack}.sides[data-v-3d08eb97]{justify-content:center;gap:1em;display:flex}.flipped[data-v-3d08eb97]{transform:rotateY(180deg)}.notselected>svg[data-v-3d08eb97]{opacity:.5}.notselected[data-v-3d08eb97]{border:1px solid var(--primary-color);transform:scale(.96)}h3[data-v-3d08eb97]{margin-bottom:0;font-size:16px;font-weight:700}[data-animations=on] .group[data-v-3d08eb97]{transition:transform .1s linear}.sides[data-v-3d08eb97],.theme[data-v-3d08eb97],.highlights[data-v-3d08eb97],.interface[data-v-3d08eb97],.additional-settings[data-v-3d08eb97]{margin-bottom:1.5em}.highlights[data-v-3d08eb97]{flex-grow:1}.interface fieldset[data-v-3d08eb97]:first-of-type{margin-bottom:10px}legend.title[data-v-3d08eb97]{margin-bottom:8px;font-size:1.2em;font-weight:600}.options[data-v-3d08eb97]{-webkit-user-select:none;user-select:none}.options path[data-v-3d08eb97]{fill:var(--primary-color)}.options[data-v-3d08eb97]:hover{opacity:.6;cursor:pointer}.options[data-v-3d08eb97]:active{opacity:1}.switch[data-v-3d08eb97]{width:60px;height:26px;display:inline-block;position:relative}.switch input[data-v-3d08eb97]{opacity:0;width:0;height:0}.slider[data-v-3d08eb97]{cursor:pointer;background-color:#ccc;position:absolute;inset:0}.slider[data-v-3d08eb97]:before{content:"";background-color:#fff;width:18px;height:18px;position:absolute;bottom:4px;left:4px}[data-animations=on] .slider[data-v-3d08eb97]{transition:all .4s}input:checked+.slider[data-v-3d08eb97]{background-color:#2196f3}input:focus+.slider[data-v-3d08eb97]{box-shadow:0 0 1px #2196f3}input:checked+.slider[data-v-3d08eb97]:before{transform:translate(32px)}.slider.round[data-v-3d08eb97]{border-radius:34px}.slider.round[data-v-3d08eb97]:before{border-radius:50%}.options-select[data-v-3d08eb97]{min-width:200px;position:relative}select[data-v-3d08eb97]{appearance:none;background-color:var(--secondary-button-text);border:1px solid var(--secondary-button-background);width:100%;color:var(--secondary-button-text-hover);cursor:pointer;border-radius:.25rem;padding:.3em 2em .3em 1em;font-size:1rem}.options-select[data-v-3d08eb97]:before,.options-select[data-v-3d08eb97]:after{--size:.3rem;content:"";pointer-events:none;position:absolute;right:1rem}.options-select[data-v-3d08eb97]:after{border-left:var(--size) solid transparent;border-right:var(--size) solid transparent;border-top:var(--size) solid black;top:48%}.options-toggler fieldset[data-v-3d08eb97]{margin-bottom:4px}.options-toggler fieldset legend[data-v-3d08eb97]{float:left;height:30px;margin-top:4px;margin-right:20px}.options-toggler fieldset label[data-v-3d08eb97]{float:right}.additional-settings .options-toggler .addition-title[data-v-3d08eb97]{margin-bottom:0;padding-bottom:0}.options-footer[data-v-3d08eb97]{flex-direction:row;justify-content:space-between;padding-bottom:0;display:flex}.options-footer a[data-v-3d08eb97]:hover,.options-footer a[data-v-3d08eb97]:active{cursor:pointer;text-decoration:underline}.options-footer[data-v-3d08eb97]{width:100%;margin-top:20px;font-size:.8rem}.options-footer .version[data-v-3d08eb97]{text-align:right}.meta[data-v-3d08eb97]{flex-direction:row;margin:0 0 0 12px;display:flex}.meta>span[data-v-3d08eb97]{margin:0 6px}.button[data-v-3d08eb97]{margin-left:0}.theme[data-v-3d08eb97]{flex-grow:0}.theme span[data-v-3d08eb97]{text-align:center;border-radius:10px;width:100%;padding:10px 0;font-weight:700;display:block}.theme label[data-v-3d08eb97]{cursor:pointer;width:100%;margin:5px 0;display:inline-block}.theme input[type=radio]:focus+label[data-v-3d08eb97]{outline:3px auto #4d61ab80}.theme input[type=radio][data-v-3d08eb97]{opacity:0;position:absolute}.auto[data-v-3d08eb97]{color:#fff;z-index:1;background:#252b2d;justify-content:center;width:100%;margin:0;transition:font-size .25s cubic-bezier(.59,.04,.3,1.43);position:relative}.auto[data-v-3d08eb97]:after{content:attr(data-heading);z-index:2;white-space:wrap;text-align:center;color:#252b2d;clip-path:polygon(60% 0,100% 0%,100% 100%,40% 100%);background:#eef4f9;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.light[data-v-3d08eb97]{color:#000;background:#eef4f9;border:1px solid #000}.dark[data-v-3d08eb97]{color:#fff;background:#252b2d;border:1px solid #fff}.contrast[data-v-3d08eb97]{color:#ff0;background:#000;border:1px solid #ff0}.kids[data-v-3d08eb97]{color:#fff;background:linear-gradient(#591fa3 0%,#421642 100%);border:1px solid #fff}.theme-button[data-v-3d08eb97]{width:100%}.theme-container-inner[data-v-3d08eb97]{justify-content:space-between;gap:10px;display:flex}@media (width<=768px){.settings-left[data-v-3d08eb97],.settings-right[data-v-3d08eb97]{min-width:unset}.settings-left[data-v-3d08eb97]{margin-bottom:40px}}@media (width<=560px){svg.keyboard[data-v-3d08eb97]{width:80px}.options-footer[data-v-3d08eb97]{flex-direction:column}.modal[data-v-3d08eb97]{left:.5em;right:.5em}.meta[data-v-3d08eb97]{margin-bottom:20px}}.header[data-v-ba4f9b7f]{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:1.5em;padding:1em;display:flex}.title-exercise[data-v-ba4f9b7f]{font-weight:600}@media (width<=540px){.title-exercise[data-v-ba4f9b7f]{position:absolute;top:70px;left:20px}.header[data-v-ba4f9b7f]{justify-content:space-between;align-items:flex-start;height:auto}}.buttons[data-v-ba4f9b7f]{justify-content:flex-end;gap:1em;min-width:60px;display:flex}[data-animations=on] .bug-report-container[data-v-005d2579]{transition:all .3s}.bug-report-container[data-v-005d2579]{border-top-left-radius:10px;border-top-right-radius:10px}.bug-report-container[data-v-005d2579]:hover,.bug-report-container[data-v-005d2579]:focus{background-color:var(--secondary-button-background-hover);box-shadow:3px 2px 13px #00000087}svg.bug-icon[data-v-005d2579]{z-index:5;width:40px;height:auto;position:relative}[data-animations=on] svg.bug-icon path[data-v-005d2579]{transition:all .3s}svg.bug-icon path[data-v-005d2579]{fill:var(--primary-color)}.bug-report-container:hover svg.bug-icon path[data-v-005d2579],.bug-report-container:focus svg.bug-icon path[data-v-005d2579]{fill:var(--bugreport-hover)}.bug-report-container:hover .bug[data-v-005d2579],.bug-report-container:focus .bug[data-v-005d2579]{height:120px}.bug-report-container:hover .bug-body[data-v-005d2579],.bug-report-container:focus .bug-body[data-v-005d2579]{opacity:1}.bug[data-v-005d2579]{text-align:right;-webkit-user-select:none;user-select:none;background-color:#0000;width:220px;height:30px;padding:15px 15px 0;position:relative;overflow-y:hidden}[data-animations=on] .bug[data-v-005d2579]{transition:all .3s ease-in-out}.bug-body[data-v-005d2579]{z-index:6;opacity:0;text-align:left;color:var(--primary-button-text);max-width:160px;position:absolute;top:10px}.bug-body p[data-v-005d2579]{margin:0 0 12px}.bug-button{background:var(--primary-button-background);border:2px solid #1a3862;border-radius:100px;padding:10px 25px;text-decoration:none;display:inline-block}.bug-button,.bug-button:visited{color:var(--primary-button-text)}.bug-button:hover{cursor:pointer;color:var(--primary-button-text-hover);background:var(--primary-button-background-hover);text-decoration:none}.footer[data-v-b21581e7]{z-index:10;position:fixed;bottom:0;right:20px}.registered[data-v-b21581e7]{margin:0 0 .5em .5em;padding:0;position:absolute;bottom:0;left:0}.content[data-v-da9b48ce]{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.background-wrapper[data-v-da9b48ce]{clip-path:url(#tipy-clip);width:196px;height:128px;margin-bottom:1rem;overflow:hidden;transform:translateZ(0)}.loading[data-v-da9b48ce]{letter-spacing:.1rem;font-size:1.2rem;font-weight:400}.backdrop[data-v-da9b48ce]{background:conic-gradient(var(--primary-background) 0deg, var(--primary-background) 60deg, var(--primary-color) 200deg, var(--primary-color) 260deg, var(--primary-background) 360deg);width:100%;height:100%;animation:1s linear infinite color-rotate-da9b48ce;scale:2}@keyframes color-rotate-da9b48ce{0%{transform:rotate(270deg)}to{transform:rotate(-90deg)}}kbd{border:1px solid var(--primary-color);border-radius:4px;margin:0 4px;padding:3px 5px 2px;font-style:normal}.important{color:#f20}[data-theme=dark] .important{color:#f81}.combination{margin-top:1rem;margin-bottom:1.5rem;font-size:1.2rem;display:block}.faq{font-size:1rem}.faq a:hover{text-decoration:underline}[data-animations=on] .scale-enter-active,[data-animations=on] .scale-leave-active{transition:all .1s}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}.content[data-v-f0cfaf39]{text-align:left;box-sizing:border-box;flex-direction:column;justify-content:space-around;width:100%;max-width:1140px;height:100%;min-height:50vh;margin:0 auto;padding:0 1em 4em;display:flex}.sides[data-v-f0cfaf39]{flex-direction:row;grid-template-columns:1fr 1fr;justify-content:center;gap:2em;max-width:980px;display:grid}h1[data-v-f0cfaf39],h2[data-v-f0cfaf39]{font-weight:700}p[data-v-f0cfaf39]{font-size:14px;line-height:1.6}.imprint[data-v-f0cfaf39]{max-width:392px}.buttons[data-v-f0cfaf39]{margin-top:20px}.button[data-v-f0cfaf39]{margin:0}a[data-v-f0cfaf39]{color:var(--primary-color)}a[data-v-f0cfaf39]:hover{opacity:.8}@media (width<=560px){.sides[data-v-f0cfaf39]{display:block}.imprint[data-v-f0cfaf39]{margin-bottom:40px}}.keystext[data-v-4a3f77c7]{text-align:center;width:100%;height:2em;margin:2rem 0;font-size:1.5em}.keystext span[data-v-4a3f77c7]{border:1px solid var(--primary-color);border-radius:6px;margin-left:.5em;margin-right:.5em;padding:.5em}.container[data-v-4a3f77c7]{margin:1em}pre[data-v-4a3f77c7]{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.content[data-v-758b54e8]{text-align:center;flex-direction:column;justify-content:space-around;max-width:800px;height:100%;min-height:50vh;margin:0 auto;padding:0 1em 4em;display:flex}.settings[data-v-758b54e8]{flex-direction:row;justify-content:space-between;gap:1em;height:50%;display:flex}.buttons[data-v-758b54e8]{margin-top:40px}.container[data-v-6f6fc497]{text-align:center;grid-template-areas:"stack";justify-items:center;width:100%;margin:auto;display:grid;position:relative}.keyboard[data-v-6f6fc497]{z-index:1;grid-area:stack;width:80%;max-height:34vw;left:10%}.hidden[data-v-6f6fc497]{opacity:0!important}.hand[data-v-6f6fc497]{z-index:4;grid-area:stack;width:20%;margin:0 auto;position:absolute;top:63%;left:50%;transform:translate(-50%)}[data-animations=on] .hand[data-v-6f6fc497]{transition:opacity .4s linear}.flip[data-v-6f6fc497]{transform:rotateY(180deg)translate(50%)}.flip-enter-from[data-v-6f6fc497],.flip-leave-to[data-v-6f6fc497]{opacity:0;transform:rotateY(180deg)}.flip-leave-from[data-v-6f6fc497],.flip-enter-to[data-v-6f6fc497]{opacity:1}[data-animations=on] .flip-enter-active[data-v-6f6fc497],[data-animations=on] .flip-leave-active[data-v-6f6fc497]{transition:all .6s cubic-bezier(.5,0,.5,1)}@media (width<=540px){.keyboard[data-v-6f6fc497]{width:100%;max-height:60vw}.hand[data-v-6f6fc497]{width:34%}}[data-animations=on] .fade-enter-active[data-v-a07bb03e]{transition:margin 75ms cubic-bezier(.55,0,.1,1)}.fade-leave-active[data-v-a07bb03e]{transition:none}.fade-enter-from[data-v-a07bb03e]{margin-right:-2em}.fade-enter-to[data-v-a07bb03e]{margin-right:0}.fade-enter-active[data-v-a07bb03e]{position:static}.hidden[data-v-a07bb03e]{visibility:hidden}div.text[data-v-a07bb03e]{-webkit-user-select:none;user-select:none;justify-content:center;gap:.5em;width:100%;margin:0 0 .5em;display:flex}div.text.rtl[data-v-a07bb03e],div.text.rtl .next[data-v-a07bb03e],div.text.rtl .previous[data-v-a07bb03e]{flex-direction:row-reverse}.next[data-v-a07bb03e],.previous[data-v-a07bb03e]{opacity:.7;flex:1;gap:.5em;max-width:40%;display:flex;overflow:hidden}.current .box[data-v-a07bb03e]{border:2px solid var(--primary-color)}.previous[data-v-a07bb03e]{opacity:.1;-webkit-mask:var(--mask-left);-webkit-mask:var(--mask-left);mask:var(--mask-left);justify-content:flex-end}.next[data-v-a07bb03e]{-webkit-mask:var(--mask-right);-webkit-mask:var(--mask-right);mask:var(--mask-right);justify-self:flex-start}.rtl>.next[data-v-a07bb03e]{-webkit-mask:var(--mask-left);-webkit-mask:var(--mask-left);mask:var(--mask-left)}.rtl>.previous[data-v-a07bb03e]{-webkit-mask:var(--mask-right);-webkit-mask:var(--mask-right);mask:var(--mask-right)}.box[data-v-a07bb03e]{border:1px solid var(--primary-color);box-sizing:border-box;text-align:center;vertical-align:text-bottom;border-radius:6px;flex-shrink:0;width:2em;max-width:1.5em;height:1.8em;max-height:1.8em;font-size:28.8px;line-height:1.8em;display:inline-block}div.container[data-v-3a58f339]{-webkit-user-select:none;user-select:none;justify-content:space-around;align-items:stretch;height:1.5em;margin-top:.5em;display:flex}[data-animations=on] div.container[data-v-3a58f339]{transition:opacity .5s ease-in-out}label.label[data-v-3a58f339]{align-items:flex-end;gap:1em;display:flex}div.time[data-v-3a58f339]{font-size:1.2em;line-height:1em}progress.progress[data-v-3a58f339]{appearance:none;background-color:var(--secondary-background);border:none;border-radius:10px;height:.3em;margin-bottom:.35em}progress.progress[data-v-3a58f339]::-moz-progress-bar{background-color:var(--primary-color)}progress.progress[data-v-3a58f339]::-webkit-progress-value{background-color:var(--primary-color);border-radius:10px 0 0 10px}@media (width<=540px){div.container[data-v-3a58f339]{flex-direction:column;justify-content:center;align-items:center;height:auto;margin-top:4em}.label-time[data-v-3a58f339]{margin-bottom:20px}}.v-enter-active[data-v-208467af],.v-leave-active[data-v-208467af]{transition:opacity .5s}.v-enter-active .popuptext[data-v-208467af],.v-leave-active .popuptext[data-v-208467af]{transition:transform .2s}.v-enter-from[data-v-208467af],.v-leave-to[data-v-208467af]{opacity:0}.v-enter-from .popuptext[data-v-208467af],.v-leave-to .popuptext[data-v-208467af]{transform:scale(1.3)}.popup[data-v-208467af]{z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay[data-v-208467af]{z-index:12;background-color:#000000b3;width:100%;height:100%;position:fixed;top:0;left:0}.popuptext[data-v-208467af]{z-index:15;background:var(--primary-background);width:75%;height:auto;color:var(--primary-color);font-family:var(--primary-font);text-align:center;border:1px solid #ccc;border-radius:10px;flex-grow:0;max-width:550px;padding:15px;position:relative}.emoji[data-v-208467af]{animation:.7s linear 2 color-208467af,1.1s ease-in-out 2 rotate-208467af;display:inline-block;transform:rotate(20deg)}@keyframes color-208467af{50%{filter:hue-rotate(360deg)}}@keyframes rotate-208467af{0%,to{transform:rotate(20deg)}25%{transform:scale(1.1)}50%{transform:rotate(-20deg)}75%{transform:scale(.9)}}.popup-title[data-v-208467af]{margin-top:10px;margin-bottom:10px;font-size:40px}.stats[data-v-208467af]{justify-content:space-evenly;font-size:16px;line-height:22px;display:flex}.popuptext .buttons[data-v-208467af]{text-align:center;justify-content:center;gap:20px;margin:30px 0;display:flex}.tooltip-first[data-v-208467af]{transition:all .1s ease-in-out;left:14%;margin:34px 0 0!important}.tooltip-second[data-v-208467af]{transition:all .3s ease-in-out;left:45%;margin:-110px 0 0!important}.tooltip-third[data-v-208467af]{transition:all .5s ease-in-out;left:70%;margin:34px 0 0!important}.tooltip.tooltip-second .arrow[data-v-208467af]{border:10px solid #0000!important;border-top-color:#fff!important;border-bottom:none!important;margin:10px 0 0 90px!important}@media (width<=540px){.popuptext .buttons[data-v-208467af]{flex-direction:column}.popuptext .button[data-v-208467af]{margin-bottom:0}}.tooltip .info{background:#fff;border-radius:10px;width:200px;margin:20px 0 0 -70px;padding:10px;transition:all .3s;position:absolute;box-shadow:0 0 50px #00000080}.tooltip .info p{color:var(--primary-button-text);margin-top:4px;margin-bottom:2px;font-size:14px;font-style:italic;line-height:1.6}.info .tooltip-key{border:1px solid var(--primary-button-text);border-radius:4px;padding:3px 5px 2px;font-style:normal}.tooltip-icon{position:absolute;top:20px;right:20px}.tooltip-icon a{cursor:pointer}.tooltip-icon svg path{fill:var(--primary-color)}.tooltip{transform:opacity .3s linear;position:absolute}.tooltip-disabled{opacity:.3}.tooltipenabled .tooltip .info{visibility:visible;opacity:1}.tooltip .arrow{border-bottom:10px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;margin:-20px 0 0 90px;position:absolute}@media (width<=540px){.tooltip,.tooltip-icon{display:none}}.text-container[data-v-af151103]{margin:2em 0 0}.content[data-v-af151103]{flex-direction:column;width:100%;height:calc(100vh - 3.5em);display:flex;overflow-y:clip}.keyboard[data-v-af151103]{width:100%;margin:0 auto;display:flex}.main[data-v-af151103]{flex:2;position:relative}.side[data-v-af151103]{flex:1;margin:1em}.side h2[data-v-af151103]{font-size:1.4rem}.side ul[data-v-af151103]{margin-top:2.5rem;margin-bottom:2.5rem;padding-left:1rem}.side li[data-v-af151103]{font-size:1.1rem;font-weight:lighter;line-height:1.5rem;list-style:none}@media (width<=560px){.keyboard.trainer-intro[data-v-af151103]{flex-direction:column-reverse}}.content[data-v-2111a592]{flex-direction:column;flex-grow:1;justify-content:space-evenly;height:100%;display:flex;position:relative}.buttons[data-v-2111a592]{justify-content:space-around;display:flex}.buttons .button[data-v-2111a592]{margin:1rem 0}.content[data-v-2111a592],.video[data-v-2111a592]{width:100%}.wrapper[data-v-2111a592]{border-right:10px;display:block;overflow:visible;transform:translateZ(0)}.video[data-v-2111a592]{aspect-ratio:16/9;border-radius:16px}.content[data-v-31ea5cca]{flex-direction:column;flex-grow:1;justify-content:center;height:100%;padding-bottom:5.5em;display:flex;position:relative}.buttons[data-v-31ea5cca]{justify-content:space-evenly;margin-top:1rem;display:flex}.buttons .button[data-v-31ea5cca]{margin:0}.score[data-v-3fc8bce7]{text-align:right;min-width:5rem}.score-set[data-v-3fc8bce7]{gap:1rem;display:flex}.bar[data-v-123ffb1d]{border:2px solid var(--tipy-defender-primary);width:100%;height:10%}.fill[data-v-123ffb1d]{background-color:var(--tipy-defender-primary);height:1rem;min-height:1rem;transition:width .3s ease-in-out}.word[data-v-33a2ff27]{text-align:center;color:var(--tipy-defender-primary);-webkit-user-select:none;user-select:none;aspect-ratio:1;z-index:1;background-blend-mode:overlay;text-shadow:2px 2px 4px #000000e6;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;background-image:radial-gradient(circle at 35% 35%,#fff6 0%,#32323299 50%,#000000f2 100%);background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;padding:1rem 1.2rem;font-size:1.5rem;line-height:1;display:inline-flex;position:relative;overflow:hidden}.green[data-v-33a2ff27]{color:green}.red[data-v-33a2ff27]{color:red}.orange[data-v-33a2ff27]{color:orange}.teal[data-v-33a2ff27]{color:teal}.yellow[data-v-33a2ff27]{color:#ffc400}.black[data-v-33a2ff27]{color:#3a3a99}.red .green[data-v-33a2ff27]{color:red}.color-a[data-v-33a2ff27]{background-color:#5c5c5c}.color-b[data-v-33a2ff27]{background-color:#4a4a4a}.color-c[data-v-33a2ff27]{background-color:#6b6b6b}.color-d[data-v-33a2ff27]{background-color:#3a3a3a}.color-heal[data-v-33a2ff27]{background-color:#3a3a99}.clip-a[data-v-33a2ff27]{clip-path:polygon(25% 10%,75% 5%,90% 30%,85% 75%,55% 90%,20% 80%,10% 50%,15% 30%)}.clip-b[data-v-33a2ff27]{clip-path:polygon(30% 5%,70% 0%,90% 20%,85% 70%,50% 95%,20% 85%,5% 60%,10% 25%)}.clip-c[data-v-33a2ff27]{clip-path:polygon(35% 0%,65% 10%,85% 35%,80% 80%,50% 100%,15% 85%,10% 55%,20% 25%)}.clip-heal[data-v-33a2ff27]{clip-path:ellipse(45% 50%)}@keyframes explode-33a2ff27{0%{opacity:1}50%{opacity:.7}to{opacity:0}}.explode[data-v-33a2ff27]{transform-origin:50%;animation:.5s forwards explode-33a2ff27}.word.red[data-v-33a2ff27]{background:radial-gradient(circle,#f00c 0%,#0000 80%)}.word.green[data-v-33a2ff27]{background:radial-gradient(circle,#0f0c 0%,#0000 80%)}.word.black[data-v-33a2ff27]{background:radial-gradient(circle,#000014cc 0%,#0000 80%)}.path[data-v-0df7bea9]{width:fit-content;height:100%;display:inline-block;transform:translate(-50%)}.path div[data-v-0df7bea9]{transform-origin:bottom;height:100%;position:relative}.content[data-v-1ec74a52]{z-index:-100;background-color:#000;border-radius:1rem;height:80vh;position:relative;overflow:hidden}.laser[data-v-1ec74a52]{pointer-events:none;z-index:-2;width:100%;height:100%;position:absolute}.laser line[data-v-1ec74a52]{stroke:var(--tipy-defender-laser)}.ship[data-v-1ec74a52]{z-index:100;height:4rem;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.score[data-v-1ec74a52]{color:var(--tipy-defender-primary);z-index:150;position:absolute;bottom:.5rem;right:1rem}.health[data-v-1ec74a52]{color:var(--tipy-defender-primary);z-index:50;width:30%;position:absolute;bottom:.5rem;left:1rem}.path[data-v-1ec74a52]{z-index:50;position:absolute;bottom:0;left:50%}.path.vertical[data-v-1ec74a52]{width:70%}.earth[data-v-1ec74a52]{width:100%;height:100%;display:block;position:absolute;bottom:0}.text[data-v-1ec74a52]{color:var(--tipy-defender-primary);text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.text span[data-v-1ec74a52]{z-index:200;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.text p[data-v-1ec74a52]{font-size:1.5rem}.text-container[data-v-fc761b56]{height:2rem;margin:3rem auto}.text-container a[data-v-fc761b56]{border:1px solid var(--primary-color);border-radius:6px;padding:.5rem 1rem;font-size:32px}.content[data-v-fc761b56]{flex-direction:column;width:100%;display:flex}.keyboard[data-v-fc761b56]{width:100%;margin:0 auto;display:flex}.main[data-v-fc761b56]{flex:2;position:relative}.side[data-v-fc761b56]{flex:1;margin:1em}.side h2[data-v-fc761b56]{font-size:1.4rem}.side ul[data-v-fc761b56]{margin-top:2.5rem;margin-bottom:2.5rem;padding-left:1rem}.side li[data-v-fc761b56]{font-size:1.1rem;font-weight:lighter;line-height:1.5rem;list-style:none}@media (width<=560px){.keyboard.trainer-intro[data-v-fc761b56]{flex-direction:column-reverse}}.lesson[data-v-23412bdf]{width:10em;height:10em;box-shadow:0px 0px 6px #000c, inset 0px 0px 3px rgba(var(--primary-background-rgb) / .5);box-sizing:border-box;border-radius:25px;outline:1px solid #00000080;flex-direction:column;justify-content:flex-start;align-items:center;padding:1em;display:flex;position:relative}[data-theme=accessibility] .lesson[data-v-23412bdf]{outline:1px solid var(--primary-color)}[data-theme=light] .lesson[data-v-23412bdf]{-webkit-backdrop-filter:saturate(150%);backdrop-filter:saturate(150%)}[data-theme=accessibility] .lesson h3[data-v-23412bdf],[data-theme=accessibility] .lesson p[data-v-23412bdf]{opacity:1;color:var(--primary-color)}.lesson.completed[data-v-23412bdf]>*{opacity:.5}[data-animations=on] .lesson[data-v-23412bdf]:not(.soon){transition:all .2s}.lesson hr[data-v-23412bdf]{width:100%}.lesson h3[data-v-23412bdf],.lesson p[data-v-23412bdf]{z-index:1;color:#fff;text-shadow:0 0 3px #0005;position:relative}.lesson h3[data-v-23412bdf]{margin-top:1em;margin-bottom:.25em;font-size:20pt}.lesson h3.add[data-v-23412bdf]{margin-top:.5em;font-size:3.5rem}.lesson p[data-v-23412bdf]{text-align:center;margin-top:0;margin-bottom:auto}.lesson[data-v-23412bdf]:hover:not(.soon){cursor:pointer;filter:brightness(110%);opacity:1;transform:scale(.97);box-shadow:0 0 1px #000}.lesson[data-v-23412bdf]:active{filter:brightness()}.lesson[data-v-23412bdf]:focus{opacity:1;outline:4px solid #ff0}.lesson-icon[data-v-23412bdf]{fill:url(#lesson-icon-gradient);stroke-width:1px;stroke:#ffffff4d;width:60%;margin-top:1.25em;margin-left:.25em;position:absolute}[data-theme=accessibility] .lesson-icon[data-v-23412bdf]{fill:var(--primary-color);opacity:.1;stroke:none}.ribbon[data-v-23412bdf]{z-index:1;text-align:right;width:75px;height:75px;position:absolute;top:-1px;right:-1px;overflow:hidden}.ribbon span[data-v-23412bdf]{color:#000;text-transform:uppercase;text-align:center;background:orange;width:100px;font-size:10px;font-weight:700;line-height:20px;display:block;position:absolute;top:19px;right:-21px;transform:rotate(45deg);box-shadow:0 3px 10px -5px #000}.ribbon.ribbon-new span[data-v-23412bdf]{background:orange}.ribbon.ribbon-free span[data-v-23412bdf]{color:#fff;background:green}html:not([data-theme=accessibility]) .lesson.blue[data-v-23412bdf],html:not([data-theme=accessibility]) .lesson[data-v-23412bdf]{background:linear-gradient(#fff 0%,#aadc 1.5%,#226c 99%,#fff7 100%)}html:not([data-theme=accessibility]) .lesson.orange[data-v-23412bdf]{background:linear-gradient(#fff 0%,#caac 1.5%,#b62c 99%,#fff7 100%)}html:not([data-theme=accessibility]) .lesson.silver[data-v-23412bdf]{background:linear-gradient(#fff 0%,#eeec 1.5%,#444c 99%,#fff5 100%)}html:not([data-theme=accessibility]) .lesson.black[data-v-23412bdf]{background:linear-gradient(#fff 0%,#777c 1.5%,#222c 99%,#fff5 100%)}html:not([data-theme=accessibility]) .lesson.brown[data-v-23412bdf]{background:linear-gradient(#fff 0%,#a70c 1.5%,#411c 99%,#fff5 100%)}html:not([data-theme=accessibility]) .lesson.red[data-v-23412bdf]{background:linear-gradient(#fff 0%,#faac 1.5%,#c33c 99%,#fff5 100%)}html:not([data-theme=accessibility]) .lesson.green[data-v-23412bdf]{background:linear-gradient(#fff 0%,#afac 1.5%,#181c 99%,#fff5 100%)}.new-row[data-v-23412bdf]{grid-column-start:1}.content[data-v-b16043e5]{-webkit-user-select:none;user-select:none;max-width:1140px;height:100%;margin:0 auto;padding:0 1em 4em}h2[data-v-b16043e5]{font-size:1.2rem}h2[data-v-b16043e5]:not(:first-of-type){margin-top:1.6em}ul[data-v-b16043e5]{grid-template-columns:repeat(auto-fit,10rem);gap:1em;margin:0;padding:0;list-style:none;display:grid}.lang-chooser[data-v-b16043e5]{justify-content:flex-end}.lang-chooser li[data-v-b16043e5]:hover{opacity:.6;cursor:pointer}.content[data-v-32c316f4]{text-align:left;box-sizing:border-box;flex-direction:column;justify-content:flex-start;width:100%;max-width:1140px;height:100%;min-height:50vh;margin:0 auto;padding:0 1em 4em;display:flex}h1[data-v-32c316f4],h2[data-v-32c316f4]{font-weight:700}p[data-v-32c316f4]{font-size:14px;line-height:1.6}.privacy[data-v-32c316f4]{max-width:800px;margin:0}.buttons[data-v-32c316f4]{margin-top:20px}.button[data-v-32c316f4]{margin:0}a[data-v-32c316f4]{color:var(--primary-color)}a[data-v-32c316f4]:hover{opacity:.8}.content[data-v-abb96dc4]{text-align:center;flex-direction:column;justify-content:space-around;max-width:1140px;height:100%;min-height:50vh;margin:0 auto;padding:0 1em 4em;display:flex}svg.keyboard[data-v-abb96dc4]{width:100%;padding-bottom:2em}svg.hand[data-v-abb96dc4]{z-index:1;opacity:1;width:40%}.group[data-v-abb96dc4]{border:3px solid var(--primary-color);box-sizing:border-box;cursor:pointer;border-radius:10px;grid-template-areas:"stack";place-items:end center;width:30%;min-width:210px;max-width:250px;padding:1em;display:grid}.group[data-v-abb96dc4]:hover{background-color:#668}.group>svg[data-v-abb96dc4]{grid-area:stack}.sides[data-v-abb96dc4]{justify-content:center;gap:1em;height:50%;display:flex}.options p[data-v-abb96dc4]{max-width:700px;margin:40px auto 10px;font-size:1.2em}.flipped[data-v-abb96dc4]{transform:rotateY(180deg)}.notselected>svg[data-v-abb96dc4]{opacity:.5}.notselected[data-v-abb96dc4]{border:1px solid var(--primary-color);transform:scale(.96)}[data-animations=on] .group[data-v-abb96dc4]{transition:transform .1s linear}.buttons[data-v-abb96dc4]{margin-top:40px}@media (width<=540px){.sides[data-v-abb96dc4]{flex-direction:column;align-items:center}}.content[data-v-a8eb01f2]{text-align:center;flex-direction:column;justify-content:space-around;max-width:800px;height:100%;min-height:50vh;margin:0 auto;padding:0 1em 4em;display:flex}h1[data-v-a8eb01f2]{margin-bottom:10px}h1[data-v-a8eb01f2],h2[data-v-a8eb01f2],.intro[data-v-a8eb01f2],legend[data-v-a8eb01f2]{-webkit-user-select:none;user-select:none}.intro[data-v-a8eb01f2]{max-width:660px;margin:20px auto 40px;font-size:1.2em}.intro a[data-v-a8eb01f2]:hover,.intro a[data-v-a8eb01f2]:focus,.intro a[data-v-a8eb01f2]:active{text-decoration:underline}.settings[data-v-a8eb01f2]{flex-direction:row;justify-content:space-between;gap:1em;height:50%;display:flex}@media (width<=768px){.settings[data-v-a8eb01f2]{flex-direction:column}}.keyboard svg[data-v-a8eb01f2]{width:100%;max-width:300px;height:auto;margin:0 auto}.buttons[data-v-a8eb01f2]{margin-top:40px}.fade-in[data-v-a8eb01f2]{opacity:0;animation-name:fadeIn-a8eb01f2;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.content .fade-in[data-v-a8eb01f2]:first-child{animation-delay:.5s}.content .fade-in[data-v-a8eb01f2]:nth-child(2){animation-delay:.7s}.content .fade-in[data-v-a8eb01f2]:nth-child(3){animation-delay:1s}.content .fade-in[data-v-a8eb01f2]:nth-child(4){animation-delay:1.5s}@keyframes fadeIn-a8eb01f2{0%{opacity:0}to{opacity:1}}select[data-v-a8eb01f2]{appearance:none;background-color:var(--secondary-button-text);border:1px solid var(--secondary-button-background);width:100%;color:var(--secondary-button-text-hover);cursor:pointer;border-radius:.25rem;padding:.3em 2em .3em 1em;font-size:1rem}.theme span[data-v-a8eb01f2]{border-radius:10px;padding:10px 20px;font-weight:700}.theme label[data-v-a8eb01f2]{cursor:pointer;margin-bottom:10px;margin-right:10px;padding:10px 0;display:inline-block}.theme input[type=radio]:focus+label[data-v-a8eb01f2]{outline:3px auto #4d61ab80}.theme input[type=radio][data-v-a8eb01f2]{opacity:0;position:absolute}.auto[data-v-a8eb01f2]{color:#fff;z-index:1;background:#252b2d;justify-content:center;width:100%;max-width:40px;margin:0;transition:font-size .25s cubic-bezier(.59,.04,.3,1.43);position:relative}.auto[data-v-a8eb01f2]:after{content:attr(data-heading);z-index:2;white-space:wrap;text-align:center;color:#252b2d;clip-path:polygon(60% 0,100% 0%,100% 100%,40% 100%);background:#eef4f9;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.light[data-v-a8eb01f2]{color:#000;background:#eef4f9;border:1px solid #000}.dark[data-v-a8eb01f2]{color:#fff;background:#252b2d;border:1px solid #fff}.contrast[data-v-a8eb01f2]{color:#ff0;background:#000;border:1px solid #ff0}.kids[data-v-a8eb01f2]{color:#fff;background:linear-gradient(#591fa3 0%,#421642 100%);border:1px solid #fff}[data-animations=on] .v-enter-active[data-v-5f64f3e9],[data-animations=on] .v-leave-active[data-v-5f64f3e9]{transition:opacity .5s}[data-animations=on] .v-enter-active .popuptext[data-v-5f64f3e9],[data-animations=on] .v-leave-active .popuptext[data-v-5f64f3e9]{transition:transform .2s}.v-enter-from[data-v-5f64f3e9],.v-leave-to[data-v-5f64f3e9]{opacity:0}[data-animations=on] .v-enter-from .popuptext[data-v-5f64f3e9],[data-animations=on] .v-leave-to .popuptext[data-v-5f64f3e9]{transform:scale(1.3)}.popup[data-v-5f64f3e9]{z-index:5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay[data-v-5f64f3e9]{z-index:12;background-color:#000000b3;width:100%;height:100%;position:fixed;top:0;left:0}.popuptext[data-v-5f64f3e9]{z-index:15;background:var(--primary-background);width:75%;height:auto;color:var(--primary-color);font-family:var(--primary-font);text-align:center;border:1px solid #ccc;border-radius:10px;flex-grow:0;max-width:550px;padding:2rem}h1[data-v-5f64f3e9]{-webkit-user-select:none;user-select:none}h2[data-v-5f64f3e9]{-webkit-user-select:none;user-select:none;margin-bottom:0}.popuptext label[data-v-5f64f3e9]{text-align:left;margin-top:1.5rem;display:block}.popuptext input[data-v-5f64f3e9],.popuptext textarea[data-v-5f64f3e9]{background-color:var(--secondary-button-text);border:1px solid var(--secondary-button-background);width:100%;color:var(--secondary-button-text-hover);box-sizing:border-box;border-radius:.25rem;max-width:100%;margin-top:10px;padding:.3em .5em .4em;font-size:1rem}.popuptext textarea[data-v-5f64f3e9]{resize:none;height:10rem}.popuptext .limit[data-v-5f64f3e9]{text-align:right;margin:0}.emoji[data-v-5f64f3e9]{animation:.7s linear 2 color,1.1s ease-in-out 2 rotate;display:inline-block;transform:rotate(20deg)}.popup-title[data-v-5f64f3e9]{margin-top:10px;margin-bottom:10px;font-size:40px}.popuptext .buttons[data-v-5f64f3e9]{text-align:center;justify-content:center;gap:20px;margin:30px 0;display:flex}.popuptext .buttons .button[data-v-5f64f3e9]{border:2px solid #1a3862;border-radius:100px;margin:0 10px;padding:10px 20px;text-decoration:none}.button[data-v-5f64f3e9]:focus{box-shadow:0 0 2px 2px #51a7e8}.popuptext .button[data-v-5f64f3e9]:disabled{opacity:.5}.popuptext .button[data-v-5f64f3e9]{color:var(--secondary-button-text);background:var(--secondary-button-background)}.popuptext .button-next.button[data-v-5f64f3e9]{background:var(--secondary-button-text);color:var(--secondary-button-background)}.popuptext .buttons .button[data-v-5f64f3e9]:not(:disabled):hover{cursor:pointer;color:var(--secondary-button-text-hover);background:var(--secondary-button-background-hover);text-decoration:none}.popuptext .buttons .button-next.button[data-v-5f64f3e9]:not(:disabled):hover{background:var(--secondary-button-text-hover);color:var(--secondary-button-background-hover)}@media (width<=540px){.popuptext .buttons[data-v-5f64f3e9]{flex-direction:column}.popuptext .buttons .button[data-v-5f64f3e9]{margin-bottom:20px}.popuptext .buttons .button[data-v-5f64f3e9]:last-child{margin-bottom:0}}.sandbox-item[data-v-98cebf47]{flex-direction:column;display:flex;position:relative}.sandbox-item .move[data-v-98cebf47]{align-items:center;width:100%;margin-top:.5rem}.sandbox-item .move svg[data-v-98cebf47]{fill:var(--primary-color)}.invisible[data-v-98cebf47]{visibility:hidden}.delete[data-v-98cebf47]{z-index:2;background:#000;border-radius:50%;outline:2px solid #fff;width:24px;height:24px;position:absolute;top:-5px;right:-5px}.delete svg[data-v-98cebf47]{fill:#fff}.edit>.move[data-v-98cebf47]{height:2.4rem}span.move[data-v-98cebf47]{vertical-align:super;-webkit-user-select:none;user-select:none;justify-content:space-between;gap:.5rem;margin-right:1rem;display:inline-flex}span.move.sideways[data-v-98cebf47]{justify-content:space-around}span.move button[data-v-98cebf47]{color:var(--primary-color);cursor:pointer;opacity:.8;box-shadow:0px 0px 6px #000c, inset 0px 0px 3px rgba(var(--primary-background-rgb) / .5);background:linear-gradient(#fff 0%,#777c 1.5%,#222c 99%,#fff5 100%);border-radius:10px;outline:1px solid #00000080;padding:.6rem .6rem .5rem}span.move button svg[data-v-98cebf47]{width:16px;margin:0}span.move.sideways button svg[data-v-98cebf47]{width:10px}span.move button svg path[data-v-98cebf47]{fill:var(--primary-color)}span.move svg[data-v-98cebf47]{cursor:pointer}span.move button:hover svg[data-v-98cebf47],span.move button[data-v-98cebf47]:hover{opacity:1}span.move:active svg[data-v-98cebf47],span.move button[data-v-98cebf47]:active{opacity:.5}span.edit[data-v-98cebf47]{-webkit-user-select:none;user-select:none;justify-content:space-between;width:100%;margin:1.34rem 0;display:flex;position:relative}span.edit svg[data-v-98cebf47]{vertical-align:baseline;fill:var(--primary-color);appearance:none;cursor:pointer;margin-right:.5rem;position:relative}span.edit .del[data-v-98cebf47]:hover{opacity:.6}span.edit .del[data-v-98cebf47]:active{opacity:1}span.edit input[data-v-98cebf47]{min-width:0;color:var(--primary-color);background:0 0;border:none;margin:0;font-size:2rem}span.edit input[data-v-98cebf47]:focus{text-underline-offset:5px;border:none;outline:none;text-decoration:underline}.content[data-v-98cebf47]{max-width:1140px;height:100%;margin:0 auto;padding:0 1rem 4rem}ul[data-v-98cebf47]{grid-template-columns:repeat(auto-fit,10rem);gap:1em;margin:0;padding:0;list-style:none;display:grid}.lessons-move[data-v-98cebf47],.lessons-enter-active[data-v-98cebf47],.lessons-leave-active[data-v-98cebf47]{transition:all .3s}.lessons-enter-from[data-v-98cebf47],.lessons-leave-to[data-v-98cebf47]{opacity:0}.noplayground[data-v-98cebf47]{max-width:600px;margin:40px auto 0}.tooltip .info[data-v-98cebf47]{width:220px!important}.tooltip.tooltip-first[data-v-98cebf47]{transition:all .1s ease-in-out;top:8px;right:180px;margin:34px 0 0!important}.tooltip.tooltip-second[data-v-98cebf47]{transition:all .1s ease-in-out;position:relative;left:68px;margin:-14px 0 0!important}.tooltip.tooltip-first .arrow[data-v-98cebf47]{margin:-20px 0 0 168px;position:absolute}.tooltip.tooltip-third[data-v-98cebf47]{transition:all .1s ease-in-out;position:relative;left:0;margin:50px 0 0!important}.tooltip.tooltip-third .info[data-v-98cebf47]{width:150px!important}.tooltip.tooltip-third .arrow[data-v-98cebf47]{border:10px solid #0000;border-left:none;border-right-color:#fff;margin:10px 0 0 -20px;position:absolute}