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 .2s}[data-animations=on][data-fingers=on] .key{transition:all .2s ease-in-out}.content{max-width:1140px;margin:0 auto}#app{flex-direction:column;min-height:100%;display:flex}:focus{outline:none;position:relative}:focus:after{content:"";pointer-events:none;border-radius:inherit;opacity:1;z-index:1;outline:2px solid #fff;position:absolute;inset:-3px;box-shadow:0 0 0 5px #51a7e899}:root{--hover-color:#fff1;--primary-color:#fff;--primary-color-rgb:255 255 255;--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:#52a7e8;--secondary-button-text:#fff;--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]{--hover-color:#0001;--primary-color:#000;--primary-color-rgb:0 0 0;--primary-text-background:#fff;--primary-background:#e7e7ea;--primary-background-rgb:231 231 234;--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:#033c82;--secondary-button-text:#fff}[data-theme=accessibility]{--primary-color:#ff0;--primary-color-rgb:255 255 0;--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:#ff0;--secondary-button-text:#fff}[data-theme=kids]{--primary-color:#fff;--primary-color-rgb:255 255 255;--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-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}@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}.glass{--white:#fff;--black:#444;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--primary-background-rgb) / .9);border:none;position:relative;box-shadow:0 0 6px #0009}.glass.glass-inverted{--white:#000;--black:#ccc;box-shadow:inset 0 0 6px #0009}[data-theme=accessibility] .glass{outline:1px solid var(--primary-color)}html:not([data-theme=accessibility]) .glass:before{content:"";border-radius:inherit;pointer-events:none;opacity:.2;background:linear-gradient(var(--white) 30%, var(--black) 70%) -10px/12px 100% no-repeat, linear-gradient(var(--black) 30%, var(--white) 70%) calc(100% + 10px)/12px 100% no-repeat, linear-gradient(90deg, var(--white) 30%, var(--black) 100%) top/100% 50% no-repeat, linear-gradient(90deg, var(--black) 0%, var(--white) 70%) bottom/100% 50% no-repeat;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}html:not([data-theme=accessibility]) .glass.glass-strong:before{opacity:.4}.glass input,.glass textarea{appearance:none;border-radius:inherit;color:inherit;font-size:inherit;resize:inherit;background:0 0;border:none;outline:none;width:100%;margin:0}:is(.glass:has(>input:focus),.glass:has(>textarea:focus)){box-shadow:0 0 1.5px 1.5px #51a7e899}html:not([data-theme=accessibility]) .glass:focus{box-shadow:0 0 2px 2px #51a7e8}[data-theme=accessibility] .glass:focus{outline:5px solid var(--primary-color)}div.notification-bar[data-v-4349766b]{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-4349766b]{color:#fff;text-decoration:underline;transition:color .2s}div.notification-bar a[data-v-4349766b]:hover{color:#fc0}div.notification-bar button[data-v-4349766b]{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-4349766b]: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}}.exercise-buttons[data-v-44dee8c9]{gap:1.5em;display:flex}.link-header svg[data-v-44dee8c9]{vertical-align:middle;margin-bottom:2px;margin-right:6px}.link-header svg path[data-v-44dee8c9]{fill:var(--primary-color)}a.link-header[data-v-44dee8c9]{color:var(--primary-color);text-decoration:none;display:inline-block}a.link-header[data-v-44dee8c9]:hover{cursor:pointer;text-decoration:underline}@media (width<=540px){.link-header span[data-v-44dee8c9]{display:none}}.link-header svg[data-v-92e71cba]{vertical-align:middle;margin-bottom:2px;margin-right:6px}.link-header svg path[data-v-92e71cba]{fill:var(--primary-color)}a.link-header[data-v-92e71cba]{color:var(--primary-color);text-decoration:none;display:inline-block}a.link-header[data-v-92e71cba]:first-child{margin-right:40px}a.link-header[data-v-92e71cba]:hover{cursor:pointer;text-decoration:underline}@media (width<=540px){.link-header span[data-v-92e71cba]{display:none}a.link-header[data-v-92e71cba]:first-child{margin-right:20px}}.edit[data-v-52fe3f7e]{-webkit-user-select:none;user-select:none;anchor-name:--edit-button}.edit path[data-v-52fe3f7e]{fill:var(--primary-color)}.edit[data-v-52fe3f7e]:hover{opacity:.6;cursor:pointer}.edit[data-v-52fe3f7e]:active{opacity:1}svg[data-v-0ee57287]{fill:currentColor;-webkit-user-select:none;user-select:none;width:20px;height:20px}svg path[data-v-0ee57287]{fill:var(--primary-color)}svg[data-v-0ee57287]:hover{opacity:.6;cursor:pointer}svg[data-v-0ee57287]:active{opacity:1}svg[data-v-20186fe7]{fill:currentColor;width:20px;height:20px}.header[data-v-e5c0af00]{-webkit-user-select:none;user-select:none;z-index:100;background:rgba(var(--primary-background-rgb) / .5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;width:calc(100% - 2em);max-width:1140px;height:1.5em;margin:0 auto;padding:1em;display:flex;position:sticky;top:0}.title-exercise[data-v-e5c0af00]{font-weight:600}.items[data-v-e5c0af00]{justify-content:space-around;width:100%;height:100%;display:flex}.items[data-v-e5c0af00] svg{opacity:.6;width:17px;margin-bottom:-6px;margin-left:2px}.items a[data-v-e5c0af00]{cursor:pointer;border-radius:10px;align-self:flex-end;padding:2px;font-size:17px;font-weight:400;position:relative}[data-theme=accessibility] a[data-v-e5c0af00]:focus{outline:5px solid var(--primary-color);box-shadow:none}.items a[data-v-e5c0af00]:before{content:"";background:#fff;width:0;height:1px;margin-top:5px;transition:width .2s;display:block;position:absolute;bottom:0;right:0}.items a[data-v-e5c0af00]:hover:before{background:var(--primary-color);width:100%;left:0}.buttons a[data-v-e5c0af00]{border-radius:25px}@media (width<=540px){.title-exercise[data-v-e5c0af00]{position:absolute;top:70px;left:20px}.header[data-v-e5c0af00]{justify-content:space-between;align-items:flex-start;height:auto}.items[data-v-e5c0af00]{flex-direction:column;align-self:center}.items a[data-v-e5c0af00]{align-self:center;margin-bottom:10px}}.buttons[data-v-e5c0af00]{justify-content:flex-end;gap:1em;min-width:60px;display:flex}[data-animations=on] .bug-report-container[data-v-9b8173cc]{transition:all .3s}.bug-report-container[data-v-9b8173cc]{visibility:hidden;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;border-radius:25px 25px 0 0;padding:.5rem .5rem 0;position:relative;top:90px}.show-bug[data-v-9b8173cc]{visibility:visible;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0}@media (hover:hover) and (pointer:fine){.bug-report-container[data-v-9b8173cc]:hover{visibility:visible;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0}}svg.bug-icon[data-v-9b8173cc]{z-index:5;background-color:var(--primary-background);opacity:.8;border-radius:50%;width:40px;height:auto;margin:-.5rem;padding:.5rem;position:relative}[data-animations=on] svg.bug-icon path[data-v-9b8173cc]{transition:all .3s}svg.bug-icon path[data-v-9b8173cc]{fill:var(--primary-color)}.bug-report-container:hover .bug-body[data-v-9b8173cc]{opacity:1}.bug[data-v-9b8173cc]{visibility:visible;text-align:left;-webkit-user-select:none;user-select:none;background-color:#0000;width:220px;height:120px;padding:15px 15px 0;position:relative;overflow-y:hidden}[data-animations=on] .bug[data-v-9b8173cc]{transition:all .1s ease-in-out}.bug-body[data-v-9b8173cc]{z-index:0;opacity:0;text-align:left;max-width:160px;margin-left:60px;position:absolute;top:10px}.bug-body p[data-v-9b8173cc]{margin:0 0 12px}.bug-button[data-v-9b8173cc]{color:var(--primary-button-text);background-color:#0000;border-radius:100px;padding:10px 25px;text-decoration:none;display:inline-block}.bug-button[data-v-9b8173cc]:hover{cursor:pointer;color:var(--primary-button-text-hover);background:var(--primary-button-background-hover);opacity:1;cursor:pointer;background-color:#9992;border-color:#9992;text-decoration:none}.footer[data-v-91c22167]{z-index:10;pointer-events:none;position:fixed;bottom:0;left:20px}.footer[data-v-91c22167]>*{pointer-events:auto}.registered[data-v-91c22167]{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)}}.button[data-v-7d9a0e13]{color:rgb(var(--secondary-button-text));cursor:pointer;background-color:#0000;border-radius:125px;margin:0 10px;padding:10px 20px;text-decoration:none;transition:none}[data-theme=accessibility] .button[data-v-7d9a0e13]{outline:1px solid var(--primary-color)}button[disabled][data-v-7d9a0e13]{cursor:not-allowed}button[disabled] span[data-v-7d9a0e13]{opacity:.7}.button[data-v-7d9a0e13]:focus{box-shadow:0 0 2px 2px #51a7e8}.button-next.button[data-v-7d9a0e13]{color:var(--primary-button-text)}.button[data-v-7d9a0e13]:hover{cursor:pointer;background-color:#9992;border-color:#9992;text-decoration:none}button[disabled][data-v-7d9a0e13]:hover{cursor:not-allowed;color:var(--secondary-button-text)}@media (width<=540px){.button[data-v-7d9a0e13]{margin-bottom:20px}.button[data-v-7d9a0e13]:last-child{margin-bottom:0}}@media (width>=768px){.button[data-v-7d9a0e13]{min-width:140px}}[data-animations=on] .v-enter-active[data-v-c934a288],[data-animations=on] .v-leave-active[data-v-c934a288]{transition:opacity .15s}[data-animations=on] .v-enter-active .popuptext[data-v-c934a288],[data-animations=on] .v-leave-active .popuptext[data-v-c934a288]{transition:transform .15s}.v-enter-from[data-v-c934a288],.v-leave-to[data-v-c934a288]{opacity:0;transform-origin:50%}[data-animations=on] .v-enter-from .popuptext[data-v-c934a288],[data-animations=on] .v-leave-to .popuptext[data-v-c934a288]{transform-origin:50%;transform:scale(.8)}.confirm[data-v-c934a288]{z-index:15;position:fixed;inset:0}.popup[data-v-c934a288]{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay[data-v-c934a288]{z-index:12;position:fixed;inset:0}.popuptext[data-v-c934a288]{z-index:15;width:75%;height:auto;color:var(--primary-color);font-family:var(--primary-font);text-align:center;border-radius:25px;max-width:550px;padding:15px;overflow:hidden}[data-theme=accessibility] .popuptext[data-v-c934a288]{outline:1px solid var(--primary-color)}.popup-title[data-v-c934a288]{max-width:400px;margin:16px auto 1rem;font-size:1.25rem}.popuptext .buttons[data-v-c934a288]{text-align:center;justify-content:center;gap:20px;margin:20px 0;display:flex}.popuptext span[data-v-c934a288]{margin-top:30px;font-size:20px;line-height:1.5;display:block}@media (width<=540px){.popuptext .buttons[data-v-c934a288]{flex-direction:column}}.info .key{border:1px solid var(--primary-button-text);border-radius:4px;padding:3px 5px 2px;font-style:normal}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}.disabled[data-v-ddd66b8a]{opacity:.4;pointer-events:none}.button[data-v-ddd66b8a] svg{background-color:var(--icon-background);color:var(--icon-foreground);opacity:.7;border-radius:25px;padding:8px}.button[data-v-ddd66b8a]{--icon-background:var(--hover-color);--icon-foreground:var(--primary-color);color:var(--primary-color);-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border-style:none;border-radius:25px;align-items:center;height:2.5rem;padding:8px 14px 8px 8px;text-decoration:none;transition:none;display:inline-flex;position:relative}.button span[data-v-ddd66b8a]{opacity:.6;text-align:start;white-space:pre-line;min-width:0;margin-left:.5rem}.button[data-v-ddd66b8a]:has(input:checked){--icon-background:var(--primary-color);--icon-foreground:var(--primary-background)}:is(.button[data-v-ddd66b8a]:has(input:checked) svg,.button:has(input:checked) span[data-v-ddd66b8a]){opacity:1}.button[data-v-ddd66b8a]:hover{background-color:var(--hover-color)}.button>input[data-v-ddd66b8a]{display:none}svg[data-v-d2c71e38],svg[data-v-566c0494],svg[data-v-af75ff58],svg[data-v-18cc732c]{fill:currentColor;width:20px;height:20px}h3[data-v-cca7673a]{margin:.5em 0}[data-highlights=normal] .check .key[data-v-2cd14333]{stroke-width:1px;stroke:#f33!important}[data-highlights=normal] .check.legend[data-v-2cd14333]{fill:#f33!important}[data-highlights=normal] .current .key[data-v-2cd14333]{filter:url(#keyboard-highlight);fill:var(--keyboard-highlight)!important;stroke-width:1px!important}[data-highlights=normal] .current .legend[data-v-2cd14333]{fill:#000!important}[data-highlights=normal] .correct .key[data-v-2cd14333]{stroke:none;fill:#0f0!important}[data-highlights=normal] .correct.legend[data-v-2cd14333]{fill:#222!important}[data-highlights=normal] .wrong .key[data-v-2cd14333]{stroke:none;fill:red!important}[data-highlights=normal] .wrong.legend[data-v-2cd14333]{fill:#222!important}.case[data-v-2cd14333]{fill:var(--keyboard-case-start)}.handrest[data-v-2cd14333]{stroke:none;fill:url(#keyboard-radial-gradient)}.key[data-v-2cd14333]{animation:3s linear infinite col}.key[data-v-2cd14333],.joystick[data-v-2cd14333]{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-2cd14333],.showkeys .logo[data-v-2cd14333]{fill:var(--keyboard-legend)}.shownokeys .legend[data-v-2cd14333],.shownokeys .logo[data-v-2cd14333]{display:none}.keys-start[data-v-2cd14333]{stop-color:var(--keyboard-keys-start)}.keys-stop[data-v-2cd14333]{stop-color:var(--keyboard-keys-stop)}.case-start[data-v-2cd14333]{stop-color:var(--keyboard-case-start)}.case-stop[data-v-2cd14333]{stop-color:var(--keyboard-case-stop)}.finger-little .key[data-v-2cd14333]{fill:url(#keyboard-linear-gradient-finger-little)}.finger-ring .key[data-v-2cd14333]{fill:url(#keyboard-linear-gradient-finger-ring)}.finger-middle .key[data-v-2cd14333]{fill:url(#keyboard-linear-gradient-finger-middle)}.finger-index .key[data-v-2cd14333]{fill:url(#keyboard-linear-gradient-finger-index)}.finger-thumb .key[data-v-2cd14333]{fill:url(#keyboard-linear-gradient-finger-thumb)}html[data-lessonLanguage="he"] .finger-he-index .key[data-v-2cd14333]{fill:url(#keyboard-linear-gradient-finger-index)}.legend-ko[data-v-2cd14333],.legend-he[data-v-2cd14333],.legend-no-he[data-v-2cd14333]{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}html[data-lessonLanguage="ko"] .legend-ko[data-v-2cd14333],html[data-lessonLanguage="he"] .legend-he[data-v-2cd14333],html:not([data-lessonLanguage="he"]) .legend-no-he[data-v-2cd14333]{opacity:1;visibility:inherit}svg[data-v-47fd7c06],svg[data-v-7e5d98d6]{fill:currentColor;width:20px;height:20px}[data-highlights=normal] .check .key[data-v-6210a955]{stroke-width:1px;stroke:#f33!important}[data-highlights=normal] .check.legend[data-v-6210a955]{fill:#f33!important}[data-highlights=normal] .current .key[data-v-6210a955]{filter:url(#keyboard-highlight);fill:var(--keyboard-highlight)!important;stroke-width:1px!important}[data-highlights=normal] .current .legend[data-v-6210a955]{fill:#000!important}[data-highlights=normal] .correct .key[data-v-6210a955]{stroke:none;fill:#0f0!important}[data-highlights=normal] .correct.legend[data-v-6210a955]{fill:#222!important}[data-highlights=normal] .wrong .key[data-v-6210a955]{stroke:none;fill:red!important}[data-highlights=normal] .wrong.legend[data-v-6210a955]{fill:#222!important}.case[data-v-6210a955]{fill:var(--keyboard-case-start)}.handrest[data-v-6210a955]{stroke:none;fill:url(#keyboard-radial-gradient)}.key[data-v-6210a955]{animation:3s linear infinite col}.key[data-v-6210a955],.joystick[data-v-6210a955]{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-6210a955],.showkeys .logo[data-v-6210a955]{fill:var(--keyboard-legend)}.shownokeys .legend[data-v-6210a955],.shownokeys .logo[data-v-6210a955]{display:none}.keys-start[data-v-6210a955]{stop-color:var(--keyboard-keys-start)}.keys-stop[data-v-6210a955]{stop-color:var(--keyboard-keys-stop)}.case-start[data-v-6210a955]{stop-color:var(--keyboard-case-start)}.case-stop[data-v-6210a955]{stop-color:var(--keyboard-case-stop)}.finger-little .key[data-v-6210a955]{fill:url(#keyboard-linear-gradient-finger-little)}.finger-ring .key[data-v-6210a955]{fill:url(#keyboard-linear-gradient-finger-ring)}.finger-middle .key[data-v-6210a955]{fill:url(#keyboard-linear-gradient-finger-middle)}.finger-index .key[data-v-6210a955]{fill:url(#keyboard-linear-gradient-finger-index)}.finger-thumb .key[data-v-6210a955]{fill:url(#keyboard-linear-gradient-finger-thumb)}html[data-lessonLanguage="he"] .finger-he-index .key[data-v-6210a955]{fill:url(#keyboard-linear-gradient-finger-index)}.legend-ko[data-v-6210a955],.legend-he[data-v-6210a955],.legend-no-he[data-v-6210a955]{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}html[data-lessonLanguage="ko"] .legend-ko[data-v-6210a955],html[data-lessonLanguage="he"] .legend-he[data-v-6210a955],html:not([data-lessonLanguage="he"]) .legend-no-he[data-v-6210a955]{opacity:1;visibility:inherit}svg[data-v-e5a32f9f],svg[data-v-b7950542]{fill:currentColor;width:20px;height:20px}.label+span[data-v-2625d734],.label[data-v-2625d734],span[data-v-2625d734]{white-space:pre-line;text-align:start}.button[data-v-2625d734] svg{color:var(--icon-foreground);border-radius:25px;padding:8px}.button[data-v-2625d734]{--icon-foreground:var(--primary-color);color:var(--primary-color);-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border-style:none;border-radius:25px;align-items:center;gap:.5rem;height:2.5rem;padding:8px 14px 8px 8px;text-decoration:none;transition:none;display:inline-flex;position:relative}.button[data-v-2625d734]:hover{background-color:var(--hover-color)}.label[data-v-2625d734]{opacity:.6}svg[data-v-5ca54697]{fill:currentColor;width:20px;height:20px}.group[data-v-5609ed4e]{box-sizing:border-box;cursor:pointer;align-items:end;width:100%;padding:1em}h3[data-v-5609ed4e]{margin:.5em 0}svg[data-v-c303e5d4],svg[data-v-d67a8357],svg[data-v-bf2075fc],svg[data-v-5e996053]{fill:currentColor;width:20px;height:20px}.label+span[data-v-6c0b29cf],.label[data-v-6c0b29cf],span[data-v-6c0b29cf]{white-space:pre-line;text-align:start}.button[data-v-6c0b29cf] svg{color:var(--icon-foreground);border-radius:25px;padding:8px}.button[data-v-6c0b29cf]{--icon-foreground:var(--primary-color);color:var(--primary-color);-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border-style:none;border-radius:25px;align-items:center;gap:.5rem;height:2.5rem;padding:8px 14px 8px 8px;text-decoration:none;transition:none;display:inline-flex;position:relative}.button[data-v-6c0b29cf]:hover{background-color:var(--hover-color)}.label[data-v-6c0b29cf]{opacity:.6}.select-trigger[data-v-0911f55c]{display:block;position:relative}select[data-v-0911f55c]{opacity:0;border-radius:inherit;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.label+span[data-v-0911f55c],.label[data-v-0911f55c],label[data-v-0911f55c]{white-space:pre-line;text-align:start}.button[data-v-0911f55c] svg{color:var(--icon-foreground);border-radius:25px;padding:8px}.button[data-v-0911f55c]{--icon-foreground:var(--primary-color);color:var(--primary-color);-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border-style:none;border-radius:25px;align-items:center;gap:.5rem;height:2.5rem;padding:8px 14px 8px 8px;text-decoration:none;transition:none;display:inline-flex;position:relative}.button[data-v-0911f55c]:hover{background-color:var(--hover-color)}.label[data-v-0911f55c]{opacity:.6}h3[data-v-a7eb0063]{margin:.5em 0}.options-footer[data-v-304820b5]{opacity:.6;flex-direction:column;margin:2rem .5rem 0;display:flex}.options-footer div[data-v-304820b5]{justify-content:space-between;font-size:.9rem;display:flex}.tiny[data-v-304820b5]{text-align:right;font-size:.6rem}h3[data-v-0bcd5d56]{margin:0 0 .5rem}.section[data-v-0bcd5d56]{grid-template-columns:subgrid;gap:inherit;display:grid}.two-column[data-v-0bcd5d56]{grid-column:1/-1}.options-popup[data-v-0bcd5d56]{z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:end;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.overlay[data-v-0bcd5d56]{z-index:12;position:fixed;inset:0}.options-container[data-v-0bcd5d56]{z-index:15;border-radius:25px;margin:1rem}.options[data-v-0bcd5d56]{width:fit-content;max-width:50vw;height:auto;color:var(--primary-color);font-family:var(--primary-font);text-align:center;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:1fr;align-items:start;gap:.5rem 1.5rem;max-height:90vh;padding:15px;display:grid;overflow:hidden auto}@media (width>=52rem){.options[data-v-0bcd5d56]{grid-template-columns:repeat(2,minmax(12rem,1fr))}}[data-animations=on] .v-enter-active[data-v-0bcd5d56],[data-animations=on] .v-leave-active[data-v-0bcd5d56]{transition:opacity .15s}[data-animations=on] .v-enter-active .options-container[data-v-0bcd5d56],[data-animations=on] .v-leave-active .options-container[data-v-0bcd5d56]{transition:transform .15s}.v-enter-from[data-v-0bcd5d56],.v-leave-to[data-v-0bcd5d56]{opacity:0;transform-origin:50%;transform:scale(1)}[data-animations=on] .v-enter-from .options-container[data-v-0bcd5d56],[data-animations=on] .v-leave-to .options-container[data-v-0bcd5d56]{transform-origin:50%;transform:scale(.8)}.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)}[data-animations=on] .v-enter-active[data-v-1ecc729d],[data-animations=on] .v-leave-active[data-v-1ecc729d]{transition:opacity .15s}[data-animations=on] .v-enter-active .popuptext[data-v-1ecc729d],[data-animations=on] .v-leave-active .popuptext[data-v-1ecc729d]{transition:transform .15s}.v-enter-from[data-v-1ecc729d],.v-leave-to[data-v-1ecc729d]{opacity:0;transform-origin:50%}[data-animations=on] .v-enter-from .popuptext[data-v-1ecc729d],[data-animations=on] .v-leave-to .popuptext[data-v-1ecc729d]{transform-origin:50%;transform:scale(.8)}h4[data-v-1ecc729d]{margin:2rem}.popup[data-v-1ecc729d]{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay[data-v-1ecc729d]{z-index:12;position:fixed;inset:0}.popuptext[data-v-1ecc729d]{z-index:15;width:75%;height:auto;color:var(--primary-color);font-family:var(--primary-font);text-align:center;border-radius:25px;max-width:550px;padding:15px;overflow:hidden}svg.keyboard[data-v-1ecc729d]{width:100%}svg.hand[data-v-1ecc729d]{z-index:1;opacity:1;width:40%}.group[data-v-1ecc729d]{box-sizing:border-box;cursor:pointer;aspect-ratio:1;border-radius:25px;grid-template-rows:1fr auto;grid-template-areas:"stack""label";place-items:end center;width:40%;min-width:125px;padding:1em;display:grid}.group h3[data-v-1ecc729d]{grid-area:label;margin:.5rem}.group[data-v-1ecc729d]:hover{background-color:var(--hover-color)}.group>svg[data-v-1ecc729d]{grid-area:stack}.sides[data-v-1ecc729d]{justify-content:center;gap:1em;height:50%;margin-bottom:1rem;display:flex}.flipped[data-v-1ecc729d]{transform:rotateY(180deg)}[data-animations=on] .group[data-v-1ecc729d]{transition:transform .1s linear}[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(.99)}.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}.container[data-v-44ef824f]{text-align:center;grid-template-areas:"stack";justify-items:center;width:100%;margin:auto;display:grid;position:relative}.keyboard-wrapper[data-v-44ef824f]{visibility:inherit}.keyboard-wrapper.hidden[data-v-44ef824f]{visibility:hidden}[data-animations=on] .keyboard-wrapper[data-v-44ef824f]{transition:opacity .5s,visibility linear}[data-animations=on] .keyboard-wrapper.hidden[data-v-44ef824f]{transition:opacity .125s,visibility 0s linear .125s}.keyboard[data-v-44ef824f]{z-index:1;grid-area:stack;width:80%;max-height:34vw;left:10%}.hidden[data-v-44ef824f]{opacity:0!important}.hand[data-v-44ef824f]{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-44ef824f]{transition:opacity .125s linear}.flip[data-v-44ef824f]{transform:rotateY(180deg)translate(50%)}.flip-enter-from[data-v-44ef824f],.flip-leave-to[data-v-44ef824f]{opacity:0;transform:rotateY(180deg)}.flip-leave-from[data-v-44ef824f],.flip-enter-to[data-v-44ef824f]{opacity:1}[data-animations=on] .flip-enter-active[data-v-44ef824f],[data-animations=on] .flip-leave-active[data-v-44ef824f]{transition:all .4s cubic-bezier(.5,0,.5,1)}@media (width<=540px){.keyboard[data-v-44ef824f]{width:100%;max-height:60vw}.hand[data-v-44ef824f]{width:34%}}[data-animations=on] .fade-enter-active[data-v-873ef8ae]{transition:margin 75ms cubic-bezier(.55,0,.1,1)}.fade-leave-active[data-v-873ef8ae]{transition:none}.fade-enter-from[data-v-873ef8ae]{margin-right:-2em}.fade-enter-to[data-v-873ef8ae]{margin-right:0}.fade-enter-active[data-v-873ef8ae]{position:static}.hidden[data-v-873ef8ae]{visibility:hidden}div.text[data-v-873ef8ae]{-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-873ef8ae],div.text.rtl .next[data-v-873ef8ae],div.text.rtl .previous[data-v-873ef8ae]{flex-direction:row-reverse}.next[data-v-873ef8ae],.previous[data-v-873ef8ae]{opacity:.7;flex:1;gap:.5em;max-width:40%;display:flex;overflow:hidden}.current .box[data-v-873ef8ae]{border-width:2px}.previous[data-v-873ef8ae]{opacity:.1;-webkit-mask:var(--mask-left);-webkit-mask:var(--mask-left);mask:var(--mask-left);justify-content:flex-end}.next[data-v-873ef8ae]{-webkit-mask:var(--mask-right);-webkit-mask:var(--mask-right);mask:var(--mask-right);justify-self:flex-start}.rtl>.next[data-v-873ef8ae]{-webkit-mask:var(--mask-left);-webkit-mask:var(--mask-left);mask:var(--mask-left)}.rtl>.previous[data-v-873ef8ae]{-webkit-mask:var(--mask-right);-webkit-mask:var(--mask-right);mask:var(--mask-right)}.current .box[data-v-873ef8ae]{border-radius:12px;width:1.5em;height:calc(1.8em - 1px);margin-top:-1px;scale:1}.box[data-v-873ef8ae]{box-sizing:border-box;text-align:center;vertical-align:text-bottom;flex-shrink:0;width:1.5rem;max-width:1.5em;height:1.8em;max-height:1.8em;font-size:28.8px;line-height:1.8em;display:inline-block;scale:.9}[data-theme=kids] .current .box[data-v-873ef8ae]{color:#000;background-color:#90ee90}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}}[data-animations=on] .v-enter-active[data-v-ae8a50c5],[data-animations=on] .v-leave-active[data-v-ae8a50c5]{transition:opacity .15s}[data-animations=on] .v-enter-active .popuptext[data-v-ae8a50c5],[data-animations=on] .v-leave-active .popuptext[data-v-ae8a50c5]{transition:transform .15s}.v-enter-from[data-v-ae8a50c5],.v-leave-to[data-v-ae8a50c5]{opacity:0}[data-animations=on] .v-enter-from .popuptext[data-v-ae8a50c5],[data-animations=on] .v-leave-to .popuptext[data-v-ae8a50c5]{transform-origin:50%;transform:scale(.8)}.popup[data-v-ae8a50c5]{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay[data-v-ae8a50c5]{width:100%;height:100%;position:fixed;top:0;left:0}.popuptext[data-v-ae8a50c5]{z-index:15;width:75%;height:auto;color:var(--primary-color);font-family:var(--primary-font);text-align:center;border-radius:25px;flex-grow:0;max-width:550px;padding:15px;position:relative}[data-theme=accessibility] .popuptext[data-v-ae8a50c5]{outline:1px solid var(--primary-color)}.emoji[data-v-ae8a50c5]{animation:.7s linear 2 color-ae8a50c5,1.1s ease-in-out 2 rotate-ae8a50c5;display:inline-block;transform:rotate(20deg)}@keyframes color-ae8a50c5{50%{filter:hue-rotate(360deg)}}@keyframes rotate-ae8a50c5{0%,to{transform:rotate(20deg)}25%{transform:scale(1.1)}50%{transform:rotate(-20deg)}75%{transform:scale(.9)}}.popup-title[data-v-ae8a50c5]{margin-top:10px;margin-bottom:10px;font-size:40px}.stats[data-v-ae8a50c5]{justify-content:space-evenly;font-size:16px;line-height:22px;display:flex}.popuptext .buttons[data-v-ae8a50c5]{text-align:center;justify-content:center;gap:20px;margin:30px 0;display:flex}.tooltip-first[data-v-ae8a50c5]{transition:all .1s ease-in-out;left:14%;margin:34px 0 0!important}.tooltip-second[data-v-ae8a50c5]{transition:all .3s ease-in-out;left:45%;margin:-110px 0 0!important}.tooltip-third[data-v-ae8a50c5]{transition:all .5s ease-in-out;left:70%;margin:34px 0 0!important}.tooltip.tooltip-second .arrow[data-v-ae8a50c5]{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-ae8a50c5]{flex-direction:column}.popuptext .button[data-v-ae8a50c5]{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-1b725e3a]{margin:2em 0 0}.content[data-v-1b725e3a]{flex-direction:column;width:100%;height:calc(100vh - 3.5em);display:flex;overflow-y:clip}.keyboard[data-v-1b725e3a]{width:100%;margin:0 auto;display:flex}.main[data-v-1b725e3a]{flex:2;position:relative}.side[data-v-1b725e3a]{flex:1;margin:1em}.side h2[data-v-1b725e3a]{font-size:1.4rem}.side ul[data-v-1b725e3a]{margin-top:2.5rem;margin-bottom:2.5rem;padding-left:1rem}.side li[data-v-1b725e3a]{font-size:1.1rem;font-weight:lighter;line-height:1.5rem;list-style:none}@media (width<=560px){.keyboard.trainer-intro[data-v-1b725e3a]{flex-direction:column-reverse}}.content[data-v-3af786ba]{flex-direction:column;flex-grow:1;justify-content:space-evenly;height:100%;display:flex;position:relative}.buttons[data-v-3af786ba]{justify-content:space-around;display:flex}.buttons .button[data-v-3af786ba]{margin:1rem 0}.content[data-v-3af786ba],.video[data-v-3af786ba]{width:100%}.wrapper[data-v-3af786ba]{border-right:10px;display:block;overflow:visible;transform:translateZ(0)}.video[data-v-3af786ba]{aspect-ratio:16/9;border-radius:16px;display:grid}.privacy-notice[data-v-3af786ba]{border-radius:25px;max-width:75vw;margin:auto;padding:.5rem 2rem 1rem}.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-bd6c9a05]{box-sizing:border-box;border-radius:25px;flex-direction:column;justify-content:flex-start;align-items:center;width:10em;height:10em;padding:1em;display:flex;position:relative}[data-theme=accessibility] .lesson[data-v-bd6c9a05]{outline:1px solid var(--primary-color)}[data-theme=light] .lesson[data-v-bd6c9a05]{-webkit-backdrop-filter:saturate(150%);backdrop-filter:saturate(150%)}[data-theme=accessibility] .lesson h3[data-v-bd6c9a05],[data-theme=accessibility] .lesson p[data-v-bd6c9a05]{opacity:1;color:var(--primary-color)}.lesson.completed[data-v-bd6c9a05]>*{opacity:.5}[data-animations=on] .lesson[data-v-bd6c9a05]:not(.soon){transition:all .2s}.lesson hr[data-v-bd6c9a05]{width:100%}.lesson h3[data-v-bd6c9a05],.lesson p[data-v-bd6c9a05]{z-index:1;color:#fff;text-shadow:0 0 3px #0005;position:relative}.lesson h3[data-v-bd6c9a05]{margin-top:1em;margin-bottom:.25em;font-size:20pt}.lesson h3.add[data-v-bd6c9a05]{margin-top:.5em;font-size:3.5rem}.lesson p[data-v-bd6c9a05]{text-align:center;text-wrap:balance;margin-top:0;margin-bottom:auto}.lesson[data-v-bd6c9a05]:hover:not(.soon){cursor:pointer;filter:brightness(110%);opacity:1;transform:scale(.97);box-shadow:0 0 1px #000}.lesson[data-v-bd6c9a05]:active{filter:brightness()}[data-theme=accessibility] .lesson[data-v-bd6c9a05]:focus{box-shadow:none;outline:5px solid var(--primary-color)}.lesson-icon[data-v-bd6c9a05]{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-bd6c9a05]{fill:var(--primary-color);opacity:.1;stroke:none}.ribbon[data-v-bd6c9a05]{z-index:1;text-align:right;width:75px;height:75px;position:absolute;top:-1px;right:-1px;overflow:hidden}.ribbon span[data-v-bd6c9a05]{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-bd6c9a05]{background:orange}.ribbon.ribbon-free span[data-v-bd6c9a05]{color:#fff;background:green}[data-theme=light] .lesson[data-v-bd6c9a05]{filter:brightness(150%)saturate(75%)}html:not([data-theme=accessibility]) .lesson.blue[data-v-bd6c9a05],html:not([data-theme=accessibility]) .lesson[data-v-bd6c9a05]{background:linear-gradient(#55a 1.5%,#227 99%)}html:not([data-theme=accessibility]) .lesson.orange[data-v-bd6c9a05]{background:linear-gradient(#a62 1.5%,#840 99%)}html:not([data-theme=accessibility]) .lesson.silver[data-v-bd6c9a05]{background:linear-gradient(#999 1.5%,#555 99%)}html:not([data-theme=accessibility]) .lesson.black[data-v-bd6c9a05]{background:linear-gradient(#555 1.5%,#333 99%)}html:not([data-theme=accessibility]) .lesson.brown[data-v-bd6c9a05]{background:linear-gradient(#641 1.5%,#420 99%)}html:not([data-theme=accessibility]) .lesson.red[data-v-bd6c9a05]{background:linear-gradient(#922 1.5%,#511 99%)}html:not([data-theme=accessibility]) .lesson.green[data-v-bd6c9a05]{background:linear-gradient(#292 1.5%,#060 99%)}.new-row[data-v-bd6c9a05]{grid-column-start:1}.content[data-v-3eb761ad]{-webkit-user-select:none;user-select:none;max-width:1140px;height:100%;margin:0 auto;padding:0 1em 4em}h2[data-v-3eb761ad]{font-size:1.2rem}h2[data-v-3eb761ad]:not(:first-of-type){margin-top:1.6em}ul[data-v-3eb761ad]{grid-template-columns:repeat(auto-fit,10rem);gap:1em;margin:0;padding:0;list-style:none;display:grid}.lang-chooser[data-v-3eb761ad]{justify-content:flex-end}.lang-chooser li[data-v-3eb761ad]: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}[data-animations=on] .v-enter-active[data-v-38a3b04a],[data-animations=on] .v-leave-active[data-v-38a3b04a]{transition:opacity .15s}[data-animations=on] .v-enter-active .popuptext[data-v-38a3b04a],[data-animations=on] .v-leave-active .popuptext[data-v-38a3b04a]{transition:transform .15s}.v-enter-from[data-v-38a3b04a],.v-leave-to[data-v-38a3b04a]{opacity:0;transform-origin:50%}[data-animations=on] .v-enter-from .popuptext[data-v-38a3b04a],[data-animations=on] .v-leave-to .popuptext[data-v-38a3b04a]{transform-origin:50%;transform:scale(.8)}.buttons[data-v-38a3b04a]{margin-top:1rem}.popup[data-v-38a3b04a]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay[data-v-38a3b04a]{transition:-webkit-backdrop-filter .2s,backdrop-filter .2s;position:fixed;inset:0}.popuptext[data-v-38a3b04a]{z-index:15;width:75%;height:auto;font-family:var(--primary-font);text-align:center;border-radius:25px;flex-grow:0;max-width:550px;padding:2rem}[data-theme=accessibility] .popuptext[data-v-38a3b04a]{outline:1px solid var(--primary-color)}h1[data-v-38a3b04a]{-webkit-user-select:none;user-select:none}h2[data-v-38a3b04a]{-webkit-user-select:none;user-select:none;margin-bottom:0}.popuptext label[data-v-38a3b04a]{text-align:left;margin-top:1.5rem;display:block}.popuptext .input[data-v-38a3b04a]{border-radius:.5rem;margin-top:10px;padding:.3em .5em .4em;font-size:1rem}.popuptext1 textarea[data-v-38a3b04a]{width:100%;color:var(--primary-color);box-sizing:border-box;background-color:#0000;border:none;max-width:100%}.popuptext textarea[data-v-38a3b04a]{resize:none;height:10rem}.popuptext .limit[data-v-38a3b04a]{text-align:right;margin:0}.emoji[data-v-38a3b04a]{animation:.7s linear 2 color,1.1s ease-in-out 2 rotate;display:inline-block;transform:rotate(20deg)}.popup-title[data-v-38a3b04a]{margin-top:10px;margin-bottom:10px;font-size:40px}@media (width<=540px){.popuptext .buttons[data-v-38a3b04a]{flex-direction:column}.popuptext .buttons .button[data-v-38a3b04a]{margin-bottom:20px}.popuptext .buttons .button[data-v-38a3b04a]:last-child{margin-bottom:0}}svg[data-v-703db70c]{fill:currentColor;width:20px;height:20px}.disabled[data-v-4ecffb1f]{opacity:.4;pointer-events:none}.button[data-v-4ecffb1f] svg{background-color:var(--icon-background);color:var(--icon-foreground);opacity:.7;border-radius:25px;width:15px;height:15px;padding:4px}.button[data-v-4ecffb1f]{--icon-background:var(--hover-color);--icon-foreground:var(--primary-color);color:var(--primary-color);-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border-style:none;border-radius:25px;align-items:center;height:2.5rem;padding:8px 14px 8px 8px;text-decoration:none;transition:none;display:inline-flex;position:relative}.button span[data-v-4ecffb1f]{opacity:.6;text-align:start;white-space:pre-line;min-width:0;margin-left:.5rem}.button[data-v-4ecffb1f]:has(input:checked){--icon-background:var(--primary-color);--icon-foreground:var(--primary-background)}:is(.button[data-v-4ecffb1f]:has(input:checked) svg,.button:has(input:checked) span[data-v-4ecffb1f]){opacity:1}.button[data-v-4ecffb1f]:hover{background-color:var(--hover-color)}.button>input[data-v-4ecffb1f]{display:none}.sandbox-item[data-v-66ddef91]{flex-direction:column;display:flex;position:relative}.sandbox-item .move[data-v-66ddef91]{align-items:center;width:100%;margin-top:.5rem}.sandbox-item .move svg[data-v-66ddef91]{fill:var(--primary-color)}.invisible[data-v-66ddef91]{visibility:hidden}.delete[data-v-66ddef91]{outline:2px solid var(--primary-color);background:var(--primary-color);z-index:2;cursor:pointer;border-radius:50%;width:24px;height:24px;transition:none;position:absolute;top:-5px;right:-5px}.delete[data-v-66ddef91]:hover{transform:scale(1.1)}.delete svg[data-v-66ddef91]{fill:var(--primary-text-background)}.edit>.move[data-v-66ddef91]{height:2.4rem}.add>button[data-v-66ddef91]{opacity:.5;width:10rem;height:10rem;color:var(--primary-color);cursor:pointer;background-color:#0000;border-radius:25px;font-size:3.5rem}span.move[data-v-66ddef91]{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-66ddef91]{justify-content:space-around}span.move button[data-v-66ddef91]{color:var(--primary-color);cursor:pointer;opacity:.5;background-color:#0000;border-radius:10px;padding:.6rem .6rem .5rem}span.move button svg[data-v-66ddef91]{width:16px;margin:0}span.move.sideways button svg[data-v-66ddef91]{width:10px}span.move button svg path[data-v-66ddef91]{fill:var(--primary-color)}span.move svg[data-v-66ddef91]{cursor:pointer}.add>button[data-v-66ddef91]:hover,span.move button:hover svg[data-v-66ddef91],span.move button[data-v-66ddef91]:hover{opacity:1;scale:.98}span.move:active svg[data-v-66ddef91],span.move button[data-v-66ddef91]:active{opacity:.5}span.edit[data-v-66ddef91]{-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-66ddef91]{vertical-align:baseline;fill:var(--primary-color);appearance:none;cursor:pointer;margin-right:.5rem;position:relative}span.edit .del[data-v-66ddef91]:hover{opacity:.6}span.edit .del[data-v-66ddef91]:active{opacity:1}span.edit input[data-v-66ddef91]{min-width:0;color:var(--primary-color);background:0 0;border:none;margin:0;font-size:2rem}span.edit input[data-v-66ddef91]:focus{text-underline-offset:5px;border:none;outline:none;text-decoration:underline}.content[data-v-66ddef91]{max-width:1140px;height:100%;margin:0 auto;padding:0 1rem 4rem}ul[data-v-66ddef91]{grid-template-columns:repeat(auto-fit,10rem);gap:1em;margin:0;padding:0;list-style:none;display:grid}.lessons-move[data-v-66ddef91],.lessons-enter-active[data-v-66ddef91],.lessons-leave-active[data-v-66ddef91]{transition:all .3s}.lessons-enter-from[data-v-66ddef91],.lessons-leave-to[data-v-66ddef91]{opacity:0}.noplayground[data-v-66ddef91]{max-width:600px;margin:40px auto 0}.tooltip .info[data-v-66ddef91]{width:220px!important}.tooltip.tooltip-first[data-v-66ddef91]{z-index:998;transition:all .1s ease-in-out;position:fixed;top:8px;right:calc(max(100vw - 2em,1140px)/2 - 390px);margin:34px 0 0!important}.tooltip.tooltip-second[data-v-66ddef91]{transition:all .1s ease-in-out;position:relative;left:68px;margin:-14px 0 0!important}.tooltip.tooltip-first .arrow[data-v-66ddef91]{margin:-20px 0 0 168px;position:absolute}.tooltip.tooltip-third[data-v-66ddef91]{transition:all .1s ease-in-out;position:relative;left:1rem;margin:30px 0 0!important}.tooltip.tooltip-third .info[data-v-66ddef91]{width:150px!important}.tooltip.tooltip-third .arrow[data-v-66ddef91]{border:10px solid #0000;border-left:none;border-right-color:#fff;margin:10px 0 0 -20px;position:absolute}.export[data-v-66ddef91]{border-radius:25px;flex-direction:column;align-items:center;display:flex}.confirm-overwrite[data-v-66ddef91]{margin-top:.25rem}
