html{height:100%}body{margin:0;background:var(--primary-background);color:var(--primary-color);font-family:LatoWeb,Tahoma,Arial,Helvetica,sans-serif;font-size:12pt;font-style:normal;background-attachment:fixed;height:100%}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 ease}[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{display:flex;flex-direction:column;min-height:100%}:root{--primary-color: #ffffff;--primary-background: #252b2d;--secondary-background: #353b3d;--keyboard-legend: #ffffff;--keyboard-highlight: rgba(255, 255, 0, .6);--keyboard-case-start: #777777;--keyboard-case-stop: #555555;--keyboard-keys-start: #222222;--keyboard-keys-stop: #111111;--primary-font: "LatoWeb";--primary-button-text: #000000;--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: #222222;--keys-finger-little-stop: #111111;--keys-finger-ring-start: #222222;--keys-finger-ring-stop: #111111;--keys-finger-middle-start: #222222;--keys-finger-middle-stop: #111111;--keys-finger-index-start: #222222;--keys-finger-index-stop: #111111;--keys-finger-thumb-start: #222222;--keys-finger-thumb-stop: #111111;--hand-fill: #dde;--hand-stroke: rgba(127, 127, 127, .8);--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, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 0 ) 100% 50% / 100% 100% repeat-x;--mask-right: linear-gradient( to right, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 0 ) 100% 50% / 100% 100% repeat-x;--tipy-defender-primary: #ffffff;--tipy-defender-laser: #52d8d9}[data-overlay=on]{--keys-finger-little-start: rgba(238, 42, 44, .5);--keys-finger-little-stop: rgba(238, 42, 44, .9);--keys-finger-ring-start: rgba(59, 81, 163, .5);--keys-finger-ring-stop: rgba(59, 81, 163, .9);--keys-finger-middle-start: rgba(248, 154, 28, .5);--keys-finger-middle-stop: rgba(248, 154, 28, .9);--keys-finger-index-start: rgba(112, 191, 68, .5);--keys-finger-index-stop: rgba(112, 191, 68, .9);--keys-finger-thumb-start: rgba(153, 153, 153, .5);--keys-finger-thumb-stop: rgba(153, 153, 153, .9);--hand-finger-little-stroke: rgba(238, 42, 44, .5);--hand-finger-ring-stroke: rgba(59, 81, 163, .5);--hand-finger-middle-stroke: rgba(248, 154, 28, .5);--hand-finger-index-stroke: rgba(112, 191, 68, .5);--hand-finger-thumb-stroke: rgba(153, 153, 153, .5);--hand-finger-little-start: rgba(238, 42, 44, .9);--hand-finger-ring-start: rgba(59, 81, 163, .9);--hand-finger-middle-start: rgba(248, 154, 28, .9);--hand-finger-index-start: rgba(112, 191, 68, .9);--hand-finger-thumb-start: rgba(100, 100, 100, .9)}[data-theme=light]{--primary-color: #000000;--primary-background: #f5f5f7;--secondary-background: #ffffff;--keyboard-legend: #ffffff;--keyboard-case-start: #777777;--keyboard-case-stop: #555555;--keyboard-keys-start: #333333;--keyboard-keys-stop: #222222;--primary-button-text: #000000;--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: #ffff00;--primary-background: #000;--secondary-background: #000;--keyboard-legend: #ffff00;--keyboard-case-start: #555555;--keyboard-case-stop: #444444;--keyboard-keys-start: #252b2d;--keyboard-keys-stop: #000;--primary-button-text: #000000;--primary-button-text-hover: #000;--primary-button-background: #fff;--primary-button-background-hover: #eee;--secondary-button-text: #ffff00;--secondary-button-text-hover: #000;--secondary-button-background: #000;--secondary-button-background-hover: #ffff00;--tipy-defender-primary: #ffff00;--tipy-defender-laser: #ffff00}[data-theme=kids]{--primary-color: #ffffff;--primary-background: linear-gradient(0deg, #421642 0%, #591fa3 100%);--primary-background: #591fa3;--secondary-background: #353b3d;--keyboard-legend: #ffffff;--keyboard-highlight: rgba(255, 255, 0, .6);--keyboard-case-start: rgba(246, 75, 2, .8);--keyboard-case-stop: rgba(216, 74, 14, .4);--keyboard-keys-start: #222222;--keyboard-keys-stop: #111111;--primary-button-text: #000000;--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{background:green;color:#fff;border:2px solid black!important}[data-theme=kids] .current .box{border:2px solid black!important;background-color:#ff0;color:#000}@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]{width:100%;background-color:#990;padding:1rem;display:flex;align-items:center;justify-content:space-between;color:#fff;box-sizing:border-box;overflow:hidden}div.notification-bar a[data-v-04202b28]{color:#fff;text-decoration:underline;transition:color .2s ease}div.notification-bar a[data-v-04202b28]:hover{color:#fc0}div.notification-bar button[data-v-04202b28]{all:unset;font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;line-height:1;transition:color .2s ease}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 all and (max-width: 560px){.logo[data-v-82098d0d]{min-width:70px}}.link-header svg[data-v-10a5f48c]{vertical-align:middle;margin-right:6px;margin-bottom:2px}.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{text-decoration:underline;cursor:pointer}@media all and (max-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]{display:flex;justify-content:space-around;width:100%;height:100%}.items svg[data-v-91349a86]{width:13px;margin-left:5px;margin-bottom:0}.items svg path[data-v-91349a86]{fill:var(--primary-color)}.items a[data-v-91349a86]{align-self:flex-end;position:relative;font-size:17px;font-weight:400;cursor:pointer}.items a[data-v-91349a86]:after{content:"";position:absolute;width:0;height:1px;display:block;margin-top:5px;right:0;background:#fff;transition:width .2s ease;-webkit-transition:width .2s ease}.items a[data-v-91349a86]:hover:after{width:100%;left:0;background:var(--primary-color)}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{text-decoration:underline;cursor:pointer}@media all and (max-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]{align-self:center;flex-direction:column}.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-26535734]{stroke:#f33!important;stroke-width:1px}[data-highlights=normal] .check.legend[data-v-26535734]{fill:#f33!important}[data-highlights=normal] .current .key[data-v-26535734]{filter:url(#keyboard-highlight);fill:var(--keyboard-highlight)!important;stroke-width:1px!important}[data-highlights=normal] .current .legend[data-v-26535734]{fill:var(--primary-button-text)!important}[data-highlights=normal] .correct .key[data-v-26535734]{fill:#0f0!important;stroke:none}[data-highlights=normal] .correct.legend[data-v-26535734]{fill:#222!important}[data-highlights=normal] .wrong .key[data-v-26535734]{fill:red!important;stroke:none}[data-highlights=normal] .wrong.legend[data-v-26535734]{fill:#222!important}.case[data-v-26535734]{fill:var(--keyboard-case-start)}.handrest[data-v-26535734]{stroke:none;fill:url(#keyboard-radial-gradient)}.key[data-v-26535734]{animation:col 3s linear infinite}.key[data-v-26535734],.joystick[data-v-26535734]{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-26535734],.showkeys .logo[data-v-26535734]{fill:var(--keyboard-legend)}.shownokeys .legend[data-v-26535734],.shownokeys .logo[data-v-26535734]{display:none}.keys-start[data-v-26535734]{stop-color:var(--keyboard-keys-start)}.keys-stop[data-v-26535734]{stop-color:var(--keyboard-keys-stop)}.case-start[data-v-26535734]{stop-color:var(--keyboard-case-start)}.case-stop[data-v-26535734]{stop-color:var(--keyboard-case-stop)}.finger-little .key[data-v-26535734]{fill:url(#keyboard-linear-gradient-finger-little);transition:fill 1.5s ease}.finger-ring .key[data-v-26535734]{fill:url(#keyboard-linear-gradient-finger-ring)}.finger-middle .key[data-v-26535734]{fill:url(#keyboard-linear-gradient-finger-middle)}.finger-index .key[data-v-26535734]{fill:url(#keyboard-linear-gradient-finger-index)}.finger-thumb .key[data-v-26535734]{fill:url(#keyboard-linear-gradient-finger-thumb)}html[data-lessonLanguage=he] .finger-he-index .key[data-v-26535734]{fill:url(#keyboard-linear-gradient-finger-index)}.legend-ko[data-v-26535734],.legend-he[data-v-26535734],.legend-no-he[data-v-26535734]{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}html[data-lessonLanguage=ko] .legend-ko[data-v-26535734],html[data-lessonLanguage=he] .legend-he[data-v-26535734],html:not([data-lessonLanguage=he]) .legend-no-he[data-v-26535734]{opacity:1;visibility:visible}[data-highlights=normal] .check .key[data-v-8b4720a2]{stroke:#f33!important;stroke-width:1px}[data-highlights=normal] .check.legend[data-v-8b4720a2]{fill:#f33!important}[data-highlights=normal] .current .key[data-v-8b4720a2]{filter:url(#keyboard-highlight);fill:var(--keyboard-highlight)!important;stroke-width:1px!important}[data-highlights=normal] .current .legend[data-v-8b4720a2]{fill:var(--primary-button-text)!important}[data-highlights=normal] .correct .key[data-v-8b4720a2]{fill:#0f0!important;stroke:none}[data-highlights=normal] .correct.legend[data-v-8b4720a2]{fill:#222!important}[data-highlights=normal] .wrong .key[data-v-8b4720a2]{fill:red!important;stroke:none}[data-highlights=normal] .wrong.legend[data-v-8b4720a2]{fill:#222!important}.case[data-v-8b4720a2]{fill:var(--keyboard-case-start)}.handrest[data-v-8b4720a2]{stroke:none;fill:url(#keyboard-radial-gradient)}.key[data-v-8b4720a2]{animation:col 3s linear infinite}.key[data-v-8b4720a2],.joystick[data-v-8b4720a2]{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-8b4720a2],.showkeys .logo[data-v-8b4720a2]{fill:var(--keyboard-legend)}.shownokeys .legend[data-v-8b4720a2],.shownokeys .logo[data-v-8b4720a2]{display:none}.keys-start[data-v-8b4720a2]{stop-color:var(--keyboard-keys-start)}.keys-stop[data-v-8b4720a2]{stop-color:var(--keyboard-keys-stop)}.case-start[data-v-8b4720a2]{stop-color:var(--keyboard-case-start)}.case-stop[data-v-8b4720a2]{stop-color:var(--keyboard-case-stop)}.finger-little .key[data-v-8b4720a2]{fill:url(#keyboard-linear-gradient-finger-little);transition:fill 1.5s ease}.finger-ring .key[data-v-8b4720a2]{fill:url(#keyboard-linear-gradient-finger-ring)}.finger-middle .key[data-v-8b4720a2]{fill:url(#keyboard-linear-gradient-finger-middle)}.finger-index .key[data-v-8b4720a2]{fill:url(#keyboard-linear-gradient-finger-index)}.finger-thumb .key[data-v-8b4720a2]{fill:url(#keyboard-linear-gradient-finger-thumb)}html[data-lessonLanguage=he] .finger-he-index .key[data-v-8b4720a2]{fill:url(#keyboard-linear-gradient-finger-index)}.legend-ko[data-v-8b4720a2],.legend-he[data-v-8b4720a2],.legend-no-he[data-v-8b4720a2]{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}html[data-lessonLanguage=ko] .legend-ko[data-v-8b4720a2],html[data-lessonLanguage=he] .legend-he[data-v-8b4720a2],html:not([data-lessonLanguage=he]) .legend-no-he[data-v-8b4720a2]{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]{text-decoration:none;padding:10px 20px;border-radius:100px;border:solid 2px #1a3862;margin:0 10px}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{text-decoration:none;cursor:pointer;color:var(--secondary-button-text-hover);background:var(--secondary-button-background-hover)}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 all and (max-width: 540px){.button[data-v-d5edc302]{margin-bottom:20px}.button[data-v-d5edc302]:last-child{margin-bottom:0}}@media all and (min-width: 768px){.button[data-v-d5edc302]{min-width:140px}}[data-animations=on] .v-enter-active[data-v-db058cc1],[data-animations=on] .v-leave-active[data-v-db058cc1]{transition:opacity .5s ease}[data-animations=on] .v-enter-active .popuptext[data-v-db058cc1],[data-animations=on] .v-leave-active .popuptext[data-v-db058cc1]{transition:transform .2s ease}.v-enter-from[data-v-db058cc1],.v-leave-to[data-v-db058cc1]{opacity:0;transform-origin:center}[data-animations=on] .v-enter-from .popuptext[data-v-db058cc1],[data-animations=on] .v-leave-to .popuptext[data-v-db058cc1]{transform:scale(.8);transform-origin:center}.confirm[data-v-db058cc1]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:15}.popup[data-v-db058cc1]{display:flex;z-index:12;position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center}.overlay[data-v-db058cc1]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:12;background-color:#000000b3}.popuptext[data-v-db058cc1]{width:75%;height:auto;border:1px solid #ccc;padding:15px;z-index:15;background:var(--primary-background);color:var(--primary-color);font-family:var(--primary-font);text-align:center;border-radius:10px;max-width:550px;overflow:hidden}.popup-title[data-v-db058cc1]{font-size:24px;margin:16px auto 20px;max-width:400px}.popuptext .buttons[data-v-db058cc1]{margin:20px 0;text-align:center;display:flex;justify-content:center;gap:20px}.popuptext span[data-v-db058cc1]{margin-top:30px;display:block;font-size:20px;line-height:1.5}@media all and (max-width: 540px){.popuptext .buttons[data-v-db058cc1]{flex-direction:column}}.info .key{border:1px solid var(--primary-button-text);padding:3px 5px 2px;border-radius:4px;font-style:normal}[data-animations=on] .v-enter-active .overlay[data-v-9edbe09d],[data-animations=on] .v-leave-active .overlay[data-v-9edbe09d]{transition:opacity .5s ease}.debug[data-v-9edbe09d]{opacity:.2}.v-enter-from .overlay[data-v-9edbe09d],.v-leave-to .overlay[data-v-9edbe09d]{opacity:0}.v-leave-to .modal[data-v-9edbe09d]{display:none}.overlay[data-v-9edbe09d]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#0000004d}.modal[data-v-9edbe09d]{position:absolute;right:1em;top:3em;border:1px solid var(--primary-color);padding:1.5em .5em .3em;border-radius:5px;z-index:10;width:auto;background:var(--secondary-background);-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:4}.modal fieldset[data-v-9edbe09d]{border:0}.modal input[data-v-9edbe09d]{display:inline}@media all and (min-width: 768px){.settings[data-v-9edbe09d]{display:flex;flex-direction:row}}.settings-left[data-v-9edbe09d]{min-width:350px;display:flex;flex-direction:column}.settings-right[data-v-9edbe09d]{min-width:280px}svg.keyboard[data-v-9edbe09d]{width:100px;padding-bottom:2em}svg.hand[data-v-9edbe09d]{width:60px;z-index:1;opacity:1}.group[data-v-9edbe09d]{display:grid;grid-template-areas:"stack";width:50%;border:3px solid var(--primary-color);border-radius:10px;padding:1em;justify-items:center;align-items:end;box-sizing:border-box;cursor:pointer;max-width:150px}.group[data-v-9edbe09d]:hover{background-color:#668}.group>svg[data-v-9edbe09d]{grid-area:stack}.sides[data-v-9edbe09d]{display:flex;gap:1em;justify-content:center}.flipped[data-v-9edbe09d]{transform:rotateY(180deg)}.notselected>svg[data-v-9edbe09d]{opacity:.5}.notselected[data-v-9edbe09d]{border:1px solid var(--primary-color);transform:scale(.96)}h3[data-v-9edbe09d]{margin-bottom:0;font-size:16px;font-weight:700}[data-animations=on] .group[data-v-9edbe09d]{transition:transform .1s linear}.sides[data-v-9edbe09d],.theme[data-v-9edbe09d],.highlights[data-v-9edbe09d],.interface[data-v-9edbe09d],.additional-settings[data-v-9edbe09d]{margin-bottom:1.5em}.highlights[data-v-9edbe09d]{flex-grow:1}.interface fieldset[data-v-9edbe09d]:first-of-type{margin-bottom:10px}legend.title[data-v-9edbe09d]{font-size:1.2em;margin-bottom:8px;font-weight:600}.options[data-v-9edbe09d]{-webkit-user-select:none;user-select:none}.options path[data-v-9edbe09d]{fill:var(--primary-color)}.options[data-v-9edbe09d]:hover{opacity:.6;cursor:pointer}.options[data-v-9edbe09d]:active{opacity:1}.switch[data-v-9edbe09d]{position:relative;display:inline-block;width:60px;height:26px}.switch input[data-v-9edbe09d]{opacity:0;width:0;height:0}.slider[data-v-9edbe09d]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider[data-v-9edbe09d]:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff}[data-animations=on] .slider[data-v-9edbe09d]{-webkit-transition:.4s;transition:.4s}input:checked+.slider[data-v-9edbe09d]{background-color:#2196f3}input:focus+.slider[data-v-9edbe09d]{box-shadow:0 0 1px #2196f3}input:checked+.slider[data-v-9edbe09d]:before{-webkit-transform:translateX(32px);-ms-transform:translateX(32px);transform:translate(32px)}.slider.round[data-v-9edbe09d]{border-radius:34px}.slider.round[data-v-9edbe09d]:before{border-radius:50%}.options-select[data-v-9edbe09d]{min-width:200px;position:relative}select[data-v-9edbe09d]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;font-size:1rem;padding:.3em 2em .3em 1em;background-color:var(--secondary-button-text);border:1px solid var(--secondary-button-background);border-radius:.25rem;color:var(--secondary-button-text-hover);cursor:pointer}.options-select[data-v-9edbe09d]:before,.options-select[data-v-9edbe09d]:after{--size: .3rem;position:absolute;content:"";right:1rem;pointer-events:none}.options-select[data-v-9edbe09d]: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-9edbe09d]{margin-bottom:4px}.options-toggler fieldset legend[data-v-9edbe09d]{float:left;margin-right:20px;height:30px;margin-top:4px}.options-toggler fieldset label[data-v-9edbe09d]{float:right}.additional-settings .options-toggler .addition-title[data-v-9edbe09d]{margin-bottom:0;padding-bottom:0}.options-footer[data-v-9edbe09d]{padding-bottom:0;display:flex;flex-direction:row;justify-content:space-between}.options-footer a[data-v-9edbe09d]:hover,.options-footer a[data-v-9edbe09d]:active{text-decoration:underline;cursor:pointer}.options-footer[data-v-9edbe09d]{font-size:.8rem;margin-top:20px;width:100%}.options-footer .version[data-v-9edbe09d]{text-align:right}.meta[data-v-9edbe09d]{display:flex;flex-direction:row;margin:0 0 0 12px}.meta>span[data-v-9edbe09d]{margin:0 6px}.button[data-v-9edbe09d]{margin-left:0}.theme[data-v-9edbe09d]{flex-grow:0}.theme span[data-v-9edbe09d]{padding:10px 0;font-weight:700;border-radius:10px;width:100%;display:block;text-align:center}.theme label[data-v-9edbe09d]{display:inline-block;margin:5px 0;cursor:pointer;width:100%}.theme input[type=radio]:focus+label[data-v-9edbe09d]{outline:rgba(77,97,171,.5) auto 3px}.theme input[type=radio][data-v-9edbe09d]{opacity:0;position:absolute}.auto[data-v-9edbe09d]{width:100%;position:relative;margin:0;color:#fff;background:#252b2d;justify-content:center;z-index:1;transition:font-size .25s cubic-bezier(.59,.04,.3,1.43)}.auto[data-v-9edbe09d]:after{content:attr(data-heading);position:absolute;left:0;z-index:2;overflow:hidden;white-space:wrap;width:100%;height:100%;top:0;display:flex;align-items:center;text-align:center;justify-content:center;color:#252b2d;background:#eef4f9;border-radius:10px;-webkit-clip-path:polygon(60% 0,100% 0%,100% 100%,40% 100%);clip-path:polygon(60% 0,100% 0%,100% 100%,40% 100%)}.light[data-v-9edbe09d]{color:#000;border:1px solid #000000;background:#eef4f9}.dark[data-v-9edbe09d]{color:#fff;border:1px solid #ffffff;background:#252b2d}.contrast[data-v-9edbe09d]{color:#ff0;border:1px solid #ffff00;background:#000}.kids[data-v-9edbe09d]{color:#fff;border:1px solid #ffffff;background:linear-gradient(0deg,#421642,#591fa3)}.theme-button[data-v-9edbe09d]{width:100%}.theme-container-inner[data-v-9edbe09d]{display:flex;justify-content:space-between;gap:10px}@media all and (max-width: 768px){.settings-left[data-v-9edbe09d],.settings-right[data-v-9edbe09d]{min-width:unset}.settings-left[data-v-9edbe09d]{margin-bottom:40px}}@media all and (max-width: 560px){svg.keyboard[data-v-9edbe09d]{width:80px}.options-footer[data-v-9edbe09d]{flex-direction:column}.modal[data-v-9edbe09d]{right:.5em;left:.5em}.meta[data-v-9edbe09d]{margin-bottom:20px}}.header[data-v-ba4f9b7f]{height:1.5em;padding:1em;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.title-exercise[data-v-ba4f9b7f]{font-weight:600}@media all and (max-width: 540px){.title-exercise[data-v-ba4f9b7f]{position:absolute;left:20px;top:70px}.header[data-v-ba4f9b7f]{height:auto;justify-content:space-between;align-items:flex-start}}.buttons[data-v-ba4f9b7f]{display:flex;gap:1em;min-width:60px;justify-content:flex-end}[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;-webkit-box-shadow:3px 2px 13px 0px rgba(0,0,0,.53);-moz-box-shadow:3px 2px 13px 0px rgba(0,0,0,.53)}svg.bug-icon[data-v-005d2579]{width:40px;height:auto;position:relative;z-index:5}[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]{padding:15px 15px 0;position:relative;height:30px;background-color:transparent;overflow-y:hidden;width:220px;text-align:right;-webkit-user-select:none;-ms-user-select:none;user-select:none}[data-animations=on] .bug[data-v-005d2579]{transition:ease-in-out .3s}.bug-body[data-v-005d2579]{position:absolute;z-index:6;opacity:0;top:10px;text-align:left;color:var(--primary-button-text);max-width:160px}.bug-body p[data-v-005d2579]{margin:0 0 12px}.bug-button{text-decoration:none;border-radius:100px;border:solid 2px #1a3862;padding:10px 25px;background:var(--primary-button-background);display:inline-block}.bug-button,.bug-button:visited{color:var(--primary-button-text)}.bug-button:hover{text-decoration:none;cursor:pointer;color:var(--primary-button-text-hover);background:var(--primary-button-background-hover)}.footer[data-v-b21581e7]{position:fixed;bottom:0;right:20px;z-index:10}.registered[data-v-b21581e7]{position:absolute;left:0;bottom:0;padding:0;margin:0 0 .5em .5em}.content[data-v-0e6132ed]{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1}.background-wrapper[data-v-0e6132ed]{height:128px;width:196px;overflow:hidden;transform:translateZ(0);clip-path:url(#tipy-clip);-webkit-clip-path:url(#tipy-clip);margin-bottom:1rem}.loading[data-v-0e6132ed]{font-size:1.2rem;font-weight:400;letter-spacing:.1rem}.backdrop[data-v-0e6132ed]{width:100%;height:100%;background:conic-gradient(var(--primary-background) 0deg,var(--primary-background) 60deg,var(--primary-color) 200deg,var(--primary-color) 260deg,var(--primary-background) 360deg);scale:2;animation:color-rotate-0e6132ed 1s infinite linear}@keyframes color-rotate-0e6132ed{0%{transform:rotate(270deg)}to{transform:rotate(-90deg)}}kbd{border:1px solid var(--primary-color);padding:3px 5px 2px;border-radius:4px;font-style:normal;margin:0 4px}.important{color:#f20}[data-theme=dark] .important{color:#f81}.combination{margin-top:1rem;margin-bottom:1.5rem;display:block;font-size:1.2rem}.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 ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}.content[data-v-f0cfaf39]{max-width:1140px;margin:0 auto;height:100%;padding:0 1em 4em;text-align:left;min-height:50vh;display:flex;flex-direction:column;justify-content:space-around;width:100%;box-sizing:border-box}.sides[data-v-f0cfaf39]{display:grid;grid-template-columns:1fr 1fr;gap:2em;justify-content:center;flex-direction:row;max-width:980px}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 all and (max-width: 560px){.sides[data-v-f0cfaf39]{display:block}.imprint[data-v-f0cfaf39]{margin-bottom:40px}}.keystext[data-v-a481a79f]{font-size:1.5em;text-align:center;width:100%;height:2em}.keystext span[data-v-a481a79f]{margin-left:.5em;margin-right:.5em;padding:.5em;border:1px solid var(--primary-color);border-radius:6px}.container[data-v-a481a79f]{margin:1em}pre[data-v-a481a79f]{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.content[data-v-3bc9e58d]{max-width:800px;margin:0 auto;height:100%;padding:0 1em 4em;text-align:center;min-height:50vh;display:flex;flex-direction:column;justify-content:space-around}.settings[data-v-3bc9e58d]{display:flex;height:50%;gap:1em;justify-content:space-between;flex-direction:row}.buttons[data-v-3bc9e58d]{margin-top:40px}.container[data-v-28d81115]{margin:auto;width:100%;text-align:center;display:grid;justify-items:center;grid-template-areas:"stack";position:relative}.keyboard[data-v-28d81115]{width:80%;max-height:40vw;left:10%;z-index:1;grid-area:stack}.hidden[data-v-28d81115]{opacity:0!important}.hand[data-v-28d81115]{margin:0 auto;z-index:4;position:absolute;width:20%;top:63%;left:50%;transform:translate(-50%);grid-area:stack}[data-animations=on] .hand[data-v-28d81115]{transition:opacity .4s linear}.flip[data-v-28d81115]{transform:rotateY(180deg) translate(50%)}.flip-enter-from[data-v-28d81115],.flip-leave-to[data-v-28d81115]{opacity:0;transform:rotateY(180deg)}.flip-leave-from[data-v-28d81115],.flip-enter-to[data-v-28d81115]{opacity:1}[data-animations=on] .flip-enter-active[data-v-28d81115],[data-animations=on] .flip-leave-active[data-v-28d81115]{transition:all .6s cubic-bezier(.5,0,.5,1)}@media all and (max-width: 540px){.keyboard[data-v-28d81115]{width:100%;max-height:60vw}.hand[data-v-28d81115]{width:34%}}[data-animations=on] .fade-enter-active[data-v-e50643db]{transition:margin 75ms cubic-bezier(.55,0,.1,1)}.fade-leave-active[data-v-e50643db]{transition:none}.fade-enter-from[data-v-e50643db]{margin-right:-2em}.fade-enter-to[data-v-e50643db]{margin-right:0}.fade-enter-active[data-v-e50643db]{position:static}.hidden[data-v-e50643db]{visibility:hidden}div.text[data-v-e50643db]{margin:0 0 1em;display:flex;width:100%;height:100%;gap:1em;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}div.text.rtl[data-v-e50643db],div.text.rtl .next[data-v-e50643db],div.text.rtl .previous[data-v-e50643db]{flex-direction:row-reverse}.next[data-v-e50643db],.previous[data-v-e50643db]{display:flex;flex:1;gap:1em;max-width:40%;overflow:hidden}.current .box[data-v-e50643db]{border:2px solid var(--primary-color)}.previous[data-v-e50643db]{justify-content:flex-end;opacity:.1;-webkit-mask:var(--mask-left);mask:var(--mask-left)}.next[data-v-e50643db]{justify-self:flex-start;-webkit-mask:var(--mask-right);mask:var(--mask-right)}.rtl>.next[data-v-e50643db]{-webkit-mask:var(--mask-left);mask:var(--mask-left)}.rtl>.previous[data-v-e50643db]{-webkit-mask:var(--mask-right);mask:var(--mask-right)}.box[data-v-e50643db]{border-radius:6px;border:1px solid var(--primary-color);box-sizing:border-box;display:inline-block;flex-shrink:0;font-size:28.8px;height:2.2em;line-height:2.2em;max-height:2.2em;max-width:1.5em;text-align:center;vertical-align:text-bottom;width:2em}div.container[data-v-63d8fb98]{display:flex;justify-content:space-around;align-items:stretch;margin-top:2em;height:1.5em;-webkit-user-select:none;-ms-user-select:none;user-select:none}[data-animations=on] div.container[data-v-63d8fb98]{transition:opacity .5s ease-in-out}label.label[data-v-63d8fb98]{display:flex;gap:1em;align-items:flex-end}div.time[data-v-63d8fb98]{font-size:1.2em;line-height:1em}progress.progress[data-v-63d8fb98]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.3em;border:none;margin-bottom:.35em}progress.progress[data-v-63d8fb98],progress.progress[data-v-63d8fb98]::-webkit-progress-bar{border-radius:10px;background-color:var(--secondary-background)}progress.progress[data-v-63d8fb98]::-moz-progress-bar{background-color:var(--primary-color)}progress.progress[data-v-63d8fb98]::-webkit-progress-value{background-color:var(--primary-color);border-radius:10px 0 0 10px}@media all and (max-width: 540px){div.container[data-v-63d8fb98]{margin-top:4em;align-items:center;flex-direction:column;justify-content:center;height:auto}.label-time[data-v-63d8fb98]{margin-bottom:20px}}.v-enter-active[data-v-2e4b3f73],.v-leave-active[data-v-2e4b3f73]{transition:opacity .5s ease}.v-enter-active .popuptext[data-v-2e4b3f73],.v-leave-active .popuptext[data-v-2e4b3f73]{transition:transform .2s ease}.v-enter-from[data-v-2e4b3f73],.v-leave-to[data-v-2e4b3f73]{opacity:0}.v-enter-from .popuptext[data-v-2e4b3f73],.v-leave-to .popuptext[data-v-2e4b3f73]{transform:scale(1.3)}.popup[data-v-2e4b3f73]{display:flex;z-index:5;position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center}.overlay[data-v-2e4b3f73]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background-color:#000000b3}.popuptext[data-v-2e4b3f73]{flex-grow:0;width:75%;height:auto;border:1px solid #ccc;padding:15px;z-index:15;background:var(--primary-background);color:var(--primary-color);font-family:var(--primary-font);text-align:center;border-radius:10px;max-width:550px;position:relative}.emoji[data-v-2e4b3f73]{display:inline-block;transform:rotate(20deg);animation:color-2e4b3f73 .7s linear 2,rotate-2e4b3f73 1.1s ease-in-out 2}@keyframes color-2e4b3f73{50%{filter:hue-rotate(360deg)}}@keyframes rotate-2e4b3f73{0%,to{transform:rotate(20deg)}25%{transform:scale(1.1)}50%{transform:rotate(-20deg)}75%{transform:scale(.9)}}.popup-title[data-v-2e4b3f73]{font-size:40px;margin-top:10px;margin-bottom:10px}.stats[data-v-2e4b3f73]{display:flex;justify-content:space-evenly;font-size:16px;line-height:22px}.popuptext .buttons[data-v-2e4b3f73]{margin:30px 0;text-align:center;display:flex;justify-content:center;gap:20px}.tooltip-first[data-v-2e4b3f73]{margin:34px 0 0!important;left:14%;transition:ease-in-out .1s}.tooltip-second[data-v-2e4b3f73]{margin:-110px 0 0!important;left:45%;transition:ease-in-out .3s}.tooltip-third[data-v-2e4b3f73]{margin:34px 0 0!important;left:70%;transition:ease-in-out .5s}.tooltip.tooltip-second .arrow[data-v-2e4b3f73]{margin:10px 0 0 90px!important;border-left:10px solid transparent!important;border-right:10px solid transparent!important;border-bottom:none!important;border-top:10px solid #fff!important}@media all and (max-width: 540px){.popuptext .buttons[data-v-2e4b3f73]{flex-direction:column}.popuptext .button[data-v-2e4b3f73]{margin-bottom:0}}.tooltip .info{width:200px;padding:10px;background:#fff;border-radius:10px;position:absolute;margin:20px 0 0 -70px;box-shadow:0 0 50px #00000080;transition:all .3s}.tooltip .info p{color:var(--primary-button-text);font-size:14px;line-height:1.6;margin-top:4px;margin-bottom:2px;font-style:italic}.info .tooltip-key{border:1px solid var(--primary-button-text);padding:3px 5px 2px;border-radius:4px;font-style:normal}.tooltip-icon{position:absolute;right:20px;top:20px}.tooltip-icon a{cursor:pointer}.tooltip-icon svg path{fill:var(--primary-color)}.tooltip{position:absolute;transform:opacity .3s linear}.tooltip-disabled{opacity:.3}.tooltipenabled .tooltip .info{visibility:visible;opacity:1}.tooltip .arrow{position:absolute;margin:-20px 0 0 90px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}@media all and (max-width: 540px){.tooltip,.tooltip-icon{display:none}}.text-container[data-v-04d69d24]{margin:2em 0 0}.content[data-v-04d69d24]{display:flex;flex-direction:column;width:100%}.keyboard[data-v-04d69d24]{width:100%;margin:0 auto;display:flex}.main[data-v-04d69d24]{flex:2;position:relative}.side[data-v-04d69d24]{flex:1;margin:1em}.side h2[data-v-04d69d24]{font-size:1.4rem}.side ul[data-v-04d69d24]{padding-left:1rem;margin-top:2.5rem;margin-bottom:2.5rem}.side li[data-v-04d69d24]{font-weight:lighter;list-style:none;font-size:1.1rem;line-height:1.5rem}@media all and (max-width: 560px){.keyboard.trainer-intro[data-v-04d69d24]{flex-direction:column-reverse}}.content[data-v-e9630ed3]{display:flex;flex-direction:column;height:100%;flex-grow:1;justify-content:space-evenly;position:relative}.buttons[data-v-e9630ed3]{display:flex;justify-content:space-around}.buttons .button[data-v-e9630ed3]{margin:1rem 0}.content[data-v-e9630ed3],.video[data-v-e9630ed3]{width:100%}.wrapper[data-v-e9630ed3]{border-right:10px;transform:translateZ(0);display:block;overflow:hidden;overflow:visible}.video[data-v-e9630ed3]{aspect-ratio:16/9;border-radius:16px}.content[data-v-31ea5cca]{display:flex;flex-direction:column;height:100%;flex-grow:1;justify-content:center;position:relative;padding-bottom:5.5em}.buttons[data-v-31ea5cca]{margin-top:1rem;display:flex;justify-content:space-evenly}.buttons .button[data-v-31ea5cca]{margin:0}.score[data-v-3fc8bce7]{text-align:right;min-width:5rem}.score-set[data-v-3fc8bce7]{display:flex;gap:1rem}.bar[data-v-123ffb1d]{height:10%;width:100%;border:2px solid var(--tipy-defender-primary)}.fill[data-v-123ffb1d]{height:1rem;min-height:1rem;background-color:var(--tipy-defender-primary);transition:width .3s ease-in-out}.word[data-v-5b3525c7]{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:1rem 1.2rem;font-size:1.5rem;line-height:1;text-align:center;color:var(--tipy-defender-primary);-webkit-user-select:none;user-select:none;aspect-ratio:1 / 1;z-index:1;overflow:hidden;background-image:radial-gradient(circle at 35% 35%,#fff6,#32323299,#000000f2);background-blend-mode:overlay;background-repeat:no-repeat;background-size:cover;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.green[data-v-5b3525c7]{color:green}.red[data-v-5b3525c7]{color:red}.yellow[data-v-5b3525c7]{color:#ffc400}.black[data-v-5b3525c7]{color:#3a3a99}.red .green[data-v-5b3525c7]{color:red}.color-a[data-v-5b3525c7]{background-color:#5c5c5c}.color-b[data-v-5b3525c7]{background-color:#4a4a4a}.color-c[data-v-5b3525c7]{background-color:#6b6b6b}.color-d[data-v-5b3525c7]{background-color:#3a3a3a}.color-heal[data-v-5b3525c7]{background-color:#3a3a99}.clip-a[data-v-5b3525c7]{clip-path:polygon(25% 10%,75% 5%,90% 30%,85% 75%,55% 90%,20% 80%,10% 50%,15% 30%)}.clip-b[data-v-5b3525c7]{clip-path:polygon(30% 5%,70% 0%,90% 20%,85% 70%,50% 95%,20% 85%,5% 60%,10% 25%)}.clip-c[data-v-5b3525c7]{clip-path:polygon(35% 0%,65% 10%,85% 35%,80% 80%,50% 100%,15% 85%,10% 55%,20% 25%)}.clip-heal[data-v-5b3525c7]{clip-path:ellipse(45% 50% at 50% 50%)}@keyframes explode-5b3525c7{0%{opacity:1}50%{opacity:.7}to{opacity:0}}.explode[data-v-5b3525c7]{animation:explode-5b3525c7 .5s forwards;transform-origin:center}.word.red[data-v-5b3525c7]{background:radial-gradient(circle,#f00c,#0000 80%)}.word.green[data-v-5b3525c7]{background:radial-gradient(circle,#0f0c,#0000 80%)}.word.black[data-v-5b3525c7]{background:radial-gradient(circle,#000014cc,#0000 80%)}.path[data-v-7be4b5ff]{display:inline-block;width:fit-content;height:100%;transform:translate(-50%)}.path div[data-v-7be4b5ff]{transform-origin:bottom center;position:relative;height:100%}.content[data-v-c0b9efed]{background-color:#000;border-radius:1rem;height:80vh;overflow:hidden;position:relative;z-index:-100}.laser[data-v-c0b9efed]{height:100%;pointer-events:none;position:absolute;width:100%;z-index:-2}.laser line[data-v-c0b9efed]{stroke:var(--tipy-defender-laser)}.ship[data-v-c0b9efed]{bottom:4px;height:4rem;left:50%;position:absolute;transform:translate(-50%);z-index:100}.score[data-v-c0b9efed]{bottom:.5rem;color:var(--tipy-defender-primary);position:absolute;right:1rem;z-index:150}.health[data-v-c0b9efed]{bottom:.5rem;color:var(--tipy-defender-primary);left:1rem;position:absolute;width:30%;z-index:50}.path[data-v-c0b9efed]{bottom:0;left:50%;position:absolute;z-index:50}.path.vertical[data-v-c0b9efed]{width:70%}.earth[data-v-c0b9efed]{bottom:0;display:block;height:100%;position:absolute;width:100%}.text[data-v-c0b9efed]{align-items:center;color:var(--tipy-defender-primary);display:flex;font-size:2rem;height:100%;justify-content:center;text-align:center;width:100%}.text span[data-v-c0b9efed]{align-items:center;background-color:#000000b3;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;z-index:200}.text p[data-v-c0b9efed]{font-size:1.5rem}.lesson[data-v-ab6eb93e]{border-radius:5px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:12em;width:8em;border:1px solid var(--primary-color);padding:1em;background-color:var(--secondary-background);box-shadow:4px 4px 4px #0000004d;position:relative}.lesson.completed[data-v-ab6eb93e]{opacity:.5}[data-animations=on] .lesson[data-v-ab6eb93e]:not(.soon){transition:all .2s ease}.lesson hr[data-v-ab6eb93e]{width:100%}.lesson h3[data-v-ab6eb93e]{margin-bottom:.25em;font-size:20pt}.lesson h3.add[data-v-ab6eb93e]{font-size:3.5rem}.lesson p[data-v-ab6eb93e]{margin-top:auto;margin-bottom:0}.lesson[data-v-ab6eb93e]:hover:not(.soon){box-shadow:0 0 5px #00000080;transform:translate(2px,2px);cursor:pointer;filter:brightness(150%)}[data-theme=light] .lesson[data-v-ab6eb93e]:hover:not(.soon){filter:brightness(85%)}.lesson[data-v-ab6eb93e]:active{filter:brightness(100%)}.lesson-icon[data-v-ab6eb93e]{align-self:center;fill:url(#gradient);width:3em;margin-top:1em;margin-left:.25em;padding:0;opacity:.6;display:block;stroke:var(--primary-color);stroke-width:5px}.ribbon[data-v-ab6eb93e]{position:absolute;right:-4px;top:-3px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span[data-v-ab6eb93e]{font-size:10px;color:#000;text-transform:uppercase;text-align:center;font-weight:700;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:orange;box-shadow:0 3px 10px -5px #000;position:absolute;top:19px;right:-21px}.ribbon.ribbon-new span[data-v-ab6eb93e]{background:orange}.ribbon.ribbon-free span[data-v-ab6eb93e]{background:green;color:#fff}.lesson.blue .lesson-icon[data-v-ab6eb93e]{fill:url(#gradient-blue)}.lesson.orange .lesson-icon[data-v-ab6eb93e]{fill:url(#gradient-orange)}.lesson.silver .lesson-icon[data-v-ab6eb93e]{fill:url(#gradient-silver)}.lesson.black .lesson-icon[data-v-ab6eb93e]{fill:url(#gradient-black)}.lesson.brown .lesson-icon[data-v-ab6eb93e]{fill:url(#gradient-brown)}.lesson.red .lesson-icon[data-v-ab6eb93e]{fill:url(#gradient-red)}.lesson.green .lesson-icon[data-v-ab6eb93e]{fill:url(#gradient-green)}.content[data-v-2bf2fb30]{max-width:1140px;margin:0 auto;height:100%;padding:0 1em 4em;-webkit-user-select:none;-ms-user-select:none;user-select:none}h2[data-v-2bf2fb30]:not(:first-of-type){margin-top:1.6em}ul[data-v-2bf2fb30]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2em}.lang-chooser[data-v-2bf2fb30]{justify-content:flex-end}.lang-chooser li[data-v-2bf2fb30]:hover{opacity:.6;cursor:pointer}.content[data-v-32c316f4]{max-width:1140px;margin:0 auto;height:100%;padding:0 1em 4em;text-align:left;min-height:50vh;display:flex;flex-direction:column;justify-content:flex-start;width:100%;box-sizing:border-box}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]{max-width:1140px;margin:0 auto;height:100%;padding:0 1em 4em;text-align:center;min-height:50vh;display:flex;flex-direction:column;justify-content:space-around}svg.keyboard[data-v-abb96dc4]{width:100%;padding-bottom:2em}svg.hand[data-v-abb96dc4]{width:40%;z-index:1;opacity:1}.group[data-v-abb96dc4]{display:grid;grid-template-areas:"stack";width:30%;border:3px solid var(--primary-color);border-radius:10px;padding:1em;justify-items:center;align-items:end;box-sizing:border-box;cursor:pointer;min-width:210px;max-width:250px}.group[data-v-abb96dc4]:hover{background-color:#668}.group>svg[data-v-abb96dc4]{grid-area:stack}.sides[data-v-abb96dc4]{display:flex;height:50%;gap:1em;justify-content:center}.options p[data-v-abb96dc4]{font-size:1.2em;max-width:700px;margin:40px auto 10px}.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 all and (max-width: 540px){.sides[data-v-abb96dc4]{flex-direction:column;align-items:center}}.content[data-v-d7e2fe80]{display:flex;flex-direction:column;height:100%;flex-grow:1;justify-content:center;position:relative;padding-bottom:5.5em}.demo-text[data-v-d7e2fe80]{width:100%;height:4rem}.sandbox-item[data-v-d7e2fe80]{display:flex;flex-direction:column}.sandbox-item .move[data-v-d7e2fe80]{margin-top:.5rem;width:100%;align-items:center}.sandbox-item .move svg[data-v-d7e2fe80]{fill:var(--primary-color)}.invisible[data-v-d7e2fe80]{visibility:hidden}span.move[data-v-d7e2fe80]{vertical-align:super;display:inline-flex;margin-right:1rem;gap:.5rem;-webkit-user-select:none;user-select:none;justify-content:space-between}span.move button[data-v-d7e2fe80]{border-style:solid;border-color:var(--primary-color);border-radius:10px;background-color:transparent;color:var(--primary-color);padding:.4rem .6rem;cursor:pointer;opacity:.2}span.move svg[data-v-d7e2fe80]{cursor:pointer;opacity:.2}span.move svg[data-v-d7e2fe80]:hover,span.move button[data-v-d7e2fe80]:hover{opacity:1}span.move svg[data-v-d7e2fe80]:active,span.move button[data-v-d7e2fe80]:active{opacity:.6}span.edit[data-v-d7e2fe80]{display:block;position:relative;margin:1.34rem 0;-webkit-user-select:none;user-select:none}span.edit a[data-v-d7e2fe80]{position:relative;left:-1.7rem;vertical-align:super;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}span.edit a.del[data-v-d7e2fe80]:hover{opacity:.6}span.edit a.del[data-v-d7e2fe80]:active{opacity:1}span.edit input[data-v-d7e2fe80],span.edit label[data-v-d7e2fe80]{margin:0;min-width:0;font-size:2rem;background:none;border:none;color:var(--primary-color)}span.edit input[data-v-d7e2fe80]:focus{border:none;outline:none;text-decoration:underline;text-underline-offset:5px}.content[data-v-d7e2fe80]{max-width:1140px;margin:0 auto;height:100%;padding:0 1rem 4rem}ul[data-v-d7e2fe80]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2rem}.lessons-move[data-v-d7e2fe80],.lessons-enter-active[data-v-d7e2fe80],.lessons-leave-active[data-v-d7e2fe80]{transition:all .3s ease}.lessons-enter-from[data-v-d7e2fe80],.lessons-leave-to[data-v-d7e2fe80]{opacity:0}.lesson[data-v-d7e2fe80]{border-radius:5px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:12em;width:8em;border:1px solid var(--primary-color);padding:1em;background-color:var(--secondary-background);box-shadow:4px 4px 4px #0000004d}.lesson.completed[data-v-d7e2fe80]{opacity:.5}[data-animations=on] .lesson[data-v-d7e2fe80]{transition:all .2s ease}.lesson hr[data-v-d7e2fe80]{width:100%}.lesson h3[data-v-d7e2fe80]{margin-bottom:.25em;font-size:20pt}.lesson h3.add[data-v-d7e2fe80]{font-size:3.5rem}.lesson p[data-v-d7e2fe80]{margin-top:auto;margin-bottom:0}.lesson[data-v-d7e2fe80]:hover{box-shadow:0 0 5px #00000080;transform:translate(2px,2px);cursor:pointer;filter:brightness(150%)}.lesson.disabled[data-v-d7e2fe80]:hover{box-shadow:0 0 5px #00000080;transform:translate(2px,2px);cursor:not-allowed}[data-theme=light] .lesson[data-v-d7e2fe80]:hover{filter:brightness(85%)}.lesson[data-v-d7e2fe80]:active{filter:brightness(100%)}.lesson-icon[data-v-d7e2fe80]{align-self:center;fill:url(#gradient);width:3em;margin-top:1em;margin-left:.25em;padding:0;opacity:.6;display:block;stroke:var(--primary-color);stroke-width:5px}.teaser .lesson.disabled[data-v-d7e2fe80],span.edit.disabled[data-v-d7e2fe80]{opacity:.5}div.disabled[data-v-d7e2fe80]{position:relative;overflow:hidden;max-height:280px;--mask-bottom: linear-gradient( to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100% ) 100% 50% / 100% 100% repeat-x;-webkit-mask:var(--mask-bottom);mask:var(--mask-bottom)}.banner-container[data-v-d7e2fe80]{position:absolute;right:0;max-width:660px;z-index:1;top:20px;padding:50px 40px 40px;background:var(--secondary-background);margin-right:30px;border-image:linear-gradient(300deg,#1a3862,#52d8d9) 30;border-width:4px;border-style:solid}.banner[data-v-d7e2fe80]{height:auto;width:100%;text-align:center;display:flex;justify-content:center;align-items:center}.banner-text h1[data-v-d7e2fe80],.banner-text h2[data-v-d7e2fe80],.banner-text h3[data-v-d7e2fe80]{color:var(--primary-color)}.banner-text h1[data-v-d7e2fe80]{line-height:1.3;margin:0 0 20px;font-weight:700;font-size:2.1rem}.banner-text h2[data-v-d7e2fe80]{line-height:1.3;margin:0 0 10px;font-size:1.6rem;font-weight:700;padding:18px 0;border-top:1px solid var(--primary-color);border-bottom:1px solid var(--primary-color)}.banner-text p[data-v-d7e2fe80]{line-height:1.75;margin:0 0 20px;font-size:1.2rem;font-weight:600;padding-top:10px}.banner-ctas[data-v-d7e2fe80]{display:flex;flex-direction:row;gap:3em}.banner-cta[data-v-d7e2fe80],.banner-cta p[data-v-d7e2fe80]{text-align:left}@media all and (max-width: 1000px){.banner-container[data-v-d7e2fe80]{top:unset;bottom:40px;margin-left:30px;margin-right:30px}.content[data-v-d7e2fe80]{padding:0 1rem 24rem}}@media all and (max-width: 768px){.banner-text h1[data-v-d7e2fe80]{font-size:2rem}.banner-text h2[data-v-d7e2fe80]{font-size:1.5rem}.banner-ctas[data-v-d7e2fe80]{flex-direction:column}}.content[data-v-69c1e7f9]{max-width:800px;margin:0 auto;height:100%;padding:0 1em 4em;text-align:center;min-height:50vh;display:flex;flex-direction:column;justify-content:space-around}h1[data-v-69c1e7f9]{margin-bottom:10px}h1[data-v-69c1e7f9],h2[data-v-69c1e7f9],.intro[data-v-69c1e7f9],legend[data-v-69c1e7f9]{-webkit-user-select:none;-ms-user-select:none;user-select:none}.intro[data-v-69c1e7f9]{max-width:660px;margin:20px auto 40px;font-size:1.2em}.intro a[data-v-69c1e7f9]:hover,.intro a[data-v-69c1e7f9]:focus,.intro a[data-v-69c1e7f9]:active{text-decoration:underline}.settings[data-v-69c1e7f9]{display:flex;height:50%;gap:1em;justify-content:space-between;flex-direction:row}@media all and (max-width: 768px){.settings[data-v-69c1e7f9]{flex-direction:column}}.keyboard svg[data-v-69c1e7f9]{width:100%;height:auto;max-width:300px;margin:0 auto}.buttons[data-v-69c1e7f9]{margin-top:40px}.fade-in[data-v-69c1e7f9]{opacity:0;animation-name:fadeIn-69c1e7f9;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.content .fade-in[data-v-69c1e7f9]:nth-child(1){animation-delay:.5s}.content .fade-in[data-v-69c1e7f9]:nth-child(2){animation-delay:.7s}.content .fade-in[data-v-69c1e7f9]:nth-child(3){animation-delay:1s}.content .fade-in[data-v-69c1e7f9]:nth-child(4){animation-delay:1.5s}@keyframes fadeIn-69c1e7f9{0%{opacity:0}to{opacity:1}}select[data-v-69c1e7f9]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;font-size:1rem;padding:.3em 2em .3em 1em;background-color:var(--secondary-button-text);border:1px solid var(--secondary-button-background);border-radius:.25rem;color:var(--secondary-button-text-hover);cursor:pointer}.theme span[data-v-69c1e7f9]{padding:10px 20px;font-weight:700;border-radius:10px}.theme label[data-v-69c1e7f9]{margin-right:10px;margin-bottom:10px;display:inline-block;padding:10px 0;cursor:pointer}.theme input[type=radio]:focus+label[data-v-69c1e7f9]{outline:rgba(77,97,171,.5) auto 3px}.theme input[type=radio][data-v-69c1e7f9]{opacity:0;position:absolute}.auto[data-v-69c1e7f9]{width:100%;max-width:40px;position:relative;margin:0;color:#fff;background:#252b2d;justify-content:center;z-index:1;transition:font-size .25s cubic-bezier(.59,.04,.3,1.43)}.auto[data-v-69c1e7f9]:after{content:attr(data-heading);left:0;z-index:2;overflow:hidden;white-space:wrap;width:100%;height:100%;top:0;display:flex;align-items:center;text-align:center;position:absolute;justify-content:center;color:#252b2d;background:#eef4f9;border-radius:10px;-webkit-clip-path:polygon(60% 0,100% 0%,100% 100%,40% 100%);clip-path:polygon(60% 0,100% 0%,100% 100%,40% 100%)}.light[data-v-69c1e7f9]{color:#000;border:1px solid #000000;background:#eef4f9}.dark[data-v-69c1e7f9]{color:#fff;border:1px solid #ffffff;background:#252b2d}.contrast[data-v-69c1e7f9]{color:#ff0;border:1px solid #ffff00;background:#000}.kids[data-v-69c1e7f9]{color:#fff;border:1px solid #ffffff;background:linear-gradient(0deg,#421642,#591fa3)}[data-animations=on] .v-enter-active[data-v-c0a165d1],[data-animations=on] .v-leave-active[data-v-c0a165d1]{transition:opacity .5s ease}[data-animations=on] .v-enter-active .popuptext[data-v-c0a165d1],[data-animations=on] .v-leave-active .popuptext[data-v-c0a165d1]{transition:transform .2s ease}.v-enter-from[data-v-c0a165d1],.v-leave-to[data-v-c0a165d1]{opacity:0}[data-animations=on] .v-enter-from .popuptext[data-v-c0a165d1],[data-animations=on] .v-leave-to .popuptext[data-v-c0a165d1]{transform:scale(1.3)}.popup[data-v-c0a165d1]{display:flex;z-index:5;position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center}.overlay[data-v-c0a165d1]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background-color:#000000b3}.popuptext[data-v-c0a165d1]{flex-grow:0;width:75%;height:auto;border:1px solid #ccc;padding:2rem;z-index:15;background:var(--primary-background);color:var(--primary-color);font-family:var(--primary-font);text-align:center;border-radius:10px;max-width:550px}h1[data-v-c0a165d1]{-webkit-user-select:none;-ms-user-select:none;user-select:none}h2[data-v-c0a165d1]{margin-bottom:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.popuptext label[data-v-c0a165d1]{display:block;margin-top:1.5rem;text-align:left}.popuptext input[data-v-c0a165d1],.popuptext textarea[data-v-c0a165d1]{width:100%;font-size:1rem;padding:.3em .5em .4em;background-color:var(--secondary-button-text);border:1px solid var(--secondary-button-background);border-radius:.25rem;color:var(--secondary-button-text-hover);max-width:100%;box-sizing:border-box;margin-top:10px}.popuptext textarea[data-v-c0a165d1]{height:10rem;resize:none}.popuptext .limit[data-v-c0a165d1]{margin:0;text-align:right}.emoji[data-v-c0a165d1]{display:inline-block;transform:rotate(20deg);animation:color .7s linear 2,rotate 1.1s ease-in-out 2}.popup-title[data-v-c0a165d1]{font-size:40px;margin-top:10px;margin-bottom:10px}.popuptext .buttons[data-v-c0a165d1]{margin:30px 0;text-align:center;display:flex;justify-content:center;gap:20px}.popuptext .buttons .button[data-v-c0a165d1]{text-decoration:none;padding:10px 20px;border-radius:100px;border:solid 2px #1a3862;margin:0 10px}.button[data-v-c0a165d1]:focus{box-shadow:0 0 2px 2px #51a7e8}.popuptext .button[data-v-c0a165d1]:disabled{opacity:.5}.popuptext .button[data-v-c0a165d1]{color:var(--secondary-button-text);background:var(--secondary-button-background)}.popuptext .button-next.button[data-v-c0a165d1]{background:var(--secondary-button-text);color:var(--secondary-button-background)}.popuptext .buttons .button[data-v-c0a165d1]:not(:disabled):hover{text-decoration:none;cursor:pointer}.popuptext .buttons .button[data-v-c0a165d1]:not(:disabled):hover{color:var(--secondary-button-text-hover);background:var(--secondary-button-background-hover)}.popuptext .buttons .button-next.button[data-v-c0a165d1]:not(:disabled):hover{background:var(--secondary-button-text-hover);color:var(--secondary-button-background-hover)}@media all and (max-width: 540px){.popuptext .buttons[data-v-c0a165d1]{flex-direction:column}.popuptext .buttons .button[data-v-c0a165d1]{margin-bottom:20px}.popuptext .buttons .button[data-v-c0a165d1]:last-child{margin-bottom:0}}.sandbox-item[data-v-3664924f]{display:flex;flex-direction:column}.sandbox-item .move[data-v-3664924f]{margin-top:.5rem;width:100%;align-items:center}.sandbox-item .move svg[data-v-3664924f]{fill:var(--primary-color)}.invisible[data-v-3664924f]{visibility:hidden}span.move[data-v-3664924f]{vertical-align:super;display:inline-flex;margin-right:1rem;gap:.5rem;-webkit-user-select:none;user-select:none;justify-content:space-between}span.move button[data-v-3664924f]{border-style:solid;border-color:var(--primary-color);border-radius:10px;background-color:transparent;color:var(--primary-color);padding:.6rem .6rem .5rem;cursor:pointer;opacity:.5}span.move button svg[data-v-3664924f]{width:16px}span.move.sideways button svg[data-v-3664924f]{width:10px}span.move button svg path[data-v-3664924f]{fill:var(--primary-color)}span.move svg[data-v-3664924f]{cursor:pointer}span.move button:hover svg[data-v-3664924f],span.move button[data-v-3664924f]:hover{opacity:1}span.move:active svg[data-v-3664924f],span.move button[data-v-3664924f]:active{opacity:.5}span.edit[data-v-3664924f]{display:block;position:relative;margin:1.34rem 0;-webkit-user-select:none;user-select:none}span.edit a[data-v-3664924f]{position:relative;left:-1.2rem;vertical-align:super;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}span.edit a.del[data-v-3664924f]:hover{opacity:.6}span.edit a.del[data-v-3664924f]:active{opacity:1}span.edit input[data-v-3664924f]{margin:0;min-width:0;font-size:2rem;background:none;border:none;color:var(--primary-color)}span.edit input[data-v-3664924f]:focus{border:none;outline:none;text-decoration:underline;text-underline-offset:5px}.content[data-v-3664924f]{max-width:1140px;margin:0 auto;height:100%;padding:0 1rem 4rem}ul[data-v-3664924f]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2rem}.lessons-move[data-v-3664924f],.lessons-enter-active[data-v-3664924f],.lessons-leave-active[data-v-3664924f]{transition:all .3s ease}.lessons-enter-from[data-v-3664924f],.lessons-leave-to[data-v-3664924f]{opacity:0}.noplayground[data-v-3664924f]{max-width:600px;margin:40px auto 0}.tooltip .info[data-v-3664924f]{width:220px!important}.tooltip.tooltip-first[data-v-3664924f]{margin:34px 0 0!important;transition:ease-in-out .1s;top:8px;right:180px}.tooltip.tooltip-second[data-v-3664924f]{margin:-14px 0 0!important;transition:ease-in-out .1s;left:68px;position:relative}.tooltip.tooltip-first .arrow[data-v-3664924f]{position:absolute;margin:-20px 0 0 168px}.tooltip.tooltip-third[data-v-3664924f]{margin:50px 0 0!important;transition:ease-in-out .1s;left:0;position:relative}.tooltip.tooltip-third .info[data-v-3664924f]{width:150px!important}.tooltip.tooltip-third .arrow[data-v-3664924f]{position:absolute;margin:10px 0 0 -20px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;border-left:none}