@font-face{font-family:Poppins;font-weight:900;src:url(https://assets.kanapka.eu/fonts/Poppins/Poppins-ExtraBold.ttf);font-display:fallback}@font-face{font-family:Poppins;font-weight:800;src:url(https://assets.kanapka.eu/fonts/Poppins/Poppins-Bold.ttf);font-display:fallback}@font-face{font-family:Poppins;font-weight:700;src:url(https://assets.kanapka.eu/fonts/Poppins/Poppins-SemiBold.ttf);font-display:fallback}@font-face{font-family:Poppins;font-weight:500;src:url(https://assets.kanapka.eu/fonts/Poppins/Poppins-Medium.ttf);font-display:fallback}@font-face{font-family:Poppins;font-weight:400;src:url(https://assets.kanapka.eu/fonts/Poppins/Poppins-Regular.ttf);font-display:fallback}@font-face{font-family:Poppins;font-weight:300;src:url(https://assets.kanapka.eu/fonts/Poppins/Poppins-Light.ttf);font-display:fallback}a[data-v-2a7e3c97]{text-decoration:none}.app-link[data-v-2a7e3c97]{display:inline}.url-preview[data-v-2a7e3c97]{position:fixed;bottom:var(--base2);left:calc(var(--base2) + var(--nav-width));z-index:999999;display:inline-flex;align-items:center;gap:calc(var(--base) / 2);max-width:var(--half-width);padding:calc(var(--base) / 2) var(--base);border-radius:calc(var(--base) / 2);background:var(--bg-color-l);color:#aaa;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:var(--base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;box-shadow:0 2px 8px #000}.url-preview__icon[data-v-2a7e3c97]{flex-shrink:0;opacity:.55;display:flex;align-items:center}.preview-enter-active[data-v-2a7e3c97],.preview-leave-active[data-v-2a7e3c97]{transition:opacity .15s ease,transform .15s ease}.preview-enter-from[data-v-2a7e3c97],.preview-leave-to[data-v-2a7e3c97]{opacity:0;transform:translateY(4px)}.snappable[data-v-c7d204ef]{margin:var(--base) calc(-1 * var(--base))}.spinWhite[data-v-c7d204ef]{color:#fff;height:46px;line-height:46px;margin:var(--base) var(--base);font-size:18px;overflow:hidden;transition:.4s}.spinWhite h1[data-v-c7d204ef]{display:flex;justify-content:flex-start;align-items:center;gap:var(--base3);white-space:nowrap;font-size:36px;font-weight:300;transition:.4s}.spinWhite svg[data-v-c7d204ef]{height:35px;width:35px;stroke:#fff;stroke-width:24px}.spinWhite:hover h1[data-v-c7d204ef],.cursor-snapped .spinWhite h1[data-v-c7d204ef]{transform:translateY(-46px)}.spinWhite .moveSvg[data-v-c7d204ef]{opacity:0;transition:transform .7s ease-out,opacity .1s}.spinWhite:hover .moveSvg[data-v-c7d204ef],.cursor-snapped .spinWhite .moveSvg[data-v-c7d204ef]{transform:translate(50px);opacity:1}.spinWhite[data-v-c7d204ef]:hover,.cursor-snapped .spinWhite[data-v-c7d204ef]{transform:translate(-10px)}.snappable[data-v-a84e297b]{margin:var(--base) calc(-1 * var(--base))}.spinWhite[data-v-a84e297b]{color:#fff;height:46px;line-height:46px;margin:var(--base) var(--base);font-size:18px;overflow:hidden;transition:.4s}.spinWhite h1[data-v-a84e297b]{display:flex;justify-content:flex-start;align-items:center;gap:var(--base3);white-space:nowrap;font-size:36px;font-weight:300;transition:.4s}.spinWhite svg[data-v-a84e297b]{height:35px;width:35px;stroke:#fff;stroke-width:24px}.spinWhite:hover h1[data-v-a84e297b],.cursor-snapped .spinWhite h1[data-v-a84e297b]{transform:translateY(-46px)}.spinWhite .moveSvg[data-v-a84e297b]{opacity:0;transition:transform .7s ease-out,opacity .1s}.spinWhite:hover .moveSvg[data-v-a84e297b],.cursor-snapped .spinWhite .moveSvg[data-v-a84e297b]{transform:translate(50px);opacity:1}.spinWhite[data-v-a84e297b]:hover,.cursor-snapped .spinWhite[data-v-a84e297b]{transform:translate(-10px)}.slideNav[data-v-07358717]{position:fixed;top:0;height:100dvh;width:calc(100vw - var(--nav-width));border-left:1px solid #1f1f1f;background-color:var(--bg-color-d);transition:left .7s cubic-bezier(.16,1,.3,1),background .2s linear;color:#fff;padding:0 var(--base8) 0 0;overflow-y:auto;z-index:101}.slideNav.hidden[data-v-07358717]{background-color:var(--bg-color-d);left:calc(100vw - var(--nav-width))}.slideNav.visible[data-v-07358717]{background-color:var(--bg-color-l);left:var(--nav-width)}.close[data-v-07358717]{width:40px;height:40px;background-color:var(--main-color-l);position:absolute;top:30px;right:110px;cursor:pointer}.close svg[data-v-07358717]{max-width:100%;max-height:100%;fill:#fff;stroke:var(--main-color-l);stroke-width:36px}.navArea[data-v-07358717]{display:grid;grid-template-columns:360px 360px 360px;grid-template-areas:"nav doc live" "auth auth auth";gap:var(--base8);height:100%;padding:var(--base16) var(--base16) 0 var(--base16);border-right:1px solid #1f1f1f}.navArea a[data-v-07358717]{width:fit-content;text-decoration:none}.navArea ul[data-v-07358717]{list-style:none}.navArea .marker[data-v-07358717]{font-weight:300;color:#c7c7c7}.navArea h4[data-v-07358717]{margin-top:auto;color:#909090;font-size:15px;font-weight:100;padding-bottom:var(--base8)}.navAreaGrid[data-v-07358717]{grid-area:nav}.docAreaGrid[data-v-07358717]{grid-area:doc}.liveAreaGrid[data-v-07358717]{grid-area:live}.contAreaGrid[data-v-07358717]{grid-area:cont}.authAreaGrid[data-v-07358717]{grid-area:auth}@media(max-width:1800px){.navArea[data-v-07358717]{grid-template-columns:1fr 1fr 1fr}}.links[data-v-f40de0c4]{position:fixed;left:0;top:0;width:80px;height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:20px 0;gap:20px;border-right:1px solid #1f1f1f;background:var(--bg-color-d);z-index:100}.links svg[data-v-f40de0c4]{width:40px;aspect-ratio:1;fill:#3c3c3c;cursor:pointer;transition:.1s}.links .git svg[data-v-f40de0c4]:hover,.links .git svg.cursor-snapped[data-v-f40de0c4]{fill:#6e5494}.links .lin svg[data-v-f40de0c4]:hover,.links .lin svg.cursor-snapped[data-v-f40de0c4]{fill:#0a66c2}nav[data-v-4b72ac65]{position:fixed;z-index:100;width:calc(100vw - 160px);top:0;left:80px;padding:calc(var(--base) * 2);display:flex;justify-content:space-between;align-items:center;color:#fff}nav p[data-v-4b72ac65]{height:60px;aspect-ratio:1;text-align:center;padding:3px 0;font-size:36px;font-weight:700;color:#fff;background-color:var(--main-color-l);pointer-events:none}nav div[data-v-4b72ac65]{display:flex;gap:calc(var(--base) * 3)}nav ul[data-v-4b72ac65]{display:flex;align-items:center;gap:calc(var(--base) * 3)}nav li[data-v-4b72ac65]{list-style:none;cursor:pointer;position:relative;color:#e3e3e3;font-size:18px;font-weight:300;text-decoration:none}nav li[data-v-4b72ac65]:after{content:"";position:absolute;bottom:-3px;height:3px;background-color:var(--main-color-l)}nav li[data-v-4b72ac65]:hover{color:#fff}nav button[data-v-4b72ac65]{height:40px;aspect-ratio:1;border:none;cursor:pointer;background-color:var(--main-color-l);margin-right:var(--base)}@keyframes liUnderline-4b72ac65{0%{left:0;width:0%}40%{left:0;width:100%}60%{left:0;width:100%}to{left:100%;width:0}}.cursor-morph[data-v-83830ede]{cursor:none}.cursor-background[data-v-544dc820]{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}.box[data-v-97f772d7]{position:relative;z-index:1}:root{--nav-width: 80px;--nav-space: calc(var(--nav-width) * 2);--full-width: calc(100vw - var(--nav-space));--half-width: calc(var(--full-width) / 2)}h1{font-size:120px;font-weight:700;color:#fff}._half h1{font-size:100px;color:#fff}h2{font-size:60px;font-weight:700;color:#fff}._half h2{font-size:50px;color:#fff}h2 span{font-size:16px;font-weight:500;color:#888;margin-left:var(--base2)}h3{font-size:20px;font-weight:600;color:#ddd}p{font-size:16px;color:#aaa}@media(max-width:1800px){h1{font-size:90px}._half h1{font-size:70px}h2{font-size:45px}._half h2{font-size:35px}}@media(max-width:1600px){h1{font-size:80px}._half h1{font-size:60px}h2{font-size:40px}._half h2{font-size:30px}}@media(max-width:1400px){h1{font-size:60px}._half h1{font-size:40px}h2{font-size:30px}._half h2,h3{font-size:20px}p{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body,html,#app{height:100%;background-color:var(--bg-color-d);font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none}:root{--bg-color-ll: #2b2b2b;--bg-color-l: #1b1b1b;--bg-color-dl: #171717;--bg-color-d: #131313;--main-color-l: #ec7837;--main-color-d: #9e4a1b;--base: 10px;--base2: 20px;--base3: 30px;--base4: 40px;--base8: 80px;--base16: 160px;--base32: 320px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color-d)}::-webkit-scrollbar-thumb{background:var(--main-color-d)}::-webkit-scrollbar-thumb:hover{background:var(--main-color-l)}.mW1200{max-width:1200px;margin:0 auto}.mW1000{max-width:1000px;margin:0 auto}.split{display:grid;grid-template-columns:1fr 1fr}