.mdn-doc{--mdn-bg: #f5f4ef;--mdn-bg-secondary: #ecebe4;--mdn-bg-tertiary: #e4e3dc;--mdn-border: rgb(17 17 17 / .2);--mdn-border-subtle: rgb(17 17 17 / .12);--mdn-text: #111111;--mdn-text-secondary: #3d3d3d;--mdn-text-muted: #666666;--mdn-link: var(--doc-accent, #1d4ed8);--mdn-link-hover: var(--mdn-text);--mdn-accent: var(--doc-accent, #1d4ed8);--mdn-selected-bg: color-mix(in srgb, var(--mdn-accent) 12%, transparent);--mdn-sidebar-width: 16rem;--mdn-toc-width: 14rem;--mdn-gutter: 1.5rem;--mdn-header-offset: 5.5rem;background-color:var(--mdn-bg);color:var(--mdn-text)}:where(.dark) .mdn-doc{--mdn-bg: #070707;--mdn-bg-secondary: #111111;--mdn-bg-tertiary: #1a1a1a;--mdn-border: rgb(234 234 234 / .2);--mdn-border-subtle: rgb(234 234 234 / .12);--mdn-text: #eaeaea;--mdn-text-secondary: #c4c4c4;--mdn-text-muted: #9a9a9a}.mdn-doc[data-type=foundation]{--doc-accent: #c81e1e}.mdn-doc[data-type=guide]{--doc-accent: #047857}.mdn-doc[data-type=pattern]{--doc-accent: #1d4ed8}:where(.dark) .mdn-doc[data-type=foundation]{--doc-accent: #ef4444}:where(.dark) .mdn-doc[data-type=guide]{--doc-accent: #10b981}:where(.dark) .mdn-doc[data-type=pattern]{--doc-accent: #3b82f6}.mdn-doc__grid{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1fr}@media (min-width: 1024px){.mdn-doc__grid{grid-template-columns:var(--mdn-sidebar-width) minmax(0,1fr) var(--mdn-toc-width);column-gap:0}}.mdn-doc__main{min-width:0;padding:0 var(--mdn-gutter) 3rem;border-bottom:1px solid var(--mdn-border-subtle)}@media (min-width: 1024px){.mdn-doc__main{padding:0 2.5rem 4rem}}.mdn-sidebar{display:none;background-color:var(--mdn-bg)}@media (min-width: 1024px){.mdn-sidebar{display:block}}.mdn-sidebar__inner{position:sticky;top:var(--mdn-header-offset);max-height:calc(100vh - var(--mdn-header-offset) - 1rem);overflow-y:auto;padding:1.5rem 1rem 2rem .25rem;scrollbar-width:thin}.mdn-sidebar__heading{margin:0 0 .75rem;padding-left:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mdn-text-muted)}.mdn-sidebar__section-title{display:block;margin:0 0 .5rem;padding:0 .5rem;font-size:1rem;font-weight:600;color:var(--mdn-text);text-decoration:none}@media (hover: hover){.mdn-sidebar__section-title:hover{color:var(--mdn-link)}}.mdn-sidebar ol,.mdn-sidebar ul{margin:0;padding:0;list-style:none}.mdn-sidebar a.mdn-sidebar__link{display:block;padding:.25rem .5rem;border-left:3px solid transparent;border-radius:0 .25rem .25rem 0;font-size:.8125rem;line-height:1.45;color:var(--mdn-text-secondary);text-decoration:none}@media (hover: hover){.mdn-sidebar a.mdn-sidebar__link:hover{background-color:var(--mdn-bg-secondary);color:var(--mdn-link)}}.mdn-sidebar a.mdn-sidebar__link[aria-current=page]{border-left-color:var(--mdn-accent);background-color:var(--mdn-selected-bg);color:var(--mdn-text);font-weight:600}.mdn-sidebar details{margin-bottom:.125rem}.mdn-sidebar summary{display:flex;align-items:center;gap:.375rem;padding:.3125rem .5rem;border-radius:.25rem;font-size:.8125rem;font-weight:600;color:var(--mdn-text-secondary);cursor:pointer;list-style:none}.mdn-sidebar summary::-webkit-details-marker{display:none}@media (hover: hover){.mdn-sidebar summary:hover{background-color:var(--mdn-bg-secondary);color:var(--mdn-text)}}.mdn-sidebar summary svg{width:.75rem;height:.75rem;flex-shrink:0;transition:transform .15s ease}.mdn-sidebar details[open]>summary svg{transform:rotate(90deg)}.mdn-sidebar__group{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--mdn-border-subtle)}.mdn-sidebar__sublist{margin:.125rem 0 .5rem .75rem;border-left:1px solid var(--mdn-border-subtle);padding-left:.25rem}@media (max-width: 1023px){.mdn-sidebar.is-expanded{display:block;position:fixed;top:4rem;bottom:0;left:0;z-index:9999;width:min(20rem,85vw);border-right:1px solid var(--mdn-border);box-shadow:0 10px 30px #0f172a40}.mdn-sidebar.is-expanded .mdn-sidebar__inner{position:static;max-height:none;height:100%;padding:1.25rem 1rem 3rem}.mdn-sidebar-backdrop{position:fixed;inset:4rem 0 0;z-index:9998;background-color:#0f172a66}.mdn-sidebar-backdrop[hidden]{display:none}}.mdn-toc{display:none;border-left:1px solid var(--mdn-border-subtle)}@media (min-width: 1024px){.mdn-toc{display:block}}.mdn-toc__inner{position:sticky;top:var(--mdn-header-offset);max-height:calc(100vh - var(--mdn-header-offset) - 1rem);overflow-y:auto;padding:1.5rem .5rem 2rem 1rem;scrollbar-width:thin}.mdn-toc__heading{margin:0 0 .5rem;padding-left:.75rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mdn-text-muted)}.mdn-toc ol{margin:0;padding:0;list-style:none}.mdn-toc a{display:block;padding:.25rem .5rem .25rem .75rem;border-left:2px solid transparent;font-size:.8125rem;line-height:1.45;color:var(--mdn-text-secondary);text-decoration:none}@media (hover: hover){.mdn-toc a:hover{color:var(--mdn-link);border-left-color:var(--mdn-border)}}.mdn-toc a.is-active{border-left-color:var(--mdn-accent);color:var(--mdn-text);font-weight:600}.mdn-toc li.is-sub a{padding-left:1.5rem;font-size:.78125rem}.mdn-toc-mobile{margin:1.25rem 0 1.5rem;border:1px solid var(--mdn-border-subtle);border-radius:.25rem;background-color:var(--mdn-bg-secondary)}@media (min-width: 1024px){.mdn-toc-mobile{display:none}}.mdn-toc-mobile>summary{padding:.625rem .875rem;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mdn-text-secondary);cursor:pointer}.mdn-toc-mobile ol{margin:0;padding:0 .875rem .75rem;list-style:none}.mdn-toc-mobile a{display:block;padding:.25rem 0;font-size:.875rem;color:var(--mdn-link);text-decoration:none}.mdn-toc-mobile li.is-sub a{padding-left:1rem}@media (min-width: 1024px){.mdn-doc__grid--no-toc{grid-template-columns:var(--mdn-sidebar-width) minmax(0,1fr)}}.mdn-doc__main--spaced{padding-top:2.5rem}.mdn-doc__mobile-nav{display:flex;padding:.75rem 0 0}@media (min-width: 1024px){.mdn-doc__mobile-nav{display:none}}@media print{.mdn-doc__grid{display:block}.mdn-sidebar,.mdn-toc,.mdn-toc-mobile,.mdn-sidebar-backdrop,.mdn-doc__mobile-nav{display:none!important}.mdn-doc__main{padding:0;border:0}}