nav[data-v-2b294d77]{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;padding:.75rem 1rem;border-radius:.25rem;border:solid .125rem #121212;box-shadow:.25rem .25rem #121212;height:10dvh;background-color:var(--brand-color);z-index:10}ul[data-v-2b294d77]{display:inline-flex;list-style-type:none;gap:1rem;cursor:pointer}a[data-v-2b294d77]{text-decoration:none;color:var(--text-color)}@media(max-width:620px){.hidden[data-v-2b294d77]{display:none}}.card[data-v-56b28a5a]{display:flex;flex-direction:column;width:100%;max-width:100%;max-height:50rem;background-color:var(--brand-color);padding:.75rem 1rem;box-sizing:border-box;overflow:hidden}.card-header[data-v-56b28a5a]{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;flex-shrink:0}.card-content[data-v-56b28a5a]{height:260px;display:flex;justify-content:center;align-items:center}.preview[data-v-56b28a5a]{transform:scale(.65);transform-origin:center}button[data-v-56b28a5a]{background:var(--secondary-hover);align-self:flex-end;cursor:pointer;font-size:1.2rem;padding:6px 12px;flex-shrink:0}button[data-v-56b28a5a]:hover{background-color:var(--secondary-color)}button[data-v-56b28a5a]:active{translate:0 .125rem;box-shadow:.125rem .125rem #121212}a[data-v-56b28a5a]{text-decoration:none;color:inherit}button[data-v-a08959ee]{background-color:var(--secondary-color);font-family:"Jersey 10",sans-serif;font-size:1.5rem;padding:.75rem 1rem;border-radius:.25rem;border:solid .125rem #121212;box-shadow:.25rem .25rem #121212;cursor:pointer;transition:translate .2s,box-shadow .2s}button[data-v-a08959ee]:active{translate:0 .125rem;box-shadow:.125rem .125rem #121212}.card[data-v-d1e59f5e]{position:relative;width:190px;height:254px;background:#d3d3d3;box-shadow:#d11bff42 0 15px 40px -5px;z-index:1;border-radius:21px;overflow:hidden}.card__content[data-v-d1e59f5e]{background:linear-gradient(#ffffff79,#96969640);z-index:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:absolute;left:0;top:0;width:100%;height:100%;border-radius:21px}.card .blob[data-v-d1e59f5e]{position:absolute;z-index:-1;border-radius:5em;width:200px;height:200px}.card .blob[data-v-d1e59f5e]:nth-child(2){left:-50px;top:-90px;background:#ff930f}.card .blob[data-v-d1e59f5e]:nth-child(3){left:110px;top:-20px;z-index:-1;background:#bf0fff}.card .blob[data-v-d1e59f5e]:nth-child(4){left:-40px;top:100px;background:#ff1b6b}.card .blob[data-v-d1e59f5e]:nth-child(5){left:100px;top:180px;background:#0061ff}.book[data-v-177c96ca]{position:relative;border-radius:10px;width:220px;height:300px;background-color:#f5f5f5;-webkit-box-shadow:1px 1px 12px #000;box-shadow:1px 1px 12px #000;-webkit-transform:preserve-3d;-ms-transform:preserve-3d;transform:preserve-3d;-webkit-perspective:2000px;perspective:2000px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000}.cover[data-v-177c96ca]{top:0;position:absolute;background-color:#d3d3d3;width:100%;height:100%;border-radius:10px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0;-webkit-box-shadow:1px 1px 12px #000;box-shadow:1px 1px 12px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.book:hover .cover[data-v-177c96ca]{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:rotatey(-80deg);-ms-transform:rotatey(-80deg);transform:rotatey(-80deg)}p[data-v-177c96ca]{font-size:20px;font-weight:bolder}.card[data-v-94aa49db]{width:300px;height:200px;perspective:1000px}.card-inner[data-v-94aa49db]{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .999s}.card:hover .card-inner[data-v-94aa49db]{transform:rotateY(180deg)}.card-front[data-v-94aa49db],.card-back[data-v-94aa49db]{position:absolute;width:100%;height:100%;backface-visibility:hidden}.card-front[data-v-94aa49db]{background-color:#6a2c70;color:#fff;display:flex;align-items:center;border:10px solid #6a2c70;border-radius:10px;justify-content:center;font-size:24px;transform:rotateY(0)}.card-back[data-v-94aa49db]{background-color:#f08a5d;color:#fff;display:flex;align-items:center;border:10px solid #f08a5d;border-radius:10px;justify-content:center;font-size:24px;transform:rotateY(180deg)}.card[data-v-5eaa59c8]{font-family:Montserrat,sans-serif;width:300px;height:250px;translate:-6px -6px;background:#ff66a3;border:3px solid #000000;box-shadow:12px 12px #000;overflow:hidden;transition:all .3s ease}.head[data-v-5eaa59c8]{font-family:Montserrat,sans-serif;font-size:14px;font-weight:900;width:100%;height:32px;background:#fff;padding:5px 12px;color:#000;border-bottom:3px solid #000000}.content[data-v-5eaa59c8]{padding:8px 12px;font-size:14px;font-weight:600}.button[data-v-5eaa59c8]{padding:5px 10px;margin-top:10px;border:3px solid #000000;box-shadow:3px 3px #000;font-weight:750;background:#4ade80;transition:all .3s ease;cursor:pointer}.button[data-v-5eaa59c8]:hover{translate:1.5px 1.5px;box-shadow:1.5px 1.5px #000;background:#1ac2ff}.button[data-v-5eaa59c8]:active{translate:3px 3px;box-shadow:0 0 #000}.card[data-v-5eaa59c8]:hover{translate:-6px}.wrapper[data-v-c0ee4711]{--input-focus: #2d8cf0;--font-color: #323232;--font-color-sub: #666;--bg-color: #fff;--bg-color-alt: #666;--main-color: #323232}.switch[data-v-c0ee4711]{transform:translateY(-200px);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:50px;height:20px}.card-side[data-v-c0ee4711]:before{position:absolute;content:"Log in";left:-70px;top:0;width:100px;text-decoration:underline;color:var(--font-color);font-weight:600}.card-side[data-v-c0ee4711]:after{position:absolute;content:"Sign up";left:70px;top:0;width:100px;text-decoration:none;color:var(--font-color);font-weight:600}.toggle[data-v-c0ee4711]{opacity:0;width:0;height:0}.slider[data-v-c0ee4711]{box-sizing:border-box;border-radius:5px;border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color);position:absolute;cursor:pointer;inset:0;background-color:var(--bg-colorcolor);transition:.3s}.slider[data-v-c0ee4711]:before{box-sizing:border-box;position:absolute;content:"";height:20px;width:20px;border:2px solid var(--main-color);border-radius:5px;left:-2px;bottom:2px;background-color:var(--bg-color);box-shadow:0 3px 0 var(--main-color);transition:.3s}.toggle:checked+.slider[data-v-c0ee4711]{background-color:var(--input-focus)}.toggle:checked+.slider[data-v-c0ee4711]:before{transform:translate(30px)}.toggle:checked~.card-side[data-v-c0ee4711]:before{text-decoration:none}.toggle:checked~.card-side[data-v-c0ee4711]:after{text-decoration:underline}.flip-card__inner[data-v-c0ee4711]{width:300px;height:350px;position:relative;background-color:transparent;perspective:1000px;text-align:center;transition:transform .8s;transform-style:preserve-3d}.toggle:checked~.flip-card__inner[data-v-c0ee4711]{transform:rotateY(180deg)}.toggle:checked~.flip-card__front[data-v-c0ee4711]{box-shadow:none}.flip-card__front[data-v-c0ee4711],.flip-card__back[data-v-c0ee4711]{padding:20px;position:absolute;display:flex;flex-direction:column;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#d3d3d3;gap:20px;border-radius:5px;border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color)}.flip-card__back[data-v-c0ee4711]{width:100%;transform:rotateY(180deg)}.flip-card__form[data-v-c0ee4711]{display:flex;flex-direction:column;align-items:center;gap:20px}.title[data-v-c0ee4711]{margin:20px 0;font-size:25px;font-weight:900;text-align:center;color:var(--main-color)}.flip-card__input[data-v-c0ee4711]{width:250px;height:40px;border-radius:5px;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:15px;font-weight:600;color:var(--font-color);padding:5px 10px;outline:none}.flip-card__input[data-v-c0ee4711]::placeholder{color:var(--font-color-sub);opacity:.8}.flip-card__input[data-v-c0ee4711]:focus{border:2px solid var(--input-focus)}.flip-card__btn[data-v-c0ee4711]:active,.button-confirm[data-v-c0ee4711]:active{box-shadow:0 0 var(--main-color);transform:translate(3px,3px)}.flip-card__btn[data-v-c0ee4711]{margin:20px 0;width:120px;height:40px;border-radius:5px;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:17px;font-weight:600;color:var(--font-color);cursor:pointer}[data-v-f0b5fa6c]:root{--brand-color: #dd3c27;--brand-hover: #ef4646;--brand-transition: #150807;--bg-color: #080808;--bg-secondary: #111111;--font-display: "Rajdhani", "Orbitron", sans-serif;--font-body: "Share Tech Mono", "Courier New", monospace;--font-ui: "Exo 2", "Rajdhani", sans-serif}nav[data-v-f0b5fa6c]{font-family:var(--font);padding:1rem 1.4rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.links[data-v-f0b5fa6c]{display:flex;align-items:center;gap:1rem;list-style:none}.buttons[data-v-01401a03]{height:90dvh}.components[data-v-631fdec3]{min-height:90dvh}.code-container[data-v-2a7002ef]{--vsc-bg: #1e1e1e;--vsc-header: #252526;--vsc-tab-active: #1e1e1e;--vsc-tab-inactive: #2d2d2d;--vsc-tab-border: #007acc;--vsc-border: #3c3c3c;--vsc-text: #d4d4d4;--vsc-muted: #858585;--vsc-line-num: #858585;--vsc-line-num-bg: #1e1e1e;--vsc-scrollbar: #424242;--vsc-html: #4ec9b0;--vsc-css: #ce9178;width:50%;height:100%;display:flex;flex-direction:column;background:var(--vsc-bg);font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,Courier New,monospace}.code-header[data-v-2a7002ef]{display:flex;align-items:stretch;justify-content:space-between;background:var(--vsc-header);border-bottom:1px solid var(--vsc-border);min-height:35px}.tab-bar[data-v-2a7002ef]{display:flex;align-items:stretch}.tab[data-v-2a7002ef]{display:flex;align-items:center;gap:6px;padding:0 16px;background:var(--vsc-tab-inactive);color:var(--vsc-muted);border:none;border-right:1px solid var(--vsc-border);font-family:inherit;font-size:.75rem;cursor:pointer;transition:background .15s,color .15s;position:relative}.tab[data-v-2a7002ef]:hover{background:#2a2d2e;color:var(--vsc-text)}.tab.active[data-v-2a7002ef]{background:var(--vsc-tab-active);color:var(--vsc-text);border-top:1px solid var(--vsc-tab-border);padding-top:1px}.tab-icon[data-v-2a7002ef]{font-size:.7rem;font-weight:700}.html-icon[data-v-2a7002ef]{color:#e44d26}.css-icon[data-v-2a7002ef]{color:#264de4}.tab.active .html-icon[data-v-2a7002ef],.tab.active .css-icon[data-v-2a7002ef]{filter:brightness(1.3)}.header-actions[data-v-2a7002ef]{display:flex;align-items:center;padding:0 12px}.lang-badge[data-v-2a7002ef]{font-size:.65rem;font-family:inherit;color:var(--vsc-muted);letter-spacing:.05em;text-transform:uppercase}.code-body[data-v-2a7002ef]{display:flex;flex:1;overflow:hidden;background:var(--vsc-bg)}.line-numbers[data-v-2a7002ef]{display:flex;flex-direction:column;align-items:flex-end;padding:16px 10px 16px 16px;background:var(--vsc-line-num-bg);color:var(--vsc-line-num);font-size:.8rem;line-height:1.6;-webkit-user-select:none;user-select:none;border-right:1px solid var(--vsc-border);min-width:42px;overflow:hidden}.line-numbers span[data-v-2a7002ef]{display:block}.code[data-v-2a7002ef]{flex:1;margin:0;padding:16px 20px;background:var(--vsc-bg);color:var(--vsc-text);font-family:inherit;font-size:.8rem;line-height:1.6;overflow:auto;white-space:pre;tab-size:2}.code[data-v-2a7002ef]::-webkit-scrollbar{width:10px;height:10px}.code[data-v-2a7002ef]::-webkit-scrollbar-track{background:var(--vsc-bg)}.code[data-v-2a7002ef]::-webkit-scrollbar-thumb{background:var(--vsc-scrollbar);border-radius:2px}.code[data-v-2a7002ef]::-webkit-scrollbar-thumb:hover{background:#555}.details[data-v-56d182b8]{display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.details-page[data-v-56d182b8]{position:relative;width:90%;display:flex;flex-direction:row;justify-content:space-between;min-height:500px;height:600px}.title[data-v-56d182b8]{position:absolute;top:0rem;left:0rem;color:inherit;font-size:1.2rem;z-index:10;padding:.6rem .8rem}.preview[data-v-56d182b8]{flex:1;display:flex;justify-content:center;align-items:center;padding:1.5rem;border-right:1px solid #3c3c3c;overflow:auto}.code-section[data-v-56d182b8]{width:50%;height:100%;display:flex;flex-direction:column}[data-v-56d182b8] .code-container{width:100%;height:100%}@media(max-width:900px){.details[data-v-56d182b8]{align-items:flex-start;padding:2.5rem 1rem 2rem}.details-page[data-v-56d182b8]{width:100%;flex-direction:column;height:auto;min-height:unset}.title[data-v-56d182b8]{position:static;padding:.75rem 1rem 0}.preview[data-v-56d182b8]{min-height:220px;border-right:none;border-bottom:1px solid #3c3c3c}.code-section[data-v-56d182b8]{width:100%;height:400px}}@media(max-width:480px){.details[data-v-56d182b8]{padding:1.5rem .5rem 1rem}.details-page[data-v-56d182b8]{width:100%;border-radius:4px}.preview[data-v-56d182b8]{min-height:180px;padding:1rem}.code-section[data-v-56d182b8]{height:350px}}.forms[data-v-515a846d]{height:90dvh}.home[data-v-e8054821]{font-size:1rem;height:90dvh;display:flex;justify-content:center;align-items:center}.home h1[data-v-e8054821]{font-size:clamp(2rem,6vw + .5rem,4rem);margin:1rem 0}.search-input[data-v-e8054821]{width:clamp(280px,60vw,700px);margin:0 auto;position:relative}.search-input i[data-v-e8054821]{font-size:1.7rem;position:absolute;top:18px;right:15px;z-index:2}input[data-v-e8054821]{width:100%;font-size:2rem;padding:.75rem 1rem;border-radius:.25rem;border:solid .25rem #121212;box-shadow:.25rem .25rem #121212;outline:none;transition:translate .2s,box-shadow .2s}input[data-v-e8054821]:hover{translate:0 .125rem;box-shadow:.125rem .125rem #121212}.layouts[data-v-1fd92e41]{height:90dvh;background-color:#7fffd4}:root{--title-font: "Bricolage Grotesque", sans-serif;--main-font: "Space Grotesk", sans-serif;--bg-color: #DCEBFE;--surface-color: #FFFFFF;--brand-color: #5294FF;--brand-hover: #3F7FE3;--secondary-color: #FFD84D;--secondary-hover: #F4C430;--text-color: #1A1A1A;--text-light: #5A5A6E;--html-color: #DD4B25;--css-color: #2164AF;--js-color: #F7DF1E}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--main-font);background-color:var(--bg-color)}h1,h2,h3,h4,h5,h6{font-family:var(--title-font)}.border{border-radius:.25rem;border:solid .25rem #121212;box-shadow:.25rem .25rem #121212;transition:translate .2s,box-shadow .2s}.cards-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,350px);gap:1rem;justify-content:center}.html{background-color:#2164af}.css{background-color:#5294ff}.html,.css{font-size:.7rem}code[class*=language-],pre[class*=language-]{background:transparent!important;text-shadow:none!important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a9955}.token.punctuation{color:#d4d4d4}.token.tag{color:#4ec9b0}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.string{color:#ce9178}.token.keyword,.token.atrule{color:#569cd6}.token.selector{color:#d7ba7d}.token.property{color:#9cdcfe}.token.function{color:#dcdcaa}.token.number,.token.boolean,.token.unit{color:#b5cea8}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}