@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-cyrillic-ext-400-normal-3df7909e.woff2) format("woff2"),url(./fira-mono-all-400-normal-1e3b098c.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-cyrillic-400-normal-c7d433fd.woff2) format("woff2"),url(./fira-mono-all-400-normal-1e3b098c.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-greek-ext-400-normal-9e2fe623.woff2) format("woff2"),url(./fira-mono-all-400-normal-1e3b098c.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-greek-400-normal-a8be01ce.woff2) format("woff2"),url(./fira-mono-all-400-normal-1e3b098c.woff) format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-latin-ext-400-normal-6bfabd30.woff2) format("woff2"),url(./fira-mono-all-400-normal-1e3b098c.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-latin-400-normal-e43b3538.woff2) format("woff2"),url(./fira-mono-all-400-normal-1e3b098c.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--font-mono: "Fira Mono", monospace;--pure-white: #ffffff;--primary-color: #b9c6d2;--secondary-color: #d0dde9;--tertiary-color: #edf0f8;--accent-color: #ff9933;--heading-color: rgba(0, 0, 0, .7);--text-color: #444444;--background-without-opacity: rgba(255, 255, 255, .7);--column-width: 42rem;--column-margin-top: 4rem}body{min-height:100vh;margin:0;background-color:var(--primary-color);background:linear-gradient(180deg,var(--primary-color) 0%,var(--secondary-color) 10.45%,var(--tertiary-color) 41.35%)}.section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.welcome{position:relative;width:100%;height:0;padding:calc(50% * 495 / 2048) 0 calc(50% * 495 / 2048) 0;display:flex;justify-content:center;align-items:center;text-align:center}.element{position:relative;width:100%;height:0;padding:calc(15% * 495 / 2048) 0 calc(15% * 495 / 2048) 0;display:flex;justify-content:center;align-items:center;text-align:center;margin:.5rem}.buttons{justify-content:center;position:relative;text-align:center;width:100%;line-height:2rem;background-color:#6e6d70;color:#dfdedf;border-radius:9px;margin:4px 2px;border:none}.welcome img{position:absolute;width:50%;height:50%;margin:auto;display:block}.input{position:relative;display:flex;border-radius:9px;outline:none;border-width:2px;font-size:1.5rem;justify-content:center;text-align:center}.validation-hint,.validation-direction{color:#daa520;position:relative;padding:2rem;font-size:1.5rem;font-weight:600;display:flex;justify-content:center;text-align:center}.validation-success{position:relative;color:#2e8b57;padding:2rem;font-size:1.5rem;font-weight:600;display:flex;justify-content:center;text-align:center}.field-danger{border-color:#daa520}.field-success{border-color:#2e8b57}.field-neutral,.field-direction{border-color:#daa520}header{display:flex;justify-content:space-between}.corner{width:2em;height:3em}.corner a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.corner img{width:2em;height:3em;object-fit:contain}nav{display:flex;justify-content:center;--background: rgba(255, 255, 255, .7)}svg{width:2em;height:3em;display:block}path{fill:var(--background)}ul{position:relative;padding:0;margin:0;height:3em;display:flex;justify-content:center;align-items:center;list-style:none;background:var(--background);background-size:contain}li{position:relative;height:100%}li.active:before{--size: 6px;content:"";width:0;height:0;position:absolute;top:0;left:calc(50% - var(--size));border:var(--size) solid transparent;border-top:var(--size) solid var(--accent-color)}nav li{display:flex;height:100%;align-items:center;padding:0 1em;color:var(--heading-color);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:color .2s linear}li:hover{color:var(--accent-color)}body:before{content:"";width:80vw;height:100vh;position:absolute;top:0;left:10vw;z-index:-1;background:radial-gradient(50% 50% at 50% 50%,var(--pure-white) 0%,rgba(255,255,255,0) 100%);opacity:.05}#svelte{min-height:100vh;max-height:100vh;display:flex;flex-direction:column}p{line-height:1.5}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,p{color:var(--heading-color)}pre{font-size:16px;font-family:var(--font-mono);background-color:#ffffff73;border-radius:3px;box-shadow:2px 2px 6px #ffffff40;padding:.5em;overflow-x:auto;color:var(--text-color)}button:focus:not(:focus-visible){outline:none}@media (min-width: 300px){h1{font-size:1.3rem}input,button{font-size:1rem;font-family:inherit}}@media (min-width: 400px){h1{font-size:1.3rem}input,button{font-size:1rem;font-family:inherit}}@media (min-width: 600px){h1{font-size:1.6rem}input,button{font-size:1.2rem;font-family:inherit}}@media (min-width: 800px){h1{font-size:1.9rem}input,button{font-size:1.5rem;font-family:inherit}}@media (min-width: 1000px){h1{font-size:2.2rem}button{font-size:1.7rem;font-family:inherit}}@media only screen and (min-width: 1025px){.element{padding:calc(5% * 495 / 2048) 0 calc(5% * 495 / 2048) 0}.validation-hint,.validation-direction,.validation-success{font-size:1rem;font-weight:200}}@media only screen and (min-width: 769px) and (max-width: 1024px){.element{padding:calc(10% * 495 / 2048) 0 calc(10% * 495 / 2048) 0}.validation-hint,.validation-direction,.validation-success{font-size:1rem;font-weight:200}}@media only screen and (min-width: 601px) and (max-width: 768px){.element{padding:calc(15% * 495 / 2048) 0 calc(15% * 495 / 2048) 0}.validation-hint,.validation-direction,.validation-success{font-size:1rem;font-weight:200}}@media only screen and (max-width: 600px){.element{padding:calc(20% * 495 / 2048) 0 calc(20% * 495 / 2048) 0}.validation-hint,.validation-direction,.validation-success{font-size:1rem;font-weight:100}}