.btn:where(.astro-gtlcsv42){font-family:var(--primary-font);border:1px solid var(--logo-color,var(--theme-color));color:var(--logo-color,var(--theme-color));background:#0003;margin:.5em 0;padding:.6em 1em;font-size:1.3rem;text-decoration:none;transition:transform 50ms ease-in-out}.btn:where(.astro-gtlcsv42):hover{background:var(--theme-color);border-color:var(--theme-color);color:#000}.btn:where(.astro-gtlcsv42){align-items:center;gap:0 1rem;font-weight:600;display:flex}.btn:where(.astro-gtlcsv42)>div:where(.astro-gtlcsv42){flex-direction:column;display:flex}.btn:where(.astro-gtlcsv42) svg:where(.astro-gtlcsv42){width:var(--icon-size,42px);height:var(--icon-size,42px);color:#fff;stroke:#fff;transition:transform .15s;transform:translate(0)scale(1)rotate(0)}.btn:where(.astro-gtlcsv42):hover svg:where(.astro-gtlcsv42){color:#000;stroke:#000}.btn:where(.astro-gtlcsv42):hover svg:where(.astro-gtlcsv42):has(use[href^="/assets/icons/logos.svg"]){stroke:none;transition:transform .25s ease-in-out;transform:translate(-10px)scale(2)rotate(-5deg)}.btn:where(.astro-gtlcsv42) path:where(.astro-gtlcsv42){fill:#fff;stroke:#fff;transition:translate .5s}.btn:where(.astro-gtlcsv42) small:where(.astro-gtlcsv42){color:#999;font-weight:650}.btn:where(.astro-gtlcsv42):hover small:where(.astro-gtlcsv42){color:#111}.buttons:where(.astro-h72cwzwe){background:linear-gradient(#171717 0,#111);flex-wrap:wrap;justify-content:center;gap:0 1rem;margin-bottom:2rem;display:flex}.wrapper:where(.astro-h72cwzwe){margin:0}.topic:where(.astro-6clakzx4){--size:100px;width:var(--size);height:var(--size);border:0 solid #fff1;place-items:center;transition:filter .5s;display:inline-grid}.topic:where(.astro-6clakzx4) svg:where(.astro-6clakzx4){width:calc(var(--size)*1);opacity:.7;transition:scale .2s,opacity .15s}.topic:where(.astro-6clakzx4) svg:where(.astro-6clakzx4):hover{opacity:1;scale:1.4}section:where(.astro-pw36fy6l){margin:4rem auto}.list:where(.astro-pw36fy6l){flex-wrap:wrap;justify-content:center;gap:1em;display:inline-flex}.list:where(.astro-pw36fy6l) img:where(.astro-pw36fy6l){object-view-box:inset(0%);object-fit:cover;border:6px solid #fff;width:320px;max-width:100%;height:180px;transition:all .5s}.list:where(.astro-pw36fy6l) img:where(.astro-pw36fy6l):hover{object-view-box:inset(10%);border-color:indigo}.list:where(.astro-pw36fy6l)+p:where(.astro-pw36fy6l){margin-top:1rem}.list:where(.astro-pw36fy6l){max-width:1200px}.list:where(.astro-5dej2q3j){z-index:2;flex-wrap:wrap;justify-content:center;gap:0 .5rem;display:flex}.mini-social:where(.astro-zzktgjbt){color:#888;justify-content:center;align-items:center;gap:15px;max-width:1024px;height:30px;margin:.5rem auto 1rem;font-size:.5rem;display:flex}@media not (min-width:900px){.mini-social:where(.astro-zzktgjbt){display:none}}.mini-social:where(.astro-zzktgjbt) svg:where(.astro-zzktgjbt){fill:#bbb;width:24px;height:24px}.mini-social:where(.astro-zzktgjbt) svg:where(.astro-zzktgjbt):hover{fill:#fff;filter:drop-shadow(0 0 5px var(--theme-color))}.logo .disc .label svg{width:65%;height:65%;translate:0 5px}.logo:where(.astro-f7wavuwh){--cover-size:300px;--center-position:calc((100% - var(--cover-size))/2);grid-column:1/span 2;height:200px;margin:1rem auto 0;transition:height .5s ease-in-out .5s;position:relative;overflow:hidden}.logo:where(.astro-f7wavuwh):not(:has(.twitch)):hover{height:300px}.disc:where(.astro-f7wavuwh){--size:calc(var(--cover-size)*.95);--offset:calc((var(--cover-size) - var(--size))/2);width:var(--size);height:var(--size);background-color:#000;background-image:linear-gradient(45deg,#0000 40%,#fff2,#0000 60%),repeating-radial-gradient(#0000 0% 20%,#0a0a0a 20% 20.5%);border-radius:50%;place-items:center;animation:3s linear infinite playing-music;display:grid}.disc:where(.astro-f7wavuwh) .label:where(.astro-f7wavuwh){--label-size:calc(var(--size)*.3);width:var(--label-size);height:var(--label-size);background-color:var(--theme-color);background-size:calc(var(--label-size)*.9);background-position:50%;background-repeat:no-repeat;border-radius:50%;overflow:hidden}@keyframes playing-music{0%{transform:translateY(var(--offset))rotate(0)}to{transform:translateY(var(--offset))rotate(360deg)}}:-webkit-any(.disc,.cover):where(.astro-f7wavuwh){transition:left .75s,rotate .75s;position:absolute;top:0;box-shadow:0 0 15px #000}:-moz-any(.disc,.cover):where(.astro-f7wavuwh){transition:left .75s,rotate .75s;position:absolute;top:0;box-shadow:0 0 15px #000}:is(.disc,.cover):where(.astro-f7wavuwh){transition:left .75s,rotate .75s;position:absolute;top:0;box-shadow:0 0 15px #000}.disc:where(.astro-f7wavuwh){--offset-disc:9px;left:calc(var(--center-position) + var(--offset-disc));box-shadow:0 0 40px color-mix(in srgb,var(--theme-color),transparent 60%);transition:top .5s;display:grid;top:275px}.logo:where(.astro-f7wavuwh):not([closed]) .disc:where(.astro-f7wavuwh){top:30px}.cover:where(.astro-f7wavuwh){--half:var(--center-position);left:var(--half);width:var(--cover-size);height:var(--cover-size);transition:top .5s;top:0}.logo:where(.astro-f7wavuwh):not([closed]) .cover:where(.astro-f7wavuwh){top:185px}.label:where(.astro-f7wavuwh){place-items:center;display:grid}a:where(.astro-r6yxg2ew){color:#999;background:#1116;border-left:4px solid #0000;justify-content:start;align-items:center;gap:.75rem;height:32px;margin-bottom:4px;padding:.5rem;text-decoration:none;display:flex;position:relative}a:where(.astro-r6yxg2ew):last-child{margin-bottom:0}a:where(.astro-r6yxg2ew).cheatsheet{--color-1:#5921b9b1;--color-2:#180932f5;background:linear-gradient(35deg,var(--color-1),black 50% 60%,var(--color-2));border-top:1px solid var(--color-1);border-left:1px solid var(--color-1);box-shadow:0 0 8px color-mix(in srgb,var(--color-1),transparent 50%) inset;color:#ddd;margin-bottom:.5rem;padding-left:1rem;overflow:hidden}a:where(.astro-r6yxg2ew).cheatsheet.active{--highlight-color:#1d0843}a:where(.astro-r6yxg2ew).cheatsheet:hover{background:linear-gradient(35deg,var(--color-1),black 50% 60%,var(--color-2));color:#fff;text-shadow:0 0 22px #fffc}a:where(.astro-r6yxg2ew).cheatsheet:after{content:"";mix-blend-mode:soft-light;z-index:-1;background:url(/assets/images/noise.png);width:100%;height:100%;position:absolute;inset:0}a:where(.astro-r6yxg2ew) svg:where(.astro-r6yxg2ew){--size:24px;width:var(--size);height:var(--size)}a:where(.astro-r6yxg2ew).active{--highlight-color:color-mix(in srgb,color-mix(in srgb,var(--theme-color),black 60%),transparent 75%);--fill:#fff;background:var(--highlight-color);border-left-color:var(--theme-color);color:#fff}a:where(.astro-r6yxg2ew).level-easy{--badge-color:#2ba42b}a:where(.astro-r6yxg2ew).level-medium{--badge-color:#d4d421}a:where(.astro-r6yxg2ew).level-advanced{--badge-color:#e84141}a:where(.astro-r6yxg2ew).level-medium:after{color:#000;background:var(--badge-color);box-shadow:0 0 8px color-mix(in srgb,var(--badge-color),black 25%);opacity:.75;border-radius:3px;padding:0 4px;font-size:.7rem;font-weight:750;display:block;position:absolute;right:8px}a:where(.astro-r6yxg2ew).level-advanced:after{color:#000;background:var(--badge-color);box-shadow:0 0 8px color-mix(in srgb,var(--badge-color),black 25%);opacity:.75;border-radius:3px;padding:0 4px;font-size:.7rem;font-weight:750;display:block;position:absolute;right:8px}a:where(.astro-r6yxg2ew).level-medium:after{content:"MID"}a:where(.astro-r6yxg2ew).level-advanced:after{content:"PRO"}a:where(.astro-r6yxg2ew):hover{background:var(--highlight-color);cursor:pointer;color:#fff}details:where(.astro-vsyvbafc){--highlight-color:color-mix(in srgb,color-mix(in srgb,var(--theme-color),black 60%),transparent 50%);display:grid}summary:where(.astro-vsyvbafc){color:#999;background:#2226;align-items:center;gap:.5rem;margin:2px 0;padding:.5rem .2rem .5rem 1rem;display:flex;position:relative}summary:where(.astro-vsyvbafc) svg:where(.astro-vsyvbafc){--size:24px;width:var(--size);height:var(--size)}summary:where(.astro-vsyvbafc)::marker{content:none}summary:where(.astro-vsyvbafc):after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4ODg4ODgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJtNiA5bDYgNmw2LTYiLz48L3N2Zz4=);pointer-events:none;width:22px;height:22px;transition:transform .2s,filter .2s;position:absolute;bottom:14px;right:18px;transform:translateY(10px)rotate(-90deg)}summary:where(.astro-vsyvbafc):has(a):after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23888888' d='M5 20V8h11.175l-3.6-3.575L14 3l6 6l-6.025 6.025l-1.4-1.425l3.6-3.6H7v10z'/%3E%3C/svg%3E");filter:drop-shadow(0 0 4px #aaa7);pointer-events:none;width:22px;height:22px;font-size:2rem;position:absolute;bottom:22px;right:14px}.menubar:where(.astro-vsyvbafc) .links:where(.astro-vsyvbafc) :-webkit-any(summary):where(.astro-vsyvbafc)[open]{border-left-color:var(--theme-color)}.menubar:where(.astro-vsyvbafc) .links:where(.astro-vsyvbafc) :-moz-any(summary):where(.astro-vsyvbafc)[open]{border-left-color:var(--theme-color)}.menubar:where(.astro-vsyvbafc) .links:where(.astro-vsyvbafc) :is(summary):where(.astro-vsyvbafc)[open]{border-left-color:var(--theme-color)}summary:where(.astro-vsyvbafc):hover{cursor:pointer;background:var(--highlight-color);color:#fff}details:where(.astro-vsyvbafc)[open] summary:where(.astro-vsyvbafc){--dark-color:color-mix(in srgb,var(--color),black 80%);background:var(--dark-color)}details:where(.astro-vsyvbafc)[open] summary:where(.astro-vsyvbafc):after{filter:brightness(200%);transform:translate(-2px,1px)rotate(0)}.module details[open]>.contents{--dark-color:color-mix(in srgb,var(--color),black 78%);border-left:2px solid var(--dark-color);margin-left:.85rem}.module:where(.astro-j6pdybue){margin:1rem 0}.summary:where(.astro-j6pdybue){--dark-color:color-mix(in srgb,var(--color),#000 50%);border-bottom:2px solid var(--dark-color);letter-spacing:.5px;text-transform:uppercase;background:#060606;margin:1px 0;padding:10px 1rem;font-size:1rem;font-weight:600}.summary:where(.astro-j6pdybue) span:where(.astro-j6pdybue){color:var(--color);padding-right:3px;font-weight:600}.summary:where(.astro-j6pdybue)::marker{content:none}.contents:where(.astro-j6pdybue){display:grid}.menu-option:where(.astro-smncspwq){color:#fff;background:#fff1;grid-template-columns:1fr;place-items:center;gap:.5rem;padding:1rem;text-decoration:none;display:grid}.menu-option:where(.astro-smncspwq):hover{background:#fff2}.menu-option:where(.astro-smncspwq) svg:where(.astro-smncspwq){--size:48px;width:var(--size);height:var(--size)}.menu-option:where(.astro-smncspwq) span:where(.astro-smncspwq){text-align:center}.links-container:where(.astro-dj5ejpay){scrollbar-color:#222 #000;scrollbar-gutter:stable;border-right:1px solid #111;height:calc(100vh - 300px);margin-bottom:0;margin-left:1rem;padding-top:.5rem;overflow:hidden auto}.links-container:where(.astro-dj5ejpay)::-webkit-scrollbar{background:#000;width:10px}.links-container:where(.astro-dj5ejpay)::-webkit-scrollbar-thumb{background:#222}.links-container:where(.astro-dj5ejpay) .options:where(.astro-dj5ejpay){grid-template-columns:1fr 1fr;place-items:stretch stretch;gap:.5rem;display:grid}:where(body){--option-size:420px;--sidebox-size:42px;--menubar-size:calc(var(--option-size) + var(--sidebox-size))}body.menu-open .menubar{width:var(--menubar-size);transform:translate(0)}body.menu-open .menubar svg.close-menu{transform:rotate(0)}body.menu-open .post{width:calc(100% - var(--menubar-size));transform:translate(var(--menubar-size))}.transition-enabled :-webkit-any(.post,.menubar){transition:transform .5s,width .5s}.transition-enabled :-moz-any(.post,.menubar){transition:transform .5s,width .5s}.transition-enabled :is(.post,.menubar){transition:transform .5s,width .5s}.post{transform:translate(var(--sidebox-size));width:calc(100% - var(--sidebox-size))}@media (max-width:1180px){body{--option-size:0;--sidebox-size:0;--menubar-size:calc(var(--option-size) + var(--sidebox-size))}.menubar{content-visibility:hidden}.post{transition:none}}.menubar:where(.astro-kksphvjx){grid-template-columns:var(--option-size)var(--sidebox-size);width:var(--menubar-size);z-index:5;height:100vh;transform:translate(calc(-1*var(--option-size)));background:linear-gradient(to right,#000d 25%,#000 50%),var(--image-header);color:#fff;-webkit-user-select:none;user-select:none;background-size:600px;font-family:Jost,sans-serif;font-size:1.1rem;display:grid;position:fixed;top:0;left:0}.menubar:where(.astro-kksphvjx) .menubar-content:where(.astro-kksphvjx){padding-top:1rem;padding-right:0}.menubar:where(.astro-kksphvjx) .sidebox:where(.astro-kksphvjx){background:#000;place-content:start center;gap:.5rem;padding:1rem .5rem;display:grid}.menubar:where(.astro-kksphvjx) svg:where(.astro-kksphvjx).close-menu{cursor:pointer;width:36px;height:36px;transition:transform .5s;transform:rotate(180deg)}.menubar:where(.astro-kksphvjx) svg:where(.astro-kksphvjx).close-menu:hover{filter:brightness(150%)}.menubar:where(.astro-kksphvjx):before{content:"";z-index:-1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:85%;height:100%;position:absolute}article.contents badge-type:after{content:attr(class);height:18px;font-family:var(--font-header);letter-spacing:.25px;color:#fff;text-transform:uppercase;vertical-align:text-bottom;background:#888;border-radius:4px;align-items:center;margin:0 3px;padding:4px 6px;font-size:.8rem;font-weight:600;display:inline-flex}article.contents badge-type.color:after{background:#1e48c3}article.contents badge-type.unit:after{background:#d2570f}article.contents badge-type.size:after{background:#d2570f}article.contents badge-type.angle:after{background:#822}article.contents badge-type.direction:after{background:#299992}article.contents badge-type.style:after{background:#444}article.contents badge-type.percent:after{background:#534a83}article.contents badge-type.blend:after{background:#3812c8}article.contents badge-type.time:after{background:#4179aa}article.contents badge-type.shape:after{background:#4a8}article.contents badge-type.posx:after{background:#8a421a}article.contents badge-type.posy:after{background:#8a421a}article.contents badge-type.posz:after{background:#8a421a}article.contents badge-type.p12:after{content:"12";background:#080}article.contents badge-type.p1234:after{content:"1234";background:#080}article.contents badge-type.string:after{color:#111;background:#d1a508}article.contents badge-type.selector:after{background:#2891ed;border-bottom:3px solid #d1a508}article.contents badge-type.number:after{background:#2891ed}article.contents badge-type.boolean:after{background:#e01f1f}article.contents badge-type.class:after{background:#e04f1f}article.contents badge-type.undefined:after{background:#4e4e4e}article.contents badge-type.null:after{background:#444}article.contents badge-type.function:after{background:#807fa8}article.contents badge-type.array:after{background:#1a8c26}article.contents badge-type.date:after{background:#b093f2}article.contents badge-type.promise:after{background:#6043f2}article.contents badge-type.regexp:after{background:#c16809}article.contents badge-type.object:after{background:#120e7c}article.contents badge-type.shadowroot:after{background:#8a13a2}article.contents badge-type.element:after{background:#da4813}article.contents badge-type.node:after{background:#484848}article.contents badge-type.deprecated:after{background:#444}article.contents badge-type.experimental:after{background:#9d3434}article.contents badge-type.deprecated{vertical-align:middle;font-size:1rem;display:inline-block;transform:translateY(-5px)}article.contents badge-type.experimental{vertical-align:middle;font-size:1rem;display:inline-block;transform:translateY(-5px)}article.contents h3 badge-type{vertical-align:text-top}article.contents badge-es:after{content:attr(class);font-family:var(--font-header);letter-spacing:-.25px;color:#444;text-transform:uppercase;vertical-align:text-bottom;background:#888;border-radius:4px;margin:0 3px;padding:4px 6px;font-size:.95rem;font-weight:600;display:inline}article.contents :-webkit-any(h3,h4) badge-es:after{vertical-align:middle}article.contents :-moz-any(h3,h4) badge-es:after{vertical-align:middle}article.contents :is(h3,h4) badge-es:after{vertical-align:middle}article.contents badge-es.es2015:after{background:#facd26}article.contents badge-es.es2016:after{background:#facd26}article.contents badge-es.es2017:after{background:#facd26}article.contents badge-es.es2018:after{background:#facd26}article.contents badge-es.es2019:after{background:#fabd26}article.contents badge-es.es2020:after{background:#faad26}article.contents badge-es.es2021:after{background:#fa9d26}article.contents badge-es.es2022:after{background:#fa8d26}article.contents badge-es.es2023:after{background:#fa7d26}article.contents badge-es.es2024:after{color:#777;background:#ddd}article.contents badge-es.vue3:after{color:#eee;background:#42b883}article.contents code+badge-es[class^=es]:after{vertical-align:baseline;font-size:.8rem}article.contents a{color:color-mix(in srgb,var(--theme-color),#fff 20%);text-decoration:underline;position:relative}article.contents a code{color:var(--theme-color)}article.contents a:after{content:"";border-bottom:2px solid gold;width:0%;display:inline-block;position:absolute;bottom:4px;left:0}article.contents a:hover{color:gold;border-bottom:0;text-decoration:none}article.contents a:hover:after{width:100%;transition:width .5s}.post article.contents h3{font-family:var(--primary-font);letter-spacing:-1px;color:#fff;text-shadow:0 2px 1px #000;margin-bottom:3rem;font-size:3rem;font-weight:700}@media (max-width:1200px){.post article.contents h3 code{font-size:2rem}}.post article.contents h4{font-family:var(--primary-font);letter-spacing:-1px;text-shadow:0 2px 1px #000;text-indent:.1rem;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.post article.contents h4:before{content:"⤷  ";color:#777;display:inline-block}.post article.contents h5{font-family:var(--primary-font);letter-spacing:-1px;color:#999;margin-bottom:3rem;font-size:2rem;font-weight:700}.post article.contents h3:has(+h4){margin-bottom:0}.post article.contents h3+h4{margin-top:0}.post article.contents :where(h3,h4,h5) a{color:#fff;text-decoration:none}.post article.contents :where(h3,h4,h5) a:hover{color:#fff}.post article.contents h3 code{color:gold;text-shadow:none;font-size:2.4rem}.post article.contents h4 code{color:gold;font-size:1.75rem}code-wrapper{content-visibility:auto;display:block;position:relative}code-wrapper .tabs{justify-content:end;margin:0;display:flex;translate:0 10px}code-wrapper .tab{--color:#111;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#ccc;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:#111;border:0;border-bottom:5px solid #000;padding:.5rem 2rem;font-family:Jost,sans-serif;font-size:1.2rem}code-wrapper .tab:focus-visible{z-index:5;outline:2px solid gold;translate:0 -2px}code-wrapper .tab.active{background:#0f640e;border-bottom-color:#0fa00c}code-wrapper .tab:hover{background:#0f640e;border-bottom-color:#0fa00c}code-wrapper .block{display:none}code-wrapper .block.active{scrollbar-color:#222 #000;scrollbar-gutter:stable both-edges;display:block}code-wrapper .block.active::-webkit-scrollbar-track-piece{background:#111}code-wrapper .block.active::-webkit-scrollbar{background:#000;height:8px}code-wrapper .block.active::-webkit-scrollbar-thumb{background:#222}code-wrapper iframe.block{min-height:225px;height:var(--height);background:#fff;border:0;width:100%;margin-top:.6rem;margin-bottom:3rem}code-wrapper .wrap code{overflow-wrap:break-word;text-wrap:balance}code-wrapper[resize]:has(iframe.active):before{content:"← Ventana redimensionable";color:#888;font-family:Jost,sans-serif;font-size:1rem;position:absolute;bottom:-28px;right:0}code-wrapper[resize] iframe.block{resize:horizontal;min-width:375px;max-width:100%}code-wrapper iframe.block.active~.code-buttons .btn.copy{display:none}code-wrapper pre.block.active~.code-buttons .btn.refresh{display:none}code-wrapper .code-buttons{--offset:74px;top:calc(var(--offset) + 6px);opacity:.75;position:absolute;right:14px}code-wrapper .code-buttons .btn{cursor:pointer;background:0 0;border:0}code-wrapper .code-buttons .btn svg{opacity:.25;color:#888;width:32px;height:32px}code-wrapper .code-buttons .btn svg:hover{opacity:.75;transition:none}code-wrapper .code-buttons .btn svg:active{opacity:1;color:#adff2f;transition:none}code-wrapper:not(:defined){visibility:hidden}pre.hidden{display:none}article.contents details.deep-info{cursor:pointer;margin:2rem 0;display:inline-block}article.contents details.deep-info[open] summary+div{background:#1f1e23;border-top:2px solid #312365;padding:2rem}article.contents details.deep-info summary{background:#312365;width:max-content;padding:1rem 4rem 1rem 2rem;font-family:Agave,sans-serif;font-size:1.4rem;font-weight:400;position:relative}article.contents details.deep-info summary:before{content:"Mostrar lectura adicional";text-transform:uppercase;color:#09d3e2;font-family:Jost,sans-serif;font-size:.75rem;display:block}details[open] :is(article.contents details.deep-info summary):before{content:"Ocultar lectura adicional"}article.contents details.deep-info summary:after{content:"▼";position:absolute;right:1rem;translate:0 -.4rem}details[open] :is(article.contents details.deep-info summary):after{content:"▲"}article.contents details.deep-info summary svg{vertical-align:sub;fill:#fff;width:24px;height:24px;padding-right:.5rem}article.contents details.deep-info ::marker{content:""}article .tabs-container{gap:1rem;margin-top:3rem;margin-bottom:2rem;scroll-margin-top:2rem}article .tabs-container .tab-content{border-bottom:1px solid #5552;border-left:1px solid #5552;order:2;margin-top:2rem;padding:2.5rem 0 2rem 3rem;display:none;position:relative}article .tabs-container .tab-content>:-webkit-any(h3,h4):first-child{margin-top:0}article .tabs-container .tab-content>:-moz-any(h3,h4):first-child{margin-top:0}article .tabs-container .tab-content>:is(h3,h4):first-child{margin-top:0}@media (max-width:768px){article .tabs-container .tab-content{border:0;padding-left:0}}article .tabs-container .labels{-webkit-user-select:none;user-select:none;border-bottom:2px solid #555;display:flex}article .tabs-container .labels input[type=radio]{display:none}article .tabs-container .labels label{text-shadow:0 0 1px #0008;background:#222;order:1;padding:1rem 2.5rem}@media (max-width:768px){article .tabs-container .labels label{padding:1rem}}article .tabs-container .labels label:hover{cursor:pointer}article .tabs-container .labels label:has(input:checked){color:#111;background:#555}article .tabs-container .labels:has(label:first-child>input:checked)~:nth-child(2){flex-direction:column;display:flex}article .tabs-container .labels:has(label:nth-child(2)>input:checked)~:nth-child(3){flex-direction:column;display:flex}article .tabs-container .labels:has(label:nth-child(3)>input:checked)~:nth-child(4){flex-direction:column;display:flex}article .tabs-container .labels:has(label:nth-child(4)>input:checked)~:nth-child(5){flex-direction:column;display:flex}article .tabs-container .labels:has(label:nth-child(5)>input:checked)~:nth-child(6){flex-direction:column;display:flex}article .tabs-container .labels:has(label:nth-child(6)>input:checked)~:nth-child(7){flex-direction:column;display:flex}article .tabs-container .labels:has(label:nth-child(7)>input:checked)~:nth-child(8){flex-direction:column;display:flex}article .tabs-container .up-to-top{color:#888;text-transform:uppercase;cursor:pointer;background:#303031;border:0;margin-top:-1px;margin-left:auto;margin-right:2rem;padding:.25rem 1.25rem;font-family:Victor Mono,monospace;font-size:1rem;display:block}article.contents img{max-width:100%;height:auto}kbd{white-space:nowrap;height:28px;font-family:var(--primary-font);color:#222;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#777,#555);border-radius:3px;margin:0 2px;padding:3px 8px;font-size:18px;font-style:normal;font-weight:500;display:inline-block;position:relative;top:-2px;box-shadow:inset 0 -2px #0004,0 2px #333}kbd:active{translate:0 2px;box-shadow:inset 0 -2px #0004,0 0 #333}.light kbd{color:#4c5564;background:linear-gradient(160deg,#ddd,#fff);box-shadow:inset 0 -2px #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px #1e235a66}article.contents ul{list-style-type:square}article.contents :-webkit-any(ul,ol){margin-bottom:3rem}article.contents :-moz-any(ul,ol){margin-bottom:3rem}article.contents :is(ul,ol){margin-bottom:3rem}article.contents li{color:#ccc;margin-bottom:.5rem}blockquote>blockquote{margin:40px 0}article.contents blockquote{margin:0 0 2rem;position:relative}article.contents blockquote>p{background:var(--dark-color);border-left:8px solid var(--light-color);color:#ddd;margin:0;padding:20px 40px 20px 15px;box-shadow:2px 2px 8px #0003}article.contents blockquote>p>em{color:var(--light-color);font-style:italic}article.contents blockquote p>:where(code,strong){color:var(--light-color)}blockquote>p:before{display:inline-block;position:absolute;bottom:0;right:0;translate:15px 15px}:where(.contents blockquote>p){--dark-color:#1b222f;--light-color:#6b8bd0}:where(.contents blockquote>p):before{content:url(/assets/images/stickers/manzdev.gif)}:where(.contents blockquote>blockquote>p){--dark-color:#302243;--light-color:#b49cda;border-left-width:8px}:where(.contents blockquote>blockquote>p):before{content:url(/assets/images/stickers/manzdev-tip.gif)}:where(.contents blockquote>blockquote>blockquote>p){--dark-color:#301515;--light-color:#fd7171}:where(.contents blockquote>blockquote>blockquote>p):before{content:url(/assets/images/stickers/manzdev-yar.gif)}:where(.contents blockquote>blockquote>blockquote>blockquote>p){--dark-color:#2b270f;--light-color:#b7b428}:where(.contents blockquote>blockquote>blockquote>blockquote>p):before{content:url(/assets/images/stickers/manzdev-gold.gif)}:where(.contents blockquote>blockquote>blockquote>blockquote>blockquote>p){--dark-color:#0b260e;--light-color:#129f12}:where(.contents blockquote>blockquote>blockquote>blockquote>blockquote>p):before{content:url(/assets/images/stickers/manzdev-corn.gif)}:where(.contents blockquote>blockquote>blockquote>blockquote>blockquote>blockquote>p){--dark-color:#262628;--light-color:#ced0d3}:where(.contents blockquote>blockquote>blockquote>blockquote>blockquote>blockquote>p):before{content:url(/assets/images/stickers/manzdev-dance.gif)}article.contents table{--odd-color:#171717;--even-color:#1f1f1f;font-family:var(--primary-font);border-collapse:collapse;color:#eee;width:100%;margin-bottom:3em;font-size:1.1rem;box-shadow:2px 2px 8px #0004}article.contents table :-webkit-any(input,textarea,select){border:1px solid #555;padding:.5rem;font-size:1.05rem}article.contents table :-moz-any(input,textarea,select){border:1px solid #555;padding:.5rem;font-size:1.05rem}article.contents table :is(input,textarea,select){border:1px solid #555;padding:.5rem;font-size:1.05rem}article.contents table input[type=color]{padding:0 6px}article.contents table code{font-size:1.1rem}article.contents table em{font-family:var(--primary-font);color:color-mix(in srgb,var(--theme-color),#fff 20%);letter-spacing:0;padding:0 .2rem;font-size:1.2rem;font-weight:300;text-decoration:none}article.contents table th{color:#fff;letter-spacing:.5px;background:#1b355e;font-weight:600}article.contents table td{border-left:1px solid var(--odd-color)}article.contents table td:first-child{border-left:0}article.contents table :-webkit-any(th,td){padding:8px}article.contents table :-moz-any(th,td){padding:8px}article.contents table :is(th,td){padding:8px}article.contents table.compact{width:max-content}article.contents table.compact td{padding-left:2em;padding-right:2em}article.contents table.last-shorthand tr:last-child td{background:#2248}article.contents table.all-shorthand td{background:#2248}article.contents tr.pad td{padding-left:2rem}article.contents tr.danger td{background:#290000}article.contents thead tr{background:var(--theme-color);color:#eee}article.contents tbody tr:nth-child(odd){background:var(--odd-color)}article.contents tbody tr:nth-child(2n){background:var(--even-color)}article.contents tr>td:only-child{background:#151f30}@media (max-width:800px){.contents table{width:100%;box-shadow:none;border:0;font-size:1.1rem}.contents table code{font-size:1.1rem}.contents table tr{flex-direction:column;margin:.6em 0;display:flex;box-shadow:0 0 5px #0005}.contents table badge-type:after{letter-spacing:10px;align-items:center;width:6px;height:20px;display:inline-flex;overflow:hidden}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;text-shadow:0 1px #0000004d;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;line-height:1.5}pre[class*=language-]{border-radius:.3em;margin:.5em 0;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre,code[class^=language-]{font-family:var(--code-font);color:#ddd;font-size:1.2rem;line-height:140%!important}code:not([class^=language-]){color:#8ca2e3;font-family:var(--code-font);letter-spacing:-.25px;font-size:1.3rem;font-weight:500}pre{background-color:#232323;border:4px solid #000;margin:.5em 0;padding:1em;border-radius:0!important}pre:has(code){margin-bottom:3rem!important}article.contents strong,article.contents em,article.contents :not(pre) code{line-height:100%}article.contents pre{max-width:var(--max-width-page);background-color:#232323;background-image:linear-gradient(90deg,#000 0% 10%,#060606 90%);line-height:1rem;position:relative;box-shadow:0 0 8px #0004,inset 0 5px 5px #0004}article.contents :-webkit-any(pre.language-html,pre.language-css,pre.language-js,pre.language-bash){padding:25px 15px;line-height:1rem}article.contents :-moz-any(pre.language-html,pre.language-css,pre.language-js,pre.language-bash){padding:25px 15px;line-height:1rem}article.contents :is(pre.language-html,pre.language-css,pre.language-js,pre.language-bash){padding:25px 15px;line-height:1rem}article.contents pre.language-bash .function{color:#3d3}article.contents pre.language-bash .string{color:gold}article.contents pre.language-bash .variable{color:#bc8ff7}article.contents pre.language-bash .operator{color:#f70258}article.contents pre.language-bash .punctuation{color:#0ff}article.contents pre.language-bash .keyword{color:#999}a:hover code{color:#fff}article.contents pre{overflow-x:auto}article.contents h3.deprecated{background:url(/assets/images/ghost.gif) right 2px/50px no-repeat;border:0;border-bottom:1px solid #ccc1;height:60px;margin-top:3rem;margin-left:0}article.contents hr:not(class){max-width:var(--max-width-page);background:url(/assets/images/manz-logo.png) 50% 25px/75px no-repeat;border:0;border-bottom:1px solid #ccc3;height:60px;margin-bottom:2.5rem;margin-left:0;transition:all .25s}article.contents hr:not(class):hover{filter:grayscale(0%);opacity:1;background-position:50% 0}article.contents p{max-width:var(--max-width-page);text-shadow:none;color:#aaa;position:relative}article.contents strong{color:#bbb}article.contents em{font-family:var(--code-font);color:color-mix(in srgb,var(--theme-color),#555 60%);text-shadow:0 0 10px #000c;letter-spacing:-1px;padding:0 .3rem;font-size:1.2rem;font-style:normal;font-weight:500}.post-container{--max-width:1024px;--bgcolor:#171717;background:var(--bgcolor);background-image:linear-gradient(to bottom,#111 0,var(--bgcolor)50px 50px);min-height:75vh}article.contents{padding:3em var(--pad);max-width:var(--max-width-page);margin:auto}