.reading-time[data-astro-cid-inejhzo5]{color:var(--muted);flex-wrap:wrap;gap:0 .35em;margin:0 0 24px;font-size:14px;line-height:1.5;display:flex}.code-example:not(.is-expanded)>.example-task{display:none}.code-example.is-expanded:has(>.example-task:not([hidden]))>p.ui-prose{display:none}.code-example.is-expanded>.example-task{flex:none;margin-block:0 12px}.example-task>.ui-accordion__body{overscroll-behavior:contain;max-height:30dvh;overflow:auto}.code-example [data-action=solution-preview][aria-pressed=true]{background:var(--section-css);color:#fff}:is(.code-example,.static-code-example)>:is(.ui-accordion,.ui-hint){margin-block:1rem}.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]) .example-workspace>:not(.example-loader){visibility:hidden}.example-workspace>.example-loader:not([hidden]){z-index:1;box-sizing:border-box;background:var(--code-bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex;position:absolute;inset:0}: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{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.code-example.is-expanded>.ui-expanded-bar{margin-top:-12px;margin-bottom:12px;top:-12px}.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;position:relative;overflow:hidden}.example-tools{background:var(--hover);border-bottom:1px solid var(--code-border);flex-flow:row-reverse wrap;flex-shrink:0;justify-content:space-between;align-items:stretch;gap:4px 12px;padding:0 8px;font-size:14px;display:flex}.example-files-wrap{flex:auto;width:max-content;min-width:0;max-width:100%;display:flex}.example-files{scrollbar-width:none;flex-wrap:nowrap;flex:1;min-width:0;display:flex;overflow-x:auto}.example-files::-webkit-scrollbar{display:none}.example-files-scroll{width:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.example-files-scroll:hover{color:var(--text)}.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 8px;font-size:13px}.code-example button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.example-files button{white-space:nowrap;font-family:var(--code-font);flex-shrink:0;padding:10px 12px;font-size:13px}.code-example .ui-button.ui-icon-button.example-run{color:var(--section-tools);height:32px;padding:5px}.code-example .example-run .ui-icon{fill:currentColor;width:20px;height:20px}.example-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.example-panes.ui-split-panels{gap:0}.example-result{border-left:1px solid var(--code-border);min-width:0;max-height:420px;position:relative;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;min-height:420px}.example-panes iframe,.example-frame-placeholder{background:#fff;border:0;width:100%;height:420px;display:block}.example-editor .cm-editor{height:420px;font-size:14px}.example-editor .cm-scroller{overflow:auto}.example-status{font-size:14px}.code-example .example-toggle{display:none}@media (max-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{gap:4px;width:100%}.example-modes button{padding:4px 7px;font-size:12px}.example-workspace:not(.show-result) .example-result,.example-workspace.show-result .example-editor{display:none}}.tooltip-trigger[data-astro-cid-t57sbidl]{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-t57sbidl]:hover{background:var(--hover)}.tooltip-trigger[data-astro-cid-t57sbidl]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tooltip-content[data-astro-cid-t57sbidl]{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-t57sbidl] p{margin:6px 0}.browser-support[data-astro-cid-scopncpe][data-extra=false] .extra-row[data-astro-cid-scopncpe],.browser-support[data-astro-cid-scopncpe][data-extra=true] .when-collapsed[data-astro-cid-scopncpe],.when-expanded[data-astro-cid-scopncpe]{display:none}.browser-support[data-astro-cid-scopncpe][data-extra=true] .when-expanded[data-astro-cid-scopncpe]{display:inline}.browser-support[data-astro-cid-scopncpe] .extra-toggle[data-astro-cid-scopncpe] td[data-astro-cid-scopncpe]{background:var(--surface);border-bottom:0;padding:0}.browser-support[data-astro-cid-scopncpe] .extra-toggle[data-astro-cid-scopncpe] td[data-astro-cid-scopncpe]:hover{background:var(--hover)}.extra-toggle[data-astro-cid-scopncpe] label[data-astro-cid-scopncpe]{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-scopncpe]{color:var(--muted);font-size:13px}.extra-hint[data-astro-cid-scopncpe] .status-icon[data-astro-cid-scopncpe]{background:var(--callout-tip-bg);width:18px;height:18px;color:var(--callout-tip)}.chevron[data-astro-cid-scopncpe]{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-scopncpe][data-extra=true] .chevron[data-astro-cid-scopncpe]{transform:translateY(2px)rotate(225deg)}@media (max-width:560px){.browser-support[data-astro-cid-scopncpe] .extra-toggle[data-astro-cid-scopncpe] td[data-astro-cid-scopncpe]{text-align:left}.extra-hint[data-astro-cid-scopncpe]{display:none}}.extra-switch[data-astro-cid-scopncpe]:focus-visible+label[data-astro-cid-scopncpe]{outline:2px solid var(--accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.chevron[data-astro-cid-scopncpe]{transition:none}}@media print{.browser-support[data-astro-cid-scopncpe][data-extra=false] .extra-row[data-astro-cid-scopncpe]{display:table-row}.extra-toggle[data-astro-cid-scopncpe]{display:none}}.view-switch[data-astro-cid-scopncpe]{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-scopncpe] label[data-astro-cid-scopncpe]{cursor:pointer;position:relative}.view-switch[data-astro-cid-scopncpe] label[data-astro-cid-scopncpe] span[data-astro-cid-scopncpe]{text-align:center;color:var(--muted);border-radius:6px;padding:5px 14px;transition:background-color .15s;display:block}.view-switch[data-astro-cid-scopncpe] label[data-astro-cid-scopncpe]:hover span[data-astro-cid-scopncpe]{background:var(--hover);color:var(--text)}.view-switch[data-astro-cid-scopncpe] input[data-astro-cid-scopncpe]:checked+span[data-astro-cid-scopncpe]{background:var(--selected);color:var(--accent)}.view-switch[data-astro-cid-scopncpe] input[data-astro-cid-scopncpe]:focus-visible+span[data-astro-cid-scopncpe]{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){.view-switch[data-astro-cid-scopncpe] label[data-astro-cid-scopncpe] span[data-astro-cid-scopncpe]{transition:none}}.browser-support[data-astro-cid-scopncpe][data-filter=desktop] [data-astro-cid-scopncpe][data-group=mobile],.browser-support[data-astro-cid-scopncpe][data-filter=mobile] [data-astro-cid-scopncpe][data-group=desktop]{display:none}.version[data-astro-cid-scopncpe]{font-variant-numeric:tabular-nums}.depth-0[data-astro-cid-scopncpe]{font-weight:600}.depth-2[data-astro-cid-scopncpe]{margin-inline-start:12px}.browser-support[data-astro-cid-scopncpe] tbody[data-astro-cid-scopncpe] tr[data-astro-cid-scopncpe]:hover td[data-astro-cid-scopncpe],.browser-support[data-astro-cid-scopncpe] tbody[data-astro-cid-scopncpe] tr[data-astro-cid-scopncpe]:hover th[data-astro-cid-scopncpe]{background:var(--hover)}.browser-support[data-astro-cid-scopncpe] th[data-astro-cid-scopncpe][rowspan],.browser-support[data-astro-cid-scopncpe] th[data-astro-cid-scopncpe][scope=row]{border-inline-end:1px solid var(--border)}.browser-support[data-astro-cid-scopncpe] [data-astro-cid-scopncpe][data-group=desktop]+[data-astro-cid-scopncpe][data-group=mobile]{border-inline-start:1px solid var(--border)}.mdn-notes[data-astro-cid-scopncpe] small[data-astro-cid-scopncpe]{color:var(--muted)}@media (max-width:560px){.browser-head[data-astro-cid-scopncpe] img[data-astro-cid-scopncpe]{width:20px;height:20px}.browser-support[data-astro-cid-scopncpe] td[data-astro-cid-scopncpe],.browser-support[data-astro-cid-scopncpe] th[data-astro-cid-scopncpe]{padding:6px 4px;font-size:12px}}.browser-support[data-astro-cid-scopncpe]{margin-block:32px}.support-source[data-astro-cid-scopncpe],.support-version-note[data-astro-cid-scopncpe]{color:var(--muted);font-size:13px}.support-summary[data-astro-cid-scopncpe]{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-scopncpe].all-good{background:var(--callout-tip-bg);border-color:#0000}.support-summary[data-astro-cid-scopncpe].has-problems{background:var(--warning-bg);border-color:#0000}.support-summary[data-astro-cid-scopncpe] p[data-astro-cid-scopncpe]{align-items:center;gap:8px;margin:0;display:flex}.support-summary[data-astro-cid-scopncpe] p[data-astro-cid-scopncpe]+p[data-astro-cid-scopncpe]{margin-top:4px}.support-summary[data-astro-cid-scopncpe] .summary-note[data-astro-cid-scopncpe]{color:var(--muted);padding-inline-start:28px;font-size:13px}.support-summary[data-astro-cid-scopncpe] .status-icon[data-astro-cid-scopncpe]{background:var(--surface);flex:none}.support-legend[data-astro-cid-scopncpe]{gap:6px 12px;margin:10px 0 0}.support-version-note[data-astro-cid-scopncpe]{white-space:nowrap}.browser-support[data-astro-cid-scopncpe] .status-icon[data-astro-cid-scopncpe].is-yes{background:var(--callout-tip-bg);color:var(--callout-tip)}.browser-support[data-astro-cid-scopncpe] .status-icon[data-astro-cid-scopncpe].is-partial{background:var(--warning-bg);color:var(--warning)}.browser-support[data-astro-cid-scopncpe] .status-icon[data-astro-cid-scopncpe].is-no{background:var(--danger-bg);color:var(--danger)}.feature-text[data-astro-cid-scopncpe]{font-size:13px;display:inline-block}.support-scroll[data-astro-cid-scopncpe]{border:1px solid var(--border);position:relative}.browser-support[data-astro-cid-scopncpe] table[data-astro-cid-scopncpe]{border-collapse:collapse;width:100%;font-size:13px;line-height:1.4;display:table}.browser-support[data-astro-cid-scopncpe] th[data-astro-cid-scopncpe],.browser-support[data-astro-cid-scopncpe] td[data-astro-cid-scopncpe]{border:0;border-bottom:1px solid var(--border);text-align:center;vertical-align:top;padding:8px 6px}.browser-support[data-astro-cid-scopncpe] thead[data-astro-cid-scopncpe] th[data-astro-cid-scopncpe]{background:var(--surface);font-weight:400}.browser-support[data-astro-cid-scopncpe] tbody[data-astro-cid-scopncpe] th[data-astro-cid-scopncpe]{text-align:left;background:var(--page);min-width:120px;padding-inline-start:12px;font-weight:400}.browser-support[data-astro-cid-scopncpe] code[data-astro-cid-scopncpe]{overflow-wrap:anywhere;font-size:12px}.browser-head[data-astro-cid-scopncpe]{flex-direction:column;align-items:center;gap:4px;display:flex}.browser-head[data-astro-cid-scopncpe] img[data-astro-cid-scopncpe]{width:24px;height:24px;display:block}.browser-short[data-astro-cid-scopncpe]{font-size:11px;line-height:1.2}.browser-short[data-astro-cid-scopncpe] small[data-astro-cid-scopncpe]{color:var(--muted);font-size:10px;display:block}.browser-support[data-astro-cid-scopncpe] thead[data-astro-cid-scopncpe] tr[data-astro-cid-scopncpe]+tr[data-astro-cid-scopncpe] th[data-astro-cid-scopncpe]{vertical-align:top}.browser-support[data-astro-cid-scopncpe] td[data-astro-cid-scopncpe]{min-width:44px}.browser-support[data-astro-cid-scopncpe] tbody[data-astro-cid-scopncpe] th[data-astro-cid-scopncpe]{z-index:1;box-shadow:inset 0 -1px 0 var(--border);position:sticky;left:0}.version[data-astro-cid-scopncpe]{margin-top:4px;font-weight:600;display:block}.support-legend[data-astro-cid-scopncpe] .ui-status-key__icon .ui-icon{width:12px;height:12px}.status-icon[data-astro-cid-scopncpe]{border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:inline-grid}.yes[data-astro-cid-scopncpe] .status-icon[data-astro-cid-scopncpe]{background:var(--callout-tip-bg);color:var(--callout-tip)}.partial[data-astro-cid-scopncpe] .status-icon[data-astro-cid-scopncpe]{background:var(--warning-bg)}.no[data-astro-cid-scopncpe] .status-icon[data-astro-cid-scopncpe]{background:var(--danger-bg)}.unknown[data-astro-cid-scopncpe]{color:var(--muted)}.unknown[data-astro-cid-scopncpe] .version[data-astro-cid-scopncpe]{font-weight:400}.no[data-astro-cid-scopncpe]{color:var(--danger)}.partial[data-astro-cid-scopncpe]{color:var(--warning)}.support-badges[data-astro-cid-scopncpe]{gap:6px;margin:4px 0 8px;display:flex}.badge[data-astro-cid-scopncpe]{border-radius:3px;padding:2px 8px;font-size:12px;line-height:1.4;display:inline-block}.badge-experimental[data-astro-cid-scopncpe]{background:var(--warning-bg);color:var(--warning)}.badge-deprecated[data-astro-cid-scopncpe]{background:var(--danger-bg);color:var(--danger)}.badge-nonstandard[data-astro-cid-scopncpe]{background:var(--hover);color:var(--muted)}.self-check[data-astro-cid-itzypdub]{margin-block:1.5rem}.self-check[data-astro-cid-itzypdub] [data-astro-cid-itzypdub][hidden]{display:none}.self-check__hint[data-astro-cid-itzypdub]{color:var(--muted);margin:0 0 1rem;font-size:.9rem}:root[data-js] .self-check__card[data-astro-cid-itzypdub]{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;padding:1.25rem}.self-check__head[data-astro-cid-itzypdub]{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;font-size:.9rem;display:flex}.self-check__steps[data-astro-cid-itzypdub]{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.self-check__steps[data-astro-cid-itzypdub] li[data-astro-cid-itzypdub]{margin:0;display:flex}.self-check__question[data-astro-cid-itzypdub]{border:1px solid var(--border);border-radius:.75rem;min-width:0;margin:0 0 1.25rem;padding:1rem 1.25rem}:root[data-js] .self-check__question[data-astro-cid-itzypdub]{border:0;margin:0;padding:0}:root[data-js] .self-check__question[data-astro-cid-itzypdub]:not(.is-current){display:none}legend[data-astro-cid-itzypdub]{overflow-wrap:anywhere;max-width:100%;padding-inline:.4rem;font-weight:600}:root[data-js] legend[data-astro-cid-itzypdub]{margin-bottom:.75rem;padding:0;font-size:1.1rem}.self-check__option[data-astro-cid-itzypdub]{margin-block:.5rem}label[data-astro-cid-itzypdub]{border:1px solid var(--border);cursor:pointer;overflow-wrap:anywhere;border-radius:.5rem;align-items:center;gap:.65rem;padding:.6rem .8rem;display:flex}label[data-astro-cid-itzypdub]:hover{background:var(--hover)}input[data-astro-cid-itzypdub]{flex-shrink:0}.self-check__option[data-astro-cid-itzypdub].is-correct label[data-astro-cid-itzypdub]{border-color:var(--callout-tip);background:var(--callout-tip-bg)}.self-check__option[data-astro-cid-itzypdub].is-wrong label[data-astro-cid-itzypdub]{border-color:var(--danger);background:var(--danger-bg)}.self-check__feedback[data-astro-cid-itzypdub]{margin:.4rem 0 0;padding-inline:.8rem}.is-correct[data-astro-cid-itzypdub] .self-check__feedback[data-astro-cid-itzypdub] b[data-astro-cid-itzypdub]{color:var(--callout-tip)}.is-wrong[data-astro-cid-itzypdub] .self-check__feedback[data-astro-cid-itzypdub] b[data-astro-cid-itzypdub]{color:var(--danger)}.self-check__nav[data-astro-cid-itzypdub]{justify-content:space-between;margin-top:1rem}.self-check__celebration[data-astro-cid-itzypdub]{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding-top:1.5rem;display:flex}.self-check__tony[data-astro-cid-itzypdub]{object-fit:contain;transform-origin:bottom;width:112px;height:112px}.self-check__celebration[data-astro-cid-itzypdub].is-celebrating .self-check__tony[data-astro-cid-itzypdub]{animation:1.6s ease-in-out tony-celebrate}@keyframes tony-celebrate{0%,45%,80%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-20px)rotate(-8deg)}60%{transform:translateY(-12px)rotate(6deg)}}@media (prefers-reduced-motion:reduce){.self-check__celebration[data-astro-cid-itzypdub].is-celebrating .self-check__tony[data-astro-cid-itzypdub]{animation:none}}.self-check__summary[data-astro-cid-itzypdub]{margin-top:0;font-size:1.1rem;font-weight:600}.donate-mascot[data-astro-cid-opsk2i33]{margin-top:32px}