@pnx-mixtape/mxds 0.1.0-rc.5 → 0.1.0-rc.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/DESIGN.md +1 -1
  2. package/README.md +1 -1
  3. package/dist/build/accordion.entry.js +1 -1
  4. package/dist/build/base.css +1 -1
  5. package/dist/build/chunks/{Accordion-D2wp8hBG.js → Accordion-Bqe8vTNR.js} +1 -1
  6. package/dist/build/chunks/{AccordionMobile-D3sTeiM5.js → AccordionMobile-D517oXYZ.js} +1 -1
  7. package/dist/build/chunks/{ClosableAlert-yy84gae6.js → ClosableAlert-CZ114JsL.js} +1 -1
  8. package/dist/build/chunks/{Dialog-DWoXW-7Z.js → Dialog-DoYcGqhW.js} +1 -1
  9. package/dist/build/chunks/{FeedbackForm-BochXEDx.js → FeedbackForm-BsL7fv8s.js} +1 -1
  10. package/dist/build/chunks/{Gallery-Rkfv7Mbb.js → Gallery-DqJPujX5.js} +2 -2
  11. package/dist/build/chunks/{GlobalToggle-CzlkpLpc.js → GlobalToggle-7H3F1Wvc.js} +1 -1
  12. package/dist/build/chunks/{InPageNavigation-D1Kk-rCm.js → InPageNavigation-D7m3IN89.js} +1 -1
  13. package/dist/build/chunks/{Navigation-CDQnN61h.js → Navigation-CRModT40.js} +13 -18
  14. package/dist/build/chunks/{Sticky-DoVndENm.js → Sticky-C1H8MNqK.js} +1 -1
  15. package/dist/build/chunks/{Tabs-BDlxCDNh.js → Tabs-BJD3kABL.js} +1 -1
  16. package/dist/build/chunks/{Translate-bmM38j6z.js → Translate-yAgySwet.js} +1 -1
  17. package/dist/build/chunks/{utilities-Dd-08SW6.js → utilities-B9mNRs7V.js} +1 -1
  18. package/dist/build/dialog.entry.js +1 -1
  19. package/dist/build/elements.js +13 -13
  20. package/dist/build/feedback-form.entry.js +1 -1
  21. package/dist/build/filters.entry.js +3 -3
  22. package/dist/build/form.css +1 -1
  23. package/dist/build/gallery.entry.js +1 -1
  24. package/dist/build/global-alert.entry.js +1 -1
  25. package/dist/build/header.entry.js +1 -1
  26. package/dist/build/in-page-navigation.entry.js +1 -1
  27. package/dist/build/navigation.css +1 -1
  28. package/dist/build/navigation.entry.js +1 -1
  29. package/dist/build/react.js +230 -209
  30. package/dist/build/side-navigation.css +1 -1
  31. package/dist/build/sidebar.css +1 -1
  32. package/dist/build/sticky.entry.js +1 -1
  33. package/dist/build/tabs.entry.js +1 -1
  34. package/dist/build/translate.entry.js +1 -1
  35. package/dist/types/Component/Navigation/Elements/Navigation.d.ts +2 -3
  36. package/dist/types/Component/Navigation/Elements/Navigation.d.ts.map +1 -1
  37. package/dist/types/Component/SideNavigation/Components/SideNavigationTree.d.ts +3 -3
  38. package/dist/types/Component/SideNavigation/Components/SideNavigationTree.d.ts.map +1 -1
  39. package/dist/types/Component/SideNavigation/SideNavigation.d.ts +3 -1
  40. package/dist/types/Component/SideNavigation/SideNavigation.d.ts.map +1 -1
  41. package/dist/types/tokens.d.ts +1 -0
  42. package/dist/types/tokens.d.ts.map +1 -1
  43. package/docs/CSSGuidelines.md +2 -0
  44. package/package.json +5 -5
  45. package/src/Atom/Link/_links.css +1 -0
  46. package/src/Component/Navigation/Elements/Navigation.ts +25 -29
  47. package/src/Component/Navigation/README.md +11 -10
  48. package/src/Component/Navigation/__snapshots__/Navigation.stories.ts.snap +8 -8
  49. package/src/Component/Navigation/_navigation-dropdown.css +9 -11
  50. package/src/Component/Navigation/_navigation-mega.css +5 -11
  51. package/src/Component/Navigation/_navigation.css +5 -3
  52. package/src/Component/Navigation/menu.twig +1 -1
  53. package/src/Component/Navigation/navigation.twig +0 -1
  54. package/src/Component/SideNavigation/Components/SideNavigationTree.tsx +68 -24
  55. package/src/Component/SideNavigation/README.md +78 -32
  56. package/src/Component/SideNavigation/SideNavigation.stories.ts +41 -2
  57. package/src/Component/SideNavigation/SideNavigation.stories.tsx +31 -0
  58. package/src/Component/SideNavigation/SideNavigation.tsx +13 -3
  59. package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.ts.snap +87 -3
  60. package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.tsx.snap +2 -0
  61. package/src/Component/SideNavigation/side-navigation.css +3 -3
  62. package/src/Component/SideNavigation/side-navigation.twig +10 -3
  63. package/src/Component/Translate/README.md +4 -2
  64. package/src/Component/Translate/Translate.stories.ts +2 -2
  65. package/src/Component/Translate/Translate.stories.tsx +2 -2
  66. package/src/Component/Translate/Translate.tsx +1 -1
  67. package/src/Component/Translate/__snapshots__/Translate.stories.ts.snap +1 -1
  68. package/src/Component/Translate/__snapshots__/Translate.stories.tsx.snap +1 -1
  69. package/src/Component/Translate/translate.twig +1 -1
  70. package/src/Form/form.css +17 -19
  71. package/src/Introduction.mdx +1 -1
  72. package/src/Layout/Footer/__snapshots__/Footer.stories.ts.snap +3 -3
  73. package/src/Layout/Header/__snapshots__/Header.stories.ts.snap +6 -6
  74. package/src/Layout/Sidebar/sidebar.css +10 -3
  75. package/src/Utility/Elements/google-translate-widget.ts +1 -1
  76. package/src/_custom-media.css +2 -0
  77. package/src/tokens.js +1 -0
package/DESIGN.md CHANGED
@@ -584,7 +584,7 @@ React components are exported from `src/react.ts`. Web Components auto-register
584
584
 
585
585
  ## Accessibility
586
586
 
587
- → WCAG 2.0 AA compliant. See [`docs/CSSGuidelines.md`](./docs/CSSGuidelines.md) for media query hooks (`--use-motion`, `--high-contrast`, etc.) and [`docs/ComponentArchitecture.md`](./docs/ComponentArchitecture.md) for ARIA patterns.
587
+ → WCAG 2.2 AA compliant. See [`docs/CSSGuidelines.md`](./docs/CSSGuidelines.md) for media query hooks (`--use-motion`, `--high-contrast`, etc.) and [`docs/ComponentArchitecture.md`](./docs/ComponentArchitecture.md) for ARIA patterns.
588
588
 
589
589
  ---
590
590
 
package/README.md CHANGED
@@ -206,7 +206,7 @@ import { Button } from "@pnx-mixtape/mxds/compiled/react"
206
206
  - ✅ **Framework-agnostic** - Web Components, React, Twig templates
207
207
  - ✅ **Design Tokens** - Customizable theming via tokens
208
208
  - ✅ **CSS Layers** - Easy overrides without specificity wars
209
- - ✅ **Accessible** - WCAG 2.0 AA compliant
209
+ - ✅ **Accessible** - WCAG 2.2 AA compliant
210
210
  - ✅ **Responsive** - Mobile-first approach
211
211
  - ✅ **Modern CSS** - Logical properties, custom media, container queries
212
212
  - ✅ **TypeScript** - Full type support
package/dist/build/accordion.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import "./chunks/Accordion-D2wp8hBG.js";
1
+ import "./chunks/Accordion-Bqe8vTNR.js";
2
2
  import "./chunks/AccordionGroup-BYtoAFxg.js";
