@mdn/fred 0.0.2 → 0.0.3

package/dist/client/{styles-global.8acd1554a2791e3c.css → styles-global.3d9e085f0247e92c.css}

@@ -1,2 +1,2 @@
-.badge.inline.optional,.badge.inline.readonly,.badge.inline.secure{border:1px solid var(--color-border-primary);border-radius:1em;color:var(--color-text-secondary);font-size:var(--font-size-small);padding:.25em .5em;vertical-align:text-top;white-space:nowrap}mdn-button{display:inline-flex;vertical-align:middle}mdn-code-example{display:block}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle--0,var(--color-gray-60));--color-border-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-blue-20);--color-border-active:var(--csstools-light-dark-toggle--2,var(--color-blue-80))}@supports (color:light-dark(red,red)){:root{--color-border-primary:light-dark(var(--color-gray-60),var(--color-gray-40));--color-border-secondary:light-dark(var(--color-gray-40),var(--color-gray-60));--color-border-active:light-dark(var(--color-blue-80),var(--color-blue-20))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle--0,var(--color-gray-60));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-blue-20);--color-border-active:var(--csstools-light-dark-toggle--2,var(--color-blue-80))}}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle--0,var(--color-white));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle--1,var(--color-gray-90));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle--2,var(--color-gray-80))}@supports (color:light-dark(red,red)){:root{--color-background-page:light-dark(var(--color-white),var(--color-gray-05));--color-background-primary:light-dark(var(--color-gray-90),var(--color-gray-10));--color-background-secondary:light-dark(var(--color-gray-80),var(--color-gray-20))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle--0,var(--color-white));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle--1,var(--color-gray-90));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle--2,var(--color-gray-80))}}:root{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle--3,var(--color-red-90));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle--4,var(--color-orange-90));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle--5,var(--color-yellow-90));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle--6,var(--color-green-90));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle--7,var(--color-blue-90));--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle--8,var(--color-purple-90))}@supports (color:light-dark(red,red)){:root{--color-background-red:light-dark(var(--color-red-90),var(--color-red-10));--color-background-orange:light-dark(var(--color-orange-90),var(--color-orange-10));--color-background-yellow:light-dark(var(--color-yellow-90),var(--color-yellow-10));--color-background-green:light-dark(var(--color-green-90),var(--color-green-10));--color-background-blue:light-dark(var(--color-blue-90),var(--color-blue-10));--color-background-purple:light-dark(var(--color-purple-90),var(--color-purple-10))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle--3,var(--color-red-90));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle--4,var(--color-orange-90));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle--5,var(--color-yellow-90));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle--6,var(--color-green-90));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle--7,var(--color-blue-90));--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle--8,var(--color-purple-90))}}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle--0,var(--color-black));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40))}@supports (color:light-dark(red,red)){:root{--color-text-primary:light-dark(var(--color-black),var(--color-white));--color-text-secondary:light-dark(var(--color-gray-40),var(--color-gray-60))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle--0,var(--color-black));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40))}}:root{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle--2,var(--color-red-20));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle--3,var(--color-orange-20));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle--4,var(--color-yellow-20));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle--5,var(--color-green-20));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle--6,var(--color-blue-20));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle--7,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-text-red:light-dark(var(--color-red-20),var(--color-red-80));--color-text-orange:light-dark(var(--color-orange-20),var(--color-orange-80));--color-text-yellow:light-dark(var(--color-yellow-20),var(--color-yellow-80));--color-text-green:light-dark(var(--color-green-20),var(--color-green-80));--color-text-blue:light-dark(var(--color-blue-20),var(--color-blue-80));--color-text-purple:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle--2,var(--color-red-20));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle--3,var(--color-orange-20));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle--4,var(--color-yellow-20));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle--5,var(--color-green-20));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle--6,var(--color-blue-20));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle--7,var(--color-purple-20))}}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle--0,var(--color-blue-20));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle--1,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-link-normal:light-dark(var(--color-blue-20),var(--color-blue-80));--color-link-visited:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle--0,var(--color-blue-20));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle--1,var(--color-purple-20))}}:root{--color-scrollbar-track:#0000;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle--0,var(--color-black-alpha-25))}@supports (color:light-dark(red,red)){:root{--color-scrollbar-thumb:light-dark(var(--color-black-alpha-25),var(--color-white-alpha-25))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle--0,var(--color-black-alpha-25))}}:root{--csstools-color-scheme--light:initial;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--csstools-color-scheme--light: }}:root{--color-white:#fff;--color-white-alpha-25:#ffffff40;--color-black:#000;--color-black-alpha-25:#00000040;--color-gray-90:#f7f7f8;--color-gray-80:#e9ebec;--color-gray-60:#c3c7cb;--color-gray-40:#51565d;--color-gray-20:#2d3034;--color-gray-10:#212426;--color-gray-05:#18191b;--color-red-90:#ffe6ea;--color-red-80:#f53d5c;--color-red-50:#d31232;--color-red-20:#b7102c;--color-red-10:#3d0f17;--color-orange-90:#fef0e7;--color-orange-80:#f89249;--color-orange-50:#e2782c;--color-orange-20:#b65916;--color-orange-10:#3b2311;--color-yellow-90:#fef9e6;--color-yellow-80:#f7d76e;--color-yellow-50:#e6b30a;--color-yellow-20:#aa8818;--color-yellow-10:#342a09;--color-green-90:#e6f4ec;--color-green-80:#4dcb82;--color-green-50:#089141;--color-green-20:#126836;--color-green-10:#0d2617;--color-blue-90:#e7f1fe;--color-blue-80:#509ef7;--color-blue-50:#0a5dbd;--color-blue-20:#115097;--color-blue-10:#0b1d32;--color-purple-90:#f4ebff;--color-purple-80:#b67bfe;--color-purple-50:#863ae4;--color-purple-20:#5f24a8;--color-purple-10:#221037}mdn-dropdown{display:contents}mdn-dropdown:not([loaded],:focus-within) [slot=dropdown]{display:none}.external:after{background-color:currentcolor;content:"";display:inline-block;height:1em;margin-left:.25em;-webkit-mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);-webkit-mask-size:cover;mask-size:cover;width:1em}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/static/client/inter.0336a89fb4e7fc1d.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic.c91adde9f78caceb.woff2) format("woff2")}@font-feature-values "Inter"{@styleset{disambiguation:2}}:root{--font-family-text:"Inter",sans-serif;--font-family-code:"Menlo","Consolas","Monaco","Liberation Mono","Lucida Console",monospace;--font-line-content:1.75;--font-line-normal:1.5;--font-line-ui:1;--font-size-largest:2.5rem;--font-size-larger:2rem;--font-size-large:1.5rem;--font-size-normal:1rem;--font-size-small:0.8rem}*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}img{height:auto;max-width:100%}[hidden]{display:none!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--color-background-page);color:var(--color-text-primary);font-family:var(--font-family-text);font-size:var(--font-size-normal);font-variant-alternates:styleset(disambiguation);line-height:var(--font-line-normal)}.icon.icon-deprecated,.icon.icon-experimental,.icon.icon-nonstandard{background-color:var(--color-text-secondary);display:inline-block;flex-shrink:0;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.icon.icon-deprecated{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.icon.icon-experimental{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.icon.icon-nonstandard{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}:root{--layout-side-padding-min:1rem;--layout-side-padding:max(var(--layout-side-padding-min),calc(50vw - 720px + 1rem));--layout-full-width:calc(100vw - var(--layout-side-padding)*2);--layout-sidebar-min:14rem;--layout-sidebar-gap:2rem;--layout-content-min:31rem;--layout-content-max:48rem;--layout-2-sidebars:[full-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end right-sidebar-end];--layout-1-sidebar-left:[full-start sidebar-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [sidebar-end left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [full-end content-end] minmax(0,1fr);--layout-1-sidebar-right:minmax(0,1fr) [full-start content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [sidebar-start right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end sidebar-end right-sidebar-end];--layout-no-sidebar:[full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end];--layout-no-sidebar-extended:[extended-full-start] var(--layout-side-padding) [full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end] var(--layout-side-padding) [extended-full-end]}mdn-live-sample-result{display:block}html a.only-in-en-us:after{content:"(en-US)";display:inline-block;font-size:.7rem;margin-left:.5ch;vertical-align:super}html[lang=de] a.only-in-en-us:after{content:"(engl.)"}html[lang=es] a.only-in-en-us:after{content:"(inglés)"}html[lang=fr] a.only-in-en-us:after{content:"(angl.)"}html[lang=ja] a.only-in-en-us:after{content:"(英語)"}html[lang=ko] a.only-in-en-us:after{content:"(영어)"}html[lang=ru] a.only-in-en-us:after{content:"(англ.)"}html[lang=pt-BR] a.only-in-en-us:after{content:"(inglês)"}html[lang=zh-CN] a.only-in-en-us:after{content:"（英语）";margin-left:unset;vertical-align:initial}html[lang=zh-TW] a.only-in-en-us:after{content:"（英語）";margin-left:unset;vertical-align:initial}@font-face{font-display:block;font-family:BarlowCondensed-SemiBold;font-weight:600;src:local("BarlowCondensed-SemiBold"),url(/static/client/BarlowCondensed-SemiBold.199288b668a15dc1.woff2) format("woff2")}.table-container{margin:0;overflow-x:auto}:root{--top-banner-height:3.375rem;--sticky-header-height:calc(var(--top-nav-height) + var(--breadcrumbs-bar-height));--z-index-sticky-header:100;--z-index-sidebar-mobile:90}.visually-hidden{border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important}
-/*# sourceMappingURL=styles-global.8acd1554a2791e3c.css.map*/
+.badge.inline.optional,.badge.inline.readonly,.badge.inline.secure{border:1px solid var(--color-border-primary);border-radius:1em;color:var(--color-text-secondary);font-size:var(--font-size-small);padding:.25em .5em;vertical-align:text-top;white-space:nowrap}mdn-code-example{display:block}mdn-button{display:inline-flex;vertical-align:middle}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle--0,var(--color-gray-60));--color-border-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-blue-20);--color-border-active:var(--csstools-light-dark-toggle--2,var(--color-blue-80))}@supports (color:light-dark(red,red)){:root{--color-border-primary:light-dark(var(--color-gray-60),var(--color-gray-40));--color-border-secondary:light-dark(var(--color-gray-40),var(--color-gray-60));--color-border-active:light-dark(var(--color-blue-80),var(--color-blue-20))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-40);--color-border-primary:var(--csstools-light-dark-toggle--0,var(--color-gray-60));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-border-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-blue-20);--color-border-active:var(--csstools-light-dark-toggle--2,var(--color-blue-80))}}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle--0,var(--color-white));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle--1,var(--color-gray-90));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle--2,var(--color-gray-80))}@supports (color:light-dark(red,red)){:root{--color-background-page:light-dark(var(--color-white),var(--color-gray-05));--color-background-primary:light-dark(var(--color-gray-90),var(--color-gray-10));--color-background-secondary:light-dark(var(--color-gray-80),var(--color-gray-20))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-gray-05);--color-background-page:var(--csstools-light-dark-toggle--0,var(--color-white));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-10);--color-background-primary:var(--csstools-light-dark-toggle--1,var(--color-gray-90));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-gray-20);--color-background-secondary:var(--csstools-light-dark-toggle--2,var(--color-gray-80))}}:root{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle--3,var(--color-red-90));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle--4,var(--color-orange-90));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle--5,var(--color-yellow-90));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle--6,var(--color-green-90));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle--7,var(--color-blue-90));--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle--8,var(--color-purple-90))}@supports (color:light-dark(red,red)){:root{--color-background-red:light-dark(var(--color-red-90),var(--color-red-10));--color-background-orange:light-dark(var(--color-orange-90),var(--color-orange-10));--color-background-yellow:light-dark(var(--color-yellow-90),var(--color-yellow-10));--color-background-green:light-dark(var(--color-green-90),var(--color-green-10));--color-background-blue:light-dark(var(--color-blue-90),var(--color-blue-10));--color-background-purple:light-dark(var(--color-purple-90),var(--color-purple-10))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-red-10);--color-background-red:var(--csstools-light-dark-toggle--3,var(--color-red-90));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-orange-10);--color-background-orange:var(--csstools-light-dark-toggle--4,var(--color-orange-90));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-yellow-10);--color-background-yellow:var(--csstools-light-dark-toggle--5,var(--color-yellow-90));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-green-10);--color-background-green:var(--csstools-light-dark-toggle--6,var(--color-green-90));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-blue-10);--color-background-blue:var(--csstools-light-dark-toggle--7,var(--color-blue-90));--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) var(--color-purple-10);--color-background-purple:var(--csstools-light-dark-toggle--8,var(--color-purple-90))}}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle--0,var(--color-black));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40))}@supports (color:light-dark(red,red)){:root{--color-text-primary:light-dark(var(--color-black),var(--color-white));--color-text-secondary:light-dark(var(--color-gray-40),var(--color-gray-60))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white);--color-text-primary:var(--csstools-light-dark-toggle--0,var(--color-black));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-gray-60);--color-text-secondary:var(--csstools-light-dark-toggle--1,var(--color-gray-40))}}:root{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle--2,var(--color-red-20));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle--3,var(--color-orange-20));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle--4,var(--color-yellow-20));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle--5,var(--color-green-20));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle--6,var(--color-blue-20));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle--7,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-text-red:light-dark(var(--color-red-20),var(--color-red-80));--color-text-orange:light-dark(var(--color-orange-20),var(--color-orange-80));--color-text-yellow:light-dark(var(--color-yellow-20),var(--color-yellow-80));--color-text-green:light-dark(var(--color-green-20),var(--color-green-80));--color-text-blue:light-dark(var(--color-blue-20),var(--color-blue-80));--color-text-purple:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--color-red-80);--color-text-red:var(--csstools-light-dark-toggle--2,var(--color-red-20));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) var(--color-orange-80);--color-text-orange:var(--csstools-light-dark-toggle--3,var(--color-orange-20));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) var(--color-yellow-80);--color-text-yellow:var(--csstools-light-dark-toggle--4,var(--color-yellow-20));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) var(--color-green-80);--color-text-green:var(--csstools-light-dark-toggle--5,var(--color-green-20));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) var(--color-blue-80);--color-text-blue:var(--csstools-light-dark-toggle--6,var(--color-blue-20));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) var(--color-purple-80);--color-text-purple:var(--csstools-light-dark-toggle--7,var(--color-purple-20))}}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle--0,var(--color-blue-20));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle--1,var(--color-purple-20))}@supports (color:light-dark(red,red)){:root{--color-link-normal:light-dark(var(--color-blue-20),var(--color-blue-80));--color-link-visited:light-dark(var(--color-purple-20),var(--color-purple-80))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-blue-80);--color-link-normal:var(--csstools-light-dark-toggle--0,var(--color-blue-20));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--color-purple-80);--color-link-visited:var(--csstools-light-dark-toggle--1,var(--color-purple-20))}}:root{--color-scrollbar-track:#0000;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle--0,var(--color-black-alpha-25))}@supports (color:light-dark(red,red)){:root{--color-scrollbar-thumb:light-dark(var(--color-black-alpha-25),var(--color-white-alpha-25))}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--color-white-alpha-25);--color-scrollbar-thumb:var(--csstools-light-dark-toggle--0,var(--color-black-alpha-25))}}:root{--csstools-color-scheme--light:initial;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--csstools-color-scheme--light: }}:root{--color-white:#fff;--color-white-alpha-25:#ffffff40;--color-black:#000;--color-black-alpha-25:#00000040;--color-gray-90:#f7f7f8;--color-gray-80:#e9ebec;--color-gray-60:#c3c7cb;--color-gray-40:#51565d;--color-gray-20:#2d3034;--color-gray-10:#212426;--color-gray-05:#18191b;--color-red-90:#ffe6ea;--color-red-80:#f53d5c;--color-red-50:#d31232;--color-red-20:#b7102c;--color-red-10:#3d0f17;--color-orange-90:#fef0e7;--color-orange-80:#f89249;--color-orange-50:#e2782c;--color-orange-20:#b65916;--color-orange-10:#3b2311;--color-yellow-90:#fef9e6;--color-yellow-80:#f7d76e;--color-yellow-50:#e6b30a;--color-yellow-20:#aa8818;--color-yellow-10:#342a09;--color-green-90:#e6f4ec;--color-green-80:#4dcb82;--color-green-50:#089141;--color-green-20:#126836;--color-green-10:#0d2617;--color-blue-90:#e7f1fe;--color-blue-80:#509ef7;--color-blue-50:#0a5dbd;--color-blue-20:#115097;--color-blue-10:#0b1d32;--color-purple-90:#f4ebff;--color-purple-80:#b67bfe;--color-purple-50:#863ae4;--color-purple-20:#5f24a8;--color-purple-10:#221037}mdn-dropdown{display:contents}mdn-dropdown:not([loaded],:focus-within) [slot=dropdown]{display:none}.external:after{background-color:currentcolor;content:"";display:inline-block;height:1em;margin-left:.25em;-webkit-mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);mask-image:url(/static/client/external-link.4f3a2dc8e402cae5.svg);-webkit-mask-size:cover;mask-size:cover;width:1em}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/static/client/inter.0336a89fb4e7fc1d.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:100 900;src:url(/static/client/inter-italic.c91adde9f78caceb.woff2) format("woff2")}@font-feature-values "Inter"{@styleset{disambiguation:2}}:root{--font-family-text:"Inter",sans-serif;--font-family-code:"Menlo","Consolas","Monaco","Liberation Mono","Lucida Console",monospace;--font-line-content:1.75;--font-line-normal:1.5;--font-line-ui:1;--font-size-largest:2.5rem;--font-size-larger:2rem;--font-size-large:1.5rem;--font-size-normal:1rem;--font-size-small:0.8rem}*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}img{height:auto;max-width:100%}[hidden]{display:none!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--color-background-page);color:var(--color-text-primary);font-family:var(--font-family-text);font-size:var(--font-size-normal);font-variant-alternates:styleset(disambiguation);line-height:var(--font-line-normal)}.icon.icon-deprecated,.icon.icon-experimental,.icon.icon-nonstandard{background-color:var(--color-text-secondary);display:inline-block;flex-shrink:0;height:1em;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle;width:1em}.icon.icon-deprecated{-webkit-mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg);mask-image:url(/static/client/trash-2.73b28bc66fb8543c.svg)}.icon.icon-experimental{-webkit-mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg);mask-image:url(/static/client/flask-conical.c16b3d71f14f31d1.svg)}.icon.icon-nonstandard{-webkit-mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg);mask-image:url(/static/client/triangle-alert.cff4c57ccef57da3.svg)}:root{--layout-side-padding-min:1rem;--layout-side-padding:max(var(--layout-side-padding-min),calc(50vw - 720px + 1rem));--layout-full-width:calc(100vw - var(--layout-side-padding)*2);--layout-sidebar-min:14rem;--layout-sidebar-gap:2rem;--layout-content-min:31rem;--layout-content-max:48rem;--layout-2-sidebars:[full-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end right-sidebar-end];--layout-1-sidebar-left:[full-start sidebar-start left-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [sidebar-end left-sidebar-end] var(--layout-sidebar-gap) [content-start] minmax(0,var(--layout-content-max)) [full-end content-end] minmax(0,1fr);--layout-1-sidebar-right:minmax(0,1fr) [full-start content-start] minmax(0,var(--layout-content-max)) [content-end] var(--layout-sidebar-gap) [sidebar-start right-sidebar-start] minmax(var(--layout-sidebar-min),1fr) [full-end sidebar-end right-sidebar-end];--layout-no-sidebar:[full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end];--layout-no-sidebar-extended:[extended-full-start] var(--layout-side-padding) [full-start] 1fr [content-start] minmax(0,var(--layout-content-max)) [content-end] 1fr [full-end] var(--layout-side-padding) [extended-full-end]}mdn-live-sample-result{display:block}html a.only-in-en-us:after{content:"(en-US)";display:inline-block;font-size:.7rem;margin-left:.5ch;vertical-align:super}html[lang=de] a.only-in-en-us:after{content:"(engl.)"}html[lang=es] a.only-in-en-us:after{content:"(inglés)"}html[lang=fr] a.only-in-en-us:after{content:"(angl.)"}html[lang=ja] a.only-in-en-us:after{content:"(英語)"}html[lang=ko] a.only-in-en-us:after{content:"(영어)"}html[lang=ru] a.only-in-en-us:after{content:"(англ.)"}html[lang=pt-BR] a.only-in-en-us:after{content:"(inglês)"}html[lang=zh-CN] a.only-in-en-us:after{content:"（英语）";margin-left:unset;vertical-align:initial}html[lang=zh-TW] a.only-in-en-us:after{content:"（英語）";margin-left:unset;vertical-align:initial}@font-face{font-display:block;font-family:BarlowCondensed-SemiBold;font-weight:600;src:local("BarlowCondensed-SemiBold"),url(/static/client/BarlowCondensed-SemiBold.199288b668a15dc1.woff2) format("woff2")}.table-container{margin:0;overflow-x:auto}:root{--top-banner-height:3.375rem;--sticky-header-height:calc(var(--top-nav-height) + var(--breadcrumbs-bar-height));--z-index-sticky-header:100;--z-index-sidebar-mobile:90}.visually-hidden{border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important}
+/*# sourceMappingURL=styles-global.3d9e085f0247e92c.css.map*/

package/dist/client/{styles-global.8acd1554a2791e3c.css.map → styles-global.3d9e085f0247e92c.css.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-global.8acd1554a2791e3c.css","sources":["webpack://@mdn/fred/./components/badge/global.css","webpack://@mdn/fred/./components/button/global.css","webpack://@mdn/fred/./components/code-example/global.css","webpack://@mdn/fred/./components/color/border.css","webpack://@mdn/fred/./components/color/background.css","webpack://@mdn/fred/./components/color/text.css","webpack://@mdn/fred/./components/color/link.css","webpack://@mdn/fred/./components/color/scrollbar.css","webpack://@mdn/fred/./components/color/global.css","webpack://@mdn/fred/./components/dropdown/global.css","webpack://@mdn/fred/./components/external-link/global.css","webpack://@mdn/fred/./components/font/global.css","webpack://@mdn/fred/./components/global/global.css","webpack://@mdn/fred/./components/icon/global.css","webpack://@mdn/fred/./components/layout/global.css","webpack://@mdn/fred/./components/live-sample-result/global.css","webpack://@mdn/fred/./components/only-in-en-us/global.css","webpack://@mdn/fred/./components/scrim-inline/global.css","webpack://@mdn/fred/./components/table-container/global.css","webpack://@mdn/fred/./components/vars/global.css","webpack://@mdn/fred/./components/visually-hidden/global.css"],"sourcesContent":["/*\n  Badge legacy.\n\n  To be removed when rari no longer renders these.\n\n  Note: The selectors are intentionally explicit to discourage use.\n*/\n.badge.inline {\n  /* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L16-L21 */\n  &.optional,\n  /* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L16-L21 */\n  &.readonly,\n  /* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L8-L13 */\n  &.secure {\n    padding: 0.25em 0.5em;\n\n    font-size: var(--font-size-small);\n\n    vertical-align: text-top;\n\n    color: var(--color-text-secondary);\n\n    white-space: nowrap;\n\n    border: 1px solid var(--color-border-primary);\n    border-radius: 1em;\n  }\n}\n","mdn-button {\n  display: inline-flex;\n  vertical-align: middle;\n}\n","mdn-code-example {\n  display: block;\n}\n","/* Border */\n\n:root {\n  --color-border-primary: light-dark(\n    var(--color-gray-60),\n    var(--color-gray-40)\n  );\n  --color-border-secondary: light-dark(\n    var(--color-gray-40),\n    var(--color-gray-60)\n  );\n  --color-border-active: light-dark(var(--color-blue-80), var(--color-blue-20));\n}\n","/* Background */\n\n/* Basic */\n\n:root {\n  --color-background-page: light-dark(var(--color-white), var(--color-gray-05));\n  --color-background-primary: light-dark(\n    var(--color-gray-90),\n    var(--color-gray-10)\n  );\n  --color-background-secondary: light-dark(\n    var(--color-gray-80),\n    var(--color-gray-20)\n  );\n}\n\n/* Tinted */\n\n:root {\n  --color-background-red: light-dark(var(--color-red-90), var(--color-red-10));\n  --color-background-orange: light-dark(\n    var(--color-orange-90),\n    var(--color-orange-10)\n  );\n  --color-background-yellow: light-dark(\n    var(--color-yellow-90),\n    var(--color-yellow-10)\n  );\n  --color-background-green: light-dark(\n    var(--color-green-90),\n    var(--color-green-10)\n  );\n  --color-background-blue: light-dark(\n    var(--color-blue-90),\n    var(--color-blue-10)\n  );\n  --color-background-purple: light-dark(\n    var(--color-purple-90),\n    var(--color-purple-10)\n  );\n}\n","/* Text */\n\n/* Basic */\n\n:root {\n  --color-text-primary: light-dark(var(--color-black), var(--color-white));\n  --color-text-secondary: light-dark(\n    var(--color-gray-40),\n    var(--color-gray-60)\n  );\n}\n\n/* Tinted */\n\n:root {\n  --color-text-red: light-dark(var(--color-red-20), var(--color-red-80));\n  --color-text-orange: light-dark(\n    var(--color-orange-20),\n    var(--color-orange-80)\n  );\n  --color-text-yellow: light-dark(\n    var(--color-yellow-20),\n    var(--color-yellow-80)\n  );\n  --color-text-green: light-dark(var(--color-green-20), var(--color-green-80));\n  --color-text-blue: light-dark(var(--color-blue-20), var(--color-blue-80));\n  --color-text-purple: light-dark(\n    var(--color-purple-20),\n    var(--color-purple-80)\n  );\n}\n","/* Link */\n\n:root {\n  --color-link-normal: light-dark(var(--color-blue-20), var(--color-blue-80));\n  --color-link-visited: light-dark(\n    var(--color-purple-20),\n    var(--color-purple-80)\n  );\n}\n","/* Scrollbar */\n\n:root {\n  --color-scrollbar-track: transparent;\n  --color-scrollbar-thumb: light-dark(\n    var(--color-black-alpha-25),\n    var(--color-white-alpha-25)\n  );\n}\n","/* Color */\n\n@import url(\"border.css\");\n@import url(\"background.css\");\n@import url(\"text.css\");\n@import url(\"link.css\");\n@import url(\"scrollbar.css\");\n\n/* Light/dark */\n:root {\n  color-scheme: light dark;\n}\n\n/* Basic */\n\n:root {\n  --color-white: hsl(0deg 0% 100%);\n  --color-white-alpha-25: hsl(0deg 0% 100% / 25%);\n\n  --color-black: hsl(0deg 0% 0%);\n  --color-black-alpha-25: hsl(0deg 0% 0% / 25%);\n}\n\n/* Gray */\n\n:root {\n  --color-gray-90: hsl(212deg 7% 97%);\n  --color-gray-80: hsl(212deg 7% 92%);\n  --color-gray-60: hsl(212deg 7% 78%);\n  --color-gray-40: hsl(212deg 7% 34%);\n  --color-gray-20: hsl(212deg 7% 19%);\n  --color-gray-10: hsl(212deg 7% 14%);\n  --color-gray-05: hsl(212deg 7% 10%);\n}\n\n/* Tinted */\n\n:root {\n  --color-red-90: hsl(350deg 100% 95%);\n  --color-red-80: hsl(350deg 90% 60%);\n  --color-red-50: hsl(350deg 84% 45%);\n  --color-red-20: hsl(350deg 84% 39%);\n  --color-red-10: hsl(350deg 60% 15%);\n\n  --color-orange-90: hsl(25deg 92% 95%);\n  --color-orange-80: hsl(25deg 93% 63%);\n  --color-orange-50: hsl(25deg 76% 53%);\n  --color-orange-20: hsl(25deg 78% 40%);\n  --color-orange-10: hsl(25deg 55% 15%);\n\n  --color-yellow-90: hsl(46deg 95% 95%);\n  --color-yellow-80: hsl(46deg 90% 70%);\n  --color-yellow-50: hsl(46deg 92% 47%);\n  --color-yellow-20: hsl(46deg 75% 38%);\n  --color-yellow-10: hsl(46deg 70% 12%);\n\n  --color-green-90: hsl(145deg 40% 93%);\n  --color-green-80: hsl(145deg 55% 55%);\n  --color-green-50: hsl(145deg 90% 30%);\n  --color-green-20: hsl(145deg 70% 24%);\n  --color-green-10: hsl(145deg 50% 10%);\n\n  --color-blue-90: hsl(212deg 91% 95%);\n  --color-blue-80: hsl(212deg 91% 64%);\n  --color-blue-50: hsl(212deg 90% 39%);\n  --color-blue-20: hsl(212deg 80% 33%);\n  --color-blue-10: hsl(212deg 65% 12%);\n\n  --color-purple-90: hsl(267deg 99% 96%);\n  --color-purple-80: hsl(267deg 99% 74%);\n  --color-purple-50: hsl(267deg 76% 56%);\n  --color-purple-20: hsl(267deg 65% 40%);\n  --color-purple-10: hsl(267deg 55% 14%);\n}\n","mdn-dropdown {\n  display: contents;\n\n  &:not([loaded], :focus-within) {\n    [slot=\"dropdown\"] {\n      display: none;\n    }\n  }\n}\n",".external {\n  &::after {\n    display: inline-block;\n\n    width: 1em;\n    height: 1em;\n\n    margin-left: 0.25em;\n\n    content: \"\";\n\n    background-color: currentcolor;\n\n    mask-image: url(\"../icon/external-link.svg\");\n    mask-size: cover;\n  }\n}\n","@font-face {\n  font-family: \"Inter\";\n  font-style: normal;\n  font-weight: 100 900;\n\n  src: url(\"fonts/inter.woff2\") format(\"woff2\");\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Inter\";\n  font-style: italic;\n  font-weight: 100 900;\n\n  src: url(\"fonts/inter-italic.woff2\") format(\"woff2\");\n  font-display: swap;\n}\n\n@font-feature-values \"Inter\" {\n  @styleset {\n    disambiguation: 2;\n  }\n}\n\n:root {\n  --font-family-text: \"Inter\", sans-serif;\n  --font-family-code:\n    \"Menlo\", \"Consolas\", \"Monaco\", \"Liberation Mono\", \"Lucida Console\",\n    monospace;\n\n  --font-line-content: 1.75;\n  --font-line-normal: 1.5;\n  --font-line-ui: 1;\n\n  --font-size-largest: 2.5rem;\n  --font-size-larger: 2rem;\n  --font-size-large: 1.5rem;\n  --font-size-normal: 1rem;\n  --font-size-small: 0.8rem;\n}\n","/* Normalize */\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n  font: inherit;\n}\n\nbutton {\n  cursor: pointer;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* Motion */\n\nhtml {\n  scroll-behavior: smooth;\n\n  @media (prefers-reduced-motion: reduce) {\n    scroll-behavior: auto;\n  }\n}\n\n/* Typography */\n\nbody {\n  font-family: var(--font-family-text);\n  font-size: var(--font-size-normal);\n  font-variant-alternates: styleset(disambiguation);\n\n  line-height: var(--font-line-normal);\n\n  color: var(--color-text-primary);\n\n  background-color: var(--color-background-page);\n}\n","/*\n  Icon legacy.\n\n  To be removed when rari no longer renders these.\n\n  Note: The selectors are intentionally explicit to discourage use.\n*/\n.icon {\n  &.icon-deprecated,\n  &.icon-experimental,\n  &.icon-nonstandard {\n    display: inline-block;\n\n    flex-shrink: 0;\n\n    width: 1em;\n    height: 1em;\n\n    vertical-align: middle;\n\n    background-color: var(--color-text-secondary);\n\n    mask-size: cover;\n  }\n\n  /* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 */\n  &.icon-deprecated {\n    mask-image: url(\"../icon/trash-2.svg\");\n  }\n\n  /* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L36-L41 */\n  &.icon-experimental {\n    mask-image: url(\"../icon/flask-conical.svg\");\n  }\n\n  /* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 */\n  &.icon-nonstandard {\n    mask-image: url(\"../icon/triangle-alert.svg\");\n  }\n}\n","/* --layout-side-padding-min * 2 + (--layout-sidebar-min + --layout-sidebar-gap) * 2 + --layout-content-min */\n@custom-media --screen-layout-1-sidebar-or-less (width < calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem));\n\n/* --layout-side-padding-min * 2 + --layout-sidebar-min + --layout-sidebar-gap + --layout-content-min */\n@custom-media --screen-layout-no-sidebar (width < calc(1rem * 2 + 14rem + 2rem + 31rem));\n\n:root {\n  --layout-side-padding-min: 1rem;\n  --layout-side-padding: max(\n    var(--layout-side-padding-min),\n    calc((100vw - 1440px + (2rem)) / 2)\n  );\n  --layout-full-width: calc(100vw - 2 * var(--layout-side-padding));\n\n  --layout-sidebar-min: 14rem;\n  --layout-sidebar-gap: 2rem;\n  --layout-content-min: 31rem;\n  --layout-content-max: 48rem;\n\n  /* WARNING: TODO: left/center/right cols widths will change */\n\n  /* prettier-ignore */\n  --layout-2-sidebars:\n    [full-start left-sidebar-start]\n      minmax(var(--layout-sidebar-min), 1fr)\n    [left-sidebar-end]\n      var(--layout-sidebar-gap)\n    [content-start]\n      minmax(0, var(--layout-content-max))\n    [content-end]\n      var(--layout-sidebar-gap)\n    [right-sidebar-start]\n      minmax(var(--layout-sidebar-min), 1fr)\n    [full-end right-sidebar-end];\n\n  /* prettier-ignore */\n  --layout-1-sidebar-left:\n    [full-start sidebar-start left-sidebar-start]\n      minmax(var(--layout-sidebar-min), 1fr)\n    [sidebar-end left-sidebar-end]\n      var(--layout-sidebar-gap)\n    [content-start]\n      minmax(0, var(--layout-content-max))\n    [full-end content-end]\n      minmax(0, 1fr);\n\n  /* prettier-ignore */\n  --layout-1-sidebar-right:\n      minmax(0, 1fr)\n    [full-start content-start]\n      minmax(0, var(--layout-content-max))\n    [content-end]\n      var(--layout-sidebar-gap)\n    [sidebar-start right-sidebar-start]\n      minmax(var(--layout-sidebar-min), 1fr)\n    [full-end sidebar-end right-sidebar-end];\n\n  /* prettier-ignore */\n  --layout-no-sidebar:\n    [full-start]\n      1fr\n    [content-start]\n      minmax(0, var(--layout-content-max))\n    [content-end]\n      1fr\n    [full-end];\n\n  /* prettier-ignore */\n  --layout-no-sidebar-extended:\n    [extended-full-start]\n      var(--layout-side-padding)\n    [full-start]\n      1fr\n    [content-start]\n      minmax(0, var(--layout-content-max))\n    [content-end]\n      1fr\n    [full-end]\n      var(--layout-side-padding)\n    [extended-full-end];\n}\n","mdn-live-sample-result {\n  display: block;\n}\n","html a.only-in-en-us::after {\n  display: inline-block;\n\n  margin-left: 0.5ch;\n\n  font-size: 0.7rem;\n\n  vertical-align: super;\n\n  content: \"(en-US)\";\n}\n\nhtml[lang=\"de\"] a.only-in-en-us::after {\n  content: \"(engl.)\";\n}\n\nhtml[lang=\"es\"] a.only-in-en-us::after {\n  content: \"(inglés)\";\n}\n\nhtml[lang=\"fr\"] a.only-in-en-us::after {\n  content: \"(angl.)\";\n}\n\nhtml[lang=\"ja\"] a.only-in-en-us::after {\n  content: \"(英語)\";\n}\n\nhtml[lang=\"ko\"] a.only-in-en-us::after {\n  content: \"(영어)\";\n}\n\nhtml[lang=\"ru\"] a.only-in-en-us::after {\n  content: \"(англ.)\";\n}\n\nhtml[lang=\"pt-BR\"] a.only-in-en-us::after {\n  content: \"(inglês)\";\n}\n\nhtml[lang=\"zh-CN\"] a.only-in-en-us::after {\n  margin-left: unset;\n  vertical-align: baseline;\n  content: \"（英语）\";\n}\n\nhtml[lang=\"zh-TW\"] a.only-in-en-us::after {\n  margin-left: unset;\n  vertical-align: baseline;\n  content: \"（英語）\";\n}\n","@font-face {\n  font-family: \"BarlowCondensed-SemiBold\";\n  font-weight: 600;\n\n  src:\n    local(\"BarlowCondensed-SemiBold\"),\n    url(\"./assets/BarlowCondensed-SemiBold.woff2\") format(\"woff2\");\n  font-display: block;\n}\n",".table-container {\n  margin: 0;\n  overflow-x: auto;\n}\n",":root {\n  --top-banner-height: 3.375rem;\n  --sticky-header-height: calc(\n    var(--top-nav-height) + var(--breadcrumbs-bar-height)\n  );\n\n  --z-index-sticky-header: 100;\n  --z-index-sidebar-mobile: 90;\n}\n",".visually-hidden {\n  position: absolute !important;\n\n  width: 1px !important;\n  height: 1px !important;\n\n  padding: 0 !important;\n  margin: -1px !important;\n\n  overflow: hidden !important;\n\n  white-space: nowrap !important;\n\n  border: 0 !important;\n\n  clip: rect(1px, 1px, 1px, 1px) !important;\n  clip-path: inset(50%) !important;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles-global.3d9e085f0247e92c.css","sources":["webpack://@mdn/fred/./components/badge/global.css","webpack://@mdn/fred/./components/code-example/global.css","webpack://@mdn/fred/./components/button/global.css","webpack://@mdn/fred/./components/color/border.css","webpack://@mdn/fred/./components/color/background.css","webpack://@mdn/fred/./components/color/text.css","webpack://@mdn/fred/./components/color/link.css","webpack://@mdn/fred/./components/color/scrollbar.css","webpack://@mdn/fred/./components/color/global.css","webpack://@mdn/fred/./components/dropdown/global.css","webpack://@mdn/fred/./components/external-link/global.css","webpack://@mdn/fred/./components/font/global.css","webpack://@mdn/fred/./components/global/global.css","webpack://@mdn/fred/./components/icon/global.css","webpack://@mdn/fred/./components/layout/global.css","webpack://@mdn/fred/./components/live-sample-result/global.css","webpack://@mdn/fred/./components/only-in-en-us/global.css","webpack://@mdn/fred/./components/scrim-inline/global.css","webpack://@mdn/fred/./components/table-container/global.css","webpack://@mdn/fred/./components/vars/global.css","webpack://@mdn/fred/./components/visually-hidden/global.css"],"sourcesContent":["/*\n  Badge legacy.\n\n  To be removed when rari no longer renders these.\n\n  Note: The selectors are intentionally explicit to discourage use.\n*/\n.badge.inline {\n  /* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L16-L21 */\n  &.optional,\n  /* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L16-L21 */\n  &.readonly,\n  /* See https://github.com/mdn/rari/blob/5a2ead64bb8d4f46f9c548b942072838fb686281/crates/rari-doc/src/templ/templs/inline_labels.rs#L8-L13 */\n  &.secure {\n    padding: 0.25em 0.5em;\n\n    font-size: var(--font-size-small);\n\n    vertical-align: text-top;\n\n    color: var(--color-text-secondary);\n\n    white-space: nowrap;\n\n    border: 1px solid var(--color-border-primary);\n    border-radius: 1em;\n  }\n}\n","mdn-code-example {\n  display: block;\n}\n","mdn-button {\n  display: inline-flex;\n  vertical-align: middle;\n}\n","/* Border */\n\n:root {\n  --color-border-primary: light-dark(\n    var(--color-gray-60),\n    var(--color-gray-40)\n  );\n  --color-border-secondary: light-dark(\n    var(--color-gray-40),\n    var(--color-gray-60)\n  );\n  --color-border-active: light-dark(var(--color-blue-80), var(--color-blue-20));\n}\n","/* Background */\n\n/* Basic */\n\n:root {\n  --color-background-page: light-dark(var(--color-white), var(--color-gray-05));\n  --color-background-primary: light-dark(\n    var(--color-gray-90),\n    var(--color-gray-10)\n  );\n  --color-background-secondary: light-dark(\n    var(--color-gray-80),\n    var(--color-gray-20)\n  );\n}\n\n/* Tinted */\n\n:root {\n  --color-background-red: light-dark(var(--color-red-90), var(--color-red-10));\n  --color-background-orange: light-dark(\n    var(--color-orange-90),\n    var(--color-orange-10)\n  );\n  --color-background-yellow: light-dark(\n    var(--color-yellow-90),\n    var(--color-yellow-10)\n  );\n  --color-background-green: light-dark(\n    var(--color-green-90),\n    var(--color-green-10)\n  );\n  --color-background-blue: light-dark(\n    var(--color-blue-90),\n    var(--color-blue-10)\n  );\n  --color-background-purple: light-dark(\n    var(--color-purple-90),\n    var(--color-purple-10)\n  );\n}\n","/* Text */\n\n/* Basic */\n\n:root {\n  --color-text-primary: light-dark(var(--color-black), var(--color-white));\n  --color-text-secondary: light-dark(\n    var(--color-gray-40),\n    var(--color-gray-60)\n  );\n}\n\n/* Tinted */\n\n:root {\n  --color-text-red: light-dark(var(--color-red-20), var(--color-red-80));\n  --color-text-orange: light-dark(\n    var(--color-orange-20),\n    var(--color-orange-80)\n  );\n  --color-text-yellow: light-dark(\n    var(--color-yellow-20),\n    var(--color-yellow-80)\n  );\n  --color-text-green: light-dark(var(--color-green-20), var(--color-green-80));\n  --color-text-blue: light-dark(var(--color-blue-20), var(--color-blue-80));\n  --color-text-purple: light-dark(\n    var(--color-purple-20),\n    var(--color-purple-80)\n  );\n}\n","/* Link */\n\n:root {\n  --color-link-normal: light-dark(var(--color-blue-20), var(--color-blue-80));\n  --color-link-visited: light-dark(\n    var(--color-purple-20),\n    var(--color-purple-80)\n  );\n}\n","/* Scrollbar */\n\n:root {\n  --color-scrollbar-track: transparent;\n  --color-scrollbar-thumb: light-dark(\n    var(--color-black-alpha-25),\n    var(--color-white-alpha-25)\n  );\n}\n","/* Color */\n\n@import url(\"border.css\");\n@import url(\"background.css\");\n@import url(\"text.css\");\n@import url(\"link.css\");\n@import url(\"scrollbar.css\");\n\n/* Light/dark */\n:root {\n  color-scheme: light dark;\n}\n\n/* Basic */\n\n:root {\n  --color-white: hsl(0deg 0% 100%);\n  --color-white-alpha-25: hsl(0deg 0% 100% / 25%);\n\n  --color-black: hsl(0deg 0% 0%);\n  --color-black-alpha-25: hsl(0deg 0% 0% / 25%);\n}\n\n/* Gray */\n\n:root {\n  --color-gray-90: hsl(212deg 7% 97%);\n  --color-gray-80: hsl(212deg 7% 92%);\n  --color-gray-60: hsl(212deg 7% 78%);\n  --color-gray-40: hsl(212deg 7% 34%);\n  --color-gray-20: hsl(212deg 7% 19%);\n  --color-gray-10: hsl(212deg 7% 14%);\n  --color-gray-05: hsl(212deg 7% 10%);\n}\n\n/* Tinted */\n\n:root {\n  --color-red-90: hsl(350deg 100% 95%);\n  --color-red-80: hsl(350deg 90% 60%);\n  --color-red-50: hsl(350deg 84% 45%);\n  --color-red-20: hsl(350deg 84% 39%);\n  --color-red-10: hsl(350deg 60% 15%);\n\n  --color-orange-90: hsl(25deg 92% 95%);\n  --color-orange-80: hsl(25deg 93% 63%);\n  --color-orange-50: hsl(25deg 76% 53%);\n  --color-orange-20: hsl(25deg 78% 40%);\n  --color-orange-10: hsl(25deg 55% 15%);\n\n  --color-yellow-90: hsl(46deg 95% 95%);\n  --color-yellow-80: hsl(46deg 90% 70%);\n  --color-yellow-50: hsl(46deg 92% 47%);\n  --color-yellow-20: hsl(46deg 75% 38%);\n  --color-yellow-10: hsl(46deg 70% 12%);\n\n  --color-green-90: hsl(145deg 40% 93%);\n  --color-green-80: hsl(145deg 55% 55%);\n  --color-green-50: hsl(145deg 90% 30%);\n  --color-green-20: hsl(145deg 70% 24%);\n  --color-green-10: hsl(145deg 50% 10%);\n\n  --color-blue-90: hsl(212deg 91% 95%);\n  --color-blue-80: hsl(212deg 91% 64%);\n  --color-blue-50: hsl(212deg 90% 39%);\n  --color-blue-20: hsl(212deg 80% 33%);\n  --color-blue-10: hsl(212deg 65% 12%);\n\n  --color-purple-90: hsl(267deg 99% 96%);\n  --color-purple-80: hsl(267deg 99% 74%);\n  --color-purple-50: hsl(267deg 76% 56%);\n  --color-purple-20: hsl(267deg 65% 40%);\n  --color-purple-10: hsl(267deg 55% 14%);\n}\n","mdn-dropdown {\n  display: contents;\n\n  &:not([loaded], :focus-within) {\n    [slot=\"dropdown\"] {\n      display: none;\n    }\n  }\n}\n",".external {\n  &::after {\n    display: inline-block;\n\n    width: 1em;\n    height: 1em;\n\n    margin-left: 0.25em;\n\n    content: \"\";\n\n    background-color: currentcolor;\n\n    mask-image: url(\"../icon/external-link.svg\");\n    mask-size: cover;\n  }\n}\n","@font-face {\n  font-family: \"Inter\";\n  font-style: normal;\n  font-weight: 100 900;\n\n  src: url(\"fonts/inter.woff2\") format(\"woff2\");\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Inter\";\n  font-style: italic;\n  font-weight: 100 900;\n\n  src: url(\"fonts/inter-italic.woff2\") format(\"woff2\");\n  font-display: swap;\n}\n\n@font-feature-values \"Inter\" {\n  @styleset {\n    disambiguation: 2;\n  }\n}\n\n:root {\n  --font-family-text: \"Inter\", sans-serif;\n  --font-family-code:\n    \"Menlo\", \"Consolas\", \"Monaco\", \"Liberation Mono\", \"Lucida Console\",\n    monospace;\n\n  --font-line-content: 1.75;\n  --font-line-normal: 1.5;\n  --font-line-ui: 1;\n\n  --font-size-largest: 2.5rem;\n  --font-size-larger: 2rem;\n  --font-size-large: 1.5rem;\n  --font-size-normal: 1rem;\n  --font-size-small: 0.8rem;\n}\n","/* Normalize */\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n  font: inherit;\n}\n\nbutton {\n  cursor: pointer;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* Motion */\n\nhtml {\n  scroll-behavior: smooth;\n\n  @media (prefers-reduced-motion: reduce) {\n    scroll-behavior: auto;\n  }\n}\n\n/* Typography */\n\nbody {\n  font-family: var(--font-family-text);\n  font-size: var(--font-size-normal);\n  font-variant-alternates: styleset(disambiguation);\n\n  line-height: var(--font-line-normal);\n\n  color: var(--color-text-primary);\n\n  background-color: var(--color-background-page);\n}\n","/*\n  Icon legacy.\n\n  To be removed when rari no longer renders these.\n\n  Note: The selectors are intentionally explicit to discourage use.\n*/\n.icon {\n  &.icon-deprecated,\n  &.icon-experimental,\n  &.icon-nonstandard {\n    display: inline-block;\n\n    flex-shrink: 0;\n\n    width: 1em;\n    height: 1em;\n\n    vertical-align: middle;\n\n    background-color: var(--color-text-secondary);\n\n    mask-size: cover;\n  }\n\n  /* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 */\n  &.icon-deprecated {\n    mask-image: url(\"../icon/trash-2.svg\");\n  }\n\n  /* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L36-L41 */\n  &.icon-experimental {\n    mask-image: url(\"../icon/flask-conical.svg\");\n  }\n\n  /* See https://github.com/mdn/rari/blob/927fac7cb89c7f7e49dd3ff265c3d74ad89d6490/crates/rari-doc/src/templ/templs/badges.rs#L43-L47 */\n  &.icon-nonstandard {\n    mask-image: url(\"../icon/triangle-alert.svg\");\n  }\n}\n","/* --layout-side-padding-min * 2 + (--layout-sidebar-min + --layout-sidebar-gap) * 2 + --layout-content-min */\n@custom-media --screen-layout-1-sidebar-or-less (width < calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem));\n\n/* --layout-side-padding-min * 2 + --layout-sidebar-min + --layout-sidebar-gap + --layout-content-min */\n@custom-media --screen-layout-no-sidebar (width < calc(1rem * 2 + 14rem + 2rem + 31rem));\n\n:root {\n  --layout-side-padding-min: 1rem;\n  --layout-side-padding: max(\n    var(--layout-side-padding-min),\n    calc((100vw - 1440px + (2rem)) / 2)\n  );\n  --layout-full-width: calc(100vw - 2 * var(--layout-side-padding));\n\n  --layout-sidebar-min: 14rem;\n  --layout-sidebar-gap: 2rem;\n  --layout-content-min: 31rem;\n  --layout-content-max: 48rem;\n\n  /* WARNING: TODO: left/center/right cols widths will change */\n\n  /* prettier-ignore */\n  --layout-2-sidebars:\n    [full-start left-sidebar-start]\n      minmax(var(--layout-sidebar-min), 1fr)\n    [left-sidebar-end]\n      var(--layout-sidebar-gap)\n    [content-start]\n      minmax(0, var(--layout-content-max))\n    [content-end]\n      var(--layout-sidebar-gap)\n    [right-sidebar-start]\n      minmax(var(--layout-sidebar-min), 1fr)\n    [full-end right-sidebar-end];\n\n  /* prettier-ignore */\n  --layout-1-sidebar-left:\n    [full-start sidebar-start left-sidebar-start]\n      minmax(var(--layout-sidebar-min), 1fr)\n    [sidebar-end left-sidebar-end]\n      var(--layout-sidebar-gap)\n    [content-start]\n      minmax(0, var(--layout-content-max))\n    [full-end content-end]\n      minmax(0, 1fr);\n\n  /* prettier-ignore */\n  --layout-1-sidebar-right:\n      minmax(0, 1fr)\n    [full-start content-start]\n      minmax(0, var(--layout-content-max))\n    [content-end]\n      var(--layout-sidebar-gap)\n    [sidebar-start right-sidebar-start]\n      minmax(var(--layout-sidebar-min), 1fr)\n    [full-end sidebar-end right-sidebar-end];\n\n  /* prettier-ignore */\n  --layout-no-sidebar:\n    [full-start]\n      1fr\n    [content-start]\n      minmax(0, var(--layout-content-max))\n    [content-end]\n      1fr\n    [full-end];\n\n  /* prettier-ignore */\n  --layout-no-sidebar-extended:\n    [extended-full-start]\n      var(--layout-side-padding)\n    [full-start]\n      1fr\n    [content-start]\n      minmax(0, var(--layout-content-max))\n    [content-end]\n      1fr\n    [full-end]\n      var(--layout-side-padding)\n    [extended-full-end];\n}\n","mdn-live-sample-result {\n  display: block;\n}\n","html a.only-in-en-us::after {\n  display: inline-block;\n\n  margin-left: 0.5ch;\n\n  font-size: 0.7rem;\n\n  vertical-align: super;\n\n  content: \"(en-US)\";\n}\n\nhtml[lang=\"de\"] a.only-in-en-us::after {\n  content: \"(engl.)\";\n}\n\nhtml[lang=\"es\"] a.only-in-en-us::after {\n  content: \"(inglés)\";\n}\n\nhtml[lang=\"fr\"] a.only-in-en-us::after {\n  content: \"(angl.)\";\n}\n\nhtml[lang=\"ja\"] a.only-in-en-us::after {\n  content: \"(英語)\";\n}\n\nhtml[lang=\"ko\"] a.only-in-en-us::after {\n  content: \"(영어)\";\n}\n\nhtml[lang=\"ru\"] a.only-in-en-us::after {\n  content: \"(англ.)\";\n}\n\nhtml[lang=\"pt-BR\"] a.only-in-en-us::after {\n  content: \"(inglês)\";\n}\n\nhtml[lang=\"zh-CN\"] a.only-in-en-us::after {\n  margin-left: unset;\n  vertical-align: baseline;\n  content: \"（英语）\";\n}\n\nhtml[lang=\"zh-TW\"] a.only-in-en-us::after {\n  margin-left: unset;\n  vertical-align: baseline;\n  content: \"（英語）\";\n}\n","@font-face {\n  font-family: \"BarlowCondensed-SemiBold\";\n  font-weight: 600;\n\n  src:\n    local(\"BarlowCondensed-SemiBold\"),\n    url(\"./assets/BarlowCondensed-SemiBold.woff2\") format(\"woff2\");\n  font-display: block;\n}\n",".table-container {\n  margin: 0;\n  overflow-x: auto;\n}\n",":root {\n  --top-banner-height: 3.375rem;\n  --sticky-header-height: calc(\n    var(--top-nav-height) + var(--breadcrumbs-bar-height)\n  );\n\n  --z-index-sticky-header: 100;\n  --z-index-sidebar-mobile: 90;\n}\n",".visually-hidden {\n  position: absolute !important;\n\n  width: 1px !important;\n  height: 1px !important;\n\n  padding: 0 !important;\n  margin: -1px !important;\n\n  overflow: hidden !important;\n\n  white-space: nowrap !important;\n\n  border: 0 !important;\n\n  clip: rect(1px, 1px, 1px, 1px) !important;\n  clip-path: inset(50%) !important;\n}\n"],"names":[],"mappings":"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"}

package/dist/client/{styles-global.4ec6e147aeff7673.js → styles-global.a3ba01d8e2fca47b.js}

@@ -1 +1 @@
-export const __webpack_ids__=["7646"];export const __webpack_modules__={20252:function(){},23552:function(){},54439:function(){},16140:function(){},15187:function(){},43978:function(){},91127:function(){},28306:function(){},21134:function(){},77689:function(){},82892:function(){},92418:function(){},86050:function(){},6896:function(){},89984:function(){},1700:function(){}};import n from"./styles.911adb13c338ef51.js";var o=function(o){return n(n.s=o)};import*as t from"./styles-global.4ec6e147aeff7673.js";n.C(t),o(20252),o(23552),o(54439),o(16140),o(15187),o(43978),o(91127),o(28306),o(21134),o(77689),o(82892),o(92418),o(86050),o(6896),o(89984),o(1700);
+export const __webpack_ids__=["7646"];export const __webpack_modules__={20252:function(){},23552:function(){},54439:function(){},16140:function(){},15187:function(){},43978:function(){},91127:function(){},28306:function(){},21134:function(){},77689:function(){},82892:function(){},92418:function(){},86050:function(){},6896:function(){},89984:function(){},1700:function(){}};import n from"./styles.911adb13c338ef51.js";var o=function(o){return n(n.s=o)};import*as t from"./styles-global.a3ba01d8e2fca47b.js";n.C(t),o(20252),o(54439),o(23552),o(16140),o(15187),o(43978),o(91127),o(28306),o(21134),o(77689),o(82892),o(92418),o(86050),o(6896),o(89984),o(1700);

package/dist/legacy/1284.8a84929ca476234f.css

@@ -0,0 +1,2 @@
+.auth-container{display:flex;flex-shrink:0;flex-wrap:nowrap;font-family:var(--font-body);font-size:var(--type-smaller-font-size);font-weight:var(--font-body-strong-weight);gap:1rem;list-style:none;padding:0}.auth-container li{flex-shrink:0}@media(max-width:991px){.top-navigation-main .auth-container{align-items:center;justify-content:center;margin-bottom:1rem;text-align:center}}.login-banner{align-items:center;background-color:var(--background-success);border:2px solid var(--background-success);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.login-banner .plus-link{color:var(--text-primary);font-style:normal;font-variation-settings:normal;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:.15rem;text-underline-offset:.1em}.login-banner .auth-container{flex-direction:row;flex-wrap:wrap;gap:1rem;margin-bottom:0;margin-left:auto}.container{margin-left:auto;margin-right:auto;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}.ai-help{--background-toc-active:var(--ai-help-accent-background-color);--category-color:var(--ai-help-icon);--category-color-background:var(--ai-help-accent-background-color);--text-link:var(--ai-help-link)}.ai-help>header{--plus-header:var(--ai-help-header);--plus-mandala:var(--ai-help-mandala);--plus-icon:var(--ai-help-icon);--plus-link:var(--ai-help-link)}.ai-help .button.action.has-icon{--button-color:var(--icon-secondary)}.ai-help .button.action.has-icon:hover{--button-color:var(--icon-primary)}.ai-help .button.action.has-icon:hover .icon-trash{background-color:var(--text-primary-red)}.ai-help>.ai-help-main{--ai-top:calc(var(--top-nav-height) + 1px + 1rem);column-gap:1rem;display:grid;grid-template-columns:[left] 1fr [center] min(52rem,100%) [right] 1fr;grid-template-rows:auto auto 1fr;margin:0 auto;max-width:var(--max-width);padding-left:1rem;padding-right:1rem}.ai-help>.ai-help-main.with-ai-help-history>.ai-help-history{grid-column:left;grid-row:1/4;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - var(--sticky-header-without-actions-height));overflow:auto;position:-webkit-sticky;position:sticky;top:var(--sticky-header-without-actions-height)}@media(max-width:1441px){.ai-help>.ai-help-main.with-ai-help-history{grid-template-columns:[left] minmax(0,15rem) [center] minmax(0,3fr)}}@media(max-width:769px){.ai-help>.ai-help-main.with-ai-help-history{grid-template-columns:[center] minmax(0,3fr)}.ai-help>.ai-help-main.with-ai-help-history>.ai-help-history{grid-column:center;grid-row:initial}}.ai-help>.ai-help-main>.container{grid-column:center;padding:var(--gutter)}.ai-help>.ai-help-main>.container.ai-help-header{column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between}.ai-help>.ai-help-main>.container.ai-help-header>h1{margin-bottom:.7rem;min-width:100%}.ai-help>.ai-help-main>.container.ai-help-header>h1:after{background-color:var(--ai-help-icon);content:"";display:inline-block;height:1.1rem;-webkit-mask-image:url(/static/legacy/ai-help.ab31f935f670437e.svg);mask-image:url(/static/legacy/ai-help.ab31f935f670437e.svg);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:top;width:1.25rem}.ai-help>.ai-help-main>.container.ai-help-header>p{color:var(--text-secondary);margin:0}.ai-help>.ai-help-main>.container.ai-help-header .feedback-link{--feedback-link-icon:var(--icon-secondary);--text-link:var(--text-secondary);font-size:var(--type-tiny-font-size)}.ai-help>.ai-help-main>.container:not(:last-of-type){padding-bottom:0}.ai-help>.ai-help-main>.container .notecard{margin-bottom:0;margin-top:0}.ai-help>.ai-help-main>.container .notecard a:link{color:var(--text-link)}.ai-help a:hover,.ai-help>.ai-help-main>.container .notecard a:link:not(:hover){-webkit-text-decoration:underline;text-decoration:underline}.ai-help .ai-help-banner,.ai-help .login-banner{background-color:var(--category-color-background);border:none;border-radius:.25rem;padding:1rem 1.5rem}.ai-help .ai-help-banner p,.ai-help .login-banner p{margin:0}.ai-help .ai-help-banner{display:flex;flex-direction:column;gap:.25rem}.ai-help .ai-help-banner .icon{background-color:var(--ai-help-icon);vertical-align:text-top}.ai-help .ai-help-banner .icon:first-of-type{margin-right:1rem}.ai-help .ai-help-banner .auth-container{margin-top:1rem}.ai-help .ai-help-banner.disabled{background-color:var(--background-secondary);margin-bottom:2.25rem}.ai-help .ai-help-banner.disabled .button{display:none}.ai-help .ai-help-inner{--input-border-width:1px;--input-padding-left:1rem;--input-padding-right:3rem}.ai-help .ai-help-inner .ai-help-body,.ai-help .ai-help-inner .ai-help-footer{padding:.5rem 0}.ai-help .ai-help-inner .ai-help-footer{background-color:var(--background-primary);bottom:0;-webkit-mask-image:linear-gradient(0deg,#000 0 calc(100% - .5rem),#0000);mask-image:linear-gradient(0deg,#000 0 calc(100% - .5rem),#0000);padding-top:1rem;position:-webkit-sticky;position:sticky}.ai-help .ai-help-inner .ai-help-footer .ai-help-footer-actions{padding-bottom:.5rem}.ai-help .ai-help-inner .ai-help-footer .ai-help-footer-actions button:disabled{visibility:hidden}.ai-help .ai-help-inner .ai-help-footer .ai-help-footer-text{color:var(--text-secondary);font-size:var(--type-tiny-font-size);margin-top:.5rem}.ai-help .ai-help-inner .ai-help-footer .ai-help-refine-button{border:1px solid var(--text-primary)}.ai-help .ai-help-inner .ai-help-footer .ai-help-new-question-button{--button-bg:var(--button-primary-default);--button-bg-hover:var(--button-primary-hover);--button-bg-active:var(--button-primary-active);--button-color:var(--background-primary)}.ai-help .ai-help-inner .ai-help-footer .ai-help-new-question-button :hover{--button-border-color:var(--button-bg-hover);--button-color:var(--background-primary)}.ai-help .ai-help-inner .ai-help-refine-or-new{display:flex;flex-wrap:wrap-reverse;gap:1rem;justify-content:center;width:100%}.ai-help .ai-help-inner .ai-help-refine-or-new .ai-help-new-question-button{align-self:center}.ai-help .ai-help-inner .ai-help-refine-or-new .ai-help-new-question-button .button-wrap{text-transform:none;width:-webkit-max-content;width:max-content}.ai-help .ai-help-inner .ai-help-refine-or-new .ai-help-new-question-button .button-wrap .icon{margin-right:.2em}.ai-help .ai-help-inner .ai-help-input-form{--input-height:3rem;background-color:var(--background-primary);border:var(--input-border-width) solid var(--border-primary);border-radius:1rem;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:center;padding:.5rem 1rem;position:relative}.ai-help .ai-help-inner .ai-help-input-form:focus-within{border-color:var(--category-color);box-shadow:0 0 0 3px var(--blend-color),0 0 0 3px var(--category-color);outline:0 none}.ai-help .ai-help-inner .ai-help-input-form .ai-help-input-actions{display:flex;flex-wrap:wrap}.ai-help .ai-help-inner .ai-help-input-form textarea{background-color:var(--background-primary);border:none;color:var(--text-primary);flex-grow:1;height:2rem;max-height:calc(30vh - var(--sticky-header-without-actions-height));max-width:100%;resize:none}.ai-help .ai-help-inner .ai-help-input-form textarea:focus-visible{outline:none}.ai-help .ai-help-inner .ai-help-input-form button{--button-color:var(--icon-secondary);--button-padding:0.5rem;--icon-size:1.5rem;align-self:end;margin-left:auto}.ai-help .ai-help-inner .ai-help-input-form button:hover{background:#0000}.ai-help .ai-help-inner .ai-help-input-form .button[type=submit]:enabled{--button-color:var(--ai-help-icon)}.ai-help .ai-help-inner .ai-help-examples{background:var(--background-secondary);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem}.ai-help .ai-help-inner .ai-help-examples header{font-weight:500;letter-spacing:var(--header-letter-spacing);line-height:175%}.ai-help .ai-help-inner .ai-help-example{--category-color-engage:var(--border-primary);background:var(--background-primary);border-radius:.25rem;box-shadow:inset .25rem 0 0 var(--category-color-engage);cursor:pointer;font-size:var(--type-smaller-font-size);padding:.5rem 1rem;text-align:left}.ai-help .ai-help-inner .ai-help-example:hover{color:var(--ai-help-link)}.ai-help .ai-help-inner .ai-help-messages{display:flex;flex-direction:column;gap:1rem}.ai-help .ai-help-inner .ai-help-message{border-radius:var(--elem-radius);display:grid;grid-auto-rows:auto;grid-template-columns:-webkit-max-content minmax(0,auto);grid-template-columns:max-content minmax(0,auto);padding:1rem;row-gap:1rem}.ai-help .ai-help-inner .ai-help-message>*{grid-column:2}.ai-help .ai-help-inner .ai-help-message.role-user{color:var(--text-secondary)}.ai-help .ai-help-inner .ai-help-message.role-user .avatar-wrap{border-radius:unset;height:1.5rem;margin-left:unset;margin-right:unset;margin-top:.1rem;position:unset;width:1.5rem}.ai-help .ai-help-inner .ai-help-message.role-assistant .ai-help-message-role{--icon-size:1.5rem;margin-top:-.1rem}.ai-help .ai-help-inner .ai-help-message .ai-help-message-role{flex-shrink:0;grid-column:1;width:2.5rem}.ai-help .ai-help-inner .ai-help-message .ai-help-feedback{display:flex;flex-direction:column;font-size:var(--type-tiny-font-size);gap:.5rem;text-align:right}.ai-help .ai-help-inner .ai-help-message .ai-help-feedback .glean-thumbs{justify-content:flex-end}.ai-help .ai-help-inner .ai-help-message .ai-help-feedback>a{color:var(--text-primary);padding-right:.5rem;-webkit-text-decoration:underline;text-decoration:underline}.ai-help .ai-help-inner .ai-help-message .ai-help-feedback>a:hover{-webkit-text-decoration:none;text-decoration:none}.ai-help .ai-help-inner .ai-help-message .ai-help-message-progress{color:var(--text-secondary)}.ai-help .ai-help-inner .ai-help-message .ai-help-message-progress:before{background-color:var(--text-secondary);content:"";display:inline-block;height:1em;margin-bottom:-.15em;margin-right:.4em;-webkit-mask-image:url(/static/legacy/progress-helper.6955282169495707.svg);mask-image:url(/static/legacy/progress-helper.6955282169495707.svg);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:initial;width:1em}@keyframes pulse{0%{opacity:1}to{opacity:0}}.ai-help .ai-help-inner .ai-help-message .ai-help-message-progress.active:before{animation:pulse 1s infinite alternate}.ai-help .ai-help-inner .ai-help-message .ai-help-message-progress.complete:before{background-color:var(--ai-help-icon);-webkit-mask-image:url(/static/legacy/progress-check.04aea576a79527bc.svg);mask-image:url(/static/legacy/progress-check.04aea576a79527bc.svg)}.ai-help .ai-help-inner .ai-help-message .ai-help-message-progress.errored{background-color:var(--background-critical);border:0;border-radius:var(--elem-radius);color:var(--icon-critical);padding:.5rem 1rem}.ai-help .ai-help-inner .ai-help-message .ai-help-message-progress.errored:before{background-color:var(--icon-critical);-webkit-mask-image:url(/static/legacy/alert-circle.3335c0d7f5b2c5b6.svg);mask-image:url(/static/legacy/alert-circle.3335c0d7f5b2c5b6.svg)}.ai-help .ai-help-inner .ai-help-message .ai-help-message-sources{list-style:circle;list-style-position:inside;padding-left:1.4em}.ai-help .ai-help-inner .ai-help-message.status-in-progress .ai-help-message-content.empty:after,.ai-help .ai-help-inner .ai-help-message.status-in-progress .ai-help-message-content>:not(ol):not(ul):not(pre):not(div.code-example):last-child:after,.ai-help .ai-help-inner .ai-help-message.status-in-progress .ai-help-message-content>div.code-example:last-child pre:last-child code:after,.ai-help .ai-help-inner .ai-help-message.status-in-progress .ai-help-message-content>ol:last-child li:last-child:after,.ai-help .ai-help-inner .ai-help-message.status-in-progress .ai-help-message-content>pre:last-child code:after,.ai-help .ai-help-inner .ai-help-message.status-in-progress .ai-help-message-content>ul:last-child li:last-child:after,.ai-help .ai-help-inner .ai-help-message.status-pending .ai-help-message-content.empty:after,.ai-help .ai-help-inner .ai-help-message.status-pending .ai-help-message-content>:not(ol):not(ul):not(pre):not(div.code-example):last-child:after,.ai-help .ai-help-inner .ai-help-message.status-pending .ai-help-message-content>div.code-example:last-child pre:last-child code:after,.ai-help .ai-help-inner .ai-help-message.status-pending .ai-help-message-content>ol:last-child li:last-child:after,.ai-help .ai-help-inner .ai-help-message.status-pending .ai-help-message-content>pre:last-child code:after,.ai-help .ai-help-inner .ai-help-message.status-pending .ai-help-message-content>ul:last-child li:last-child:after{animation:blink 1s steps(5,start) infinite;content:"▋";margin-left:.25rem;vertical-align:initial}@keyframes blink{to{visibility:hidden}}.ai-help .ai-help-inner .ai-help-message.status-in-progress .ai-help-message-content.empty:after,.ai-help .ai-help-inner .ai-help-message.status-pending .ai-help-message-content.empty:after{margin-left:unset}.ai-help .ai-help-inner .ai-help-message .stopped-message{color:var(--text-muted);display:block;margin-top:1.7rem}.ai-help .ai-help-inner .ai-help-message-content{width:100%}.ai-help .ai-help-inner .ai-help-message-content.role-user{align-items:center;align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;white-space:pre-wrap}.ai-help .ai-help-inner .ai-help-message-content.role-user .ai-help-message-nav{display:flex;justify-content:space-between}.ai-help .ai-help-inner .ai-help-message-content.role-user .ai-help-message-nav>span{text-align:center;white-space:nowrap}.ai-help .ai-help-inner .ai-help-message-content.role-user .ai-help-user-message{width:100%}.ai-help .ai-help-inner .ai-help-message-content h1,.ai-help .ai-help-inner .ai-help-message-content h2,.ai-help .ai-help-inner .ai-help-message-content h3,.ai-help .ai-help-inner .ai-help-message-content h4,.ai-help .ai-help-inner .ai-help-message-content h5{font:unset;font-weight:500}.ai-help .ai-help-inner .ai-help-message-content p{margin:1rem 0}.ai-help .ai-help-inner .ai-help-message-content p:first-child{margin-top:0}.ai-help .ai-help-inner .ai-help-message-content p.example-header,.ai-help .ai-help-inner .ai-help-message-content p:last-child{margin-bottom:0}.ai-help .ai-help-inner .ai-help-message-content ol,.ai-help .ai-help-inner .ai-help-message-content ul{margin:1rem 0 2rem;padding-left:2rem}.ai-help .ai-help-inner .ai-help-message-content ol li,.ai-help .ai-help-inner .ai-help-message-content ul li{margin:.5rem 0}.ai-help .ai-help-inner .ai-help-message-content ul{list-style:disc}.ai-help .ai-help-inner .ai-help-message-content ul ul{list-style-type:circle;margin:0;padding-left:1rem}.ai-help .ai-help-inner .ai-help-message-content ol{list-style:decimal}.ai-help .ai-help-inner .ai-help-message-content ol ol{list-style:lower-roman;margin:0}.ai-help .ai-help-inner .ai-help-message-content dd ol,.ai-help .ai-help-inner .ai-help-message-content dd ul{margin-bottom:1rem;padding-left:3rem}.ai-help .ai-help-inner .ai-help-message-content td ol,.ai-help .ai-help-inner .ai-help-message-content td ul{padding-left:1rem}.ai-help .ai-help-inner .ai-help-message-content dd li{margin-bottom:1rem}.ai-help .ai-help-inner .ai-help-message-content td li{margin-bottom:.5rem}.ai-help .ai-help-inner .ai-help-message-content dl dt{margin-bottom:.5rem;margin-top:2rem}.ai-help .ai-help-inner .ai-help-message-content dl dd{margin-bottom:1rem;margin-left:1rem}.ai-help .ai-help-inner .ai-help-message-content dl dd .notecard p{padding-left:0}.ai-help .ai-help-inner .ai-help-message-content dl p{margin:0 0 1rem}.ai-help .ai-help-inner .ai-help-footer-actions{display:flex;gap:1rem;justify-content:center}.ai-help .ai-help-inner .ai-help-error{margin:.5rem 0}.avatar,.avatar-wrap{border-radius:50%}.avatar-wrap{height:32px;margin-left:-7px;margin-right:.1rem;position:relative;width:32px}@media(min-width:769px){.avatar{margin:initial}}.play-queue-container{position:fixed;right:0;top:50vh;transform:translateY(-50%);z-index:var(--z-index-modal-content)}.play-queue-container details{align-items:center;background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:1rem 0 0 1rem;display:flex;filter:drop-shadow(var(--shadow-02));justify-content:center;padding:.5rem 0;width:-webkit-fit-content;width:fit-content}.play-queue-container details>summary{align-items:center;color:var(--category-color);cursor:pointer;display:flex;padding:0 1rem;width:100%}.play-queue-container details>summary::-webkit-details-marker,.play-queue-container details>summary::marker{display:none}.play-queue-container details>summary>div{display:inline-block;font-weight:700;width:100%}.play-queue-container details>summary>.button.action{--button-color:var(--category-color)}.play-queue-container details[open]{min-width:12rem}.play-queue-container details[open]>summary{border-bottom:1px solid var(--border-primary);padding:0 1.5rem .5rem}.play-queue-container details[open]>summary:after{content:"▼";font-size:.75rem;margin-left:.5rem}.play-queue-container details:not([open]){background-color:var(--category-color);width:-webkit-min-content;width:min-content}.play-queue-container details:not([open])>summary{color:var(--background-primary);font-size:0;width:-webkit-fit-content;width:fit-content}.play-queue-container details:not([open])>summary:after{content:"◀";font-size:.75rem;margin-left:.5rem}.play-queue-container details:not([open])>summary>div{width:1rem}.play-queue-container details:not([open])>summary>div:first-letter{font-size:1rem}.play-queue-container details:not([open])>summary .button{display:none}.play-queue-container button{cursor:pointer}.play-queue-container button.play-button{align-self:center;margin-bottom:.5rem;width:-webkit-fit-content;width:fit-content}.play-queue-container .play-queue-inner{display:flex;flex-direction:column}.play-queue-container .play-queue-inner>ul{margin:0 0 .5rem;max-height:50vh;overflow:auto;width:100%}.play-queue-container .play-queue-inner>ul>li{align-items:center;color:var(--text-primary);display:flex;padding:.25rem 1rem;width:100%}.play-queue-container .play-queue-inner>ul>li:active,.play-queue-container .play-queue-inner>ul>li:hover{background-color:var(--background-toc-active)}.play-queue-container .play-queue-inner>ul>li .queue-ref{color:var(--text-primary);font-size:var(--type-smaller-font-size);padding:0 .5rem}.play-queue-container .play-queue-inner>ul>li .queue-ref:active,.play-queue-container .play-queue-inner>ul>li .queue-ref:hover{color:var(--text-link);-webkit-text-decoration:underline;text-decoration:underline}.play-queue-container .play-queue-inner>ul>li>code{background-color:#0000;justify-self:center;margin:0 auto;min-width:6rem;text-align:center;text-transform:uppercase}.ai-help-history{margin-top:1.75rem;padding-right:1rem}.ai-help-history>input{height:0;margin:0;opacity:0;position:absolute;width:0}.ai-help-history>input~.ai-help-history-toggle{--button-action-transform:none;background-color:var(--background-primary);display:block;padding:.5rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:var(--z-index-mid)}.ai-help-history>input~.ai-help-history-toggle>label{cursor:pointer;width:-webkit-fit-content;width:fit-content}.ai-help-history>input~.ai-help-history-toggle>label .icon-sidebar{-webkit-mask-image:url(/static/legacy/sidebar.f5c855c1f43aea2c.svg);mask-image:url(/static/legacy/sidebar.f5c855c1f43aea2c.svg)}.ai-help-history>input:focus-visible~.ai-help-history-toggle>label{opacity:1;outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}.ai-help-history>input:checked~.ai-help-history-toggle>label .icon-sidebar{-webkit-mask-image:url(/static/legacy/sidebar-filled.473e64fc5706119d.svg);mask-image:url(/static/legacy/sidebar-filled.473e64fc5706119d.svg)}.ai-help-history>input:checked~.ai-help-history-toggle>label .show-history{display:none}@media(min-width:769px){.ai-help-history>input:checked~.ai-help-history-toggle>label .hide-history{display:none}.ai-help-history>input:checked~.ai-help-history-toggle>label .show-history{display:inherit}}.ai-help-history>input:checked~ol,.ai-help-history>input:not(:checked)~.ai-help-history-toggle>label .hide-history{display:none}@media(min-width:769px){.ai-help-history>input:not(:checked)~.ai-help-history-toggle{display:none}}.ai-help-history ol>li{display:flex;flex-direction:column;padding:1rem 0 .5rem}.ai-help-history ol>li>ol{margin-bottom:.5rem;width:100%}.ai-help-history ol>li>ol>li{--icon-size:0.6rem;align-items:center;display:flex;flex-direction:row;min-height:3rem;padding:.5rem}.ai-help-history ol>li>ol>li>a{color:var(--text-secondary);-webkit-mask-image:linear-gradient(270deg,#0000,#000 3ch);mask-image:linear-gradient(270deg,#0000,#000 3ch);overflow:hidden;white-space:nowrap;width:100%}.ai-help-history ol>li>ol>li>a:focus-visible{-webkit-mask-image:initial;mask-image:none;text-overflow:ellipsis}.ai-help-history ol>li>ol>li.ai-help-history-active{background-color:var(--background-secondary);border-radius:var(--elem-radius)}.ai-help-history ol>li>time{color:var(--text-secondary);display:block;font-size:var(--type-smaller-font-size);padding-left:.5rem}.ai-help-history ol>li>time:before{--icon-size:0.6rem;background-color:var(--icon-secondary);content:"";display:inline-block;height:var(--icon-size);margin-right:.5em;-webkit-mask-image:url(/static/legacy/message.fbba45f4c3a1d6f2.svg);mask-image:url(/static/legacy/message.fbba45f4c3a1d6f2.svg);-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;width:var(--icon-size)}@media(max-width:769px){.ai-help-history{background-color:var(--background-primary);grid-column:center;grid-row:2/3;max-height:none;padding:0 .5rem;position:static;z-index:var(--z-index-mid)}.ai-help-history input~.ai-help-history-toggle>label .icon-sidebar{-webkit-mask-image:url(/static/legacy/sidebar-filled.473e64fc5706119d.svg);mask-image:url(/static/legacy/sidebar-filled.473e64fc5706119d.svg)}.ai-help-history input~ol{display:none}.ai-help-history input:checked~.ai-help-history-toggle>label .icon-sidebar{-webkit-mask-image:url(/static/legacy/sidebar.f5c855c1f43aea2c.svg);mask-image:url(/static/legacy/sidebar.f5c855c1f43aea2c.svg)}.ai-help-history input:checked~ol{display:initial}}.ai-help-history-activation{background-color:var(--background-secondary);border-radius:.25rem;margin-top:3.5rem;padding:.25rem}.ai-help-history-activation .icons-highlighted .icon{background-color:var(--ai-help-icon)}.ai-help-history-activation .icons-highlighted .icons-icon-wrapper{--padding:0.25rem;background-color:var(--category-color-background);border-radius:1rem;height:calc(var(--icon-size) + var(--padding)*2);padding:var(--padding);width:calc(var(--icon-size) + var(--padding)*2)}.ai-help-history-activation p{margin:.25rem auto;text-align:center}.ai-help-history-activation p .teaser{font-size:var(--type-smaller-font-size)}.ai-help-history-activation p a[href]{font-weight:var(--font-body-strong-weight);-webkit-text-decoration:underline;text-decoration:underline}.ai-help-history-activation p a[href]:active,.ai-help-history-activation p a[href]:hover{text-decoration:unset}@media(max-width:769px){.ai-help-history-activation{margin:.5rem;padding:1rem 1.5rem}.ai-help-history-activation figure{align-items:center;display:flex;flex-direction:row;gap:1.5rem}.ai-help-history-activation figure .icons-highlighted{margin-top:-.75rem}.ai-help-history-activation figure p{margin:.25rem;text-align:left}.ai-help-history-activation figure a[href]{display:inline-block}}.ai-help .ai-help-landing{margin:2rem 0}.ai-help .ai-help-landing h2{font-size:var(--type-heading-h3-font-size);margin:.5rem 0}.ai-help .ai-help-landing h3{font:unset;font-size:var(--type-heading-h4-font-size);font-weight:500;letter-spacing:unset}.ai-help .ai-help-landing .auth-container{justify-content:flex-start}.ai-help .ai-help-landing .ai-help-landing-top{display:flex;flex-direction:column;gap:2rem}@media(min-width:769px){.ai-help .ai-help-landing .ai-help-landing-top{flex-direction:row;gap:6rem;justify-content:space-evenly}}@media(min-width:992px){.ai-help .ai-help-landing .ai-help-landing-top{gap:12rem}}.ai-help .ai-help-landing .ai-help-landing-top>*{flex:1}.ai-help .ai-help-landing .ai-help-landing-top h1 em{color:var(--category-color);font-style:unset;font-variation-settings:unset}.ai-help .ai-help-landing .ai-help-landing-top img{border-radius:1rem;box-shadow:0 3px 22px var(--border-secondary)}.ai-help .ai-help-landing .ai-help-landing-features{background-color:var(--background-secondary);margin:4rem 0;padding:1rem 0}.ai-help .ai-help-landing .ai-help-landing-features .ai-help-new-additions{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}@media(min-width:769px){.ai-help .ai-help-landing .ai-help-landing-features .ai-help-new-additions{flex-direction:row;gap:3rem;justify-content:space-between}}.ai-help .ai-help-landing .ai-help-landing-features .ai-help-new-additions figure{align-items:center;display:flex;gap:1.5rem;margin-top:1rem;text-align:center}.ai-help .ai-help-landing .ai-help-landing-features .ai-help-new-additions figure svg{height:3rem;width:3rem}.ai-help .ai-help-landing .ai-help-landing-features .ai-help-new-additions figure figcaption p{margin:0}@media(min-width:769px){.ai-help .ai-help-landing .ai-help-landing-features .ai-help-new-additions figure{display:block}.ai-help .ai-help-landing .ai-help-landing-features .ai-help-new-additions figure svg{height:5rem;margin:0 auto;width:5rem}.ai-help .ai-help-landing .ai-help-landing-features .ai-help-new-additions figure figcaption{text-align:center}}@media(max-width:768px){.ai-help .ai-help-landing .ai-help-landing-features .ai-help-new-additions figure figcaption{text-align:left}.ai-help .ai-help-landing .ai-help-landing-features .ai-help-new-additions figure figcaption h3{margin:0}}.ai-help .ai-help-landing .ai-help-landing-bottom{margin-bottom:4rem}.ai-help .ai-help-landing .ai-help-landing-bottom ul.highlights{margin:2rem 0}.ai-help .ai-help-landing .ai-help-landing-bottom ul.highlights li:before{background-image:url(/static/legacy/lightbulb-question.7fbc672959b52326.svg);content:"";display:inline-block;height:1rem;margin-right:.5ch;vertical-align:text-top;width:1rem}.ai-help .ai-help-landing .ai-help-landing-bottom ul.highlights li:not(:last-of-type){margin-bottom:1rem}.ai-help .ai-help-landing .ai-help-landing-bottom ul.highlights li em{font-style:unset;font-variation-settings:unset;font-weight:600}
+/*# sourceMappingURL=1284.8a84929ca476234f.css.map*/

package/dist/legacy/1284.8a84929ca476234f.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"1284.8a84929ca476234f.css","sources":["webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/ui/molecules/auth-container/index.scss","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/plus/common/login-banner.scss","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/ui/atoms/container/index.scss","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/plus/ai-help/index.scss","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/ui/atoms/avatar/index.scss","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/playground/queue/index.scss","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/plus/ai-help/history.scss","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/plus/ai-help/landing.scss"],"sourcesContent":["@use \"../../vars\" as *;\n\n.auth-container {\n  display: flex;\n  flex-shrink: 0;\n  flex-wrap: nowrap;\n  font-family: var(--font-body);\n  font-size: var(--type-smaller-font-size);\n  font-weight: var(--font-body-strong-weight);\n  gap: 1rem;\n  list-style: none;\n  padding: 0;\n\n  li {\n    flex-shrink: 0;\n  }\n}\n\n.top-navigation-main {\n  .auth-container {\n    @media (max-width: #{$screen-lg - 1}) {\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 1rem;\n      text-align: center;\n    }\n  }\n}\n","@use \"../../ui/vars\" as *;\n\n.login-banner {\n  align-items: center;\n  background-color: var(--background-success);\n  border: 2px solid var(--background-success);\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  padding: 1rem;\n\n  .plus-link {\n    color: var(--text-primary);\n    font-style: normal;\n    font-variation-settings: normal;\n    text-decoration: underline;\n    text-decoration-thickness: 0.15rem;\n    text-underline-offset: 0.1em;\n  }\n\n  .auth-container {\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 1rem;\n    margin-bottom: 0;\n    margin-left: auto;\n  }\n}\n",".container {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: var(--max-width);\n  padding-left: var(--gutter);\n  padding-right: var(--gutter);\n  width: 100%;\n}\n","@use \"../../ui/vars\" as *;\n\n.ai-help {\n  --background-toc-active: var(--ai-help-accent-background-color);\n  --category-color: var(--ai-help-icon);\n  --category-color-background: var(--ai-help-accent-background-color);\n  --text-link: var(--ai-help-link);\n\n  > header {\n    --plus-header: var(--ai-help-header);\n    --plus-mandala: var(--ai-help-mandala);\n    --plus-icon: var(--ai-help-icon);\n    --plus-link: var(--ai-help-link);\n  }\n\n  .button.action.has-icon {\n    // Reduce button icon contrast to make it less prominent.\n    --button-color: var(--icon-secondary);\n\n    &:hover {\n      --button-color: var(--icon-primary);\n\n      .icon-trash {\n        background-color: var(--text-primary-red);\n      }\n    }\n  }\n\n  > .ai-help-main {\n    --ai-top: calc(var(--top-nav-height) + 1px + 1rem);\n    column-gap: 1rem;\n    display: grid;\n    grid-template-columns: [left] 1fr [center] min(52rem, 100%) [right] 1fr;\n    grid-template-rows: auto auto 1fr;\n    margin: 0 auto;\n    max-width: var(--max-width);\n    padding-left: 1rem;\n    padding-right: 1rem;\n\n    &.with-ai-help-history {\n      > .ai-help-history {\n        grid-column: left;\n        grid-row: 1/4;\n        height: fit-content;\n        max-height: calc(100vh - var(--sticky-header-without-actions-height));\n        overflow: auto;\n        position: sticky;\n        top: var(--sticky-header-without-actions-height);\n      }\n      @media (max-width: $screen-xxl) {\n        grid-template-columns: [left] minmax(0, 15rem) [center] minmax(0, 3fr);\n      }\n      @media (max-width: $screen-md) {\n        grid-template-columns: [center] minmax(0, 3fr);\n\n        > .ai-help-history {\n          grid-column: center;\n          grid-row: initial;\n        }\n      }\n    }\n\n    > .container {\n      grid-column: center;\n      padding: var(--gutter);\n\n      &.ai-help-header {\n        column-gap: 1rem;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: space-between;\n\n        > h1 {\n          margin-bottom: 0.7rem;\n          min-width: 100%;\n\n          &::after {\n            background-color: var(--ai-help-icon);\n            content: \"\";\n            display: inline-block;\n            height: 1.1rem;\n            mask-image: url(\"../../assets/icons/ai-help.svg\");\n            mask-position: center center;\n            mask-repeat: no-repeat;\n            mask-size: contain;\n            vertical-align: top;\n            width: 1.25rem;\n          }\n        }\n\n        > p {\n          color: var(--text-secondary);\n          margin: 0;\n        }\n\n        .feedback-link {\n          --feedback-link-icon: var(--icon-secondary);\n          --text-link: var(--text-secondary);\n          font-size: var(--type-tiny-font-size);\n        }\n      }\n\n      &:not(:last-of-type) {\n        padding-bottom: 0;\n      }\n\n      .notecard {\n        margin-bottom: 0;\n        margin-top: 0;\n\n        a:link {\n          color: var(--text-link);\n\n          &:not(:hover) {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  .ai-help-banner,\n  .login-banner {\n    background-color: var(--category-color-background);\n    border: none;\n    border-radius: 0.25rem;\n    padding: 1rem 1.5rem;\n\n    p {\n      margin: 0;\n    }\n  }\n\n  .ai-help-banner {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n\n    .icon {\n      background-color: var(--ai-help-icon);\n      vertical-align: text-top;\n\n      &:first-of-type {\n        margin-right: 1rem;\n      }\n    }\n\n    .auth-container {\n      margin-top: 1rem;\n    }\n\n    &.disabled {\n      background-color: var(--background-secondary);\n\n      margin-bottom: 2.25rem;\n\n      .button {\n        display: none;\n      }\n    }\n  }\n\n  .ai-help-inner {\n    --input-border-width: 1px;\n    --input-padding-left: 1rem;\n    --input-padding-right: 3rem;\n\n    .ai-help-body,\n    .ai-help-footer {\n      padding: 0.5rem 0;\n    }\n\n    .ai-help-footer {\n      background-color: var(--background-primary);\n      bottom: 0;\n      mask-image: linear-gradient(\n        to top,\n        rgb(0, 0, 0) 0% calc(100% - 0.5rem),\n        rgba(0, 0, 0, 0) 100%\n      );\n      padding-top: 1rem;\n      position: sticky;\n\n      .ai-help-footer-actions {\n        padding-bottom: 0.5rem;\n\n        button:disabled {\n          visibility: hidden;\n        }\n      }\n\n      .ai-help-footer-text {\n        color: var(--text-secondary);\n        font-size: var(--type-tiny-font-size);\n        margin-top: 0.5rem;\n      }\n\n      .ai-help-refine-button {\n        border: 1px solid var(--text-primary);\n      }\n\n      .ai-help-new-question-button {\n        // Revert effects of .button.action\n        --button-bg: var(--button-primary-default);\n        --button-bg-hover: var(--button-primary-hover);\n        --button-bg-active: var(--button-primary-active);\n        --button-color: var(--background-primary);\n\n        :hover {\n          --button-border-color: var(--button-bg-hover);\n          --button-color: var(--background-primary);\n        }\n      }\n    }\n\n    .ai-help-refine-or-new {\n      display: flex;\n      flex-wrap: wrap-reverse;\n      gap: 1rem;\n      justify-content: center;\n      width: 100%;\n\n      .ai-help-new-question-button {\n        align-self: center;\n\n        .button-wrap {\n          text-transform: none;\n          width: max-content;\n\n          .icon {\n            margin-right: 0.2em;\n          }\n        }\n      }\n    }\n\n    .ai-help-input-form {\n      --input-height: 3rem;\n      background-color: var(--background-primary);\n      border: var(--input-border-width) solid var(--border-primary);\n      border-radius: 1rem;\n      display: flex;\n      flex-grow: 1;\n      flex-wrap: wrap;\n      justify-content: center;\n      padding: 0.5rem 1rem;\n      position: relative;\n\n      &:focus-within {\n        border-color: var(--category-color);\n        box-shadow:\n          0 0 0 3px var(--blend-color),\n          0 0 0 3px var(--category-color);\n        outline: 0 none;\n      }\n\n      .ai-help-input-actions {\n        display: flex;\n        flex-wrap: wrap;\n      }\n\n      textarea {\n        background-color: var(--background-primary);\n        border: none;\n        color: var(--text-primary);\n        flex-grow: 1;\n        height: 2rem;\n        max-height: calc(30vh - var(--sticky-header-without-actions-height));\n        max-width: 100%;\n        resize: none;\n\n        &:focus-visible {\n          outline: none;\n        }\n      }\n\n      button {\n        --button-color: var(--icon-secondary);\n        --button-padding: 0.5rem;\n        --icon-size: 1.5rem;\n        align-self: end;\n        margin-left: auto;\n\n        &:hover {\n          background: transparent;\n        }\n      }\n\n      .button[type=\"submit\"]:enabled {\n        --button-color: var(--ai-help-icon);\n      }\n    }\n\n    .ai-help-examples {\n      background: var(--background-secondary);\n      border-radius: 0.25rem;\n      display: flex;\n      flex-direction: column;\n      gap: 1rem;\n      margin: 1rem 0;\n      padding: 1rem;\n\n      header {\n        font-weight: 500;\n        letter-spacing: var(--header-letter-spacing);\n        line-height: 175%;\n      }\n    }\n\n    .ai-help-example {\n      --category-color-engage: var(--border-primary);\n      background: var(--background-primary);\n      border-radius: 0.25rem;\n      box-shadow: inset 0.25rem 0 0 var(--category-color-engage);\n      cursor: pointer;\n      font-size: var(--type-smaller-font-size);\n      padding: 0.5rem 1rem;\n      text-align: left;\n\n      &:hover {\n        color: var(--ai-help-link);\n      }\n    }\n\n    .ai-help-messages {\n      display: flex;\n      flex-direction: column;\n      gap: 1rem;\n    }\n\n    .ai-help-message {\n      border-radius: var(--elem-radius);\n      display: grid;\n      grid-auto-rows: auto;\n      grid-template-columns: max-content minmax(0, auto);\n      padding: 1rem;\n      row-gap: 1rem;\n\n      > * {\n        grid-column: 2;\n      }\n\n      &.role-user {\n        color: var(--text-secondary);\n\n        .avatar-wrap {\n          border-radius: unset;\n          height: 1.5rem;\n          margin-left: unset;\n          margin-right: unset;\n          margin-top: 0.1rem; /* Align with text. */\n          position: unset;\n          width: 1.5rem;\n        }\n      }\n\n      &.role-assistant {\n        .ai-help-message-role {\n          --icon-size: 1.5rem;\n          margin-top: -0.1rem; /* Align with text. */\n        }\n      }\n\n      .ai-help-message-role {\n        flex-shrink: 0;\n        grid-column: 1;\n        width: 2.5rem;\n      }\n\n      .ai-help-feedback {\n        display: flex;\n        flex-direction: column;\n        font-size: var(--type-tiny-font-size);\n        gap: 0.5rem;\n        text-align: right;\n\n        .glean-thumbs {\n          justify-content: flex-end;\n        }\n\n        > a {\n          color: var(--text-primary);\n          padding-right: 0.5rem;\n          text-decoration: underline;\n\n          &:hover {\n            text-decoration: none;\n          }\n        }\n      }\n\n      .ai-help-message-progress {\n        color: var(--text-secondary);\n\n        &::before {\n          background-color: var(--text-secondary);\n          content: \"\";\n          display: inline-block;\n          height: 1em;\n          margin-bottom: -0.15em;\n          margin-right: 0.4em;\n          mask-image: url(\"../../assets/icons/progress-helper.svg\");\n          mask-position: center center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          vertical-align: baseline;\n          width: 1em;\n\n          @keyframes pulse {\n            from {\n              opacity: 1;\n            }\n\n            to {\n              opacity: 0;\n            }\n          }\n        }\n\n        &.active::before {\n          animation: pulse 1s infinite alternate;\n        }\n\n        &.complete::before {\n          background-color: var(--ai-help-icon);\n          mask-image: url(\"../../assets/icons/progress-check.svg\");\n        }\n\n        &.errored {\n          background-color: var(--background-critical);\n          border: 0;\n          border-radius: var(--elem-radius);\n          color: var(--icon-critical);\n          padding: 0.5rem 1rem;\n\n          &::before {\n            background-color: var(--icon-critical);\n            mask-image: url(\"../../assets/icons/alert-circle.svg\");\n          }\n        }\n      }\n\n      .ai-help-message-sources {\n        list-style: circle;\n        list-style-position: inside;\n        padding-left: 1.4em;\n      }\n\n      &.status-pending .ai-help-message-content,\n      &.status-in-progress .ai-help-message-content {\n        &.empty::after,\n        > :not(ol):not(ul):not(pre):not(div.code-example):last-child:after,\n        > ol:last-child li:last-child:after,\n        > pre:last-child code:after,\n        > ul:last-child li:last-child:after,\n        > div.code-example:last-child pre:last-child code:after {\n          animation: blink 1s steps(5, start) infinite;\n          content: \"▋\";\n          margin-left: 0.25rem;\n          vertical-align: baseline;\n\n          @keyframes blink {\n            to {\n              visibility: hidden;\n            }\n          }\n        }\n\n        &.empty::after {\n          margin-left: unset;\n        }\n      }\n\n      .stopped-message {\n        color: var(--text-muted);\n        display: block;\n        margin-top: 1.7rem;\n      }\n    }\n\n    .ai-help-message-content {\n      width: 100%;\n\n      &.role-user {\n        align-items: center;\n        align-items: flex-start;\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        white-space: pre-wrap;\n\n        .ai-help-message-nav {\n          display: flex;\n          justify-content: space-between;\n\n          > span {\n            text-align: center;\n            white-space: nowrap;\n          }\n        }\n\n        .ai-help-user-message {\n          width: 100%;\n        }\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5 {\n        font: unset;\n        font-weight: 500;\n      }\n\n      p {\n        margin: 1rem 0;\n\n        &:first-child {\n          margin-top: 0;\n        }\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n\n        &.example-header {\n          margin-bottom: 0;\n        }\n      }\n\n      ul,\n      ol {\n        margin: 1rem 0 2rem;\n        padding-left: 2rem;\n\n        li {\n          margin: 0.5rem 0;\n        }\n      }\n\n      ul {\n        list-style: disc;\n\n        ul {\n          list-style-type: circle;\n          margin: 0;\n          padding-left: 1rem;\n        }\n      }\n\n      ol {\n        list-style: decimal;\n\n        ol {\n          list-style: lower-roman;\n          margin: 0;\n        }\n      }\n\n      dd ol,\n      dd ul {\n        margin-bottom: 1rem;\n        padding-left: 3rem;\n      }\n\n      td ul,\n      td ol {\n        padding-left: 1rem;\n      }\n\n      dd li {\n        margin-bottom: 1rem;\n      }\n\n      td li {\n        margin-bottom: 0.5rem;\n      }\n\n      dl {\n        dt {\n          margin-bottom: 0.5rem;\n          margin-top: 2rem;\n        }\n\n        dd {\n          margin-bottom: 1rem;\n          margin-left: 1rem;\n\n          .notecard {\n            p {\n              padding-left: 0;\n            }\n          }\n        }\n\n        p {\n          margin: 0 0 1rem;\n        }\n      }\n    }\n\n    .ai-help-footer-actions {\n      display: flex;\n      gap: 1rem;\n      justify-content: center;\n    }\n\n    .ai-help-error {\n      margin: 0.5rem 0;\n    }\n  }\n}\n","@use \"../../vars\" as *;\n\n.avatar {\n  border-radius: 50%;\n\n  &-wrap {\n    border-radius: 50%;\n    height: 32px;\n    /* pull the avatar into the space on the left\n       introduced by the border */\n    margin-left: -7px;\n    margin-right: 0.1rem;\n    position: relative;\n    width: 32px;\n\n    /*\n    &.is-subscriber {\n      padding: 2px;\n      background: radial-gradient(\n        circle,\n        white 55%,\n        var(--background-mark-yellow) 55%\n      );\n    }\n    */\n  }\n\n  @media (min-width: $screen-md) {\n    margin: initial;\n  }\n}\n",".play-queue-container {\n  position: fixed;\n  right: 0;\n  top: 50vh;\n  transform: translateY(-50%);\n  z-index: var(--z-index-modal-content);\n\n  details {\n    align-items: center;\n    background: var(--background-secondary);\n    border: 1px solid var(--border-primary);\n    border-radius: 1rem 0 0 1rem;\n    display: flex;\n    filter: drop-shadow(var(--shadow-02));\n    justify-content: center;\n    padding: 0.5rem 0;\n    width: fit-content;\n\n    > summary {\n      align-items: center;\n      color: var(--category-color);\n      cursor: pointer;\n      display: flex;\n      padding: 0 1rem;\n      width: 100%;\n\n      &::-webkit-details-marker,\n      &::marker {\n        display: none;\n      }\n\n      > div {\n        display: inline-block;\n        font-weight: bold;\n        width: 100%;\n      }\n\n      > .button.action {\n        --button-color: var(--category-color);\n      }\n    }\n\n    &[open] {\n      min-width: 12rem;\n\n      > summary {\n        border-bottom: 1px solid var(--border-primary);\n        padding: 0 1.5rem 0.5rem;\n\n        &::after {\n          content: \"▼\";\n          font-size: 0.75rem;\n          margin-left: 0.5rem;\n        }\n      }\n    }\n\n    &:not([open]) {\n      background-color: var(--category-color);\n      width: min-content;\n\n      > summary {\n        color: var(--background-primary);\n        font-size: 0;\n        width: fit-content;\n\n        &::after {\n          content: \"◀\";\n          font-size: 0.75rem;\n          margin-left: 0.5rem;\n        }\n\n        > div {\n          width: 1rem;\n\n          &::first-letter {\n            font-size: 1rem;\n          }\n        }\n\n        .button {\n          display: none;\n        }\n      }\n    }\n  }\n\n  button {\n    cursor: pointer;\n\n    &.play-button {\n      align-self: center;\n      margin-bottom: 0.5rem;\n      width: fit-content;\n    }\n  }\n\n  .play-queue-inner {\n    display: flex;\n    flex-direction: column;\n\n    > ul {\n      margin: 0 0 0.5rem;\n      max-height: 50vh;\n      overflow: auto;\n      width: 100%;\n\n      > li {\n        align-items: center;\n        color: var(--text-primary);\n        display: flex;\n        padding: 0.25rem 1rem;\n        width: 100%;\n\n        &:active,\n        &:hover {\n          background-color: var(--background-toc-active);\n        }\n\n        .queue-ref {\n          color: var(--text-primary);\n          font-size: var(--type-smaller-font-size);\n          padding: 0 0.5rem;\n\n          &:active,\n          &:hover {\n            color: var(--text-link);\n            text-decoration: underline;\n          }\n        }\n\n        > code {\n          background-color: transparent;\n          justify-self: center;\n          margin: 0 auto;\n          min-width: 6rem;\n          text-align: center;\n          text-transform: uppercase;\n        }\n      }\n    }\n  }\n}\n","@use \"../../ui/vars\" as *;\n\n.ai-help-history {\n  // Align first item with AI Help subtitle.\n  margin-top: 1.75rem;\n  padding-right: 1rem;\n\n  > input {\n    height: 0;\n    margin: 0;\n    opacity: 0;\n    position: absolute;\n    width: 0;\n\n    ~ .ai-help-history-toggle {\n      --button-action-transform: none;\n      background-color: var(--background-primary);\n      display: block;\n      padding: 0.5rem;\n      position: sticky;\n      top: 0;\n      width: 100%;\n      z-index: var(--z-index-mid);\n\n      > label {\n        cursor: pointer;\n        width: fit-content;\n\n        .icon-sidebar {\n          mask-image: url(\"../../assets/icons/sidebar.svg\");\n        }\n      }\n    }\n\n    &:focus-visible ~ .ai-help-history-toggle > label {\n      opacity: 1;\n      outline-color: var(--accent-primary);\n      outline-offset: 1px;\n      outline-style: auto;\n    }\n\n    &:checked {\n      // Means hidden on desktop, show on mobile.\n      ~ .ai-help-history-toggle > label {\n        .icon-sidebar {\n          mask-image: url(\"../../assets/icons/sidebar-filled.svg\");\n        }\n\n        .show-history {\n          display: none;\n        }\n\n        @media (min-width: $screen-md) {\n          .hide-history {\n            display: none;\n          }\n\n          .show-history {\n            // Show on desktop.\n            display: inherit;\n          }\n        }\n      }\n\n      ~ ol {\n        display: none;\n      }\n    }\n\n    &:not(:checked) {\n      // Means hidden on mobile, show on desktop.\n      ~ .ai-help-history-toggle {\n        > label .hide-history {\n          display: none;\n        }\n\n        @media (min-width: $screen-md) {\n          // Hiding doesn't make sense on desktop.\n          display: none;\n        }\n      }\n    }\n  }\n\n  ol {\n    > li {\n      display: flex;\n      flex-direction: column;\n      padding: 1rem 0 0.5rem;\n\n      > ol {\n        margin-bottom: 0.5rem;\n        width: 100%;\n\n        > li {\n          --icon-size: 0.6rem;\n          align-items: center;\n          display: flex;\n          flex-direction: row;\n          min-height: 3rem;\n          padding: 0.5rem;\n\n          > a {\n            color: var(--text-secondary);\n            mask-image: linear-gradient(to left, transparent, #000 3ch);\n            overflow: hidden;\n            white-space: nowrap;\n            width: 100%;\n\n            &:focus-visible {\n              mask-image: initial;\n              text-overflow: ellipsis;\n            }\n          }\n\n          &.ai-help-history-active {\n            background-color: var(--background-secondary);\n            border-radius: var(--elem-radius);\n          }\n        }\n      }\n\n      > time {\n        color: var(--text-secondary);\n        display: block;\n        font-size: var(--type-smaller-font-size);\n        padding-left: 0.5rem;\n\n        &::before {\n          --icon-size: 0.6rem;\n          background-color: var(--icon-secondary);\n          content: \"\";\n          display: inline-block;\n          height: var(--icon-size);\n          margin-right: 0.5em;\n          mask-image: url(\"../../assets/icons/message.svg\");\n          mask-size: contain;\n          vertical-align: middle;\n          width: var(--icon-size);\n        }\n      }\n    }\n  }\n\n  @media (max-width: $screen-md) {\n    background-color: var(--background-primary);\n    grid-column: center;\n    grid-row: 2/3;\n    max-height: initial;\n    padding: 0 0.5rem;\n    position: initial;\n    z-index: var(--z-index-mid);\n\n    input {\n      ~ .ai-help-history-toggle > label .icon-sidebar {\n        mask-image: url(\"../../assets/icons/sidebar-filled.svg\");\n      }\n\n      ~ ol {\n        display: none;\n      }\n    }\n\n    input:checked {\n      ~ .ai-help-history-toggle > label .icon-sidebar {\n        mask-image: url(\"../../assets/icons/sidebar.svg\");\n      }\n\n      ~ ol {\n        display: initial;\n      }\n    }\n  }\n}\n\n.ai-help-history-activation {\n  background-color: var(--background-secondary);\n  border-radius: 0.25rem;\n  // Align \"Answer History\" with \"GPT-4o-powered AI Help\".\n  margin-top: 3.5rem;\n  padding: 0.25rem;\n\n  .icons-highlighted {\n    .icon {\n      background-color: var(--ai-help-icon);\n    }\n\n    .icons-icon-wrapper {\n      --padding: 0.25rem;\n      background-color: var(--category-color-background);\n      border-radius: 1rem;\n      height: calc(var(--icon-size) + 2 * var(--padding));\n      padding: var(--padding);\n      width: calc(var(--icon-size) + 2 * var(--padding));\n    }\n  }\n\n  p {\n    margin: 0.25rem auto;\n    text-align: center;\n\n    .teaser {\n      font-size: var(--type-smaller-font-size);\n    }\n\n    a[href] {\n      font-weight: var(--font-body-strong-weight);\n      text-decoration: underline;\n\n      &:active,\n      &:hover {\n        text-decoration: unset;\n      }\n    }\n  }\n\n  @media (max-width: $screen-md) {\n    margin: 0.5rem;\n    padding: 1rem 1.5rem;\n\n    figure {\n      align-items: center;\n      display: flex;\n      flex-direction: row;\n      gap: 1.5rem;\n\n      .icons-highlighted {\n        margin-top: -0.75rem;\n      }\n\n      p {\n        margin: 0.25rem;\n        text-align: left;\n      }\n\n      a[href] {\n        display: inline-block;\n      }\n    }\n  }\n}\n","@use \"../../ui/vars\" as *;\n\n.ai-help .ai-help-landing {\n  margin: 2rem 0;\n\n  h2 {\n    font-size: var(--type-heading-h3-font-size);\n    margin: 0.5rem 0;\n  }\n\n  h3 {\n    font: unset;\n    font-size: var(--type-heading-h4-font-size);\n    font-weight: 500;\n    letter-spacing: unset;\n  }\n\n  .auth-container {\n    justify-content: flex-start;\n  }\n\n  .ai-help-landing-top {\n    display: flex;\n    flex-direction: column;\n    gap: 2rem;\n\n    @media (min-width: $screen-md) {\n      flex-direction: row;\n      gap: 6rem;\n      justify-content: space-evenly;\n    }\n\n    @media (min-width: $screen-lg) {\n      gap: 12rem;\n    }\n\n    > * {\n      flex: 1;\n    }\n\n    h1 {\n      em {\n        color: var(--category-color);\n        font-style: unset;\n        font-variation-settings: unset;\n      }\n    }\n\n    img {\n      border-radius: 1rem;\n      box-shadow: 0 3px 22px var(--border-secondary);\n    }\n  }\n\n  .ai-help-landing-features {\n    background-color: var(--background-secondary);\n    margin: 4rem 0;\n    padding: 1rem 0;\n\n    .ai-help-new-additions {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      margin: 2rem 0;\n\n      @media (min-width: $screen-md) {\n        flex-direction: row;\n        gap: 3rem;\n        justify-content: space-between;\n      }\n\n      figure {\n        align-items: center;\n        display: flex;\n\n        gap: 1.5rem;\n        margin-top: 1rem;\n        text-align: center;\n\n        svg {\n          height: 3rem;\n          width: 3rem;\n        }\n\n        figcaption {\n          p {\n            margin: 0;\n          }\n        }\n\n        @media (min-width: $screen-md) {\n          // Desktop.\n          display: block;\n\n          svg {\n            height: 5rem;\n            margin: 0 auto;\n            width: 5rem;\n          }\n\n          figcaption {\n            text-align: center;\n          }\n        }\n\n        @media (max-width: #{$screen-md - 1}) {\n          // Mobile.\n\n          figcaption {\n            text-align: left;\n\n            h3 {\n              margin: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .ai-help-landing-bottom {\n    margin-bottom: 4rem;\n\n    ul.highlights {\n      margin: 2rem 0;\n\n      li {\n        &:before {\n          background-image: url(\"../../../public/assets/ai-help/lightbulb-question.svg\");\n          content: \"\";\n          display: inline-block;\n          height: 1rem;\n          margin-right: 0.5ch;\n          vertical-align: text-top;\n          width: 1rem;\n        }\n\n        &:not(:last-of-type) {\n          margin-bottom: 1rem;\n        }\n\n        em {\n          font-style: unset;\n          font-variation-settings: unset;\n          font-weight: 600;\n        }\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"AAEA,gBACE,aACA,cACA,iBACA,6BACA,wCACA,2CACA,SACA,gBACA,UAEA,mBACE,cAMA,wBADF,qCAEI,mBACA,uBACA,mBACA,mBCtBN,cACE,mBACA,2CACA,2CACA,aACA,eACA,SACA,aAEA,yBACE,0BACA,kBACA,+BACA,4DACA,iCACA,2BAGF,8BACE,mBACA,eACA,SACA,gBACA,iBCzBJ,WACE,iBACA,kBACA,2BACA,2BACA,4BACA,WCNF,SAEA,8DACE,qCACA,mEACA,gCACA,iBAEA,mCACE,sCACA,gCACA,gCACA,kCAGF,oCAEE,wCAEA,kCACE,oDAEA,wCACE,wBAKN,iDACE,gBACA,aACA,sEACA,iCACA,cACA,2BACA,kBACA,mBACA,8DAGE,gBACE,aACA,2BACA,CADA,kBACA,qEACA,cACA,wBACA,CADA,eACA,gDACA,0BAEF,4CAVF,mEAWI,0BAEF,4CAbF,4CAcI,8DAEA,kBACE,iBACA,oCAKN,kBACE,sBACA,kDAEA,eACE,aACA,eACA,8BACA,qDAEA,mBACE,eACA,2DAEA,oCACE,WACA,qBACA,cACA,gIACA,gEACA,oDACA,0BACA,mBACA,kBACA,kEAIJ,2BAEE,0EAGF,0CACE,kCACA,qCACA,sDAKF,6DAIA,eACA,iEAEA,sBACE,CAUR,2IACE,iDAGF,iDAGE,iCACA,oBACA,qDAGE,kCAKF,kCAEA,2CAEA,oCACE,wBACA,8CAGE,2DAKF,kDAGF,4CACE,sBAEA,2CAGE,qCAKN,wBACE,0BACA,2BACA,+EAIE,wDAGF,0CAEE,mJAMA,yCACA,iFAEA,oBACE,iFAGE,+EAIJ,2BACE,qCAEA,iFAGF,oCACE,sEAGF,yCAEE,8CACA,gDACA,yCACA,6EAEA,4CACE,yCACA,gDAMJ,mCAEA,gCAEA,wFAGE,2GAEA,mBACE,0BACA,kHAGE,8DAMR,mBACE,2CACA,6DACA,CACA,kBACA,aACA,YACA,sCACA,CACA,kBACA,4EAEA,kCACE,wEAIA,mFAIA,YACA,qEAGF,0CAEE,sCAEA,YACA,gFAEA,eACA,gFAGE,gEAIJ,oCACE,wBACA,mBAEA,eACA,2EAEA,gBACE,0EAIJ,kCACE,2CAIJ,sCACE,qBAEA,mCAEA,SACA,cACA,+DAGE,2DAEA,2DAIJ,6CACE,qCACA,qBACA,yDAEA,uDACA,CACA,kBACA,gEAEA,yBACE,2CAKF,kCAEA,mDAGF,gCAEE,iCACA,0GAEA,aACA,yDAGE,iEAGF,2BACE,iEAEA,mBAEE,cACA,mBACA,kBACA,iBACA,eACA,4FAKF,kBACE,CACA,iFAKF,aACA,cACA,yEAIA,kCACA,qCAEA,UACA,2FAEA,wBACE,8DAGF,yBACE,oBACA,4DACA,oEAEA,iDACE,oEAKN,2BACE,2EAEA,sCAEE,gCAEA,gCAEA,kKACA,oCACA,4BACA,oDACA,0BAEA,kBAEA,uBAKE,UACE,8HAMJ,yHAIA,+GACA,mEAGF,4EAEE,2CAEA,SACA,+EAEA,mFACE,8GACA,iEAOJ,mEACA,s+CAcE,0CAII,4RAWN,iBACA,2DAKJ,uBACE,kFAIE,sEAGA,kBACA,qFAEA,qBACE,iFACA,0CAGE,sFACA,iBAKF,oXAcF,8EAGE,6EAIA,aAIA,+IAIJ,yGAGE,oCAEA,+GAMA,mEAIE,eACA,wDAIJ,sBACE,gFAIE,yGAIJ,+GAGE,oCAGF,+GAME,yEAIA,0EAME,2EAIA,mBACA,wEAGE,kBACE,qFAMJ,qEAQJ,gEAIA,mGChmBJ,qBAFA,iBAUE,CARF,aAEE,YAGA,iBACA,mBACA,kBACA,WAcF,wBAzBF,QA0BI,gBC5BJ,oCACE,QACA,SACA,2BACA,qCACA,+BAEA,kBACE,uCACA,uCACA,4BACA,aACA,qCACA,uBACA,gBACA,4CACA,uCAEA,kBACE,4BACA,eACA,aACA,eACA,WACA,6GAEA,YAEE,2CAGF,oBACE,gBACA,WACA,sDAGF,oCACE,qCAIJ,eACE,6CAEA,6CACE,uBACA,mDAEA,WACE,iBACA,kBACA,2CAKN,sCACE,4CACA,mDAEA,+BACE,YACA,4CACA,yDAEA,WACE,iBACA,kBACA,uDAGF,UACE,oEAEA,cACE,2DAIJ,YACE,8BAMR,cACE,0CAEA,iBACE,oBACA,4CACA,yCAIJ,YACE,sBACA,4CAEA,gBACE,gBACA,cACA,WACA,+CAEA,kBACE,0BACA,aACA,oBACA,WACA,0GAEA,6CAEE,0DAGF,yBACE,wCACA,gBACA,gIAEA,sBAEE,4DACA,oDAIJ,sBACE,oBACA,cACA,eACA,kBACA,yBACA,CCvIV,iBAEE,mBACA,mBAEA,uBACE,SACA,SACA,UACA,kBACA,QAEA,+CACE,8BAA+B,CAC/B,2CACA,cACA,cACA,wCACA,MACA,WACA,2BAEA,qDACE,eACA,4CAEA,mEACE,+HAKN,oEAEE,6CACA,mBACA,mBAME,4EACE,6IAGF,4EAKE,gHAIA,wFAOJ,eAQE,qHADF,kGAgBA,qCACA,YAEA,sBACE,qBACA,2BAEA,mBACE,WACA,8BACA,kBACA,mBAEA,aAEA,mCACE,8CACA,uIAKA,8CACE,8CACA,0BAIJ,4FAEE,4CAKN,iCACE,6BAEA,yCACA,wCAEA,mBACE,oCACA,kBACA,CACA,sCACA,WACA,qBACA,8GACA,4DAEA,0BAMR,wCACE,gDACA,iBACA,0CAGA,mBACA,6BAGE,2DACE,8IAIA,mEAKF,2BACE,2JAUR,4DACE,mCAGA,eACA,8BAGE,4CACE,uCAGF,qEACE,oCACA,oEAEA,kBACA,iDACA,oEAKF,uBAGA,gDACE,+BAGF,oCACE,8EACA,uCAEA,4EAEE,0BAKN,0FAIE,8CAEE,4BACA,YAGA,wDACE,kBAGF,2CACE,uDAIF,kBACE,qIC1OR,0BACE,cAEA,6BACE,2CACA,eAGF,6BACE,WACA,2CACA,gBACA,qBAGF,0CACE,2BAGF,+CACE,aACA,sBACA,SAEA,wBALF,+CAMI,mBACA,SACA,8BAGF,wBAXF,+CAYI,WAGF,iDACE,OAIA,qDACE,4BACA,iBACA,8BAIJ,mDACE,mBACA,8CAIJ,oDACE,6CACA,cACA,eAEA,2EACE,aACA,sBACA,SACA,cAEA,wBANF,2EAOI,mBACA,SACA,+BAGF,kFACE,mBACA,aAEA,WACA,gBACA,kBAEA,sFACE,YACA,WAIA,+FACE,SAIJ,wBAnBF,kFAqBI,cAEA,sFACE,YACA,cACA,WAGF,6FACE,mBAIJ,wBAGE,6FACE,gBAEA,gGACE,UAQZ,kDACE,mBAEA,gEACE,cAGE,0EACE,4EAEA,gCAEA,YACA,0CAIF,kGAIA,yFAEE,8CACA"}