.html-quiz[data-astro-cid-kvpqrf25]{margin-block:1.5rem}.quiz-card[data-astro-cid-kvpqrf25]{margin-block:1rem}:root[data-js] .html-quiz[data-astro-cid-kvpqrf25]:not(.is-ready) [data-astro-cid-kvpqrf25][data-runner],:root:not([data-js]) [data-astro-cid-kvpqrf25]:is(.quiz-progress,.quiz-dots,.quiz-nav,.quiz-hint,kbd){display:none}:root[data-js] .quiz-card[data-astro-cid-kvpqrf25]{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;padding:1.25rem}:root[data-js] fieldset[data-astro-cid-kvpqrf25]:not(.is-current){display:none}:root[data-js] fieldset[data-astro-cid-kvpqrf25]{border:0;margin:0;padding:0}fieldset[data-astro-cid-kvpqrf25]{border:1px solid;border-radius:.5rem;min-width:0;margin-block:1.5rem;padding:1rem}legend[data-astro-cid-kvpqrf25]{padding-inline:.4rem;font-weight:600}:root[data-js] legend[data-astro-cid-kvpqrf25]{margin-bottom:.75rem;padding:0;font-size:1.15rem}label[data-astro-cid-kvpqrf25]{cursor:pointer;overflow-wrap:anywhere;align-items:center;gap:.65rem;padding:.6rem;display:flex}:root[data-js] label[data-astro-cid-kvpqrf25]{border:1px solid var(--border);border-radius:.5rem;margin-bottom:.5rem;padding:.7rem .85rem}:root[data-js] label[data-astro-cid-kvpqrf25]:hover{background:var(--hover)}:root[data-js] fieldset[data-astro-cid-kvpqrf25]:disabled label[data-astro-cid-kvpqrf25]{cursor:default}:root[data-js] fieldset[data-astro-cid-kvpqrf25]:disabled label[data-astro-cid-kvpqrf25]:hover{background:0 0}label[data-astro-cid-kvpqrf25].is-correct{border-color:var(--callout-tip);background:var(--callout-tip-bg)}label[data-astro-cid-kvpqrf25].is-wrong{border-color:var(--danger);background:var(--danger-bg)}input[data-astro-cid-kvpqrf25]{flex-shrink:0}:root[data-js] input[data-astro-cid-kvpqrf25]{opacity:0;pointer-events:none;position:absolute}:root[data-js] label[data-astro-cid-kvpqrf25]{position:relative}:root[data-js] label[data-astro-cid-kvpqrf25]:has(input:focus-visible){outline-offset:3px;outline:3px solid}:root[data-js] label[data-astro-cid-kvpqrf25]:has(input:checked) kbd[data-astro-cid-kvpqrf25]{color:inherit;border-color:currentColor;font-weight:700}kbd[data-astro-cid-kvpqrf25]{border:1px solid var(--border);width:1.5rem;height:1.5rem;color:var(--muted);font:.8rem var(--code-font);border-radius:.3rem;flex-shrink:0;place-items:center;display:grid}.html-quiz[data-astro-cid-kvpqrf25] button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:.5rem;padding:.6rem 1rem}.html-quiz[data-astro-cid-kvpqrf25] button:hover{background:var(--hover)}.html-quiz[data-astro-cid-kvpqrf25] button:disabled{opacity:.45;cursor:default}.html-quiz[data-astro-cid-kvpqrf25] .quiz-primary{border-color:var(--accent);background:var(--accent);color:var(--surface);font-weight:600}.html-quiz[data-astro-cid-kvpqrf25] .quiz-primary:hover{background:var(--accent);filter:brightness(1.1)}.quiz-actions[data-astro-cid-kvpqrf25]{flex-wrap:wrap;gap:.6rem;display:flex}.quiz-nav[data-astro-cid-kvpqrf25]{justify-content:space-between;margin-top:1rem}.quiz-toolbar[data-astro-cid-kvpqrf25]{justify-content:flex-end;display:flex}.html-quiz[data-astro-cid-kvpqrf25] .quiz-icon-button{padding:.4rem;line-height:0}.quiz-icon-button[data-astro-cid-kvpqrf25] svg[data-astro-cid-kvpqrf25]{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}[data-astro-cid-kvpqrf25][data-expand][aria-pressed=false] [data-astro-cid-kvpqrf25][data-icon=collapse],[data-astro-cid-kvpqrf25][data-expand][aria-pressed=true] [data-astro-cid-kvpqrf25][data-icon=expand]{display:none}.html-quiz[data-astro-cid-kvpqrf25].is-expanded{z-index:100;overscroll-behavior:contain;background:var(--page);margin:0;padding:16px max(16px,50vw - 380px);position:fixed;inset:0;overflow:auto}html.html-quiz-open{overflow:hidden}.quiz-progress[data-astro-cid-kvpqrf25]{color:var(--muted);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.quiz-track[data-astro-cid-kvpqrf25]{background:var(--border);border-radius:.2rem;flex:1;height:.4rem;overflow:hidden}[data-astro-cid-kvpqrf25][data-bar]{background:var(--accent);width:0;height:100%;transition:width .25s;display:block}.quiz-dots[data-astro-cid-kvpqrf25]{flex-wrap:wrap;gap:.25rem;margin:.75rem 0 1rem;padding:0;list-style:none;display:flex}.quiz-dots[data-astro-cid-kvpqrf25] li{margin:0;display:flex}.html-quiz[data-astro-cid-kvpqrf25] .quiz-dots[data-astro-cid-kvpqrf25] button{border-radius:50%;width:1.6rem;height:1.6rem;padding:0;font-size:.72rem;line-height:1}.quiz-dots[data-astro-cid-kvpqrf25] button[aria-current]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);font-weight:700}.quiz-dots[data-astro-cid-kvpqrf25] .is-correct{border-color:var(--callout-tip);background:var(--callout-tip-bg)}.quiz-dots[data-astro-cid-kvpqrf25] .is-wrong{border-color:var(--danger);background:var(--danger-bg)}[data-astro-cid-kvpqrf25][data-feedback]{font-weight:600}[data-astro-cid-kvpqrf25][data-feedback].is-correct{color:var(--callout-tip)}[data-astro-cid-kvpqrf25][data-feedback].is-wrong{color:var(--danger)}.quiz-hint[data-astro-cid-kvpqrf25]{color:var(--muted);margin-bottom:0;font-size:.85rem}.quiz-score[data-astro-cid-kvpqrf25]{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1rem;display:flex}.quiz-score[data-astro-cid-kvpqrf25] h2[data-astro-cid-kvpqrf25]{margin:0 0 .25rem}.quiz-score[data-astro-cid-kvpqrf25] p[data-astro-cid-kvpqrf25]{color:var(--muted);margin:0}.quiz-ring[data-astro-cid-kvpqrf25]{--percent:0;background:conic-gradient(var(--accent) calc(var(--percent) * 1%), var(--border) 0);border-radius:50%;place-items:center;width:7rem;height:7rem;display:grid}.quiz-ring[data-astro-cid-kvpqrf25] b[data-astro-cid-kvpqrf25]{background:var(--surface);border-radius:50%;place-items:center;width:5.6rem;height:5.6rem;font-size:1.5rem;display:grid}.quiz-review[data-astro-cid-kvpqrf25]{padding:0;list-style:none}.quiz-review[data-astro-cid-kvpqrf25] li{border-left:3px solid var(--danger);margin-top:0;margin-bottom:.75rem;padding:.3rem 0 .3rem .9rem}.quiz-review[data-astro-cid-kvpqrf25] small{color:var(--muted);display:block}.html-quiz[data-astro-cid-kvpqrf25] :is(.tag2,.att2,.zna2){background:var(--code-bg);font-family:var(--code-font);border-radius:.25rem;padding:.05rem .3rem;font-size:.9em}.html-quiz[data-astro-cid-kvpqrf25] .tag2{color:var(--code-tag)}.html-quiz[data-astro-cid-kvpqrf25] .att2{color:var(--code-property)}.html-quiz[data-astro-cid-kvpqrf25] .zna2{color:var(--code-string)}[data-astro-cid-kvpqrf25]:focus-visible{outline-offset:3px;outline:3px solid}.code-example{margin-block:40px}:root[data-js] .code-example:not([data-failed])>.example-source{display:none}:root[data-js] .code-example:not([data-ready]):not([data-failed]):after{content:"";border:1px solid var(--code-border);background:var(--code-bg);border-radius:8px;height:470px;display:block}:root.example-expanded{overflow:hidden}.code-example.is-expanded{width:auto;height:auto;color:var(--text);z-index:1000;background:var(--surface);border:0;flex-direction:column;margin:0;padding:12px;display:flex;position:fixed;inset:0;overflow:auto}.code-example.is-expanded>h2{margin-bottom:8px;font-size:18px}.code-example.is-expanded .example-workspace{flex-direction:column;flex:1;min-height:200px;display:flex}.code-example.is-expanded .example-panes{flex:1;min-height:0;overflow:hidden}.code-example.is-expanded .example-editor,.code-example.is-expanded .example-result{min-height:0;overflow:auto}.code-example.is-expanded .example-result{max-height:none}.code-example.is-expanded .cm-editor,.code-example.is-expanded .example-panes iframe,.code-example.is-expanded .example-console{height:100%}.code-example>h2{margin-top:0}.code-example [hidden]{display:none!important}.example-status:empty{display:none}.example-workspace{border:1px solid var(--code-border);background:var(--code-bg);border-radius:8px;overflow:hidden}.example-tools{background:var(--hover);border-bottom:1px solid var(--code-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:stretch;gap:4px 12px;padding:0 8px;font-size:14px;display:flex}.example-files{flex-wrap:nowrap;min-width:0;max-width:100%;display:flex;overflow-x:auto}.example-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;margin-left:auto;padding-block:6px;display:flex}[data-document-label]{color:var(--muted);white-space:nowrap;align-self:center;padding:10px 12px;font-size:13px}.code-example button{font:inherit;color:var(--text);cursor:pointer}.code-example button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.example-files button{white-space:nowrap;color:var(--muted);font-family:var(--code-font);background:0 0;border:0;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 12px;font-size:13px}.example-files button:hover{color:var(--text)}.example-files button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--accent)}.example-actions>button{background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;min-width:32px;height:32px;padding:0 8px;display:inline-grid}.example-actions>button:hover{background:var(--surface);border-color:var(--code-border)}.code-example .example-run{color:var(--surface);background:var(--accent);padding-inline:14px;font-weight:600}.code-example .example-run:hover{background:color-mix(in srgb, var(--accent) 85%, var(--text));border-color:#0000}.example-modes{background:var(--surface);border:1px solid var(--code-border);border-radius:6px;padding:2px;display:inline-flex}.example-modes button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:4px 10px;font-size:13px;font-weight:600}.example-modes button:hover{background:var(--hover)}.example-modes button[aria-pressed=true]{color:var(--surface);background:var(--accent);box-shadow:0 1px 3px #00000026}.example-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.example-result{border-left:1px solid var(--code-border);min-width:0;max-height:420px;overflow:auto}.example-output{white-space:pre-wrap;overflow-wrap:anywhere}.example-console{height:420px;color:var(--code-text);font:14px/1.6 var(--code-font);padding:12px 14px;overflow:auto}.dom-result{padding:12px 14px}.runner-status{overflow-wrap:anywhere;margin:8px 0 0}.runner-status:empty{display:none}.code-example .example-editor{border:0;border-radius:0;min-width:0}.example-panes iframe{background:#fff;border:0;width:100%;height:420px;display:block}.example-editor .cm-editor{height:420px;font-size:14px}.code-example [data-action=expand][aria-pressed=false] [data-icon=collapse],.code-example [data-action=expand][aria-pressed=true] [data-icon=expand]{display:none}.example-editor .cm-scroller{overflow:auto}.example-status{font-size:14px}.code-example .example-toggle{display:none}@media (width<=700px){.example-panes{grid-template-columns:minmax(0,1fr)}.example-result{border-left:0}.code-example .example-toggle{border-color:var(--code-border);background:var(--surface);margin-left:auto;display:inline-grid}.example-actions{flex-basis:100%;gap:4px}.example-modes button{padding:4px 7px;font-size:12px}.example-workspace:not(.show-result) .example-result,.example-workspace.show-result .example-editor{display:none}}.attr-demo[data-astro-cid-agnrr7eu]{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-block:24px;padding:20px}fieldset[data-astro-cid-agnrr7eu]{border:0;gap:16px;min-width:0;padding:0;display:grid}legend[data-astro-cid-agnrr7eu]{margin-bottom:12px;font-weight:600}label[data-astro-cid-agnrr7eu]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input[data-astro-cid-agnrr7eu]:not([type=checkbox]){width:100%;min-width:0}input[data-astro-cid-agnrr7eu],button[data-astro-cid-agnrr7eu]{font:inherit;color:var(--text);background:var(--page);border:1px solid var(--border);border-radius:4px;padding:8px}button[data-astro-cid-agnrr7eu]{cursor:pointer;justify-self:start}.attr-preview[data-astro-cid-agnrr7eu]{border:1px dashed var(--border);margin-top:20px;padding:24px}.sample[data-astro-cid-agnrr7eu]{color:#172c3d;overflow-wrap:anywhere;background:#ffc18a;border:2px solid #245a85;padding:16px;display:block}.sample[data-astro-cid-agnrr7eu]:after{content:attr(data-label);color:#844000;font-weight:600;display:block}pre[data-astro-cid-agnrr7eu]{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code-bg);padding:12px}.function-demo[data-astro-cid-6q4c4xt5]{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-block:24px;padding:20px}fieldset[data-astro-cid-6q4c4xt5]{border:0;gap:16px;margin:0 0 20px;padding:0;display:grid}legend[data-astro-cid-6q4c4xt5]{margin-bottom:16px;font-weight:600}label[data-astro-cid-6q4c4xt5]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}input[data-astro-cid-6q4c4xt5][type=range]{cursor:pointer;width:100%;accent-color:var(--accent)}.choice[data-astro-cid-6q4c4xt5],button[data-astro-cid-6q4c4xt5]{border:1px solid var(--border);color:var(--text);background:var(--page);font:inherit;border-radius:5px;max-width:100%;padding:8px 12px}button[data-astro-cid-6q4c4xt5]{cursor:pointer;justify-self:start}.choice[data-astro-cid-6q4c4xt5]{cursor:pointer;margin:0}.choice[data-astro-cid-6q4c4xt5]:has(:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}input[data-astro-cid-6q4c4xt5][type=radio]{accent-color:var(--accent)}.options[data-astro-cid-6q4c4xt5]{gap:8px;margin:0}.function-stage[data-astro-cid-6q4c4xt5]{border:1px solid var(--border);background:repeating-conic-gradient(#e7ebef 0% 25%,#fff 0% 50%) 0 0/24px 24px;padding:12px;overflow-x:auto}.function-container[data-astro-cid-6q4c4xt5]{outline:2px dashed #607589;min-height:120px}.function-sample[data-astro-cid-6q4c4xt5]{color:#172c3d;overflow-wrap:anywhere;background:#ffc18a;outline:2px solid #245a85;place-items:center;min-height:120px;display:grid}[data-astro-cid-6q4c4xt5][data-kind$=gradient] .function-sample[data-astro-cid-6q4c4xt5]{min-height:220px}input[data-astro-cid-6q4c4xt5][type=color]{cursor:pointer;width:56px;height:36px}[data-astro-cid-6q4c4xt5][data-kind=color] .function-sample[data-astro-cid-6q4c4xt5]{min-height:150px}.function-result[data-astro-cid-6q4c4xt5]{font-size:.9rem}.function-css[data-astro-cid-6q4c4xt5]{background:var(--code-bg);white-space:pre-wrap;overflow-wrap:anywhere;padding:16px}summary[data-astro-cid-6q4c4xt5]{cursor:pointer}.visual-selector-demo[data-astro-cid-bulkw6bw]{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-block:24px;padding:20px}label[data-astro-cid-bulkw6bw]{flex-wrap:wrap;align-items:center;gap:12px;margin-block:16px;display:flex}.choice[data-astro-cid-bulkw6bw]{font:inherit;max-width:100%;color:var(--text);background:var(--page);border:1px solid var(--border);border-radius:4px;padding:8px}input[data-astro-cid-bulkw6bw][type=range]{width:100%;accent-color:var(--accent);cursor:pointer}fieldset[data-astro-cid-bulkw6bw]{border:0;min-width:0;padding:0}.choice[data-astro-cid-bulkw6bw]{cursor:pointer;flex-wrap:nowrap;align-items:start}.choice[data-astro-cid-bulkw6bw]:has(:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.choice[data-astro-cid-bulkw6bw] span[data-astro-cid-bulkw6bw]{min-width:0}.choice[data-astro-cid-bulkw6bw] code[data-astro-cid-bulkw6bw]{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;display:block}input[data-astro-cid-bulkw6bw][type=radio]{accent-color:var(--accent);flex-shrink:0}.preview[data-astro-cid-bulkw6bw]{margin-block:20px;overflow:auto}iframe[data-astro-cid-bulkw6bw]{border:1px solid var(--border);background:#fff;width:100%;height:340px;display:block}summary[data-astro-cid-bulkw6bw]{cursor:pointer}.note[data-astro-cid-bulkw6bw]{font-size:.9rem}.selector-demo[data-astro-cid-47cyxzkv]{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-block:24px;padding:20px}.selector-layout[data-astro-cid-47cyxzkv]{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;display:grid}.selector-presets[data-astro-cid-47cyxzkv]{gap:8px;margin-bottom:16px;display:grid}button[data-astro-cid-47cyxzkv]{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;overflow-wrap:anywhere;border-radius:5px;padding:12px}button[data-astro-cid-47cyxzkv][aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}label[data-astro-cid-47cyxzkv]{gap:8px;font-size:.9rem;display:grid}input[data-astro-cid-47cyxzkv]{width:100%;min-width:0;font-family:var(--code-font);background:var(--page);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:10px}iframe[data-astro-cid-47cyxzkv]{border:1px solid var(--border);background:#fff;border-radius:5px;width:100%;height:440px}.selector-status[data-astro-cid-47cyxzkv],.selector-hint[data-astro-cid-47cyxzkv]{font-size:.85rem}details[data-astro-cid-47cyxzkv]{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}summary[data-astro-cid-47cyxzkv]{cursor:pointer}@media (width<=640px){.selector-layout[data-astro-cid-47cyxzkv]{grid-template-columns:minmax(0,1fr)}}.css-value-demo[data-astro-cid-d4voayzr]{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:20px}.css-value-demo[data-astro-cid-d4voayzr]>p[data-astro-cid-d4voayzr]{margin-top:0;font-size:.95rem}.demo-layout[data-astro-cid-d4voayzr]{grid-template-columns:minmax(150px,1fr) minmax(0,2fr);gap:24px;display:grid}fieldset[data-astro-cid-d4voayzr]{border:0;min-width:0;margin:0;padding:0}legend[data-astro-cid-d4voayzr]{margin-bottom:10px;font-size:.9rem}.demo-values[data-astro-cid-d4voayzr] label[data-astro-cid-d4voayzr]{border:1px solid var(--border);cursor:pointer;border-radius:5px;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.demo-values[data-astro-cid-d4voayzr] label[data-astro-cid-d4voayzr]:has(:checked){border-color:var(--accent);background:var(--selected)}input[data-astro-cid-d4voayzr]{accent-color:var(--accent)}.demo-values[data-astro-cid-d4voayzr] code[data-astro-cid-d4voayzr]{font-size:.9rem}select[data-astro-cid-d4voayzr]{min-width:min(220px,100%);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:4px;max-width:100%;margin-bottom:12px;padding:8px;font-size:.9rem}.demo-preview[data-astro-cid-d4voayzr]>label[data-astro-cid-d4voayzr]{margin-bottom:8px;font-size:.9rem;display:block}iframe[data-astro-cid-d4voayzr]{border:1px solid var(--border);background:#fff;border-radius:5px;width:100%;height:310px;display:block}.demo-print[data-astro-cid-d4voayzr]{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:5px;margin-top:12px;padding:8px 12px;font-size:.9rem}.demo-print[data-astro-cid-d4voayzr]:hover{border-color:var(--accent)}.demo-print[data-astro-cid-d4voayzr]:disabled{cursor:default;opacity:.6}.demo-status[data-astro-cid-d4voayzr]{font:.85rem var(--code-font);margin:10px 0}details[data-astro-cid-d4voayzr]{border-top:1px solid var(--border);margin-top:20px;padding-top:14px}summary[data-astro-cid-d4voayzr]{cursor:pointer;font-size:.95rem}.demo-sources[data-astro-cid-d4voayzr]{min-width:0;margin-top:16px}.demo-sources[data-astro-cid-d4voayzr] .code-block{margin-block:12px}.demo-sources[data-astro-cid-d4voayzr] pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}@media (width<=900px){.demo-layout[data-astro-cid-d4voayzr]{grid-template-columns:minmax(0,1fr)}}.color-converter[data-astro-cid-adzutdne]{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-wrap:wrap;align-items:stretch;gap:24px 32px;margin-block:24px 32px;padding:20px;display:flex}.color-converter-fields[data-astro-cid-adzutdne]{flex:999 340px;grid-template-columns:14px auto 5rem minmax(120px,180px);place-content:center start;align-items:center;gap:18px 12px;display:grid}.color-converter-row[data-astro-cid-adzutdne]{display:contents}.color-converter-dot[data-astro-cid-adzutdne]{border:1px solid var(--border);border-radius:3px;width:14px;height:14px}.color-converter[data-astro-cid-adzutdne] input[data-astro-cid-adzutdne][type=number],.color-converter[data-astro-cid-adzutdne] input[data-astro-cid-adzutdne][type=text]{box-sizing:border-box;width:100%;height:36px;font:inherit;font-family:var(--code-font);color:var(--text);background:var(--page);border:1px solid var(--border);border-radius:4px;padding:4px 8px}.color-converter[data-astro-cid-adzutdne] input[data-astro-cid-adzutdne][type=range]{width:100%;margin:0}.color-converter[data-astro-cid-adzutdne] input[data-astro-cid-adzutdne][type=text]{grid-column:3/-1}.color-converter[data-astro-cid-adzutdne] input[data-astro-cid-adzutdne][aria-invalid=true]{border-color:var(--danger)}.color-converter-result[data-astro-cid-adzutdne]{border:1px solid var(--border);border-radius:4px;flex-direction:column;flex:1 0 320px;display:flex;overflow:hidden}.color-converter-preview[data-astro-cid-adzutdne]{border-bottom:1px solid var(--border);flex:1 0 160px}.color-converter[data-astro-cid-adzutdne] dl[data-astro-cid-adzutdne]{gap:4px;margin:0;padding:10px 12px;display:grid}.color-converter[data-astro-cid-adzutdne] dl[data-astro-cid-adzutdne] div[data-astro-cid-adzutdne]{grid-template-columns:2.5rem 1fr;align-items:baseline;display:grid}.color-converter[data-astro-cid-adzutdne] dt[data-astro-cid-adzutdne]{color:var(--muted);font-size:.8rem;font-weight:600}.color-converter[data-astro-cid-adzutdne] dd[data-astro-cid-adzutdne]{font-family:var(--code-font);white-space:nowrap;margin:0}.tooltip-trigger[data-astro-cid-r5ol4lzo]{min-height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;margin:2px auto 0;padding:2px 8px;font-weight:600;display:block}.tooltip-trigger[data-astro-cid-r5ol4lzo]:hover{background:var(--hover)}.tooltip-trigger[data-astro-cid-r5ol4lzo]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tooltip-content[data-astro-cid-r5ol4lzo]{border:1px solid var(--border);background:var(--surface);width:300px;max-width:calc(100vw - 16px);height:fit-content;max-height:min(360px,100dvh - 16px);color:var(--text);text-align:left;overflow-wrap:anywhere;border-radius:6px;margin:auto;padding:12px 16px;font:14px/1.5 system-ui,sans-serif;position:fixed;inset:0;overflow:auto;box-shadow:0 4px 18px #0002}.tooltip-content[data-astro-cid-r5ol4lzo] p{margin:6px 0}@supports not selector(:popover-open){.tooltip-content[data-astro-cid-r5ol4lzo]{display:none}.tooltip-trigger[data-astro-cid-r5ol4lzo]:focus+.tooltip-content[data-astro-cid-r5ol4lzo]{z-index:10;display:block}}.browser-support[data-astro-cid-z7d7vmrt]:not(:has(.extra-switch:checked)) .extra-row[data-astro-cid-z7d7vmrt],.browser-support[data-astro-cid-z7d7vmrt]:has(.extra-switch:checked) .when-collapsed[data-astro-cid-z7d7vmrt],.when-expanded[data-astro-cid-z7d7vmrt]{display:none}.browser-support[data-astro-cid-z7d7vmrt]:has(.extra-switch:checked) .when-expanded[data-astro-cid-z7d7vmrt]{display:inline}.browser-support[data-astro-cid-z7d7vmrt] .extra-toggle[data-astro-cid-z7d7vmrt] td[data-astro-cid-z7d7vmrt]{background:var(--surface);border-bottom:0;padding:0}.browser-support[data-astro-cid-z7d7vmrt] .extra-toggle[data-astro-cid-z7d7vmrt] td[data-astro-cid-z7d7vmrt]:hover{background:var(--hover)}.extra-toggle[data-astro-cid-z7d7vmrt] label[data-astro-cid-z7d7vmrt]{color:var(--accent);cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:inline-flex;position:sticky;left:0}.extra-hint[data-astro-cid-z7d7vmrt]{color:var(--muted);font-size:13px}.extra-hint[data-astro-cid-z7d7vmrt] .status-icon[data-astro-cid-z7d7vmrt]{background:var(--callout-tip-bg);width:18px;height:18px;color:var(--callout-tip)}.chevron[data-astro-cid-z7d7vmrt]{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.browser-support[data-astro-cid-z7d7vmrt]:has(.extra-switch:checked) .chevron[data-astro-cid-z7d7vmrt]{transform:translateY(2px)rotate(225deg)}@media (width<=560px){.browser-support[data-astro-cid-z7d7vmrt] .extra-toggle[data-astro-cid-z7d7vmrt] td[data-astro-cid-z7d7vmrt]{text-align:left}.extra-hint[data-astro-cid-z7d7vmrt]{display:none}}.extra-switch[data-astro-cid-z7d7vmrt]:focus-visible+label[data-astro-cid-z7d7vmrt]{outline:2px solid var(--accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.chevron[data-astro-cid-z7d7vmrt]{transition:none}}@media print{.browser-support[data-astro-cid-z7d7vmrt]:not(:has(.extra-switch:checked)) .extra-row[data-astro-cid-z7d7vmrt]{display:table-row}.extra-toggle[data-astro-cid-z7d7vmrt]{display:none}}.view-switch[data-astro-cid-z7d7vmrt]{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;margin:16px 0;padding:2px;font-size:14px;display:inline-grid}.view-switch[data-astro-cid-z7d7vmrt] label[data-astro-cid-z7d7vmrt]{cursor:pointer;position:relative}.view-switch[data-astro-cid-z7d7vmrt] label[data-astro-cid-z7d7vmrt] span[data-astro-cid-z7d7vmrt]{text-align:center;color:var(--muted);border-radius:6px;padding:5px 14px;transition:background-color .15s;display:block}.view-switch[data-astro-cid-z7d7vmrt] label[data-astro-cid-z7d7vmrt]:hover span[data-astro-cid-z7d7vmrt]{background:var(--hover);color:var(--text)}.view-switch[data-astro-cid-z7d7vmrt] input[data-astro-cid-z7d7vmrt]:checked+span[data-astro-cid-z7d7vmrt]{background:var(--selected);color:var(--accent)}.view-switch[data-astro-cid-z7d7vmrt] input[data-astro-cid-z7d7vmrt]:focus-visible+span[data-astro-cid-z7d7vmrt]{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){.view-switch[data-astro-cid-z7d7vmrt] label[data-astro-cid-z7d7vmrt] span[data-astro-cid-z7d7vmrt]{transition:none}}.browser-support[data-astro-cid-z7d7vmrt]:has(input[value=desktop]:checked) [data-astro-cid-z7d7vmrt][data-group=mobile],.browser-support[data-astro-cid-z7d7vmrt]:has(input[value=mobile]:checked) [data-astro-cid-z7d7vmrt][data-group=desktop]{display:none}.version[data-astro-cid-z7d7vmrt]{font-variant-numeric:tabular-nums}.depth-0[data-astro-cid-z7d7vmrt]{font-weight:600}.depth-2[data-astro-cid-z7d7vmrt]{margin-inline-start:12px}.browser-support[data-astro-cid-z7d7vmrt] tbody[data-astro-cid-z7d7vmrt] tr[data-astro-cid-z7d7vmrt]:hover td[data-astro-cid-z7d7vmrt],.browser-support[data-astro-cid-z7d7vmrt] tbody[data-astro-cid-z7d7vmrt] tr[data-astro-cid-z7d7vmrt]:hover th[data-astro-cid-z7d7vmrt]{background:var(--hover)}.browser-support[data-astro-cid-z7d7vmrt] th[data-astro-cid-z7d7vmrt][rowspan],.browser-support[data-astro-cid-z7d7vmrt] th[data-astro-cid-z7d7vmrt][scope=row]{border-inline-end:1px solid var(--border)}.browser-support[data-astro-cid-z7d7vmrt] [data-astro-cid-z7d7vmrt][data-group=desktop]+[data-astro-cid-z7d7vmrt][data-group=mobile]{border-inline-start:1px solid var(--border)}.mdn-notes[data-astro-cid-z7d7vmrt] small[data-astro-cid-z7d7vmrt]{color:var(--muted)}@media (width<=560px){.browser-head[data-astro-cid-z7d7vmrt] img[data-astro-cid-z7d7vmrt]{width:20px;height:20px}.browser-support[data-astro-cid-z7d7vmrt] td[data-astro-cid-z7d7vmrt],.browser-support[data-astro-cid-z7d7vmrt] th[data-astro-cid-z7d7vmrt]{padding:6px 4px;font-size:12px}}.browser-support[data-astro-cid-z7d7vmrt]{margin-block:32px}.support-source[data-astro-cid-z7d7vmrt],.support-legend[data-astro-cid-z7d7vmrt]{color:var(--muted);font-size:13px}.support-summary[data-astro-cid-z7d7vmrt]{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin:12px 0 0;padding:10px 14px;font-size:15px}.support-summary[data-astro-cid-z7d7vmrt].all-good{background:var(--callout-tip-bg);border-color:#0000}.support-summary[data-astro-cid-z7d7vmrt].has-problems{background:var(--warning-bg);border-color:#0000}.support-summary[data-astro-cid-z7d7vmrt] p[data-astro-cid-z7d7vmrt]{align-items:center;gap:8px;margin:0;display:flex}.support-summary[data-astro-cid-z7d7vmrt] p[data-astro-cid-z7d7vmrt]+p[data-astro-cid-z7d7vmrt]{margin-top:4px}.support-summary[data-astro-cid-z7d7vmrt] .summary-note[data-astro-cid-z7d7vmrt]{color:var(--muted);padding-inline-start:28px;font-size:13px}.support-summary[data-astro-cid-z7d7vmrt] .status-icon[data-astro-cid-z7d7vmrt]{background:var(--surface);flex:none}.support-legend[data-astro-cid-z7d7vmrt]{flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;display:flex}.support-legend[data-astro-cid-z7d7vmrt]>span[data-astro-cid-z7d7vmrt]{align-items:center;gap:6px;display:inline-flex}.support-legend[data-astro-cid-z7d7vmrt] .status-icon[data-astro-cid-z7d7vmrt]{background:var(--hover);width:18px;height:18px}.browser-support[data-astro-cid-z7d7vmrt] .status-icon[data-astro-cid-z7d7vmrt].is-yes{background:var(--callout-tip-bg);color:var(--callout-tip)}.browser-support[data-astro-cid-z7d7vmrt] .status-icon[data-astro-cid-z7d7vmrt].is-partial{background:var(--warning-bg);color:var(--warning)}.browser-support[data-astro-cid-z7d7vmrt] .status-icon[data-astro-cid-z7d7vmrt].is-no{background:var(--danger-bg);color:var(--danger)}.feature-text[data-astro-cid-z7d7vmrt]{font-size:13px;display:inline-block}.support-scroll[data-astro-cid-z7d7vmrt]{border:1px solid var(--border);position:relative;overflow:auto}.support-scroll[data-astro-cid-z7d7vmrt]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.browser-support[data-astro-cid-z7d7vmrt] table[data-astro-cid-z7d7vmrt]{border-collapse:collapse;width:100%;font-size:13px;line-height:1.4;display:table}.browser-support[data-astro-cid-z7d7vmrt] th[data-astro-cid-z7d7vmrt],.browser-support[data-astro-cid-z7d7vmrt] td[data-astro-cid-z7d7vmrt]{border:0;border-bottom:1px solid var(--border);text-align:center;vertical-align:top;padding:8px 6px}.browser-support[data-astro-cid-z7d7vmrt] thead[data-astro-cid-z7d7vmrt] th[data-astro-cid-z7d7vmrt]{background:var(--surface);font-weight:400}.browser-support[data-astro-cid-z7d7vmrt] tbody[data-astro-cid-z7d7vmrt] th[data-astro-cid-z7d7vmrt]{text-align:left;background:var(--page);min-width:120px;padding-inline-start:12px;font-weight:400}.browser-support[data-astro-cid-z7d7vmrt] code[data-astro-cid-z7d7vmrt]{overflow-wrap:anywhere;font-size:12px}.browser-head[data-astro-cid-z7d7vmrt]{flex-direction:column;align-items:center;gap:4px;display:flex}.browser-head[data-astro-cid-z7d7vmrt] img[data-astro-cid-z7d7vmrt]{width:24px;height:24px;display:block}.browser-short[data-astro-cid-z7d7vmrt]{font-size:11px;line-height:1.2}.browser-short[data-astro-cid-z7d7vmrt] small[data-astro-cid-z7d7vmrt]{color:var(--muted);font-size:10px;display:block}.browser-support[data-astro-cid-z7d7vmrt] thead[data-astro-cid-z7d7vmrt] tr[data-astro-cid-z7d7vmrt]+tr[data-astro-cid-z7d7vmrt] th[data-astro-cid-z7d7vmrt]{vertical-align:top}.browser-support[data-astro-cid-z7d7vmrt] td[data-astro-cid-z7d7vmrt]{min-width:44px}.browser-support[data-astro-cid-z7d7vmrt] tbody[data-astro-cid-z7d7vmrt] th[data-astro-cid-z7d7vmrt]{z-index:1;box-shadow:inset 0 -1px 0 var(--border);position:sticky;left:0}.version[data-astro-cid-z7d7vmrt]{margin-top:4px;font-weight:600;display:block}.status-icon[data-astro-cid-z7d7vmrt]{border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:inline-grid}.yes[data-astro-cid-z7d7vmrt] .status-icon[data-astro-cid-z7d7vmrt]{background:var(--callout-tip-bg);color:var(--callout-tip)}.partial[data-astro-cid-z7d7vmrt] .status-icon[data-astro-cid-z7d7vmrt]{background:var(--warning-bg)}.no[data-astro-cid-z7d7vmrt] .status-icon[data-astro-cid-z7d7vmrt]{background:var(--danger-bg)}.unknown[data-astro-cid-z7d7vmrt]{color:var(--muted)}.unknown[data-astro-cid-z7d7vmrt] .version[data-astro-cid-z7d7vmrt]{font-weight:400}.no[data-astro-cid-z7d7vmrt]{color:var(--danger)}.partial[data-astro-cid-z7d7vmrt]{color:var(--warning)}.support-badges[data-astro-cid-z7d7vmrt]{gap:6px;margin:4px 0 8px;display:flex}.badge[data-astro-cid-z7d7vmrt]{border-radius:3px;padding:2px 8px;font-size:12px;line-height:1.4;display:inline-block}.badge-experimental[data-astro-cid-z7d7vmrt]{background:var(--warning-bg);color:var(--warning)}.badge-deprecated[data-astro-cid-z7d7vmrt]{background:var(--danger-bg);color:var(--danger)}.badge-nonstandard[data-astro-cid-z7d7vmrt]{background:var(--hover);color:var(--muted)}.home[data-astro-cid-zkhec6xw]{max-width:1120px;margin:0 auto}.home[data-astro-cid-zkhec6xw] h2[data-astro-cid-zkhec6xw]{margin:48px 0 16px;font-size:22px}.home-hero[data-astro-cid-zkhec6xw]{text-align:center;padding:32px 0 8px}.home-hero[data-astro-cid-zkhec6xw] h1[data-astro-cid-zkhec6xw]{margin:0 0 12px;font-size:clamp(28px,5vw,40px);line-height:1.15}.home-lead[data-astro-cid-zkhec6xw]{max-width:640px;color:var(--muted);margin:0 auto 24px;font-size:17px;line-height:1.55}.home-search[data-astro-cid-zkhec6xw]{border:1px solid var(--border);background:var(--surface);border-radius:12px;max-width:600px;margin:0 auto;display:flex;position:relative;box-shadow:0 2px 10px #0000000d}.home-search[data-astro-cid-zkhec6xw]:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--selection)}.home-search-icon[data-astro-cid-zkhec6xw]{color:var(--muted);position:absolute;top:50%;left:16px;translate:0 -50%}.home-search[data-astro-cid-zkhec6xw] input[data-astro-cid-zkhec6xw]{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:14px 12px 14px 46px;font-size:17px}.home-search[data-astro-cid-zkhec6xw] button[data-astro-cid-zkhec6xw]{background:var(--accent);color:var(--surface);font:inherit;cursor:pointer;border:0;border-radius:8px;margin:6px;padding:0 22px;font-weight:600}.home-search[data-astro-cid-zkhec6xw] button[data-astro-cid-zkhec6xw]:hover{filter:brightness(1.1)}.home-search-examples[data-astro-cid-zkhec6xw]{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:14px 0 0;font-size:14px;display:flex}.home-search-examples[data-astro-cid-zkhec6xw] a[data-astro-cid-zkhec6xw]{font-family:var(--code-font);font-size:13px}.home-stats[data-astro-cid-zkhec6xw]{color:var(--muted);margin:20px 0 0;font-size:14px}.home-learning-grid[data-astro-cid-zkhec6xw]{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;display:grid}.home-learning-card[data-astro-cid-zkhec6xw]{--card-color:var(--accent);grid-row:span 4;grid-template-rows:subgrid;border:1px solid var(--border);border-top:4px solid var(--card-color);background:var(--surface);border-radius:10px;row-gap:0;padding:20px;transition:box-shadow .15s;display:grid}.home-learning-card[data-astro-cid-zkhec6xw]:hover{box-shadow:0 6px 20px #0000001a}.home-learning-html[data-astro-cid-zkhec6xw]{--card-color:var(--nav-html)}.home-learning-css[data-astro-cid-zkhec6xw]{--card-color:var(--nav-css)}.home-learning-javascript[data-astro-cid-zkhec6xw]{--card-color:var(--nav-javascript)}.home-learning-jquery[data-astro-cid-zkhec6xw]{--card-color:var(--nav-jquery)}.home-card-head[data-astro-cid-zkhec6xw]{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.home-learning-card[data-astro-cid-zkhec6xw] h3[data-astro-cid-zkhec6xw]{color:var(--card-color);margin:0;font-size:20px}.home-count[data-astro-cid-zkhec6xw]{color:var(--muted);white-space:nowrap;font-size:13px}.home-learning-card[data-astro-cid-zkhec6xw] p[data-astro-cid-zkhec6xw]{color:var(--muted);margin:8px 0 16px;font-size:14px;line-height:1.5}.home-primary[data-astro-cid-zkhec6xw]{align-content:start;gap:8px;display:grid}.home-primary[data-astro-cid-zkhec6xw] a[data-astro-cid-zkhec6xw]{border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.home-primary[data-astro-cid-zkhec6xw] a[data-astro-cid-zkhec6xw]:after{content:"→";float:right;color:var(--card-color)}.home-primary[data-astro-cid-zkhec6xw] a[data-astro-cid-zkhec6xw]:hover{border-color:var(--card-color);background:var(--hover)}.home-topics[data-astro-cid-zkhec6xw]{border-top:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:14px;padding-top:12px;font-size:13px;display:flex}.home-topics[data-astro-cid-zkhec6xw] span[data-astro-cid-zkhec6xw]{color:var(--muted)}.home-topics[data-astro-cid-zkhec6xw] code[data-astro-cid-zkhec6xw]{font-size:12px}.home-tools-grid[data-astro-cid-zkhec6xw]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.home-tool[data-astro-cid-zkhec6xw]{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;align-items:flex-start;gap:14px;padding:16px;text-decoration:none;display:flex}.home-tool[data-astro-cid-zkhec6xw]:hover{border-color:var(--nav-tools);background:var(--hover)}.home-tool-icon[data-astro-cid-zkhec6xw]{background:var(--callout-tip-bg);width:40px;height:40px;color:var(--nav-tools);border-radius:8px;flex:none;place-items:center;display:grid}.home-tool[data-astro-cid-zkhec6xw] strong[data-astro-cid-zkhec6xw]{margin-bottom:2px;display:block}.home-tool[data-astro-cid-zkhec6xw] small[data-astro-cid-zkhec6xw]{color:var(--muted);font-size:13px;line-height:1.4;display:block}@media (prefers-reduced-motion:reduce){.home-learning-card[data-astro-cid-zkhec6xw]{transition:none}}@media (width<=560px){.home-hero[data-astro-cid-zkhec6xw]{text-align:left;padding-top:8px}.home-search-examples[data-astro-cid-zkhec6xw]{justify-content:flex-start}.home-search[data-astro-cid-zkhec6xw] button[data-astro-cid-zkhec6xw]{padding:0 14px}}