package/dist/build/base.css CHANGED
@@ -1 +1 @@
1
- @layer popover-polyfill;@layer design-system.defaults{:where([class*=mx-background--]){background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme));& :where([class*=mx-background--]){--scheme:var(--colour-scheme);--background:var(--colour-background);--line-colour:var(--colour-border);--foreground-alt:var(--colour-foreground-alt);--embellished-colour:var(--colour-accent);--button-accent-scheme:dark}}.mx-background--alt{--scheme:var(--alt-scheme,var(--colour-scheme));--background:var(--colour-background-alt)}.mx-background--primary{--contrast-color:contrast-color(var(--colour-primary));--scheme:var(--primary-scheme,var(--colour-primary-scheme,var(--colour-scheme)));--background:var(--colour-primary);--line-colour:light-dark(var(--colour-primary-darker),var(--colour-primary-lighter));--foreground-alt:var(--colour-primary-light);--embellished-colour:var(--colour-primary-darker);--button-accent-scheme:var(--colour-accent-scheme,light)}.mx-background--accent{--contrast-color:contrast-color(var(--colour-accent));--scheme:var(--accent-scheme,var(--colour-accent-scheme,var(--colour-scheme)));--background:var(--colour-accent);--line-colour:light-dark(var(--colour-accent-darker),var(--colour-accent-lighter));--foreground-alt:var(--colour-accent-darkest);--embellished-colour:var(--colour-accent-darker);--button-accent-scheme:dark}.mx-background--reverse{--contrast-color:contrast-color(black);--scheme:var(--reverse-scheme,var(--colour-reverse-scheme,dark));--embellished-colour:var(--colour-border);--button-accent-scheme:var(--colour-accent-scheme,light);& .mx-background--image{--bg-img-brightness:.45;--bg-img-opacity:1}}.mx-background--box{border:var(--line-width,1px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);padding-inline:var(--gutter,1rem)}.mx-background--image{& img{object-fit:cover;min-block-size:100%;inline-size:100%;filter:brightness(var(--bg-img-brightness,1)) saturate(var(--bg-img-saturate,1.25)) opacity(var(--bg-img-opacity,.5));position:absolute}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}:is(*){box-sizing:border-box;background-repeat:no-repeat;margin:0}:focus{scroll-padding-block-end:4vh}:focus-visible{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,var(--outline-size,2px))}html{block-size:100%;font-size:100%;font-family:var(--font-family);line-height:var(--line-height);scroll-behavior:smooth}.translated-rtl{direction:rtl}body{font-size:var(--font-size);color:var(--colour-foreground);accent-color:var(--colour-primary);text-rendering:optimizespeed;block-size:100%;padding-inline:unset;padding-block:unset}:target,[id],.has-scroll-margin{scroll-margin-block-start:calc(var(--sticky-offset,0rem) + var(--scroll-margin,var(--spacing-m)))}:is(b,strong){font-weight:var(--font-weight-bold)}u{-webkit-text-decoration-color:var(--embellished-colour,var(--colour-accent));text-decoration-color:var(--embellished-colour,var(--colour-accent));text-decoration-thickness:var(--embellished-line-height,1ch);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:var(--embellished-offset,-.35ch)}:is(ol,ul){padding-inline-start:var(--spacing-m);&[role=list]{padding-inline-start:0;list-style:none}}dl{gap:var(--spacing-xs);grid-template-rows:1fr;inline-size:100%;display:grid;&:has(>div){container-type:inline-size}& div{gap:var(--spacing-xxxs);align-content:start;display:grid}& dt{font-weight:var(--font-weight-bold)}&:where(:not(.mx-list--columns)){grid-template-columns:min(100%, var(--grid-min,20ch)) 1fr;& div{grid-template-columns:subgrid;grid-column:span 2;@container (width<=60ch){&>:is(dt,dd){grid-column:span 2}}}}}p{text-wrap:pretty}.mx-vertical-flow{&>:where(:not(:first-child,.mx-vertical-flow__collapse)){margin-block-start:var(--flow-gap,var(--gap))}&.mx-rich-text>.mx-text--lede{--flow-gap:var(--gap-xl)}}.mx-vertical-flow-flex{align-items:start;gap:var(--flow-gap,var(--gap));flex-direction:column;display:flex;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}.mx-vertical-flow-grid{align-items:start;gap:var(--flow-gap,var(--gap));display:grid;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}.mx-horizontal-flow-flex{gap:var(--flow-gap,var(--gap));flex-wrap:wrap;display:flex;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s,h6,.mx-heading--xs){font-family:var(--heading-font-family,var(--font-family-display,var(--font-family)));line-height:var(--line-height-h);font-size:var(--heading-font-size,var(--font-size));font-weight:var(--heading-font-weight,var(--font-weight-bold));letter-spacing:var(--heading-letter-spacing,0);text-wrap:balance;&[class*=mx-background--]{background-color:var(--colour-background);color:var(--colour-foreground);color-scheme:var(--colour-scheme);&>span{background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme))}}}@supports (font-size:1cqi){:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s){--font-min:calc(var(--heading-font-size) - var(--heading-font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-s), var(--font-min)), var(--font-min) + 1cqi, var(--heading-font-size))}}.mx-headline{--heading-font-size:var(--font-size-xxxl)}h1,.mx-heading--xxl{--heading-font-size:var(--font-size-xxl)}h2,.mx-heading--xl{--heading-font-size:var(--font-size-xl)}h3,.mx-heading--l{--heading-font-size:var(--font-size-l)}h4,.mx-heading--m{--heading-font-size:var(--font-size-ml)}h5,.mx-heading--s{--heading-font-size:var(--font-size-m)}h6,.mx-heading--xs{--heading-font-size:var(--font-size-s)}blockquote{border-inline-start:var(--line-width,6px) solid var(--line-colour,var(--blockquote-line-colour,var(--colour-accent)));font-size:var(--blockquote-font-size,var(--font-size-ml));padding-inline-start:var(--line-gap,var(--gap));& cite{font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));font-family:var(--font-family-ui,var(--font-family));color:var(--colour-foreground-alt);margin-block-start:var(--spacing-xs);font-style:normal;display:block}}hr{border:0;border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));block-size:0;margin-block:var(--line-gap,var(--spacing-m));display:block}a[href]{color:var(--link-colour,var(--colour-link));-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration:underline;text-decoration-thickness:max(.08em,1px);&:hover,&:active{text-underline-offset:.2em;text-decoration-thickness:max(.09em,2px)}@media (forced-colors:active){--forced-colour:LinkText}}.mx-link--external{gap:var(--spacing-xxxs);align-items:center;margin-inline-end:var(--spacing-xxxs);display:inline-flex;&:after{content:"";block-size:var(--spacing-s);inline-size:var(--spacing-s);background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M15%200H8v2h4.6L6.3%208.3l1.4%201.4L14%203.4V8h2V1c0-.6-.4-1-1-1z'/%3e%3cpath%20d='M14%2016H1c-.6%200-1-.4-1-1V2c0-.6.4-1%201-1h4v2H2v11h11v-3h2v4c0%20.6-.4%201-1%201z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M15%200H8v2h4.6L6.3%208.3l1.4%201.4L14%203.4V8h2V1c0-.6-.4-1-1-1z'/%3e%3cpath%20d='M14%2016H1c-.6%200-1-.4-1-1V2c0-.6.4-1%201-1h4v2H2v11h11v-3h2v4c0%20.6-.4%201-1%201z'/%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}}.mx-link--more{font-weight:var(--font-weight-bold);display:inline-flex;&:hover .mx-icon{transform:translate(3px)}}.mx-link--download{&:hover .mx-icon{transform:translateY(3px)}}a:where([href]):has(.mx-icon){align-items:center;gap:var(--spacing-xxs);display:inline-flex}figure{inline-size:var(--width,100%);margin:0;display:block;& :is(picture,img,iframe,video){inline-size:100%}}figcaption{padding:var(--spacing-xxs);font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);margin-block-start:var(--spacing-xs);display:block}img{vertical-align:bottom;block-size:auto;max-inline-size:100%}svg:not([fill]){fill:currentColor}.mx-video{&,& :is(embed,object,iframe){aspect-ratio:16/9;border:0;block-size:100%;inline-size:100%}}.mx-media--video{inline-size:100%}table{font-size:var(--font-size-s);border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums;inline-size:100%;margin:0;& th{font-weight:var(--font-weight-bold);text-align:start}& :is(td,th){padding:var(--spacing-xxs);border-block-end:var(--line-width,1px) solid var(--line-colour,var(--colour-border));font-family:var(--font-family-ui,var(--font-family));vertical-align:top}& thead :is(td,th){border-block-end:var(--line-width,1.5px) solid currentcolor}& caption{padding:var(--spacing-xxs);text-align:start;font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);caption-side:bottom}& tfoot :is(td,th){border-block-start:var(--line-width,1.5px) solid currentcolor;font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h))}}.mx-table--flush{& :is(td,th){&:first-child{padding-inline-start:0}&:last-child{padding-inline-end:0}}}.mx-table--small{& :is(td,th){font-size:var(--font-size-s);line-height:var(--line-height-h)}}.mx-table--striped{& tbody tr{&:nth-child(2n){& :is(td,th){background-color:var(--colour-background-alt)}}}}.mx-table--bordered{& :is(td,th){border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));border-inline:var(--line-width,1px) solid var(--line-colour,var(--colour-border))}}.mx-table--responsive{max-inline-size:100%;@media (width<720px){-webkit-overflow-scrolling:touch;box-shadow:var(--box-shadow) inset;overflow-y:scroll;& table{inline-size:100%;margin-block:0;margin-inline:var(--spacing-s);& td{min-inline-size:20ch}}}}}@layer design-system.atoms{:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline,.mx-text--lede,.mx-text--meta,.mx-text--xs,.mx-text--s,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){font-size:var(--font-size)}@supports (font-size:1cqi){:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline,.mx-text--meta,.mx-text--xs,.mx-text--s,.mx-text--lede,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){--font-min:calc(var(--font-size) - var(--font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-xs), var(--font-min)), var(--font-min) + 1cqi, var(--font-size))}}:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline){--heading-font-size:var(--font-size-xs);--font-size:var(--font-size-xs);text-transform:var(--heading-transform,uppercase);font-weight:var(--heading-font-weight,var(--font-weight-bold));font-family:var(--font-family-ui,var(--font-family));letter-spacing:var(--heading-letter-spacing,0);line-height:var(--line-height-h);text-wrap:balance}:is(.mx-text--eyebrow,.mx-text--section-headline){margin-block:0;&+:is(h2,h3,p){--flow-gap:var(--spacing-xxxxs)}}:is(.mx-text--embellished,.mx-text--embellished-headline){--contrast-color:contrast-color(var(--embellished-colour,var(--colour-accent)));text-wrap:balance;z-index:1;display:inline-block;position:relative;&:after{content:"";inline-size:min(var(--embellished-line-width,6ch), 100%);block-size:var(--embellished-line-height,1ch);background-color:var(--embellished-colour,var(--colour-accent));z-index:-1;display:block;position:absolute;inset-block-end:var(--embellished-offset,-.25ch);@container style((--contrast-color:white) and (--scheme:light)){background-color:var(--embellished-colour-rev,var(--colour-accent-light))}}&+:is(h2,h3,p){--flow-gap:var(--spacing-l)}}.mx-text--lede{--font-size:var(--font-size-ml)}.mx-text--xxxl{--font-size:var(--font-size-xxxl);line-height:var(--line-height-h);text-wrap:balance}.mx-text--xxl{--font-size:var(--font-size-xxl);line-height:var(--line-height-h);text-wrap:balance}.mx-text--xl{--font-size:var(--font-size-xl);line-height:var(--line-height-h)}.mx-text--l{--font-size:var(--font-size-l);line-height:var(--line-height-h)}.mx-text--m{--font-size:var(--font-size-m)}.mx-text--s{--font-size:var(--font-size-s)}.mx-text--xs{--font-size:var(--font-size-xs)}.mx-text--meta{--font-size:var(--font-size-xs);--foreground:var(--foreground-alt,var(--colour-foreground-alt));color:var(--foreground);gap:.2rem;display:grid}.mx-text--alt{--foreground:var(--foreground-alt,var(--colour-foreground-alt));color:var(--foreground)}.mx-text--primary{--foreground:var(--foreground-primary,light-dark(var(--colour-primary),var(--colour-primary-light)));color:var(--foreground)}.mx-text--accent{--foreground:var(--foreground-accent,var(--colour-accent));color:var(--foreground)}:where([class*=mx-text--][class*=mx-background--]){background-color:var(--colour-background);color:var(--colour-foreground);color-scheme:var(--colour-scheme);&>span{background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme))}}.mx-rich-text{font-family:var(--font-family-prose,var(--font-family));& :is(p,li){max-inline-size:var(--prose-measure,var(--container-max-width))}}:is(.mx-media--left,.mx-media--right,.mx-media--center){@media (width>=540px){max-inline-size:50%;margin-block-end:var(--spacing-s);&:first-child{margin-block-start:0;&+*{margin-block-start:0!important}}}}.mx-media--center{margin-inline:auto}:is(.mx-media--left,[dir=rtl] .mx-media--right,.translated-rtl .mx-media--right){@media (width>=540px){float:left;margin-inline:0 var(--spacing-m)}}:is(.mx-media--right,[dir=rtl] .mx-media--left,.translated-rtl .mx-media--left){@media (width>=540px){float:right;margin-inline:var(--spacing-m) 0}}.mx-list{gap:var(--spacing-xxxs);counter-reset:fn;margin-block:0;padding-inline-start:0;list-style:none;display:grid;& li{counter-increment:fn;max-inline-size:var(--prose-measure,70ch)}}.mx-list--notes li{font-size:var(--list-font-size,var(--font-size-s));padding-inline-start:var(--gap-l);position:relative;&:before{content:counter(fn) ".";font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);font-variant-numeric:tabular-nums lining-nums;position:absolute;inset-block-start:2px;inset-inline-start:0}}.mx-list--refs li{text-indent:calc(var(--gap-l) * -1);font-size:var(--list-font-size,var(--font-size-s));padding-inline-start:var(--gap-l)}.mx-list--stats{--font-size:var(--stat-font-size,var(--font-size-xxl));grid-template-columns:repeat(var(--grid-repeat,auto-fit), minmax(min(100%, var(--grid-min,20ch)), 1fr));gap:var(--grid-gap,var(--gap));font-size:var(--list-font-size,var(--font-size-s));text-wrap:balance;grid-template-rows:1fr;@media (width>=946px){--grid-gap:var(--large-grid-gap,var(--gap-l))}& :is(b,strong){font-family:var(--font-family-display,var(--font-family));font-size:var(--font-size);font-weight:var(--stat-font-weight,var(--font-weight-bold));font-variant-numeric:tabular-nums lining-nums;line-height:1;display:block;@supports (font-size:1cqi){--font-min:calc(var(--font-size) - var(--font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-xs), var(--font-min)), var(--font-min) + 1cqi, var(--font-size))}}}.mx-list--columns{grid-template-columns:repeat(var(--grid-repeat,auto-fit), minmax(min(100%, var(--grid-min,20ch)), 1fr));gap:var(--grid-gap,var(--gap));@media (width>=946px){--grid-gap:var(--large-grid-gap,var(--gap-l))}}.mx-list--summary{grid-template-columns:min(100%, var(--grid-min,20ch)) 1fr auto;&>div{grid-template-columns:subgrid;padding-block:var(--spacing-xs);border-block-end:1px solid var(--colour-border);grid-column:span 3;&:first-child{border-block-start:2px solid var(--colour-foreground)}@container (width<=60ch){grid-column:1/-1;grid-template-columns:1fr auto;&>dt{grid-column:1/-1}}}& .mx-list__action{text-align:end;font-weight:var(--font-weight-bold)}}}@layer design-system.layout;@layer design-system.utilities{.mx-animated--fade-in{animation:fade-in .5s var(--ease)}.mx-animated--fade-out{animation:fade-out .5s var(--ease)}.mx-animated--spin:before{animation:2s linear infinite spin}.mx-animated--scale-up{animation:scale-up .5s var(--ease)}.mx-animated--scale-down{animation:scale-down .5s var(--ease)}.mx-text--left{text-align:start}.mx-text--right{text-align:end}.mx-text--center{text-align:center}.mx-spacing--reset{padding:0!important}.mx-spacing--top-reset{padding-block-start:0!important}.mx-spacing--bottom-reset{padding-block-end:0!important}.mx-spacing--left-reset{padding-inline-start:0!important}.mx-spacing--right-reset{padding-inline-end:0!important}.mx-spacing--xxs{padding:var(--spacing-xxs)}.mx-spacing--top-xxs{padding-block-start:var(--spacing-xxs)}.mx-spacing--bottom-xxs{padding-block-end:var(--spacing-xxs)}.mx-spacing--left-xxs{padding-inline-start:var(--spacing-xxs)}.mx-spacing--right-xxs{padding-inline-end:var(--spacing-xxs)}.mx-spacing--xs{padding:var(--spacing-xs)}.mx-spacing--top-xs{padding-block-start:var(--spacing-xs)}.mx-spacing--bottom-xs{padding-block-end:var(--spacing-xs)}.mx-spacing--left-xs{padding-inline-start:var(--spacing-xs)}.mx-spacing--right-xs{padding-inline-end:var(--spacing-xs)}.mx-spacing--s{padding:var(--spacing-s)}.mx-spacing--top-s{padding-block-start:var(--spacing-s)}.mx-spacing--bottom-s{padding-block-end:var(--spacing-s)}.mx-spacing--left-s{padding-inline-start:var(--spacing-s)}.mx-spacing--right-s{padding-inline-end:var(--spacing-s)}.mx-spacing--m{padding:var(--spacing-m)}.mx-spacing--top-m{padding-block-start:var(--spacing-m)}.mx-spacing--bottom-m{padding-block-end:var(--spacing-m)}.mx-spacing--left-m{padding-inline-start:var(--spacing-m)}.mx-spacing--right-m{padding-inline-end:var(--spacing-m)}.mx-spacing--l{padding:var(--spacing-l)}.mx-spacing--top-l{padding-block-start:var(--spacing-l)}.mx-spacing--bottom-l{padding-block-end:var(--spacing-l)}.mx-spacing--left-l{padding-inline-start:var(--spacing-l)}.mx-spacing--right-l{padding-inline-end:var(--spacing-l)}.mx-spacing--xl{padding:var(--spacing-xl)}.mx-spacing--top-xl{padding-block-start:var(--spacing-xl)}.mx-spacing--bottom-xl{padding-block-end:var(--spacing-xl)}.mx-spacing--left-xl{padding-inline-start:var(--spacing-xl)}.mx-spacing--right-xl{padding-inline-end:var(--spacing-xl)}.mx-spacing--xxl{padding:var(--spacing-xxl)}.mx-spacing--top-xxl{padding-block-start:var(--spacing-xxl)}.mx-spacing--bottom-xxl{padding-block-end:var(--spacing-xxl)}.mx-spacing--left-xxl{padding-inline-start:var(--spacing-xxl)}.mx-spacing--right-xxl{padding-inline-end:var(--spacing-xxl)}.mx-spacing--xxxl{padding:var(--spacing-xxxl)}.mx-spacing--top-xxxl{padding-block-start:var(--spacing-xxxl)}.mx-spacing--bottom-xxxl{padding-block-end:var(--spacing-xxxl)}.mx-spacing--left-xxxl{padding-inline-start:var(--spacing-xxxl)}.mx-spacing--right-xxxl{padding-inline-end:var(--spacing-xxxl)}.mx-spacing--xxxxl{padding:var(--spacing-xxxxl)}.mx-spacing--top-xxxxl{padding-block-start:var(--spacing-xxxxl)}.mx-spacing--bottom-xxxxl{padding-block-end:var(--spacing-xxxxl)}.mx-spacing--left-xxxxl{padding-inline-start:var(--spacing-xxxxl)}.mx-spacing--right-xxxxl{padding-inline-end:var(--spacing-xxxxl)}.mx-spacing--ul{padding:var(--spacing-ul)}.mx-spacing--top-ul{padding-block-start:var(--spacing-ul)}.mx-spacing--bottom-ul{padding-block-end:var(--spacing-ul)}.mx-spacing--left-ul{padding-inline-start:var(--spacing-ul)}.mx-spacing--right-ul{padding-inline-end:var(--spacing-ul)}.mx-spacing--uul{padding:var(--spacing-uul)}.mx-spacing--top-uul{padding-block-start:var(--spacing-uul)}.mx-spacing--bottom-uul{padding-block-end:var(--spacing-uul)}.mx-spacing--left-uul{padding-inline-start:var(--spacing-uul)}.mx-spacing--right-uul{padding-inline-end:var(--spacing-uul)}.mx-spacing--uuul{padding:var(--spacing-uuul)}.mx-spacing--top-uuul{padding-block-start:var(--spacing-uuul)}.mx-spacing--bottom-uuul{padding-block-end:var(--spacing-uuul)}.mx-spacing--left-uuul{padding-inline-start:var(--spacing-uuul)}.mx-spacing--right-uuul{padding-inline-end:var(--spacing-uuul)}.mx-margin--reset{margin:0!important}.mx-margin--top-reset{margin-block-start:0!important}.mx-margin--bottom-reset{margin-block-end:0!important}.mx-margin--left-reset{margin-inline-start:0!important}.mx-margin--right-reset{margin-inline-end:0!important}.mx-margin--xxs{margin:var(--spacing-xxs)}.mx-margin--top-xxs{margin-block-start:var(--spacing-xxs)}.mx-margin--bottom-xxs{margin-block-end:var(--spacing-xxs)}.mx-margin--left-xxs{margin-inline-start:var(--spacing-xxs)}.mx-margin--right-xxs{margin-inline-end:var(--spacing-xxs)}.mx-margin--xs{margin:var(--spacing-xs)}.mx-margin--top-xs{margin-block-start:var(--spacing-xs)}.mx-margin--bottom-xs{margin-block-end:var(--spacing-xs)}.mx-margin--left-xs{margin-inline-start:var(--spacing-xs)}.mx-margin--right-xs{margin-inline-end:var(--spacing-xs)}.mx-margin--s{margin:var(--spacing-s)}.mx-margin--top-s{margin-block-start:var(--spacing-s)}.mx-margin--bottom-s{margin-block-end:var(--spacing-s)}.mx-margin--left-s{margin-inline-start:var(--spacing-s)}.mx-margin--right-s{margin-inline-end:var(--spacing-s)}.mx-margin--m{margin:var(--spacing-m)}.mx-margin--top-m{margin-block-start:var(--spacing-m)}.mx-margin--bottom-m{margin-block-end:var(--spacing-m)}.mx-margin--left-m{margin-inline-start:var(--spacing-m)}.mx-margin--right-m{margin-inline-end:var(--spacing-m)}.mx-margin--l{margin:var(--spacing-l)}.mx-margin--top-l{margin-block-start:var(--spacing-l)}.mx-margin--bottom-l{margin-block-end:var(--spacing-l)}.mx-margin--left-l{margin-inline-start:var(--spacing-l)}.mx-margin--right-l{margin-inline-end:var(--spacing-l)}.mx-margin--xl{margin:var(--spacing-xl)}.mx-margin--top-xl{margin-block-start:var(--spacing-xl)}.mx-margin--bottom-xl{margin-block-end:var(--spacing-xl)}.mx-margin--left-xl{margin-inline-start:var(--spacing-xl)}.mx-margin--right-xl{margin-inline-end:var(--spacing-xl)}.mx-margin--xxl{margin:var(--spacing-xxl)}.mx-margin--top-xxl{margin-block-start:var(--spacing-xxl)}.mx-margin--bottom-xxl{margin-block-end:var(--spacing-xxl)}.mx-margin--left-xxl{margin-inline-start:var(--spacing-xxl)}.mx-margin--right-xxl{margin-inline-end:var(--spacing-xxl)}.mx-margin--xxxl{margin:var(--spacing-xxxl)}.mx-margin--top-xxxl{margin-block-start:var(--spacing-xxxl)}.mx-margin--bottom-xxxl{margin-block-end:var(--spacing-xxxl)}.mx-margin--left-xxxl{margin-inline-start:var(--spacing-xxxl)}.mx-margin--right-xxxl{margin-inline-end:var(--spacing-xxxl)}.mx-margin--xxxxl{margin:var(--spacing-xxxxl)}.mx-margin--top-xxxxl{margin-block-start:var(--spacing-xxxxl)}.mx-margin--bottom-xxxxl{margin-block-end:var(--spacing-xxxxl)}.mx-margin--left-xxxxl{margin-inline-start:var(--spacing-xxxxl)}.mx-margin--right-xxxxl{margin-inline-end:var(--spacing-xxxxl)}.mx-margin--ul{margin:var(--spacing-ul)}.mx-margin--top-ul{margin-block-start:var(--spacing-ul)}.mx-margin--bottom-ul{margin-block-end:var(--spacing-ul)}.mx-margin--left-ul{margin-inline-start:var(--spacing-ul)}.mx-margin--right-ul{margin-inline-end:var(--spacing-ul)}.mx-margin--uul{margin:var(--spacing-uul)}.mx-margin--top-uul{margin-block-start:var(--spacing-uul)}.mx-margin--bottom-uul{margin-block-end:var(--spacing-uul)}.mx-margin--left-uul{margin-inline-start:var(--spacing-uul)}.mx-margin--right-uul{margin-inline-end:var(--spacing-uul)}.mx-margin--uuul{margin:var(--spacing-uuul)}.mx-margin--top-uuul{margin-block-start:var(--spacing-uuul)}.mx-margin--bottom-uuul{margin-block-end:var(--spacing-uuul)}.mx-margin--left-uuul{margin-inline-start:var(--spacing-uuul)}.mx-margin--right-uuul{margin-inline-end:var(--spacing-uuul)}.mx-table--reset{& :is(td,th){border:unset;padding:unset;background-color:#0000}}}@layer design-system.components,design-system.layouts,design-system.print;@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}
1
+ @layer popover-polyfill;@layer design-system.defaults{:where([class*=mx-background--]){background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme));& :where([class*=mx-background--]){--scheme:var(--colour-scheme);--background:var(--colour-background);--line-colour:var(--colour-border);--foreground-alt:var(--colour-foreground-alt);--embellished-colour:var(--colour-accent);--button-accent-scheme:dark}}.mx-background--alt{--scheme:var(--alt-scheme,var(--colour-scheme));--background:var(--colour-background-alt)}.mx-background--primary{--contrast-color:contrast-color(var(--colour-primary));--scheme:var(--primary-scheme,var(--colour-primary-scheme,var(--colour-scheme)));--background:var(--colour-primary);--line-colour:light-dark(var(--colour-primary-darker),var(--colour-primary-lighter));--foreground-alt:var(--colour-primary-light);--embellished-colour:var(--colour-primary-darker);--button-accent-scheme:var(--colour-accent-scheme,light)}.mx-background--accent{--contrast-color:contrast-color(var(--colour-accent));--scheme:var(--accent-scheme,var(--colour-accent-scheme,var(--colour-scheme)));--background:var(--colour-accent);--line-colour:light-dark(var(--colour-accent-darker),var(--colour-accent-lighter));--foreground-alt:var(--colour-accent-darkest);--embellished-colour:var(--colour-accent-darker);--button-accent-scheme:dark}.mx-background--reverse{--contrast-color:contrast-color(black);--scheme:var(--reverse-scheme,var(--colour-reverse-scheme,dark));--embellished-colour:var(--colour-border);--button-accent-scheme:var(--colour-accent-scheme,light);& .mx-background--image{--bg-img-brightness:.45;--bg-img-opacity:1}}.mx-background--box{border:var(--line-width,1px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);padding-inline:var(--gutter,1rem)}.mx-background--image{& img{object-fit:cover;min-block-size:100%;inline-size:100%;filter:brightness(var(--bg-img-brightness,1)) saturate(var(--bg-img-saturate,1.25)) opacity(var(--bg-img-opacity,.5));position:absolute}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}:is(*){box-sizing:border-box;background-repeat:no-repeat;margin:0}:focus{scroll-padding-block-end:4vh}:focus-visible{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,var(--outline-size,2px))}html{block-size:100%;font-size:100%;font-family:var(--font-family);line-height:var(--line-height);scroll-behavior:smooth}.translated-rtl{direction:rtl}body{font-size:var(--font-size);color:var(--colour-foreground);accent-color:var(--colour-primary);text-rendering:optimizespeed;block-size:100%;padding-inline:unset;padding-block:unset}:target,[id],.has-scroll-margin{scroll-margin-block-start:calc(var(--sticky-offset,0rem) + var(--scroll-margin,var(--spacing-m)))}:is(b,strong){font-weight:var(--font-weight-bold)}u{-webkit-text-decoration-color:var(--embellished-colour,var(--colour-accent));text-decoration-color:var(--embellished-colour,var(--colour-accent));text-decoration-thickness:var(--embellished-line-height,1ch);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:var(--embellished-offset,-.35ch)}:is(ol,ul){padding-inline-start:var(--spacing-m);&[role=list]{padding-inline-start:0;list-style:none}}dl{gap:var(--spacing-xs);grid-template-rows:1fr;inline-size:100%;display:grid;&:has(>div){container-type:inline-size}& div{gap:var(--spacing-xxxs);align-content:start;display:grid}& dt{font-weight:var(--font-weight-bold)}&:where(:not(.mx-list--columns)){grid-template-columns:min(100%, var(--grid-min,20ch)) 1fr;& div{grid-template-columns:subgrid;grid-column:span 2;@container (width<=60ch){&>:is(dt,dd){grid-column:span 2}}}}}p{text-wrap:pretty}.mx-vertical-flow{&>:where(:not(:first-child,.mx-vertical-flow__collapse)){margin-block-start:var(--flow-gap,var(--gap))}&.mx-rich-text>.mx-text--lede{--flow-gap:var(--gap-xl)}}.mx-vertical-flow-flex{align-items:start;gap:var(--flow-gap,var(--gap));flex-direction:column;display:flex;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}.mx-vertical-flow-grid{align-items:start;gap:var(--flow-gap,var(--gap));display:grid;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}.mx-horizontal-flow-flex{gap:var(--flow-gap,var(--gap));flex-wrap:wrap;display:flex;&>*{margin:0}&:is(ul,ol){padding-inline-start:unset;list-style:none}}:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s,h6,.mx-heading--xs){font-family:var(--heading-font-family,var(--font-family-display,var(--font-family)));line-height:var(--line-height-h);font-size:var(--heading-font-size,var(--font-size));font-weight:var(--heading-font-weight,var(--font-weight-bold));letter-spacing:var(--heading-letter-spacing,0);text-wrap:balance;&[class*=mx-background--]{background-color:var(--colour-background);color:var(--colour-foreground);color-scheme:var(--colour-scheme);&>span{background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme))}}}@supports (font-size:1cqi){:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s){--font-min:calc(var(--heading-font-size) - var(--heading-font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-s), var(--font-min)), var(--font-min) + 1cqi, var(--heading-font-size))}}.mx-headline{--heading-font-size:var(--font-size-xxxl)}h1,.mx-heading--xxl{--heading-font-size:var(--font-size-xxl)}h2,.mx-heading--xl{--heading-font-size:var(--font-size-xl)}h3,.mx-heading--l{--heading-font-size:var(--font-size-l)}h4,.mx-heading--m{--heading-font-size:var(--font-size-ml)}h5,.mx-heading--s{--heading-font-size:var(--font-size-m)}h6,.mx-heading--xs{--heading-font-size:var(--font-size-s)}blockquote{border-inline-start:var(--line-width,6px) solid var(--line-colour,var(--blockquote-line-colour,var(--colour-accent)));font-size:var(--blockquote-font-size,var(--font-size-ml));padding-inline-start:var(--line-gap,var(--gap));& cite{font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));font-family:var(--font-family-ui,var(--font-family));color:var(--colour-foreground-alt);margin-block-start:var(--spacing-xs);font-style:normal;display:block}}hr{border:0;border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));block-size:0;margin-block:var(--line-gap,var(--spacing-m));display:block}a[href]{color:var(--link-colour,var(--colour-link));-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration:underline;text-decoration-thickness:max(.08em,1px);&:hover,&:active{text-underline-offset:.2em;text-decoration-thickness:max(.09em,2px)}@media (forced-colors:active){--forced-colour:LinkText}}.mx-link--external{gap:var(--spacing-xxxs);align-items:center;margin-inline-end:var(--spacing-xxxs);display:inline-flex;&:after{content:"";block-size:var(--spacing-s);inline-size:var(--spacing-s);background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M15%200H8v2h4.6L6.3%208.3l1.4%201.4L14%203.4V8h2V1c0-.6-.4-1-1-1z'/%3e%3cpath%20d='M14%2016H1c-.6%200-1-.4-1-1V2c0-.6.4-1%201-1h4v2H2v11h11v-3h2v4c0%20.6-.4%201-1%201z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M15%200H8v2h4.6L6.3%208.3l1.4%201.4L14%203.4V8h2V1c0-.6-.4-1-1-1z'/%3e%3cpath%20d='M14%2016H1c-.6%200-1-.4-1-1V2c0-.6.4-1%201-1h4v2H2v11h11v-3h2v4c0%20.6-.4%201-1%201z'/%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}}.mx-link--more{font-weight:var(--font-weight-bold);display:inline-flex;&:hover .mx-icon{transform:translate(3px)}}.mx-link--download{&:hover .mx-icon{transform:translateY(3px)}}a:where([href]):has(.mx-icon){align-items:center;gap:var(--spacing-xxs);display:inline-flex}figure{inline-size:var(--width,100%);margin:0;display:block;& :is(picture,img,iframe,video){inline-size:100%}}figcaption{padding:var(--spacing-xxs);font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);margin-block-start:var(--spacing-xs);display:block}img{vertical-align:bottom;block-size:auto;max-inline-size:100%}svg:not([fill]){fill:currentColor}.mx-video{&,& :is(embed,object,iframe){aspect-ratio:16/9;border:0;block-size:100%;inline-size:100%}}.mx-media--video{inline-size:100%}table{font-size:var(--font-size-s);border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums;inline-size:100%;margin:0;& th{font-weight:var(--font-weight-bold);text-align:start}& :is(td,th){padding:var(--spacing-xxs);border-block-end:var(--line-width,1px) solid var(--line-colour,var(--colour-border));font-family:var(--font-family-ui,var(--font-family));vertical-align:top}& thead :is(td,th){border-block-end:var(--line-width,1.5px) solid currentcolor}& caption{padding:var(--spacing-xxs);text-align:start;font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);caption-side:bottom}& tfoot :is(td,th){border-block-start:var(--line-width,1.5px) solid currentcolor;font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h))}}.mx-table--flush{& :is(td,th){&:first-child{padding-inline-start:0}&:last-child{padding-inline-end:0}}}.mx-table--small{& :is(td,th){font-size:var(--font-size-s);line-height:var(--line-height-h)}}.mx-table--striped{& tbody tr{&:nth-child(2n){& :is(td,th){background-color:var(--colour-background-alt)}}}}.mx-table--bordered{& :is(td,th){border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));border-inline:var(--line-width,1px) solid var(--line-colour,var(--colour-border))}}.mx-table--responsive{max-inline-size:100%;@media (width<720px){-webkit-overflow-scrolling:touch;box-shadow:var(--box-shadow) inset;overflow-y:scroll;& table{inline-size:100%;margin-block:0;margin-inline:var(--spacing-s);& td{min-inline-size:20ch}}}}}@layer design-system.atoms{:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline,.mx-text--lede,.mx-text--meta,.mx-text--xs,.mx-text--s,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){font-size:var(--font-size)}@supports (font-size:1cqi){:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline,.mx-text--meta,.mx-text--xs,.mx-text--s,.mx-text--lede,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){--font-min:calc(var(--font-size) - var(--font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-xs), var(--font-min)), var(--font-min) + 1cqi, var(--font-size))}}:is(.mx-text--eyebrow,.mx-text--section-headline,.mx-text--embellished-headline){--heading-font-size:var(--font-size-xs);--font-size:var(--font-size-xs);text-transform:var(--heading-transform,uppercase);font-weight:var(--heading-font-weight,var(--font-weight-bold));font-family:var(--font-family-ui,var(--font-family));letter-spacing:var(--heading-letter-spacing,0);line-height:var(--line-height-h);text-wrap:balance}:is(.mx-text--eyebrow,.mx-text--section-headline){margin-block:0;&+:is(h2,h3,p){--flow-gap:var(--spacing-xxxxs)}}:is(.mx-text--embellished,.mx-text--embellished-headline){--contrast-color:contrast-color(var(--embellished-colour,var(--colour-accent)));text-wrap:balance;z-index:1;display:inline-block;position:relative;&:after{content:"";inline-size:min(var(--embellished-line-width,6ch), 100%);block-size:var(--embellished-line-height,1ch);background-color:var(--embellished-colour,var(--colour-accent));z-index:-1;display:block;position:absolute;inset-block-end:var(--embellished-offset,-.25ch);@container style((--contrast-color:white) and (--scheme:light)){background-color:var(--embellished-colour-rev,var(--colour-accent-light))}}&+:is(h2,h3,p){--flow-gap:var(--spacing-l)}}.mx-text--lede{--font-size:var(--font-size-ml)}.mx-text--xxxl{--font-size:var(--font-size-xxxl);line-height:var(--line-height-h);text-wrap:balance}.mx-text--xxl{--font-size:var(--font-size-xxl);line-height:var(--line-height-h);text-wrap:balance}.mx-text--xl{--font-size:var(--font-size-xl);line-height:var(--line-height-h)}.mx-text--l{--font-size:var(--font-size-l);line-height:var(--line-height-h)}.mx-text--m{--font-size:var(--font-size-m)}.mx-text--s{--font-size:var(--font-size-s)}.mx-text--xs{--font-size:var(--font-size-xs)}.mx-text--meta{--font-size:var(--font-size-xs);--foreground:var(--foreground-alt,var(--colour-foreground-alt));color:var(--foreground);gap:.2rem;display:grid}.mx-text--alt{--foreground:var(--foreground-alt,var(--colour-foreground-alt));color:var(--foreground)}.mx-text--primary{--foreground:var(--foreground-primary,light-dark(var(--colour-primary),var(--colour-primary-light)));color:var(--foreground)}.mx-text--accent{--foreground:var(--foreground-accent,var(--colour-accent));color:var(--foreground)}:where([class*=mx-text--][class*=mx-background--]){background-color:var(--colour-background);color:var(--colour-foreground);color-scheme:var(--colour-scheme);&>span{background-color:var(--background,var(--colour-background));color:var(--foreground,var(--colour-foreground));color-scheme:var(--scheme,var(--colour-scheme))}}.mx-rich-text{font-family:var(--font-family-prose,var(--font-family));& :is(p,li){max-inline-size:var(--prose-measure,var(--container-max-width))}}:is(.mx-media--left,.mx-media--right,.mx-media--center){@media (width>=540px){max-inline-size:50%;margin-block-end:var(--spacing-s);&:first-child{margin-block-start:0;&+*{margin-block-start:0!important}}}}.mx-media--center{margin-inline:auto}:is(.mx-media--left,[dir=rtl] .mx-media--right,.translated-rtl .mx-media--right){@media (width>=540px){float:left;margin-inline:0 var(--spacing-m)}}:is(.mx-media--right,[dir=rtl] .mx-media--left,.translated-rtl .mx-media--left){@media (width>=540px){float:right;margin-inline:var(--spacing-m) 0}}.mx-list{gap:var(--spacing-xxxs);counter-reset:fn;margin-block:0;padding-inline-start:0;list-style:none;display:grid;& li{counter-increment:fn;max-inline-size:var(--prose-measure,70ch)}}.mx-list--notes li{font-size:var(--list-font-size,var(--font-size-s));padding-inline-start:var(--gap-l);position:relative;&:before{content:counter(fn) ".";font-family:var(--font-family-ui,var(--font-family));font-size:var(--font-size-ui,var(--font-size-xs));line-height:var(--line-height-ui,var(--line-height-h));color:var(--colour-foreground-alt);font-variant-numeric:tabular-nums lining-nums;position:absolute;inset-block-start:2px;inset-inline-start:0}}.mx-list--refs li{text-indent:calc(var(--gap-l) * -1);font-size:var(--list-font-size,var(--font-size-s));padding-inline-start:var(--gap-l)}.mx-list--stats{--font-size:var(--stat-font-size,var(--font-size-xxl));grid-template-columns:repeat(var(--grid-repeat,auto-fit), minmax(min(100%, var(--grid-min,20ch)), 1fr));gap:var(--grid-gap,var(--gap));font-size:var(--list-font-size,var(--font-size-s));text-wrap:balance;grid-template-rows:1fr;@media (width>=946px){--grid-gap:var(--large-grid-gap,var(--gap-l))}& :is(b,strong){font-family:var(--font-family-display,var(--font-family));font-size:var(--font-size);font-weight:var(--stat-font-weight,var(--font-weight-bold));font-variant-numeric:tabular-nums lining-nums;line-height:1;display:block;@supports (font-size:1cqi){--font-min:calc(var(--font-size) - var(--font-size) * var(--font-size-diff,.3));font-size:clamp(max(var(--font-size-xs), var(--font-min)), var(--font-min) + 1cqi, var(--font-size))}}}.mx-list--columns{grid-template-columns:repeat(var(--grid-repeat,auto-fit), minmax(min(100%, var(--grid-min,20ch)), 1fr));gap:var(--grid-gap,var(--gap));@media (width>=946px){--grid-gap:var(--large-grid-gap,var(--gap-l))}}.mx-list--summary{grid-template-columns:min(100%, var(--grid-min,20ch)) 1fr auto;&>div{grid-template-columns:subgrid;padding-block:var(--spacing-xs);border-block-end:1px solid var(--colour-border);grid-column:span 3;&:first-child{border-block-start:2px solid var(--colour-foreground)}@container (width<=60ch){grid-column:1/-1;grid-template-columns:1fr auto;&>dt{grid-column:1/-1}}}& .mx-list__action{text-align:end;font-weight:var(--font-weight-bold)}}}@layer design-system.layout;@layer design-system.utilities{.mx-animated--fade-in{animation:fade-in .5s var(--ease)}.mx-animated--fade-out{animation:fade-out .5s var(--ease)}.mx-animated--spin:before{animation:2s linear infinite spin}.mx-animated--scale-up{animation:scale-up .5s var(--ease)}.mx-animated--scale-down{animation:scale-down .5s var(--ease)}.mx-text--left{text-align:start}.mx-text--right{text-align:end}.mx-text--center{text-align:center}.mx-spacing--reset{padding:0!important}.mx-spacing--top-reset{padding-block-start:0!important}.mx-spacing--bottom-reset{padding-block-end:0!important}.mx-spacing--left-reset{padding-inline-start:0!important}.mx-spacing--right-reset{padding-inline-end:0!important}.mx-spacing--xxs{padding:var(--spacing-xxs)}.mx-spacing--top-xxs{padding-block-start:var(--spacing-xxs)}.mx-spacing--bottom-xxs{padding-block-end:var(--spacing-xxs)}.mx-spacing--left-xxs{padding-inline-start:var(--spacing-xxs)}.mx-spacing--right-xxs{padding-inline-end:var(--spacing-xxs)}.mx-spacing--xs{padding:var(--spacing-xs)}.mx-spacing--top-xs{padding-block-start:var(--spacing-xs)}.mx-spacing--bottom-xs{padding-block-end:var(--spacing-xs)}.mx-spacing--left-xs{padding-inline-start:var(--spacing-xs)}.mx-spacing--right-xs{padding-inline-end:var(--spacing-xs)}.mx-spacing--s{padding:var(--spacing-s)}.mx-spacing--top-s{padding-block-start:var(--spacing-s)}.mx-spacing--bottom-s{padding-block-end:var(--spacing-s)}.mx-spacing--left-s{padding-inline-start:var(--spacing-s)}.mx-spacing--right-s{padding-inline-end:var(--spacing-s)}.mx-spacing--m{padding:var(--spacing-m)}.mx-spacing--top-m{padding-block-start:var(--spacing-m)}.mx-spacing--bottom-m{padding-block-end:var(--spacing-m)}.mx-spacing--left-m{padding-inline-start:var(--spacing-m)}.mx-spacing--right-m{padding-inline-end:var(--spacing-m)}.mx-spacing--l{padding:var(--spacing-l)}.mx-spacing--top-l{padding-block-start:var(--spacing-l)}.mx-spacing--bottom-l{padding-block-end:var(--spacing-l)}.mx-spacing--left-l{padding-inline-start:var(--spacing-l)}.mx-spacing--right-l{padding-inline-end:var(--spacing-l)}.mx-spacing--xl{padding:var(--spacing-xl)}.mx-spacing--top-xl{padding-block-start:var(--spacing-xl)}.mx-spacing--bottom-xl{padding-block-end:var(--spacing-xl)}.mx-spacing--left-xl{padding-inline-start:var(--spacing-xl)}.mx-spacing--right-xl{padding-inline-end:var(--spacing-xl)}.mx-spacing--xxl{padding:var(--spacing-xxl)}.mx-spacing--top-xxl{padding-block-start:var(--spacing-xxl)}.mx-spacing--bottom-xxl{padding-block-end:var(--spacing-xxl)}.mx-spacing--left-xxl{padding-inline-start:var(--spacing-xxl)}.mx-spacing--right-xxl{padding-inline-end:var(--spacing-xxl)}.mx-spacing--xxxl{padding:var(--spacing-xxxl)}.mx-spacing--top-xxxl{padding-block-start:var(--spacing-xxxl)}.mx-spacing--bottom-xxxl{padding-block-end:var(--spacing-xxxl)}.mx-spacing--left-xxxl{padding-inline-start:var(--spacing-xxxl)}.mx-spacing--right-xxxl{padding-inline-end:var(--spacing-xxxl)}.mx-spacing--xxxxl{padding:var(--spacing-xxxxl)}.mx-spacing--top-xxxxl{padding-block-start:var(--spacing-xxxxl)}.mx-spacing--bottom-xxxxl{padding-block-end:var(--spacing-xxxxl)}.mx-spacing--left-xxxxl{padding-inline-start:var(--spacing-xxxxl)}.mx-spacing--right-xxxxl{padding-inline-end:var(--spacing-xxxxl)}.mx-spacing--ul{padding:var(--spacing-ul)}.mx-spacing--top-ul{padding-block-start:var(--spacing-ul)}.mx-spacing--bottom-ul{padding-block-end:var(--spacing-ul)}.mx-spacing--left-ul{padding-inline-start:var(--spacing-ul)}.mx-spacing--right-ul{padding-inline-end:var(--spacing-ul)}.mx-spacing--uul{padding:var(--spacing-uul)}.mx-spacing--top-uul{padding-block-start:var(--spacing-uul)}.mx-spacing--bottom-uul{padding-block-end:var(--spacing-uul)}.mx-spacing--left-uul{padding-inline-start:var(--spacing-uul)}.mx-spacing--right-uul{padding-inline-end:var(--spacing-uul)}.mx-spacing--uuul{padding:var(--spacing-uuul)}.mx-spacing--top-uuul{padding-block-start:var(--spacing-uuul)}.mx-spacing--bottom-uuul{padding-block-end:var(--spacing-uuul)}.mx-spacing--left-uuul{padding-inline-start:var(--spacing-uuul)}.mx-spacing--right-uuul{padding-inline-end:var(--spacing-uuul)}.mx-margin--reset{margin:0!important}.mx-margin--top-reset{margin-block-start:0!important}.mx-margin--bottom-reset{margin-block-end:0!important}.mx-margin--left-reset{margin-inline-start:0!important}.mx-margin--right-reset{margin-inline-end:0!important}.mx-margin--xxs{margin:var(--spacing-xxs)}.mx-margin--top-xxs{margin-block-start:var(--spacing-xxs)}.mx-margin--bottom-xxs{margin-block-end:var(--spacing-xxs)}.mx-margin--left-xxs{margin-inline-start:var(--spacing-xxs)}.mx-margin--right-xxs{margin-inline-end:var(--spacing-xxs)}.mx-margin--xs{margin:var(--spacing-xs)}.mx-margin--top-xs{margin-block-start:var(--spacing-xs)}.mx-margin--bottom-xs{margin-block-end:var(--spacing-xs)}.mx-margin--left-xs{margin-inline-start:var(--spacing-xs)}.mx-margin--right-xs{margin-inline-end:var(--spacing-xs)}.mx-margin--s{margin:var(--spacing-s)}.mx-margin--top-s{margin-block-start:var(--spacing-s)}.mx-margin--bottom-s{margin-block-end:var(--spacing-s)}.mx-margin--left-s{margin-inline-start:var(--spacing-s)}.mx-margin--right-s{margin-inline-end:var(--spacing-s)}.mx-margin--m{margin:var(--spacing-m)}.mx-margin--top-m{margin-block-start:var(--spacing-m)}.mx-margin--bottom-m{margin-block-end:var(--spacing-m)}.mx-margin--left-m{margin-inline-start:var(--spacing-m)}.mx-margin--right-m{margin-inline-end:var(--spacing-m)}.mx-margin--l{margin:var(--spacing-l)}.mx-margin--top-l{margin-block-start:var(--spacing-l)}.mx-margin--bottom-l{margin-block-end:var(--spacing-l)}.mx-margin--left-l{margin-inline-start:var(--spacing-l)}.mx-margin--right-l{margin-inline-end:var(--spacing-l)}.mx-margin--xl{margin:var(--spacing-xl)}.mx-margin--top-xl{margin-block-start:var(--spacing-xl)}.mx-margin--bottom-xl{margin-block-end:var(--spacing-xl)}.mx-margin--left-xl{margin-inline-start:var(--spacing-xl)}.mx-margin--right-xl{margin-inline-end:var(--spacing-xl)}.mx-margin--xxl{margin:var(--spacing-xxl)}.mx-margin--top-xxl{margin-block-start:var(--spacing-xxl)}.mx-margin--bottom-xxl{margin-block-end:var(--spacing-xxl)}.mx-margin--left-xxl{margin-inline-start:var(--spacing-xxl)}.mx-margin--right-xxl{margin-inline-end:var(--spacing-xxl)}.mx-margin--xxxl{margin:var(--spacing-xxxl)}.mx-margin--top-xxxl{margin-block-start:var(--spacing-xxxl)}.mx-margin--bottom-xxxl{margin-block-end:var(--spacing-xxxl)}.mx-margin--left-xxxl{margin-inline-start:var(--spacing-xxxl)}.mx-margin--right-xxxl{margin-inline-end:var(--spacing-xxxl)}.mx-margin--xxxxl{margin:var(--spacing-xxxxl)}.mx-margin--top-xxxxl{margin-block-start:var(--spacing-xxxxl)}.mx-margin--bottom-xxxxl{margin-block-end:var(--spacing-xxxxl)}.mx-margin--left-xxxxl{margin-inline-start:var(--spacing-xxxxl)}.mx-margin--right-xxxxl{margin-inline-end:var(--spacing-xxxxl)}.mx-margin--ul{margin:var(--spacing-ul)}.mx-margin--top-ul{margin-block-start:var(--spacing-ul)}.mx-margin--bottom-ul{margin-block-end:var(--spacing-ul)}.mx-margin--left-ul{margin-inline-start:var(--spacing-ul)}.mx-margin--right-ul{margin-inline-end:var(--spacing-ul)}.mx-margin--uul{margin:var(--spacing-uul)}.mx-margin--top-uul{margin-block-start:var(--spacing-uul)}.mx-margin--bottom-uul{margin-block-end:var(--spacing-uul)}.mx-margin--left-uul{margin-inline-start:var(--spacing-uul)}.mx-margin--right-uul{margin-inline-end:var(--spacing-uul)}.mx-margin--uuul{margin:var(--spacing-uuul)}.mx-margin--top-uuul{margin-block-start:var(--spacing-uuul)}.mx-margin--bottom-uuul{margin-block-end:var(--spacing-uuul)}.mx-margin--left-uuul{margin-inline-start:var(--spacing-uuul)}.mx-margin--right-uuul{margin-inline-end:var(--spacing-uuul)}.mx-table--reset{& :is(td,th){border:unset;padding:unset;background-color:#0000}}}@layer design-system.components,design-system.layouts,design-system.print;@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}
package/dist/build/chunks/{Accordion-D2wp8hBG.js → Accordion-Bqe8vTNR.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { s as e } from "./utilities-Dd-08SW6.js";
1
+ import { s as e } from "./utilities-B9mNRs7V.js";
2
2
  //#region src/Component/Accordion/Elements/Accordion.ts
3
3
  var t = class extends HTMLElement {
4
4
  internals_;
package/dist/build/chunks/{AccordionMobile-D3sTeiM5.js → AccordionMobile-D517oXYZ.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./Accordion-D2wp8hBG.js";
1
+ import { t as e } from "./Accordion-Bqe8vTNR.js";
2
2
  //#region src/Component/Accordion/Elements/AccordionMobile.ts
3
3
  var t = class extends e {
4
4
  mq;
package/dist/build/chunks/{ClosableAlert-yy84gae6.js → ClosableAlert-CZ114JsL.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { s as e, t } from "./utilities-Dd-08SW6.js";
1
+ import { s as e, t } from "./utilities-B9mNRs7V.js";
2
2
  //#region src/Component/GlobalAlert/Elements/ClosableAlert.ts
3
3
  var n = class extends HTMLElement {
4
4
  internals_;
package/dist/build/chunks/{Dialog-DWoXW-7Z.js → Dialog-DoYcGqhW.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { i as e, r as t } from "./utilities-Dd-08SW6.js";
1
+ import { i as e, r as t } from "./utilities-B9mNRs7V.js";
2
2
  //#region src/Component/Dialog/Elements/Dialog.ts
3
3
  var n = class extends HTMLElement {
4
4
  internals_;
package/dist/build/chunks/{FeedbackForm-BochXEDx.js → FeedbackForm-BsL7fv8s.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { n as e } from "./cookie-compliance-CG6x-TcV.js";
2
- import "./utilities-Dd-08SW6.js";
2
+ import "./utilities-B9mNRs7V.js";
3
3
  //#region src/Form/FeedbackForm/Elements/FeedbackForm.ts
4
4
  var t = class extends HTMLElement {
5
5
  internals_;
package/dist/build/chunks/{Gallery-Rkfv7Mbb.js → Gallery-DqJPujX5.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { n as e } from "./cookie-compliance-CG6x-TcV.js";
2
- import { t } from "./utilities-Dd-08SW6.js";
3
- import { t as n } from "./Dialog-DWoXW-7Z.js";
2
+ import { t } from "./utilities-B9mNRs7V.js";
3
+ import { t as n } from "./Dialog-DoYcGqhW.js";
4
4
  //#region src/Component/Carousel/Elements/Carousel.ts
5
5
  var r = class extends HTMLElement {
6
6
  internals_;
package/dist/build/chunks/{GlobalToggle-CzlkpLpc.js → GlobalToggle-7H3F1Wvc.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { u as e } from "./utilities-Dd-08SW6.js";
1
+ import { u as e } from "./utilities-B9mNRs7V.js";
2
2
  import { createFocusTrap as t } from "focus-trap";
3
3
  //#region src/Layout/Header/Elements/GlobalToggle.ts
4
4
  var n = class extends HTMLElement {
package/dist/build/chunks/{InPageNavigation-D1Kk-rCm.js → InPageNavigation-D7m3IN89.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { s as e, t } from "./utilities-Dd-08SW6.js";
1
+ import { s as e, t } from "./utilities-B9mNRs7V.js";
2
2
  //#region src/Component/InPageNavigation/Elements/InPageNavigation.ts
3
3
  var n = class extends HTMLElement {
4
4
  internals_;
package/dist/build/chunks/{Navigation-CDQnN61h.js → Navigation-CRModT40.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { s as e, u as t } from "./utilities-Dd-08SW6.js";
1
+ import { s as e, u as t } from "./utilities-B9mNRs7V.js";
2
2
  //#region src/Utility/Elements/keyboard.ts
3
3
  var n = class {
4
4
  constructor() {
@@ -68,13 +68,13 @@ var n = class {
68
68
  keyboard;
69
69
  subNavs;
70
70
  flyout;
71
- edgeCheck;
71
+ openActive;
72
72
  mq;
73
- iO;
74
73
  constructor() {
75
- super(), this.internals_ = this.attachInternals(), this.controller = new AbortController(), this.flyout = this.hasAttribute("flyout");
74
+ super(), this.internals_ = this.attachInternals(), this.controller = new AbortController();
76
75
  }
77
76
  connectedCallback() {
77
+ this.flyout = this.hasAttribute("flyout"), this.openActive = this.hasAttribute("openActive");
78
78
  let { signal: r } = this.controller;
79
79
  this.keyboard = new n(), this.keyboard.attachEventListeners(r), this.addEventListener("focusin", () => {
80
80
  this.keyboard.attachMenu(this, this.links);
@@ -94,10 +94,10 @@ var n = class {
94
94
  widget: r
95
95
  });
96
96
  }
97
- }), this.addEventListener("disclosure-toggle", this.handleDisclosure), this.flyout && (this.edgeCheck = this.hasAttribute("edgeCheck"), this.mq = this.getAttribute("mq") || "(min-width: 720px)", this.handleBreakpoint(this.breakpoint), this.breakpoint.addEventListener("change", this.handleBreakpoint, { signal: r })));
97
+ }), this.openActive && this.subNavs.size > 0 && this.handleOpenActive(), this.flyout && (this.mq = this.getAttribute("mq") || "(min-width: 720px)", this.handleBreakpoint(this.breakpoint), this.breakpoint.addEventListener("change", this.handleBreakpoint, { signal: r }), this.addEventListener("disclosure-toggle", this.handleDisclosure)));
98
98
  }
99
99
  disconnectedCallback() {
100
- this.controller.abort(), this.subNavs?.forEach((e) => e.widget.detach()), this.iO?.disconnect();
100
+ this.controller.abort(), this.subNavs?.forEach((e) => e.widget.detach());
101
101
  }
102
102
  handleDisclosure = ({ detail: e }) => {
103
103
  let { isOpen: t, id: n } = e, { item: r } = this.subNavs.get(n);
@@ -108,6 +108,11 @@ var n = class {
108
108
  e && e.isOpen && e.handleToggle();
109
109
  });
110
110
  };
111
+ handleOpenActive = () => {
112
+ this.subNavs?.forEach(({ widget: e, list: t, link: n }) => {
113
+ e && !e.isOpen && (n.hasAttribute("aria-current") || t.querySelector("[aria-current=page], .is-active")) && e.handleToggle();
114
+ });
115
+ };
111
116
  handleFlyout = (e) => {
112
117
  let t = e.target.closest("li");
113
118
  if (!t) return;
@@ -118,21 +123,11 @@ var n = class {
118
123
  };
119
124
  handleBreakpoint = ({ matches: e }) => {
120
125
  let { signal: t } = this.controller;
121
- e ? (this.addEventListener("mouseover", this.handleFlyout, { signal: t }), this.addEventListener("mouseleave", this.handleCloseAny, { signal: t }), this.edgeCheck && this.handleEdgeCheck()) : (this.removeEventListener("mouseover", this.handleFlyout), this.removeEventListener("mouseleave", this.handleCloseAny));
126
+ e ? (this.addEventListener("mouseover", this.handleFlyout, { signal: t }), this.addEventListener("mouseleave", this.handleCloseAny, { signal: t })) : (this.removeEventListener("mouseover", this.handleFlyout), this.removeEventListener("mouseleave", this.handleCloseAny));
122
127
  };
123
- handleEdgeCheck() {
124
- let e = window.innerWidth;
125
- this.iO = new IntersectionObserver((t, n) => {
126
- t.forEach(({ boundingClientRect: t, target: r }) => {
127
- e < t.right && r.classList.add("mx-nav--reverse"), n.unobserve(r);
128
- });
129
- }), this.subNavs?.forEach(({ list: e }) => {
130
- this.iO.observe(e), e.querySelectorAll("ul")?.forEach((e) => this.iO.observe(e));
131
- });
132
- }
133
128
  get links() {
134
129
  let e = this.querySelectorAll("a");
135
- if (!e.length) throw Error(`${this.localName} must links`);
130
+ if (!e.length) throw Error(`${this.localName} must contain links`);
136
131
  return e;
137
132
  }
138
133
  get lists() {
package/dist/build/chunks/{Sticky-DoVndENm.js → Sticky-C1H8MNqK.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./utilities-Dd-08SW6.js";
1
+ import { t as e } from "./utilities-B9mNRs7V.js";
2
2
  //#region src/Component/Sticky/Elements/Sticky.ts
3
3
  var t = class extends HTMLElement {
4
4
  internals_;
package/dist/build/chunks/{Tabs-BDlxCDNh.js → Tabs-BJD3kABL.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { s as e, t } from "./utilities-Dd-08SW6.js";
1
+ import { s as e, t } from "./utilities-B9mNRs7V.js";
2
2
  import { t as n } from "./DropMenu-CSTZq0Zt.js";
3
3
  import { PopoverPlacementModifier as r } from "@pnx-mixtape/ids-shape";
4
4
  //#region src/Component/Tabs/Elements/Tabs.ts
package/dist/build/chunks/{Translate-bmM38j6z.js → Translate-yAgySwet.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { l as e } from "./utilities-Dd-08SW6.js";
1
+ import { l as e } from "./utilities-B9mNRs7V.js";
2
2
  import { t } from "./DropMenu-CSTZq0Zt.js";
3
3
  //#region src/Component/Translate/Elements/Translate.ts
4
4
  var n = class extends t {
package/dist/build/chunks/{utilities-Dd-08SW6.js → utilities-B9mNRs7V.js} RENAMED
@@ -150,7 +150,7 @@ var t = class {
150
150
  let t = this.root.querySelector("[popovertarget]");
151
151
  if (!t) return;
152
152
  let n = t.dataset.label || "Language", r = this.getLanguageItem(e)?.textContent?.trim() ?? e;
153
- t.setAttribute("aria-label", `${n}: ${r}`);
153
+ t.setAttribute("aria-label", `${n}: ${r}, ${e.toUpperCase()}`);
154
154
  let i = t.querySelector(".mx-translate__code");
155
155
  i && (i.textContent = e.toUpperCase());
156
156
  }
package/dist/build/dialog.entry.js CHANGED
@@ -1 +1 @@
1
- import "./chunks/Dialog-DWoXW-7Z.js";
1
+ import "./chunks/Dialog-DoYcGqhW.js";
package/dist/build/elements.js CHANGED
@@ -1,19 +1,19 @@
1
1
  import { n as e, t } from "./chunks/cookie-compliance-CG6x-TcV.js";
2
- import { a as n, c as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./chunks/utilities-Dd-08SW6.js";
3
- import { n as f, t as p } from "./chunks/Navigation-CDQnN61h.js";
4
- import { t as m } from "./chunks/GlobalToggle-CzlkpLpc.js";
5
- import { t as h } from "./chunks/FeedbackForm-BochXEDx.js";
2
+ import { a as n, c as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./chunks/utilities-B9mNRs7V.js";
3
+ import { n as f, t as p } from "./chunks/Navigation-CRModT40.js";
4
+ import { t as m } from "./chunks/GlobalToggle-7H3F1Wvc.js";
5
+ import { t as h } from "./chunks/FeedbackForm-BsL7fv8s.js";
6
6
  import { t as g } from "./chunks/Autocomplete-kRo8RNbC.js";
7
7
  import { t as _ } from "./chunks/DropMenu-CSTZq0Zt.js";
8
- import { t as v } from "./chunks/Translate-bmM38j6z.js";
9
- import { t as y } from "./chunks/Tabs-BDlxCDNh.js";
10
- import { t as b } from "./chunks/Sticky-DoVndENm.js";
11
- import { t as x } from "./chunks/InPageNavigation-D1Kk-rCm.js";
12
- import { t as S } from "./chunks/ClosableAlert-yy84gae6.js";
13
- import { n as C, t as w } from "./chunks/Gallery-Rkfv7Mbb.js";
14
- import { t as T } from "./chunks/Dialog-DWoXW-7Z.js";
15
- import { t as E } from "./chunks/Accordion-D2wp8hBG.js";
16
- import { t as D } from "./chunks/AccordionMobile-D3sTeiM5.js";
8
+ import { t as v } from "./chunks/Translate-yAgySwet.js";
9
+ import { t as y } from "./chunks/Tabs-BJD3kABL.js";
10
+ import { t as b } from "./chunks/Sticky-C1H8MNqK.js";
11
+ import { t as x } from "./chunks/InPageNavigation-D7m3IN89.js";
12
+ import { t as S } from "./chunks/ClosableAlert-CZ114JsL.js";
13
+ import { n as C, t as w } from "./chunks/Gallery-DqJPujX5.js";
14
+ import { t as T } from "./chunks/Dialog-DoYcGqhW.js";
15
+ import { t as E } from "./chunks/Accordion-Bqe8vTNR.js";
16
+ import { t as D } from "./chunks/AccordionMobile-D517oXYZ.js";
17
17
  import { t as O } from "./chunks/CookieConsent-wd8gQ2Oe.js";
18
18
  import { t as k } from "./chunks/BackToTop-4M-Wl7z3.js";
19
19
  import { t as A } from "./chunks/AccordionGroup-BYtoAFxg.js";
package/dist/build/feedback-form.entry.js CHANGED
@@ -1 +1 @@
1
- import "./chunks/FeedbackForm-BochXEDx.js";
1
+ import "./chunks/FeedbackForm-BsL7fv8s.js";
package/dist/build/filters.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { n as e } from "./chunks/cookie-compliance-CG6x-TcV.js";
2
- import "./chunks/utilities-Dd-08SW6.js";
3
- import "./chunks/Accordion-D2wp8hBG.js";
4
- import "./chunks/AccordionMobile-D3sTeiM5.js";
2
+ import "./chunks/utilities-B9mNRs7V.js";
3
+ import "./chunks/Accordion-Bqe8vTNR.js";
4
+ import "./chunks/AccordionMobile-D517oXYZ.js";
5
5
  import "./chunks/enums-BrHxPZZ_.js";
6
6
  import { createFocusTrap as t } from "focus-trap";
7
7
  //#region src/Component/Filters/Elements/Filters.ts
package/dist/build/form.css CHANGED
@@ -1 +1 @@
1
- @layer popover-polyfill,design-system.defaults;@layer design-system.atoms{.mx-form-item{max-inline-size:var(--container-max-width);&:has([required]) :is(.mx-label,.mx-legend){&:after,&>.mx-required{color:var(--colour-error)}}&:has([required]:valid) :is(.mx-label,.mx-legend){--colour-error:currentcolor}}.mx-form-item--inline{align-items:flex-start;display:flex}.mx-form-actions{align-items:center;gap:var(--spacing-s);flex-wrap:wrap;display:flex}:is(.mx-input__text,.mx-input__select,.mx-input__textarea){--outline-size:var(--line-width,2px);--outline-offset:calc(var(--outline-size,2px) * -1);box-shadow:none;font:inherit;letter-spacing:inherit;word-spacing:inherit;max-inline-size:100%;padding-block:calc(var(--form-spacing,var(--spacing-s)) - (var(--line-width,2px) * 2));padding-inline:var(--form-spacing,var(--spacing-s));border:var(--line-width,2px) solid var(--line-colour,var(--line-colour,var(--colour-border)));border-radius:var(--border-radius);background-color:var(--form-background,var(--background,var(--colour-background)));color:var(--form-colour,var(--foreground,var(--colour-foreground)));line-height:var(--line-height-ui);block-size:var(--form-element-height,var(--spacing-xxl));&::placeholder{color:var(--placeholder-colour,var(--foreground-alt,var(--colour-foreground-alt)));opacity:1}&[disabled]{opacity:var(--disabled-opacity,.6);cursor:not-allowed;@media (forced-colors:active){forced-color-adjust:none;opacity:1;color:graytext;background-color:canvas;border-color:graytext}}}.mx-input--small{border-width:1px;min-inline-size:0}.mx-input--wide{inline-size:100%}.mx-input__divider{padding:var(--form-spacing,var(--spacing-s));line-height:var(--line-height-ui)}.mx-input--icon{border-radius:var(--border-radius);background-color:var(--background,var(--colour-background));min-inline-size:100%;max-inline-size:100%;display:inline-block;position:relative;&:before{block-size:100%;position:absolute;inset-block-start:0;inset-inline-start:var(--form-spacing,var(--spacing-s))}& .mx-input__text{inline-size:100%;background-color:#0000;padding-inline-start:calc(var(--form-spacing,var(--spacing-s)) * 2.5)}&:has(.mx-validate:user-valid):before{background-color:var(--success-foreground,var(--colour-success))}&:has(:is(.mx-validate:user-invalid,[aria-invalid=true])):before{background-color:var(--error-foreground,var(--colour-error))}}.mx-form--inline-button{border-radius:var(--border-radius);background-color:var(--background,var(--colour-background));border:var(--line-width,2px) solid var(--line-colour,var(--line-colour,var(--colour-border)));min-inline-size:100%;max-inline-size:100%;display:flex;position:relative;&:has(.mx-input__text:focus-visible){outline:var(--outline-size) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:calc(var(--line-width,2px) * -1)}&:has(.mx-validate:user-valid),.mx-validate &:has(:user-valid){border-color:var(--success-foreground,var(--colour-success))}&:has(.mx-validate:user-invalid),.mx-validate &:has(:user-invalid),&:has([aria-invalid=true]){border-color:var(--error-foreground,var(--colour-error))}& .mx-input__text{background-color:#0000;border:0;flex-grow:1;inline-size:100%;&:focus-visible{outline:none}}& .mx-button{margin:var(--spacing-xxxxs);block-size:calc(var(--form-element-height,var(--spacing-xxl)) - var(--spacing-xxxs));border:0;border-radius:3px;flex-shrink:0}}:is(.mx-label,.mx-legend){font-size:var(--font-size);color:var(--label-foreground,var(--foreground,var(--colour-foreground)));gap:4px;margin-block-end:var(--spacing-xxxs);display:flex;&.mx-label--inline{margin-block-end:0;margin-inline-end:var(--spacing-xxs);display:inline-flex}}.mx-checkbox [type=checkbox]{box-shadow:none;appearance:none;inline-size:var(--control-size,var(--spacing-m));block-size:var(--control-size,var(--spacing-m));background-color:var(--background,var(--colour-background));border:var(--line-width,2px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);font-size:1rem;display:flex;@media (pointer:fine){--control-size:2rem}&:checked:after{content:"";background-color:var(--checkbox-colour,currentcolor);block-size:.75rem;inline-size:.75rem;margin:auto;display:block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}&[disabled]{cursor:not-allowed;&+label{opacity:var(--disabled-opacity,.6);cursor:not-allowed;@media (forced-colors:active){forced-color-adjust:none;opacity:1;color:graytext}}@media (forced-colors:active){--forced-colour:GrayText;forced-color-adjust:none;color:graytext;background-color:canvas;border-color:graytext}}}.mx-radio [type=radio]{box-shadow:none;appearance:none;inline-size:var(--control-size,var(--spacing-m));block-size:var(--control-size,var(--spacing-m));background-color:var(--background,var(--colour-background));border:var(--line-width,2px) solid var(--line-colour,var(--colour-border));border-radius:50%;font-size:1rem;display:flex;@media (pointer:fine){--control-size:2rem}&:checked:after{content:"";background-color:var(--radio-colour,var(--colour-primary));border-radius:50%;block-size:.5rem;inline-size:.5rem;margin:auto;display:block;@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}&[disabled]{cursor:not-allowed;&+label{opacity:var(--disabled-opacity,.6);cursor:not-allowed;@media (forced-colors:active){forced-color-adjust:none;opacity:1;color:graytext}}@media (forced-colors:active){--forced-colour:GrayText;forced-color-adjust:none;color:graytext;background-color:canvas;border-color:graytext}}}:is(.mx-radio,.mx-checkbox){--outline-size:var(--line-width,2px);--outline-offset:var(--outline-size,2px);align-items:center;gap:var(--control-gap,var(--spacing-xxs));margin-block-end:var(--spacing-xxxs);display:flex;&:last-child{margin-block-end:0}& label{cursor:pointer;margin:0}& input{flex-shrink:0;&:focus-visible{outline:var(--outline-size) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset)}}&.mx-form-item--inline{margin-inline-end:var(--control-gap,var(--spacing-xxs));display:inline-flex}}@supports (appearance:base-select){.mx-input__select,::picker(select){appearance:base-select}::picker(select){border-radius:var(--border-radius);border:var(--line-width,2px) solid var(--line-colour,var(--line-colour,var(--colour-border)));inset-block-start:var(--spacing-xxxs)}}.mx-input__select{--outline-size:var(--line-width,2px);--outline-offset:calc(var(--outline-size,2px) * -1);appearance:none;cursor:pointer;background-color:var(--background,var(--colour-background));background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z'%20/%3e%3c/svg%3e");background-position:right var(--form-spacing,var(--spacing-s)) center;padding-block:0;padding-inline-end:var(--spacing-xl);@supports (appearance:base-select){&,& ::picker(select){appearance:base-select;background-image:none;padding-inline-end:0}& selectedcontent{align-items:center;column-gap:var(--spacing-xxxs);block-size:100%;display:flex}& option{padding-block:var(--spacing-xxs)}}@supports not (appearance:base-select){@media (forced-colors:active){appearance:auto;background-image:none;padding-inline-end:revert}}&::picker-icon{aspect-ratio:1;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z'%20/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}&:open::picker-icon{rotate:180deg}& option::checkmark{content:"";inline-size:var(--icon-size,var(--spacing-s));block-size:var(--icon-size,var(--spacing-s));background-color:currentColor;display:block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e");@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}&[multiple]{background-image:none;block-size:auto}&.mx-input--small{background-position:right var(--spacing-xs) center;padding-inline-end:var(--spacing-m)}}:is(.translated-rtl .mx-input__select,[dir=rtl] .mx-input__select){background-position:left var(--spacing-s) center;&.mx-input--small{background-position:left var(--spacing-xs) center}}.mx-input__textarea{--outline-size:var(--line-width,2px);--outline-offset:calc(var(--outline-size,2px) * -1);block-size:calc(4 * var(--form-element-height,var(--spacing-xxl)));inline-size:100%}.mx-fieldset{border:var(--line-width,2px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);padding:var(--form-spacing,var(--spacing-s));min-inline-size:0;& legend{padding-block:0;padding-inline:var(--form-spacing,var(--spacing-s))}&:is(.mx-fieldset--plain,:has(.mx-checkbox,.mx-radio)){border:0;padding:0;& legend{padding:0}}&.mx-fieldset--inline{gap:var(--spacing-xxs);flex-wrap:wrap;display:flex;& :is(.form__item,.form__item--inline){margin:0}}}.mx-description{margin-block:var(--form-spacing,var(--spacing-s));font-size:var(--font-size-xs);margin-inline:0;&:last-child{margin-block-end:0}}:is(.mx-success-message,.mx-error-message){margin-block:var(--form-spacing,var(--spacing-s));font-size:var(--font-size-s);color:var(--foreground,var(--colour-foreground));gap:var(--spacing-xxs);margin-inline:0;display:flex;&:last-child{margin-block-end:0}&:before{content:"";inline-size:var(--spacing-m);block-size:var(--spacing-m);flex-shrink:0;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.mx-error-message:before{background-color:var(--error-foreground,var(--colour-error));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm3.5%2010.1l-1.4%201.4L8%209.4l-2.1%202.1-1.4-1.4L6.6%208%204.5%205.9l1.4-1.4L8%206.6l2.1-2.1%201.4%201.4L9.4%208l2.1%202.1z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm3.5%2010.1l-1.4%201.4L8%209.4l-2.1%202.1-1.4-1.4L6.6%208%204.5%205.9l1.4-1.4L8%206.6l2.1-2.1%201.4%201.4L9.4%208l2.1%202.1z'%20/%3e%3c/svg%3e");@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}.mx-success-message:before{background-color:var(--success-foreground,var(--colour-success));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zM7%2011.4L3.6%208%205%206.6l2%202%204-4L12.4%206%207%2011.4z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zM7%2011.4L3.6%208%205%206.6l2%202%204-4L12.4%206%207%2011.4z'%20/%3e%3c/svg%3e");@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}.mx-validate,:is(.mx-checkbox,.mx-radio,.mx-autocomplete).mx-validate :is(input,select,textarea){&:user-valid:not([aria-invalid=true]){border-color:var(--success-foreground,var(--colour-success))}&:user-invalid{border-color:var(--error-foreground,var(--colour-error))}}.mx-input__text[aria-invalid=true],.mx-input__select[aria-invalid=true],.mx-input__textarea[aria-invalid=true],.mx-checkbox [type=checkbox][aria-invalid=true],.mx-radio [type=radio][aria-invalid=true]{border-color:var(--error-foreground,var(--colour-error))}}@layer design-system.layout,design-system.utilities;@layer design-system.components{.mx-choice-card{border:var(--line-width,2px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);background-color:var(--background,var(--colour-background));transition:border-color .12s linear,background-color .12s linear;display:block;position:relative;& label{gap:var(--spacing-xxxs);padding-block:var(--choice-padding-block,var(--spacing-s));padding-inline:calc(var(--control-size,var(--spacing-m)) + var(--choice-padding-inline,var(--spacing-m)) * 2) var(--choice-padding-inline,var(--spacing-m));min-block-size:calc(var(--control-size,var(--spacing-m)) + var(--choice-padding-block,var(--spacing-s)) * 2);cursor:pointer;font-weight:var(--font-weight-bold);display:grid}& input{position:absolute;inset-block-start:var(--choice-padding-block,var(--spacing-s));inset-inline-start:var(--choice-padding-inline,var(--spacing-m))}&:has(input:checked){border-color:var(--choice-colour-active,var(--colour-primary));background-color:color-mix(in oklch, var(--choice-colour-active,var(--colour-primary)), white 95%)}&:hover{border-color:var(--choice-colour-active,var(--colour-primary))}&:has(.mx-validate:user-valid),.mx-validate &:has(:user-valid){border-color:var(--success-foreground,var(--colour-success))}&:has(.mx-validate:user-invalid),.mx-validate &:has(:user-invalid),&:has([aria-invalid=true]){border-color:var(--error-foreground,var(--colour-error))}}.mx-choice-divider{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-s);color:var(--colour-foreground-alt);margin-block-end:var(--spacing-xxxs);display:flex;&:before,&:after{content:"";background-color:var(--colour-border);flex:1;block-size:1px}}.mx-choice-card__hint{font-weight:var(--font-weight-normal);font-size:var(--font-size-s);color:var(--colour-foreground-alt)}.mx-description+.mx-choice-card{margin-block-start:var(--spacing-xxxs)}}
1
+ @layer popover-polyfill,design-system.defaults;@layer design-system.atoms{.mx-form-item{max-inline-size:var(--container-max-width);&:has([required]) :is(.mx-label,.mx-legend){&:after,&>.mx-required{color:var(--colour-error)}}&:has([required]:valid) :is(.mx-label,.mx-legend){--colour-error:currentcolor}}.mx-form-item--inline{align-items:flex-start;display:flex}.mx-form-actions{align-items:center;gap:var(--spacing-s);flex-wrap:wrap;display:flex}:is(.mx-input__text,.mx-input__select,.mx-input__textarea){--outline-size:var(--line-width,2px);--outline-offset:calc(var(--outline-size,2px) * -1);box-shadow:none;font:inherit;letter-spacing:inherit;word-spacing:inherit;max-inline-size:100%;padding-block:calc(var(--form-spacing,var(--spacing-s)) - (var(--line-width,2px) * 2));padding-inline:var(--form-spacing,var(--spacing-s));border:var(--line-width,2px) solid var(--line-colour,var(--line-colour,var(--colour-border)));border-radius:var(--border-radius);background-color:var(--form-background,var(--background,var(--colour-background)));color:var(--form-colour,var(--foreground,var(--colour-foreground)));line-height:var(--line-height-ui);block-size:var(--form-element-height,var(--spacing-xxl));&::placeholder{color:var(--placeholder-colour,var(--foreground-alt,var(--colour-foreground-alt)));opacity:1}&[disabled]{opacity:var(--disabled-opacity,.6);cursor:not-allowed;@media (forced-colors:active){forced-color-adjust:none;opacity:1;color:graytext;background-color:canvas;border-color:graytext}}}.mx-input--small{border-width:1px;min-inline-size:0}.mx-input--wide{inline-size:100%}.mx-input__divider{padding:var(--form-spacing,var(--spacing-s));line-height:var(--line-height-ui)}.mx-input--icon{border-radius:var(--border-radius);background-color:var(--background,var(--colour-background));min-inline-size:100%;max-inline-size:100%;display:inline-block;position:relative;&:before{block-size:100%;position:absolute;inset-block-start:0;inset-inline-start:var(--form-spacing,var(--spacing-s))}& .mx-input__text{inline-size:100%;background-color:#0000;padding-inline-start:calc(var(--form-spacing,var(--spacing-s)) * 2.5)}&:has(.mx-validate:user-valid):before{background-color:var(--success-foreground,var(--colour-success))}&:has(:is(.mx-validate:user-invalid,[aria-invalid=true])):before{background-color:var(--error-foreground,var(--colour-error))}}.mx-form--inline-button{border-radius:var(--border-radius);background-color:var(--background,var(--colour-background));border:var(--line-width,2px) solid var(--line-colour,var(--line-colour,var(--colour-border)));min-inline-size:100%;max-inline-size:100%;display:flex;position:relative;&:has(.mx-input__text:focus-visible){outline:var(--outline-size) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:calc(var(--line-width,2px) * -1)}&:has(.mx-validate:user-valid),.mx-validate &:has(:user-valid){border-color:var(--success-foreground,var(--colour-success))}&:has(.mx-validate:user-invalid),.mx-validate &:has(:user-invalid),&:has([aria-invalid=true]){border-color:var(--error-foreground,var(--colour-error))}& .mx-input__text{background-color:#0000;border:0;flex-grow:1;inline-size:100%;&:focus-visible{outline:none}}& .mx-button{margin:var(--spacing-xxxxs);block-size:calc(var(--form-element-height,var(--spacing-xxl)) - var(--spacing-xxxs));border:0;border-radius:3px;flex-shrink:0}}:is(.mx-label,.mx-legend){font-size:var(--font-size);color:var(--label-foreground,var(--foreground,var(--colour-foreground)));gap:4px;margin-block-end:var(--spacing-xxxs);display:flex;&.mx-label--inline{margin-block-end:0;margin-inline-end:var(--spacing-xxs);display:inline-flex}}.mx-checkbox [type=checkbox]{box-shadow:none;appearance:none;inline-size:var(--control-size,var(--spacing-m));block-size:var(--control-size,var(--spacing-m));background-color:var(--background,var(--colour-background));border:var(--line-width,2px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);font-size:1rem;display:flex;@media (pointer:fine){--control-size:2rem}&:checked:after{content:"";background-color:var(--checkbox-colour,currentcolor);block-size:.75rem;inline-size:.75rem;margin:auto;display:block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}&[disabled]{cursor:not-allowed;&+label{opacity:var(--disabled-opacity,.6);cursor:not-allowed;@media (forced-colors:active){forced-color-adjust:none;opacity:1;color:graytext}}@media (forced-colors:active){--forced-colour:GrayText;forced-color-adjust:none;color:graytext;background-color:canvas;border-color:graytext}}}.mx-radio [type=radio]{box-shadow:none;appearance:none;inline-size:var(--control-size,var(--spacing-m));block-size:var(--control-size,var(--spacing-m));background-color:var(--background,var(--colour-background));border:var(--line-width,2px) solid var(--line-colour,var(--colour-border));border-radius:50%;font-size:1rem;display:flex;@media (pointer:fine){--control-size:2rem}&:checked:after{content:"";background-color:var(--radio-colour,var(--colour-primary));border-radius:50%;block-size:.5rem;inline-size:.5rem;margin:auto;display:block;@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}&[disabled]{cursor:not-allowed;&+label{opacity:var(--disabled-opacity,.6);cursor:not-allowed;@media (forced-colors:active){forced-color-adjust:none;opacity:1;color:graytext}}@media (forced-colors:active){--forced-colour:GrayText;forced-color-adjust:none;color:graytext;background-color:canvas;border-color:graytext}}}:is(.mx-radio,.mx-checkbox){--outline-size:var(--line-width,2px);--outline-offset:var(--outline-size,2px);align-items:center;gap:var(--control-gap,var(--spacing-xxs));margin-block-end:var(--spacing-xxxs);display:flex;&:last-child{margin-block-end:0}& label{cursor:pointer;margin:0}& input{flex-shrink:0;&:focus-visible{outline:var(--outline-size) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset)}}&.mx-form-item--inline{margin-inline-end:var(--control-gap,var(--spacing-xxs));display:inline-flex}}.mx-input__select{--outline-size:var(--line-width,2px);--outline-offset:calc(var(--outline-size,2px) * -1);appearance:none;cursor:pointer;background-color:var(--background,var(--colour-background));background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z'%20/%3e%3c/svg%3e");background-position:right var(--form-spacing,var(--spacing-s)) center;padding-block:0;padding-inline-end:var(--spacing-xl);@supports (appearance:base-select){background-image:none;align-items:center;padding-inline-end:var(--form-spacing,var(--spacing-s));&,&::picker(select){appearance:base-select}&::picker(select){border-radius:var(--border-radius);border:var(--line-width,2px) solid var(--line-colour,var(--line-colour,var(--colour-border)));min-inline-size:anchor-size(width);position-area:block-end center;position-try-fallbacks:flip-block flip-inline;inset-block-start:var(--spacing-xxxs)}& selectedcontent{align-items:center;column-gap:var(--spacing-xxxs);block-size:100%;display:flex}& option{padding-block:var(--spacing-xxs)}}@supports not (appearance:base-select){@media (forced-colors:active){appearance:auto;background-image:none;padding-inline-end:revert}}&::picker-icon{aspect-ratio:1;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z'%20/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}&:open::picker-icon{rotate:180deg}& option::checkmark{content:"";inline-size:var(--icon-size,var(--spacing-s));block-size:var(--icon-size,var(--spacing-s));background-color:currentColor;display:block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e");@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}&[multiple]{background-image:none;block-size:auto}&.mx-input--small{background-position:right var(--spacing-xs) center;padding-inline-end:var(--spacing-m)}}:is(.translated-rtl .mx-input__select,[dir=rtl] .mx-input__select){background-position:left var(--spacing-s) center;&.mx-input--small{background-position:left var(--spacing-xs) center}}.mx-input__textarea{--outline-size:var(--line-width,2px);--outline-offset:calc(var(--outline-size,2px) * -1);block-size:calc(4 * var(--form-element-height,var(--spacing-xxl)));inline-size:100%}.mx-fieldset{border:var(--line-width,2px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);padding:var(--form-spacing,var(--spacing-s));min-inline-size:0;& legend{padding-block:0;padding-inline:var(--form-spacing,var(--spacing-s))}&:is(.mx-fieldset--plain,:has(.mx-checkbox,.mx-radio)){border:0;padding:0;& legend{padding:0}}&.mx-fieldset--inline{gap:var(--spacing-xxs);flex-wrap:wrap;display:flex;& :is(.form__item,.form__item--inline){margin:0}}}.mx-description{margin-block:var(--form-spacing,var(--spacing-s));font-size:var(--font-size-xs);margin-inline:0;&:last-child{margin-block-end:0}}:is(.mx-success-message,.mx-error-message){margin-block:var(--form-spacing,var(--spacing-s));font-size:var(--font-size-s);color:var(--foreground,var(--colour-foreground));gap:var(--spacing-xxs);margin-inline:0;display:flex;&:last-child{margin-block-end:0}&:before{content:"";inline-size:var(--spacing-m);block-size:var(--spacing-m);flex-shrink:0;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.mx-error-message:before{background-color:var(--error-foreground,var(--colour-error));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm3.5%2010.1l-1.4%201.4L8%209.4l-2.1%202.1-1.4-1.4L6.6%208%204.5%205.9l1.4-1.4L8%206.6l2.1-2.1%201.4%201.4L9.4%208l2.1%202.1z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm3.5%2010.1l-1.4%201.4L8%209.4l-2.1%202.1-1.4-1.4L6.6%208%204.5%205.9l1.4-1.4L8%206.6l2.1-2.1%201.4%201.4L9.4%208l2.1%202.1z'%20/%3e%3c/svg%3e");@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}.mx-success-message:before{background-color:var(--success-foreground,var(--colour-success));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zM7%2011.4L3.6%208%205%206.6l2%202%204-4L12.4%206%207%2011.4z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zM7%2011.4L3.6%208%205%206.6l2%202%204-4L12.4%206%207%2011.4z'%20/%3e%3c/svg%3e");@media (forced-colors:active){forced-color-adjust:none;background-color:var(--forced-colour,CanvasText)}}.mx-validate,:is(.mx-checkbox,.mx-radio,.mx-autocomplete).mx-validate :is(input,select,textarea){&:user-valid:not([aria-invalid=true]){border-color:var(--success-foreground,var(--colour-success))}&:user-invalid{border-color:var(--error-foreground,var(--colour-error))}}.mx-input__text[aria-invalid=true],.mx-input__select[aria-invalid=true],.mx-input__textarea[aria-invalid=true],.mx-checkbox [type=checkbox][aria-invalid=true],.mx-radio [type=radio][aria-invalid=true]{border-color:var(--error-foreground,var(--colour-error))}}@layer design-system.layout,design-system.utilities;@layer design-system.components{.mx-choice-card{border:var(--line-width,2px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);background-color:var(--background,var(--colour-background));transition:border-color .12s linear,background-color .12s linear;display:block;position:relative;& label{gap:var(--spacing-xxxs);padding-block:var(--choice-padding-block,var(--spacing-s));padding-inline:calc(var(--control-size,var(--spacing-m)) + var(--choice-padding-inline,var(--spacing-m)) * 2) var(--choice-padding-inline,var(--spacing-m));min-block-size:calc(var(--control-size,var(--spacing-m)) + var(--choice-padding-block,var(--spacing-s)) * 2);cursor:pointer;font-weight:var(--font-weight-bold);display:grid}& input{position:absolute;inset-block-start:var(--choice-padding-block,var(--spacing-s));inset-inline-start:var(--choice-padding-inline,var(--spacing-m))}&:has(input:checked){border-color:var(--choice-colour-active,var(--colour-primary));background-color:color-mix(in oklch, var(--choice-colour-active,var(--colour-primary)), white 95%)}&:hover{border-color:var(--choice-colour-active,var(--colour-primary))}&:has(.mx-validate:user-valid),.mx-validate &:has(:user-valid){border-color:var(--success-foreground,var(--colour-success))}&:has(.mx-validate:user-invalid),.mx-validate &:has(:user-invalid),&:has([aria-invalid=true]){border-color:var(--error-foreground,var(--colour-error))}}.mx-choice-divider{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-s);color:var(--colour-foreground-alt);margin-block-end:var(--spacing-xxxs);display:flex;&:before,&:after{content:"";background-color:var(--colour-border);flex:1;block-size:1px}}.mx-choice-card__hint{font-weight:var(--font-weight-normal);font-size:var(--font-size-s);color:var(--colour-foreground-alt)}.mx-description+.mx-choice-card{margin-block-start:var(--spacing-xxxs)}}
package/dist/build/gallery.entry.js CHANGED
@@ -1 +1 @@
1
- import "./chunks/Gallery-Rkfv7Mbb.js";
1
+ import "./chunks/Gallery-DqJPujX5.js";
package/dist/build/global-alert.entry.js CHANGED
@@ -1 +1 @@
1
- import "./chunks/ClosableAlert-yy84gae6.js";
1
+ import "./chunks/ClosableAlert-CZ114JsL.js";
package/dist/build/header.entry.js CHANGED
@@ -1 +1 @@
1
- import "./chunks/GlobalToggle-CzlkpLpc.js";
1
+ import "./chunks/GlobalToggle-7H3F1Wvc.js";
package/dist/build/in-page-navigation.entry.js CHANGED
@@ -1 +1 @@
1
- import "./chunks/InPageNavigation-D1Kk-rCm.js";
1
+ import "./chunks/InPageNavigation-D7m3IN89.js";
package/dist/build/navigation.css CHANGED
@@ -1 +1 @@
1
- @layer popover-polyfill,design-system.defaults;@layer design-system.atoms{.mx-nav{--link-colour:currentcolor;&:where(:not(:has(ul))),& ul{font-size:var(--nav-font-size,var(--font-size));flex-direction:column;padding-inline-start:0;list-style-type:none;display:flex}& a[href]{-webkit-text-decoration-line:var(--nav-underline,none);text-decoration-line:var(--nav-underline,none);&:hover{-webkit-text-decoration-line:var(--nav-active-underline,underline);text-decoration-line:var(--nav-active-underline,underline)}}}.mx-nav--inline{&:where(:not(:has(ul))),&>ul{align-items:center;gap:var(--nav-gap,var(--spacing-s));flex-flow:wrap}}.mx-nav__toggle{background:unset;appearance:none;color:var(--toggle-foreground,var(--foreground,var(--colour-foreground)));inline-size:var(--spacing-l);block-size:var(--spacing-l);cursor:pointer;border:0;padding:0;position:absolute;inset-block-start:var(--toggle-top,12px);inset-inline-end:0}.mx-nav--open{&>.mx-nav__toggle:before{transform:rotate(180deg)}}}@layer design-system.layout,design-system.utilities;@layer design-system.components{.mx-nav--collapsible{--outline-offset:-1px;& .mx-nav__toggle{inset-inline:auto var(--spacing-xxs);@media (width>=720px){display:block}}& ul li{position:relative;&:has([aria-current=page],.is-active)>a{font-weight:var(--font-weight-bold)}& a{color:inherit;border-block-end:var(--line-width,1px) solid var(--line-colour,var(--colour-border));padding-block:var(--item-spacing,var(--spacing-xxs));padding-inline:var(--indent,var(--spacing-xxs)) var(--item-spacing,var(--spacing-xxs));display:block}}& .mx-nav__level-2>li>a{--indent:var(--spacing-s);@media (width>=720px){--indent:var(--spacing-m)}}& .mx-nav__level-3>li>a{--indent:var(--spacing-m);@media (width>=720px){--indent:var(--spacing-l)}}& :is([aria-current=page],.is-active>a){background-color:var(--nav-active-background,var(--background,var(--colour-background-alt)));color:var(--nav-active-foreground,inherit)}& li>ul{opacity:1;transition-property:var(--transition-property,opacity, color, background-color, border-color, transform, rotate, display, overlay);transition-duration:var(--transition-duration,.5s);transition-timing-function:var(--ease);transition-behavior:allow-discrete;@starting-style{opacity:0}display:grid;@starting-style{opacity:0;display:grid}&[inert]{opacity:0;transition-duration:.4s;display:none}}& li:is(.mx-nav__has-subnav,:has(>ul))>a{padding-inline-end:var(--spacing-l)}}.mx-nav--dropdown{--outline-offset:-1px;--nav-active-underline:none;margin-block:var(--spacing-m);@media (width>=720px){margin-block:0}& li{margin:0;&:is(.mx-nav__has-subnav,:has(>ul)){position:relative;&>a{--toggle-gap:var(--spacing-l)}}}& a{display:block;&[aria-expanded=true]{@media (width>=720px){background-color:var(--nav-expanded-background,var(--background,var(--colour-background-alt)));color:var(--nav-expanded-foreground,inherit);&+.mx-nav__toggle{color:var(--nav-expanded-foreground,inherit)}}}}& li>ul{opacity:1;transition-property:var(--transition-property,opacity, color, background-color, border-color, transform, rotate, display, overlay);transition-duration:var(--transition-duration,.5s);transition-timing-function:var(--ease);transition-behavior:allow-discrete;@starting-style{opacity:0}display:grid;@starting-style{opacity:0;display:grid}&[inert]{opacity:0;transition-duration:.4s;display:none}}& .mx-nav__level-1{margin:0;overflow:hidden;@media (width>=720px){flex-flow:row;justify-content:flex-start;align-items:center;overflow:visible}&>li>a:where(:not(.mx-button)){padding-block:var(--item-spacing,var(--spacing-xxs));padding-inline-end:var(--toggle-gap,var(--item-spacing,var(--spacing-xxs)));@media (width>=720px){padding-inline-start:var(--item-spacing,var(--spacing-xxs))}}}& .mx-nav__level-2{inline-size:100%;margin:0;display:grid;position:relative;inset-inline-start:0;@media (width>=720px){inline-size:var(--dropdown-width,270px);border-radius:var(--border-radius);background-color:var(--nav-expanded-background,var(--background,var(--colour-background-alt)));color:var(--nav-expanded-foreground,inherit);position:absolute;& .mx-nav__toggle:before{transform:rotate(-90deg)}}&>li>a:where(:not(.mx-button)){padding:var(--item-spacing,var(--spacing-xxs));@media (width<720px){padding-inline-start:var(--spacing-l)}}}& .mx-nav--reverse .nav__level-2{@media (width>=720px){inset-inline:auto 0;& .mx-nav__toggle:before{transform:rotate(90deg)}}}& .mx-nav__separator{border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border))}}.mx-nav--mega-nav{@media (width<720px){max-block-size:100%;overflow:auto}& .mx-nav__level-2 ul{border-block-start:1px solid var(--border-colour);inline-size:100%;padding-inline-start:var(--spacing-l);display:block;position:relative;@media (width>=720px){inline-size:var(--dropdown-width,270px);border-radius:0 var(--border-radius) var(--border-radius) 0;background-color:var(--expanded-background,var(--colour-background-alt));min-block-size:100%;color:var(--expanded-foreground,inherit);border-block-start:0;padding-inline-start:0;position:absolute;inset-block-start:0;inset-inline-start:var(--dropdown-width,270px)}&>li>a:where(:not(.mx-button)){padding:var(--item-spacing,var(--spacing-xxs));@media (width<720px){padding-inline-start:var(--spacing-l)}}}& .mx-nav--reverse .mx-nav__level-2 ul{@media (width>=720px){border-radius:var(--border-radius) 0 0 var(--border-radius);inset-inline-start:calc(var(--dropdown-width,270px) * -1)}}}}
1
+ @layer popover-polyfill,design-system.defaults;@layer design-system.atoms{.mx-nav{--link-colour:currentcolor;&:where(:not(:has(ul))),& ul{font-size:var(--nav-font-size,var(--font-size));flex-direction:column;padding-inline-start:0;list-style-type:none;display:flex}& a[href]{-webkit-text-decoration-line:var(--nav-underline,none);text-decoration-line:var(--nav-underline,none);&:hover{-webkit-text-decoration-line:var(--nav-active-underline,underline);text-decoration-line:var(--nav-active-underline,underline)}}}.mx-nav--inline{&:where(:not(:has(ul))),&>ul{align-items:center;gap:var(--nav-gap,var(--spacing-s));flex-flow:wrap}}.mx-nav__toggle{background:unset;appearance:none;color:var(--toggle-foreground,var(--foreground,var(--colour-foreground)));inline-size:var(--spacing-l);block-size:var(--spacing-l);cursor:pointer;border:0;padding:0;position:absolute;inset-block-start:var(--toggle-top,12px);inset-inline-end:0;&[aria-expanded=true]:before{transform:rotate(180deg)}}mx-nav:not(:defined) .mx-nav__toggle{display:none}}@layer design-system.layout,design-system.utilities;@layer design-system.components{.mx-nav--collapsible{--outline-offset:-1px;& .mx-nav__toggle{inset-inline:auto var(--spacing-xxs);@media (width>=720px){display:block}}& ul li{position:relative;&:has([aria-current=page],.is-active)>a{font-weight:var(--font-weight-bold)}& a{color:inherit;border-block-end:var(--line-width,1px) solid var(--line-colour,var(--colour-border));padding-block:var(--item-spacing,var(--spacing-xxs));padding-inline:var(--indent,var(--spacing-xxs)) var(--item-spacing,var(--spacing-xxs));display:block}}& .mx-nav__level-2>li>a{--indent:var(--spacing-s);@media (width>=720px){--indent:var(--spacing-m)}}& .mx-nav__level-3>li>a{--indent:var(--spacing-m);@media (width>=720px){--indent:var(--spacing-l)}}& :is([aria-current=page],.is-active>a){background-color:var(--nav-active-background,var(--background,var(--colour-background-alt)));color:var(--nav-active-foreground,inherit)}& li>ul{opacity:1;transition-property:var(--transition-property,opacity, color, background-color, border-color, transform, rotate, display, overlay);transition-duration:var(--transition-duration,.5s);transition-timing-function:var(--ease);transition-behavior:allow-discrete;@starting-style{opacity:0}display:grid;@starting-style{opacity:0;display:grid}&[inert]{opacity:0;transition-duration:.4s;display:none}}& li:is(.mx-nav__has-subnav,:has(>ul))>a{padding-inline-end:var(--spacing-l)}}.mx-nav--dropdown{--outline-offset:-1px;--nav-active-underline:none;margin-block:var(--spacing-m);@media (width>=720px){margin-block:0}& li{margin:0;&:is(.mx-nav__has-subnav,:has(>ul)){anchor-scope:--mx-nav-item;anchor-name:--mx-nav-item;position:relative;&>a{--toggle-gap:var(--spacing-l)}}}& a{display:block;&[aria-expanded=true]{@media (width>=720px){background-color:var(--nav-expanded-background,var(--background,var(--colour-background-alt)));color:var(--nav-expanded-foreground,inherit);&+.mx-nav__toggle{color:var(--nav-expanded-foreground,inherit)}}}}& li>ul{opacity:1;transition-property:var(--transition-property,opacity, color, background-color, border-color, transform, rotate, display, overlay);transition-duration:var(--transition-duration,.5s);transition-timing-function:var(--ease);transition-behavior:allow-discrete;@starting-style{opacity:0}display:grid;@starting-style{opacity:0;display:grid}&[inert]{opacity:0;transition-duration:.4s;display:none}}& .mx-nav__level-1{margin:0;overflow:hidden;@media (width>=720px){flex-flow:row;justify-content:flex-start;align-items:center;overflow:visible}&>li>a:where(:not(.mx-button)){padding-block:var(--item-spacing,var(--spacing-xxs));padding-inline-end:var(--toggle-gap,var(--item-spacing,var(--spacing-xxs)));@media (width>=720px){padding-inline-start:var(--item-spacing,var(--spacing-xxs))}}}& .mx-nav__level-2{inline-size:100%;margin:0;display:grid;position:relative;inset-inline-start:0;@media (width>=720px){position-anchor:--mx-nav-item;position-area:block-end span-inline-end;position-try-fallbacks:flip-inline;inline-size:var(--dropdown-width,270px);border-radius:var(--border-radius);background-color:var(--nav-expanded-background,var(--background,var(--colour-background-alt)));color:var(--nav-expanded-foreground,inherit);position:fixed;& .mx-nav__toggle:before{transform:rotate(-90deg)}}&>li>a:where(:not(.mx-button)){padding:var(--item-spacing,var(--spacing-xxs));@media (width<720px){padding-inline-start:var(--spacing-l)}}}& .mx-nav__separator{border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border))}}.mx-nav--mega-nav{@media (width<720px){max-block-size:100%;overflow:auto}& .mx-nav__level-2 ul{border-block-start:1px solid var(--border-colour);inline-size:100%;padding-inline-start:var(--spacing-l);display:block;position:relative;@media (width>=720px){position-anchor:--mx-nav-item;position-area:span-block-end inline-end;position-try-fallbacks:flip-inline;inline-size:var(--dropdown-width,270px);min-block-size:anchor-size(block);border-radius:0 var(--border-radius) var(--border-radius) 0;background-color:var(--expanded-background,var(--colour-background-alt));color:var(--expanded-foreground,inherit);border-block-start:0;padding-inline-start:0;position:fixed}&>li>a:where(:not(.mx-button)){padding:var(--item-spacing,var(--spacing-xxs));@media (width<720px){padding-inline-start:var(--spacing-l)}}}}}
package/dist/build/navigation.entry.js CHANGED
@@ -1 +1 @@
1
- import "./chunks/Navigation-CDQnN61h.js";
1
+ import "./chunks/Navigation-CRModT40.js";