article.contents badge-type:after{content:attr(class);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;height:18px;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}.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{height:var(--height);background:#fff;border:0;width:100%;min-height:225px;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:not([open]){font-family:var(--code-font);color:#ccc;text-shadow:1px 1px 10px #111;background:#333;border:1px solid #222;border-color:#444 #222 #222 #444;border-radius:5px;margin:.25rem 0 1rem;display:inline-block;box-shadow:2px 2px 5px #0008}article.contents details:not([open]) summary{padding:1em 1.5em}article.contents details[open] summary{display:none}article.contents details summary::marker{content:""}article.contents details summary{cursor:pointer;display:inline-block}article.contents details[open] summary{margin-bottom:1rem}article.contents details summary:before{content:"▶";margin-bottom:0;margin-right:.5rem;transition:transform .5s;display:inline-block;position:relative;transform:rotate(0)}article.contents details:hover summary:before{margin-bottom:0;margin-left:0;transform:rotate(90deg)}article .tabs-container{gap:1rem;margin-top:3rem;margin-bottom:2rem}article .tabs-container .tab-content{border-left:1px solid #5552;order:2;margin-top:2rem;padding:2.5rem 0 0 3rem;display:none;position:relative}@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 3rem}@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.contents img{max-width:100%;height:auto}kbd{white-space:nowrap;font-family:var(--primary-font);color:#222;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#777,#555);border-radius:3px;height:28px;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{color:color-mix(in srgb,var(--theme-color),#fff 20%);border-bottom:1px dashed #999;padding:0 .2rem;font-style:normal;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:auto}article.contents table.compact td{padding-left:1em;padding-right:1em}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:color-mix(in srgb,var(--theme-color),#08081b 75%)}@media (max-width:800px){.contents table{box-shadow:none;border:0;width:100%;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 hr{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: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}nav:where(.astro-pdifeom5).navpages{--offset:16px;margin:auto var(--pad);max-width:var(--max-width-page)}@media (min-width:1180px){nav:where(.astro-pdifeom5).navpages{margin:auto}}@media (max-width:800px){nav:where(.astro-pdifeom5).navpages{display:none}}nav:where(.astro-pdifeom5).navpages .prev-next:where(.astro-pdifeom5){--prev-arrow:polygon(0 50%,var(--offset)100%,100% 100%,calc(100% - var(--offset))50%,100% 0,var(--offset)0%);--diamond-arrow:polygon(0 50%,var(--offset)100%,calc(100% - var(--offset))100%,100% 50%,calc(100% - var(--offset))0,var(--offset)0%);--next-arrow:polygon(0 0,var(--offset)50%,0 100%,calc(100% - var(--offset))100%,100% 50%,calc(100% - var(--offset))0);justify-content:center;gap:0 1rem;display:flex}nav:where(.astro-pdifeom5).navpages .prev-next:where(.astro-pdifeom5) .current:where(.astro-pdifeom5){width:75px;height:75px;transition:scale .2s ease-in-out,rotate .2s ease-in-out;translate:0 -12px}nav:where(.astro-pdifeom5).navpages .prev-next:where(.astro-pdifeom5) .current:where(.astro-pdifeom5):hover{rotate:3deg;scale:1.15}nav:where(.astro-pdifeom5).navpages .prev-next:where(.astro-pdifeom5) .current:where(.astro-pdifeom5) svg:where(.astro-pdifeom5){width:100%;height:100%}nav:where(.astro-pdifeom5).navpages .prev-next:where(.astro-pdifeom5) a:where(.astro-pdifeom5):not(.current){text-align:center;color:#fff;opacity:.5;text-wrap:balance;text-transform:uppercase;background:#333;flex:1;justify-content:center;align-items:center;max-width:200px;height:2.5rem;padding:.25rem 2rem;font-size:.9rem;font-weight:550;text-decoration:none;transition:background .25s ease-out,translate .15s ease-in,opacity .1s ease-out,color .25s ease-out;display:flex}nav:where(.astro-pdifeom5).navpages .prev-next:where(.astro-pdifeom5) a:where(.astro-pdifeom5):not(.current):where(.prev){clip-path:var(--prev-arrow)}nav:where(.astro-pdifeom5).navpages .prev-next:where(.astro-pdifeom5) a:where(.astro-pdifeom5):not(.current):where(.prev):hover{translate:-10px}nav:where(.astro-pdifeom5).navpages .prev-next:where(.astro-pdifeom5) a:where(.astro-pdifeom5):not(.current):where(.next){clip-path:var(--next-arrow)}nav:where(.astro-pdifeom5).navpages .prev-next:where(.astro-pdifeom5) a:where(.astro-pdifeom5):not(.current):where(.next):hover{translate:10px}nav:where(.astro-pdifeom5).navpages .prev-next:where(.astro-pdifeom5) a:where(.astro-pdifeom5):not(.current):hover{background:var(--theme-color);color:#fff;opacity:1}