@pnx-mixtape/mxds 0.0.2 → 0.0.3

package/dist/build/link-list.css

@@ -1,72 +1 @@
-/**
- * Link List
- */
-
-@layer elements {
-  .link-list {
-    list-style-type: none;
-    padding-inline-start: 0;
-  }
-
-    .link-list a {
-      display: block;
-      text-decoration-line: none;
-      color: inherit;
-    }
-
-      .link-list a:hover {
-        text-decoration-line: underline;
-      }
-
-    .link-list li {
-      min-block-size: var(--min-height, var(--spacing-xl));
-      border-block-end: 1px solid
-        var(--line-colour, var(--colour-border));
-      border-block-end: var(--line-width, 1px) solid
-        var(--line-colour, var(--colour-border));
-    }
-
-      .link-list li:last-child {
-        border-block-end: 0;
-      }
-
-    .link-list .icon {
-      position: relative;
-      display: flex;
-      align-items: center;
-      padding-block: var(--spacing-xxxs);
-      inline-size: 100%;
-      gap: var(--spacing-s);
-    }
-
-      .link-list .icon::before {
-        flex: 0 0 auto;
-        -webkit-mask-position: left center;
-                mask-position: left center;
-      }
-
-    .link-list:where(:not(.link-list--reverse)) .icon {
-      justify-content: space-between;
-    }
-
-      .link-list:where(:not(.link-list--reverse)) .icon::before {
-        -webkit-mask-position: right center;
-                mask-position: right center;
-        order: 2;
-      }
-    [dir="rtl"] .link-list .icon::before, .translated-rtl .link-list .icon::before {
-      -webkit-mask-position: left center;
-              mask-position: left center;
-    }
-
-    [dir="rtl"] .link-list.link-list--reverse .icon::before, .translated-rtl .link-list.link-list--reverse .icon::before {
-      -webkit-mask-position: right center;
-              mask-position: right center;
-    }
-
-  * + .link-list {
-    margin-block-start: var(--spacing-m);
-  }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpbmstbGlzdC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLHFCQUFxQjtJQUNyQix1QkFBdUI7RUE0Q3pCOztJQTFDRTtNQUNFLGNBQWM7TUFDZCwwQkFBMEI7TUFDMUIsY0FBYztJQUtoQjs7TUFIRTtRQUNFLCtCQUErQjtNQUNqQzs7SUFHRjtNQUNFLG9EQUFvRDtNQUNwRDtnREFDMEM7TUFEMUM7Z0RBQzBDO0lBSzVDOztNQUhFO1FBQ0UsbUJBQW1CO01BQ3JCOztJQUdGO01BQ0Usa0JBQWtCO01BQ2xCLGFBQWE7TUFDYixtQkFBbUI7TUFDbkIsa0NBQWtDO01BQ2xDLGlCQUFpQjtNQUNqQixxQkFBcUI7SUFNdkI7O01BSkU7UUFDRSxjQUFjO1FBQ2Qsa0NBQTBCO2dCQUExQiwwQkFBMEI7TUFDNUI7O0lBR0Y7TUFDRSw4QkFBOEI7SUFNaEM7O01BSkU7UUFDRSxtQ0FBMkI7Z0JBQTNCLDJCQUEyQjtRQUMzQixRQUFRO01BQ1Y7SUFNRjtNQUNFLGtDQUEwQjtjQUExQiwwQkFBMEI7SUFDNUI7O0lBRUE7TUFDRSxtQ0FBMkI7Y0FBM0IsMkJBQTJCO0lBQzdCOztFQUdGO0lBQ0Usb0NBQW9DO0VBQ3RDO0FBQ0YiLCJmaWxlIjoibGluay1saXN0LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTGluayBMaXN0XG4gKi9cblxuQGxheWVyIGVsZW1lbnRzIHtcbiAgLmxpbmstbGlzdCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuXG4gICAgJiBhIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IG5vbmU7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBsaSB7XG4gICAgICBtaW4tYmxvY2stc2l6ZTogdmFyKC0tbWluLWhlaWdodCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICAgICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuXG4gICAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgICBib3JkZXItYmxvY2stZW5kOiAwO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLmljb24ge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zcGFjaW5nLXh4eHMpO1xuICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgICAgICBtYXNrLXBvc2l0aW9uOiBsZWZ0IGNlbnRlcjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOndoZXJlKDpub3QoLmxpbmstbGlzdC0tcmV2ZXJzZSkpIC5pY29uIHtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgbWFzay1wb3NpdGlvbjogcmlnaHQgY2VudGVyO1xuICAgICAgICBvcmRlcjogMjtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBbZGlyPVwicnRsXCJdIC5saW5rLWxpc3QsXG4gIC50cmFuc2xhdGVkLXJ0bCAubGluay1saXN0IHtcbiAgICAmIC5pY29uOjpiZWZvcmUge1xuICAgICAgbWFzay1wb3NpdGlvbjogbGVmdCBjZW50ZXI7XG4gICAgfVxuXG4gICAgJi5saW5rLWxpc3QtLXJldmVyc2UgLmljb246OmJlZm9yZSB7XG4gICAgICBtYXNrLXBvc2l0aW9uOiByaWdodCBjZW50ZXI7XG4gICAgfVxuICB9XG5cbiAgKiArIC5saW5rLWxpc3Qge1xuICAgIG1hcmdpbi1ibG9jay1zdGFydDogdmFyKC0tc3BhY2luZy1tKTtcbiAgfVxufVxuIl19 */
+@layer design-system.components{.link-list{list-style-type:none;padding-inline-start:0}.link-list a{display:block;text-decoration-line:none;color:inherit}.link-list a:hover{text-decoration-line:underline}.link-list li{min-block-size:var(--min-height, var(--spacing-xl));border-block-end:1px solid var(--line-colour, var(--colour-border));border-block-end:var(--line-width, 1px) solid var(--line-colour, var(--colour-border))}.link-list li:last-child{border-block-end:0}.link-list .icon{position:relative;display:flex;align-items:center;padding-block:var(--spacing-xxxs);inline-size:100%;gap:var(--spacing-s)}.link-list .icon:before{flex:0 0 auto;-webkit-mask-position:left center;mask-position:left center}.link-list:where(:not(.link-list--reverse)) .icon{justify-content:space-between}.link-list:where(:not(.link-list--reverse)) .icon:before{-webkit-mask-position:right center;mask-position:right center;order:2}[dir=rtl] .link-list .icon:before,.translated-rtl .link-list .icon:before{-webkit-mask-position:left center;mask-position:left center}[dir=rtl] .link-list.link-list--reverse .icon:before,.translated-rtl .link-list.link-list--reverse .icon:before{-webkit-mask-position:right center;mask-position:right center}*+.link-list{margin-block-start:var(--spacing-m)}}

package/dist/build/masthead.css

@@ -1,39 +1 @@
-/**
- * Secondary Header
- */
-
-@layer components {
-    .global__secondary .flex {
-      justify-content: space-between;
-      align-items: center;
-      padding-block: var(--secondary-gap, var(--spacing-xxs));
-      padding-inline: 0;
-    }
-
-      .global__secondary .flex::after {
-        display: none;
-      }
-
-  .global__secondary__nav {
-    display: none;
-  }
-
-    @media (min-width: 720px) {
-
-  .global__secondary__nav {
-      display: inline-block;
-  }
-    }
-
-    .global__secondary__nav ul {
-      margin: auto;
-    }
-}
-
-@media print {
-  .global__secondary {
-    display: none;
-  }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1hc3RoZWFkLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UsOEJBQThCO01BQzlCLG1CQUFtQjtNQUNuQix1REFBdUQ7TUFDdkQsaUJBQWlCO0lBS25COztNQUhFO1FBQ0UsYUFBYTtNQUNmOztFQUlKO0lBQ0UsYUFBYTtFQVNmOztJQVBFOztFQUhGO01BSUkscUJBQXFCO0VBTXpCO0lBTEU7O0lBRUE7TUFDRSxZQUFZO0lBQ2Q7QUFFSjs7QUFFQTtFQUNFO0lBQ0UsYUFBYTtFQUNmO0FBQ0YiLCJmaWxlIjoibWFzdGhlYWQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTZWNvbmRhcnkgSGVhZGVyXG4gKi9cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAuZ2xvYmFsX19zZWNvbmRhcnkge1xuICAgICYgLmZsZXgge1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNlY29uZGFyeS1nYXAsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICBwYWRkaW5nLWlubGluZTogMDtcblxuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5nbG9iYWxfX3NlY29uZGFyeV9fbmF2IHtcbiAgICBkaXNwbGF5OiBub25lO1xuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB9XG5cbiAgICAmIHVsIHtcbiAgICAgIG1hcmdpbjogYXV0bztcbiAgICB9XG4gIH1cbn1cblxuQG1lZGlhIHByaW50IHtcbiAgLmdsb2JhbF9fc2Vjb25kYXJ5IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */
+@layer design-system.layouts{.masthead .flex{justify-content:space-between;align-items:center;padding-block:var(--secondary-gap, var(--spacing-xxs));padding-inline:0}.masthead .flex:after{display:none}.masthead__nav{display:none}@media (min-width: 720px){.masthead__nav{display:inline-block}}.masthead__nav ul{margin:auto}}@media print{.masthead{display:none}}

package/dist/build/nav-list.css

@@ -1,29 +1 @@
-/**
- * List Navigation
- */
-
-@layer components {
-  .nav--list {
-    margin-block-end: var(--spacing-m);
-  }
-
-    .nav--list ul {
-      display: grid;
-      grid-gap: var(--nav-gap, var(--spacing-xxxs));
-      gap: var(--nav-gap, var(--spacing-xxxs));
-    }
-
-    .nav--list [aria-current="page"] {
-      text-decoration-line: underline;
-    }
-    .nav--list-2-col ul {
-      grid-template-columns: repeat(2, 1fr);
-    }
-
-  h2 + .nav--list,
-  h3 + .nav--list {
-    margin-block-start: var(--spacing-m);
-  }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi1saXN0LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0Usa0NBQWtDO0VBVXBDOztJQVJFO01BQ0UsYUFBYTtNQUNiLDZDQUF3QztNQUF4Qyx3Q0FBd0M7SUFDMUM7O0lBRUE7TUFDRSwrQkFBK0I7SUFDakM7SUFJQTtNQUNFLHFDQUFxQztJQUN2Qzs7RUFHRjs7SUFFRSxvQ0FBb0M7RUFDdEM7QUFDRiIsImZpbGUiOiJuYXYtbGlzdC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIExpc3QgTmF2aWdhdGlvblxuICovXG5cbkBsYXllciBjb21wb25lbnRzIHtcbiAgLm5hdi0tbGlzdCB7XG4gICAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc3BhY2luZy1tKTtcblxuICAgICYgdWwge1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdhcDogdmFyKC0tbmF2LWdhcCwgdmFyKC0tc3BhY2luZy14eHhzKSk7XG4gICAgfVxuXG4gICAgJiBbYXJpYS1jdXJyZW50PVwicGFnZVwiXSB7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuXG4gIC5uYXYtLWxpc3QtMi1jb2wge1xuICAgICYgdWwge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgICB9XG4gIH1cblxuICBoMiArIC5uYXYtLWxpc3QsXG4gIGgzICsgLm5hdi0tbGlzdCB7XG4gICAgbWFyZ2luLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLW0pO1xuICB9XG59XG4iXX0= */
+@layer design-system.atoms{.nav--list{margin-block-end:var(--spacing-m)}.nav--list ul{display:grid;grid-gap:var(--nav-gap, var(--spacing-xxxs));gap:var(--nav-gap, var(--spacing-xxxs))}.nav--list [aria-current=page]{text-decoration-line:underline}.nav--list-2-col ul{grid-template-columns:repeat(2,1fr)}h2+.nav--list,h3+.nav--list{margin-block-start:var(--spacing-m)}}

package/dist/build/navigation.css

@@ -1,371 +1 @@
-/**
- * Navigation
- */
-
-@layer components {
-    .nav ul {
-      display: flex;
-      flex-direction: column;
-      list-style-type: none;
-      padding-inline-start: 0;
-      font-size: var(--nav-font-size, var(--font-size));
-    }
-
-    .nav a:where(:not([class])) {
-      text-decoration-line: none;
-      color: inherit;
-    }
-
-      .nav a:where(:not([class])):hover {
-        text-decoration-line: underline;
-        text-decoration-line: var(--nav-active-underline, underline);
-      }
-    .nav--inline > ul {
-      flex-flow: row wrap;
-      align-items: center;
-      gap: var(--nav-gap, var(--spacing-s));
-    }
-
-  .nav__toggle {
-    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
-    background: initial;
-    padding: 0;
-    border: 0;
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-    position: absolute;
-    color: var(
-      --toggle-foreground,
-      var(--foreground, var(--colour-foreground))
-    );
-    inline-size: var(--spacing-l);
-    block-size: var(--spacing-l);
-    inset-block-start: 12px;
-    inset-block-start: var(--toggle-top, 12px);
-    inset-inline-end: 0;
-    cursor: pointer;
-  }
-    .nav--open > .nav__toggle::before {
-      transform: rotate(180deg);
-    }
-}
-
-/**
- * Dropdown Navigation
- */
-
-@layer components {
-  .nav--dropdown {
-    --nav-active-underline: none;
-
-    margin-block: var(--spacing-m);
-  }
-
-    @media (min-width: 720px) {
-  .nav--dropdown {
-      margin-block: 0;
-  }
-    }
-
-    .nav--dropdown li {
-      margin: 0;
-    }
-
-      .nav--dropdown li:is(.nav__has-subnav, :has(> ul)) {
-        position: relative;
-      }
-
-        .nav--dropdown li:is(.nav__has-subnav, :has(> ul)) > a {
-          --toggle-gap: var(--spacing-l);
-        }
-
-    .nav--dropdown a {
-      display: block;
-    }
-        @media (min-width: 720px) {
-
-      .nav--dropdown a[aria-expanded="true"] {
-          background-color: var(
-            --nav-expanded-background,
-            var(--background, var(--colour-background-alt))
-          );
-          color: inherit;
-          color: var(--nav-expanded-foreground, inherit);
-      }
-
-          .nav--dropdown a[aria-expanded="true"] + .nav__toggle {
-            color: inherit;
-            color: var(--nav-expanded-foreground, inherit);
-          }
-        }
-
-    .nav--dropdown li > ul {
-      transition:
-        0.2s opacity var(--ease),
-        0.2s visibility var(--ease);
-    }
-
-      .nav--dropdown li > ul[inert] {
-        block-size: 0;
-        opacity: 0;
-        visibility: hidden;
-        transition:
-          0.2s opacity var(--ease),
-          0.2s visibility var(--ease);
-      }
-
-        @media (min-width: 720px) {
-
-      .nav--dropdown li > ul[inert] {
-          block-size: auto;
-      }
-        }
-
-    .nav--dropdown .nav__level-1 {
-      margin: 0;
-      overflow: hidden;
-    }
-
-      @media (min-width: 720px) {
-
-    .nav--dropdown .nav__level-1 {
-        overflow: visible;
-        flex-flow: row;
-        align-items: center;
-        justify-content: flex-start;
-    }
-      }
-
-      .nav--dropdown .nav__level-1 > li {
-        border-block-start: 1px solid
-          var(--line-colour, var(--colour-border));
-        border-block-start: var(--line-width, 1px) solid
-          var(--line-colour, var(--colour-border));
-      }
-
-        @media (min-width: 720px) {
-
-      .nav--dropdown .nav__level-1 > li {
-          border-block-start: 0;
-      }
-        }
-
-        .nav--dropdown .nav__level-1 > li > a:where(:not(.button)) {
-          padding-block: var(--item-spacing, var(--spacing-xxs));
-          padding-inline-end: var(
-            --toggle-gap,
-            var(--item-spacing, var(--spacing-xxs))
-          );
-        }
-
-          @media (min-width: 720px) {
-
-        .nav--dropdown .nav__level-1 > li > a:where(:not(.button)) {
-            padding-inline-start: var(--item-spacing, var(--spacing-xxs));
-        }
-          }
-
-    .nav--dropdown .nav__level-2 {
-      display: block;
-      position: relative;
-      inset-inline-start: 0;
-      inline-size: 100%;
-      margin: 0;
-    }
-
-      @media (min-width: 720px) {
-
-    .nav--dropdown .nav__level-2 {
-        position: absolute;
-        inline-size: 270px;
-        inline-size: var(--dropdown-width, 270px);
-        border-radius: var(--border-radius);
-        background-color: var(
-          --nav-expanded-background,
-          var(--background, var(--colour-background-alt))
-        );
-        color: inherit;
-        color: var(--nav-expanded-foreground, inherit);
-    }
-
-        .nav--dropdown .nav__level-2 .nav__toggle::before {
-          transform: rotate(-90deg);
-        }
-      }
-        @media (max-width: 719.98px) {
-
-      .nav--dropdown .nav__level-2 > li {
-          border-block-start: 1px solid
-            var(--line-colour, var(--colour-border));
-          border-block-start: var(--line-width, 1px) solid
-            var(--line-colour, var(--colour-border));
-      }
-        }
-          .nav--dropdown .nav__level-2 > li > a:where(:not(.button)) {
-            padding: var(--item-spacing, var(--spacing-xxs));
-          }
-
-            @media (max-width: 719.98px) {
-          .nav--dropdown .nav__level-2 > li > a:where(:not(.button)) {
-              padding-inline-start: var(--spacing-l);
-          }
-            }
-      @media (min-width: 720px) {
-
-    .nav--dropdown .nav--reverse .nav__level-2 {
-        inset-inline: auto 0;
-    }
-
-        .nav--dropdown .nav--reverse .nav__level-2 .nav__toggle::before {
-          transform: rotate(90deg);
-        }
-      }
-
-    .nav--dropdown .nav__separator {
-      border-block-start: 1px solid
-        var(--line-colour, var(--colour-border));
-      border-block-start: var(--line-width, 1px) solid
-        var(--line-colour, var(--colour-border));
-    }
-}
-
-/**
- * Dropdown Navigation - Mega Nav
- */
-
-@layer components {
-    @media (max-width: 719.98px) {
-  .nav--mega-nav {
-      max-block-size: 100%;
-      overflow: auto;
-  }
-    }
-
-    .nav--mega-nav .nav__level-2 ul {
-      display: block;
-      position: relative;
-      padding-inline-start: var(--spacing-l);
-      border-block-start: 1px solid var(--border-colour);
-      inline-size: 100%;
-    }
-
-      @media (min-width: 720px) {
-
-    .nav--mega-nav .nav__level-2 ul {
-        position: absolute;
-        inset-inline-start: 270px;
-        inset-inline-start: var(--dropdown-width, 270px);
-        inset-block-start: 0;
-        inline-size: 270px;
-        inline-size: var(--dropdown-width, 270px);
-        min-block-size: 100%;
-        padding-inline-start: 0;
-        border-block-start: 0;
-        border-radius: 0 var(--border-radius) var(--border-radius) 0;
-        background-color: var(
-          --expanded-background,
-          var(--colour-background-alt)
-        );
-        color: inherit;
-        color: var(--expanded-foreground, inherit);
-    }
-      }
-
-      .nav--mega-nav .nav__level-2 ul > li > a:where(:not(.button)) {
-        padding: var(--item-spacing, var(--spacing-xxs));
-      }
-
-        @media (max-width: 719.98px) {
-
-      .nav--mega-nav .nav__level-2 ul > li > a:where(:not(.button)) {
-          padding-inline-start: var(--spacing-l);
-      }
-        }
-      @media (min-width: 720px) {
-
-    .nav--mega-nav .nav--reverse .nav__level-2 ul {
-        inset-inline-start: calc(270px * -1);
-        inset-inline-start: calc(var(--dropdown-width, 270px) * -1);
-        border-radius: var(--border-radius) 0 0 var(--border-radius);
-    }
-      }
-}
-
-/**
- * Collapsible Navigation
- */
-
-@layer components {
-    .nav--collapsible .nav__toggle {
-      inset-inline: auto var(--spacing-xxs);
-    }
-
-      @media (min-width: 720px) {
-    .nav--collapsible .nav__toggle {
-        display: block;
-    }
-      }
-
-    .nav--collapsible ul li {
-      position: relative;
-    }
-
-      .nav--collapsible ul li a {
-        display: block;
-        color: inherit;
-        border-block-end: 1px solid
-          var(--line-colour, var(--colour-border));
-        border-block-end: var(--line-width, 1px) solid
-          var(--line-colour, var(--colour-border));
-        padding: var(--item-spacing, var(--spacing-xxs));
-      }
-
-        .nav--collapsible ul li a:is(:focus, :focus-visible) {
-          outline-offset: -1px;
-        }
-
-    .nav--collapsible .nav__level-1 > li > a {
-      font-weight: var(--font-weight-bold);
-    }
-
-    .nav--collapsible .nav__level-2 > li > a {
-      padding-inline-start: var(--spacing-s);
-    }
-
-    .nav--collapsible .nav__level-3 > li > a {
-      padding-inline-start: var(--spacing-m);
-    }
-
-    .nav--collapsible :is([aria-current="page"], .is-active) > a {
-      background-color: var(
-        --nav-active-background,
-        var(--background, var(--colour-background-alt))
-      );
-      color: inherit;
-      color: var(--nav-active-foreground, inherit);
-    }
-
-    .nav--collapsible li > ul {
-      transition:
-        transform 0.2s var(--ease),
-        opacity 0.8s var(--ease);
-      transform-origin: top;
-      will-change: block-size;
-    }
-
-      .nav--collapsible li > ul[inert] {
-        block-size: 0;
-        opacity: 0;
-        transform: scaleY(0);
-        transition:
-          transform 0.8s var(--ease),
-          opacity 0.2s var(--ease);
-      }
-
-    .nav--collapsible li:is(.nav__has-subnav, :has(> ul)) > a {
-      padding-inline-end: var(--spacing-l);
-    }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl9uYXZpZ2F0aW9uLmNzcyIsIl9uYXZpZ2F0aW9uLWRyb3Bkb3duLmNzcyIsIl9uYXZpZ2F0aW9uLW1lZ2EuY3NzIiwiX25hdmlnYXRpb24tY29sbGFwc2libGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxhQUFhO01BQ2Isc0JBQXNCO01BQ3RCLHFCQUFxQjtNQUNyQix1QkFBdUI7TUFDdkIsaURBQWlEO0lBQ25EOztJQUVBO01BQ0UsMEJBQTBCO01BQzFCLGNBQWM7SUFLaEI7O01BSEU7UUFDRSwrQkFBNEQ7UUFBNUQsNERBQTREO01BQzlEO0lBS0Y7TUFDRSxtQkFBbUI7TUFDbkIsbUJBQW1CO01BQ25CLHFDQUFxQztJQUN2Qzs7RUFHRjtJQUNFLGlGQUFpQjtJQUFqQixtQkFBaUI7SUFDakIsVUFBVTtJQUNWLFNBQVM7SUFDVCx3QkFBZ0I7T0FBaEIscUJBQWdCO1lBQWhCLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEI7OztLQUdDO0lBQ0QsNkJBQTZCO0lBQzdCLDRCQUE0QjtJQUM1Qix1QkFBMEM7SUFBMUMsMENBQTBDO0lBQzFDLG1CQUFtQjtJQUNuQixlQUFlO0VBQ2pCO0lBR0U7TUFDRSx5QkFBeUI7SUFDM0I7QUFFSjs7QUN0REE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLDRCQUE0Qjs7SUFFNUIsOEJBQThCO0VBOEloQzs7SUE1SUU7RUFMRjtNQU1JLGVBQWU7RUEySW5CO0lBMUlFOztJQUVBO01BQ0UsU0FBUztJQVNYOztNQVBFO1FBQ0Usa0JBQWtCO01BS3BCOztRQUhFO1VBQ0UsOEJBQThCO1FBQ2hDOztJQUlKO01BQ0UsY0FBYztJQWVoQjtRQVpJOztNQURGO1VBRUk7OztXQUdDO1VBQ0QsY0FBOEM7VUFBOUMsOENBQThDO01BTWxEOztVQUpJO1lBQ0UsY0FBOEM7WUFBOUMsOENBQThDO1VBQ2hEO1FBQ0Y7O0lBSUo7TUFDRTs7bUNBRTZCO0lBYy9COztNQVpFO1FBQ0UsYUFBYTtRQUNiLFVBQVU7UUFDVixrQkFBa0I7UUFDbEI7O3FDQUU2QjtNQUsvQjs7UUFIRTs7TUFSRjtVQVNJLGdCQUFnQjtNQUVwQjtRQURFOztJQUlKO01BQ0UsU0FBUztNQUNULGdCQUFnQjtJQTZCbEI7O01BM0JFOztJQUpGO1FBS0ksaUJBQWlCO1FBQ2pCLGNBQWM7UUFDZCxtQkFBbUI7UUFDbkIsMkJBQTJCO0lBdUIvQjtNQXRCRTs7TUFFQTtRQUNFO2tEQUMwQztRQUQxQztrREFDMEM7TUFpQjVDOztRQWZFOztNQUpGO1VBS0kscUJBQXFCO01BY3pCO1FBYkU7O1FBRUE7VUFDRSxzREFBc0Q7VUFDdEQ7OztXQUdDO1FBS0g7O1VBSEU7O1FBUEY7WUFRSSw2REFBNkQ7UUFFakU7VUFERTs7SUFLTjtNQUNFLGNBQWM7TUFDZCxrQkFBa0I7TUFDbEIscUJBQXFCO01BQ3JCLGlCQUFpQjtNQUNqQixTQUFTO0lBaUNYOztNQS9CRTs7SUFQRjtRQVFJLGtCQUFrQjtRQUNsQixrQkFBeUM7UUFBekMseUNBQXlDO1FBQ3pDLG1DQUFtQztRQUNuQzs7O1NBR0M7UUFDRCxjQUE4QztRQUE5Qyw4Q0FBOEM7SUF1QmxEOztRQXJCSTtVQUNFLHlCQUF5QjtRQUMzQjtNQUNGO1FBR0U7O01BREY7VUFFSTtvREFDMEM7VUFEMUM7b0RBQzBDO01BWTlDO1FBWEU7VUFHRTtZQUNFLGdEQUFnRDtVQUtsRDs7WUFIRTtVQUhGO2NBSUksc0NBQXNDO1VBRTFDO1lBREU7TUFPTjs7SUFERjtRQUVJLG9CQUFvQjtJQU14Qjs7UUFKSTtVQUNFLHdCQUF3QjtRQUMxQjtNQUNGOztJQUdGO01BQ0U7Z0RBQzBDO01BRDFDO2dEQUMwQztJQUM1QztBQUVKOztBQ3ZKQTs7RUFFRTs7QUFFRjtJQUVJO0VBREY7TUFFSSxvQkFBb0I7TUFDcEIsY0FBYztFQXlDbEI7SUF4Q0U7O0lBRUE7TUFDRSxjQUFjO01BQ2Qsa0JBQWtCO01BQ2xCLHNDQUFzQztNQUN0QyxrREFBa0Q7TUFDbEQsaUJBQWlCO0lBeUJuQjs7TUF2QkU7O0lBUEY7UUFRSSxrQkFBa0I7UUFDbEIseUJBQWdEO1FBQWhELGdEQUFnRDtRQUNoRCxvQkFBb0I7UUFDcEIsa0JBQXlDO1FBQXpDLHlDQUF5QztRQUN6QyxvQkFBb0I7UUFDcEIsdUJBQXVCO1FBQ3ZCLHFCQUFxQjtRQUNyQiw0REFBNEQ7UUFDNUQ7OztTQUdDO1FBQ0QsY0FBMEM7UUFBMUMsMENBQTBDO0lBVTlDO01BVEU7O01BRUE7UUFDRSxnREFBZ0Q7TUFLbEQ7O1FBSEU7O01BSEY7VUFJSSxzQ0FBc0M7TUFFMUM7UUFERTtNQUtGOztJQURGO1FBRUksb0NBQTJEO1FBQTNELDJEQUEyRDtRQUMzRCw0REFBNEQ7SUFFaEU7TUFERTtBQUdOOztBQ2xEQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UscUNBQXFDO0lBS3ZDOztNQUhFO0lBSEY7UUFJSSxjQUFjO0lBRWxCO01BREU7O0lBR0Y7TUFDRSxrQkFBa0I7SUFhcEI7O01BWEU7UUFDRSxjQUFjO1FBQ2QsY0FBYztRQUNkO2tEQUMwQztRQUQxQztrREFDMEM7UUFDMUMsZ0RBQWdEO01BS2xEOztRQUhFO1VBQ0Usb0JBQW9CO1FBQ3RCOztJQUlKO01BQ0Usb0NBQW9DO0lBQ3RDOztJQUVBO01BQ0Usc0NBQXNDO0lBQ3hDOztJQUVBO01BQ0Usc0NBQXNDO0lBQ3hDOztJQUVBO01BQ0U7OztPQUdDO01BQ0QsY0FBNEM7TUFBNUMsNENBQTRDO0lBQzlDOztJQUVBO01BQ0U7O2dDQUUwQjtNQUMxQixxQkFBcUI7TUFDckIsdUJBQXVCO0lBVXpCOztNQVJFO1FBQ0UsYUFBYTtRQUNiLFVBQVU7UUFDVixvQkFBb0I7UUFDcEI7O2tDQUUwQjtNQUM1Qjs7SUFHRjtNQUNFLG9DQUFvQztJQUN0QztBQUVKIiwiZmlsZSI6Im5hdmlnYXRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBOYXZpZ2F0aW9uXG4gKi9cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAubmF2IHtcbiAgICAmIHVsIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICBmb250LXNpemU6IHZhcigtLW5hdi1mb250LXNpemUsIHZhcigtLWZvbnQtc2l6ZSkpO1xuICAgIH1cblxuICAgICYgYTp3aGVyZSg6bm90KFtjbGFzc10pKSB7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogbm9uZTtcbiAgICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHZhcigtLW5hdi1hY3RpdmUtdW5kZXJsaW5lLCB1bmRlcmxpbmUpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5uYXYtLWlubGluZSB7XG4gICAgJiA+IHVsIHtcbiAgICAgIGZsZXgtZmxvdzogcm93IHdyYXA7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiB2YXIoLS1uYXYtZ2FwLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgICB9XG4gIH1cblxuICAubmF2X190b2dnbGUge1xuICAgIGJhY2tncm91bmQ6IHVuc2V0O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgYm9yZGVyOiAwO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGNvbG9yOiB2YXIoXG4gICAgICAtLXRvZ2dsZS1mb3JlZ3JvdW5kLFxuICAgICAgdmFyKC0tZm9yZWdyb3VuZCwgdmFyKC0tY29sb3VyLWZvcmVncm91bmQpKVxuICAgICk7XG4gICAgaW5saW5lLXNpemU6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgYmxvY2stc2l6ZTogdmFyKC0tc3BhY2luZy1sKTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tdG9nZ2xlLXRvcCwgMTJweCk7XG4gICAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cblxuICAubmF2LS1vcGVuIHtcbiAgICAmID4gLm5hdl9fdG9nZ2xlOjpiZWZvcmUge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICB9XG4gIH1cbn1cbiIsIi8qKlxuICogRHJvcGRvd24gTmF2aWdhdGlvblxuICovXG5cbkBsYXllciBjb21wb25lbnRzIHtcbiAgLm5hdi0tZHJvcGRvd24ge1xuICAgIC0tbmF2LWFjdGl2ZS11bmRlcmxpbmU6IG5vbmU7XG5cbiAgICBtYXJnaW4tYmxvY2s6IHZhcigtLXNwYWNpbmctbSk7XG5cbiAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgbWFyZ2luLWJsb2NrOiAwO1xuICAgIH1cblxuICAgICYgbGkge1xuICAgICAgbWFyZ2luOiAwO1xuXG4gICAgICAmOmlzKC5uYXZfX2hhcy1zdWJuYXYsIDpoYXMoPiB1bCkpIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICAgICYgPiBhIHtcbiAgICAgICAgICAtLXRvZ2dsZS1nYXA6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIGEge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG5cbiAgICAgICZbYXJpYS1leHBhbmRlZD1cInRydWVcIl0ge1xuICAgICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgICAgICAgIC0tbmF2LWV4cGFuZGVkLWJhY2tncm91bmQsXG4gICAgICAgICAgICB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpKVxuICAgICAgICAgICk7XG4gICAgICAgICAgY29sb3I6IHZhcigtLW5hdi1leHBhbmRlZC1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcblxuICAgICAgICAgICYgKyAubmF2X190b2dnbGUge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLW5hdi1leHBhbmRlZC1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIGxpID4gdWwge1xuICAgICAgdHJhbnNpdGlvbjpcbiAgICAgICAgMC4ycyBvcGFjaXR5IHZhcigtLWVhc2UpLFxuICAgICAgICAwLjJzIHZpc2liaWxpdHkgdmFyKC0tZWFzZSk7XG5cbiAgICAgICZbaW5lcnRdIHtcbiAgICAgICAgYmxvY2stc2l6ZTogMDtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICB0cmFuc2l0aW9uOlxuICAgICAgICAgIDAuMnMgb3BhY2l0eSB2YXIoLS1lYXNlKSxcbiAgICAgICAgICAwLjJzIHZpc2liaWxpdHkgdmFyKC0tZWFzZSk7XG5cbiAgICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgICBibG9jay1zaXplOiBhdXRvO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubmF2X19sZXZlbC0xIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgICBmbGV4LWZsb3c6IHJvdztcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgfVxuXG4gICAgICAmID4gbGkge1xuICAgICAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuXG4gICAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJiA+IGE6d2hlcmUoOm5vdCguYnV0dG9uKSkge1xuICAgICAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgICAgICBwYWRkaW5nLWlubGluZS1lbmQ6IHZhcihcbiAgICAgICAgICAgIC0tdG9nZ2xlLWdhcCxcbiAgICAgICAgICAgIHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKVxuICAgICAgICAgICk7XG5cbiAgICAgICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5uYXZfX2xldmVsLTIge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgICAgIG1hcmdpbjogMDtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBpbmxpbmUtc2l6ZTogdmFyKC0tZHJvcGRvd24td2lkdGgsIDI3MHB4KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgICAgICAtLW5hdi1leHBhbmRlZC1iYWNrZ3JvdW5kLFxuICAgICAgICAgIHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kLWFsdCkpXG4gICAgICAgICk7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1uYXYtZXhwYW5kZWQtZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG5cbiAgICAgICAgJiAubmF2X190b2dnbGU6OmJlZm9yZSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmID4gbGkge1xuICAgICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi1kb3duKSB7XG4gICAgICAgICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgICB9XG5cbiAgICAgICAgJiA+IGEge1xuICAgICAgICAgICY6d2hlcmUoOm5vdCguYnV0dG9uKSkge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKC0taXRlbS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuXG4gICAgICAgICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi1kb3duKSB7XG4gICAgICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgLm5hdi0tcmV2ZXJzZSAubmF2X19sZXZlbC0yIHtcbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIGluc2V0LWlubGluZTogYXV0byAwO1xuXG4gICAgICAgICYgLm5hdl9fdG9nZ2xlOjpiZWZvcmUge1xuICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgLm5hdl9fc2VwYXJhdG9yIHtcbiAgICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgIH1cbiAgfVxufVxuIiwiLyoqXG4gKiBEcm9wZG93biBOYXZpZ2F0aW9uIC0gTWVnYSBOYXZcbiAqL1xuXG5AbGF5ZXIgY29tcG9uZW50cyB7XG4gIC5uYXYtLW1lZ2EtbmF2IHtcbiAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi1kb3duKSB7XG4gICAgICBtYXgtYmxvY2stc2l6ZTogMTAwJTtcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIH1cblxuICAgICYgLm5hdl9fbGV2ZWwtMiB1bCB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAxcHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG91cik7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IHZhcigtLWRyb3Bkb3duLXdpZHRoLCAyNzBweCk7XG4gICAgICAgIGluc2V0LWJsb2NrLXN0YXJ0OiAwO1xuICAgICAgICBpbmxpbmUtc2l6ZTogdmFyKC0tZHJvcGRvd24td2lkdGgsIDI3MHB4KTtcbiAgICAgICAgbWluLWJsb2NrLXNpemU6IDEwMCU7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICBib3JkZXItYmxvY2stc3RhcnQ6IDA7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgdmFyKC0tYm9yZGVyLXJhZGl1cykgdmFyKC0tYm9yZGVyLXJhZGl1cykgMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgICAgICAgIC0tZXhwYW5kZWQtYmFja2dyb3VuZCxcbiAgICAgICAgICB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpXG4gICAgICAgICk7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1leHBhbmRlZC1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgICAgIH1cblxuICAgICAgJiA+IGxpID4gYTp3aGVyZSg6bm90KC5idXR0b24pKSB7XG4gICAgICAgIHBhZGRpbmc6IHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcblxuICAgICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi1kb3duKSB7XG4gICAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5uYXYtLXJldmVyc2UgLm5hdl9fbGV2ZWwtMiB1bCB7XG4gICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IGNhbGModmFyKC0tZHJvcGRvd24td2lkdGgsIDI3MHB4KSAqIC0xKTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cykgMCAwIHZhcigtLWJvcmRlci1yYWRpdXMpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiLyoqXG4gKiBDb2xsYXBzaWJsZSBOYXZpZ2F0aW9uXG4gKi9cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAubmF2LS1jb2xsYXBzaWJsZSB7XG4gICAgJiAubmF2X190b2dnbGUge1xuICAgICAgaW5zZXQtaW5saW5lOiBhdXRvIHZhcigtLXNwYWNpbmcteHhzKTtcblxuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIHVsIGxpIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgJiBhIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBib3JkZXItYmxvY2stZW5kOiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgICAgcGFkZGluZzogdmFyKC0taXRlbS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuXG4gICAgICAgICY6aXMoOmZvY3VzLCA6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubmF2X19sZXZlbC0xID4gbGkgPiBhIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250LXdlaWdodC1ib2xkKTtcbiAgICB9XG5cbiAgICAmIC5uYXZfX2xldmVsLTIgPiBsaSA+IGEge1xuICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgfVxuXG4gICAgJiAubmF2X19sZXZlbC0zID4gbGkgPiBhIHtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgIH1cblxuICAgICYgOmlzKFthcmlhLWN1cnJlbnQ9XCJwYWdlXCJdLCAuaXMtYWN0aXZlKSA+IGEge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgICAgICAtLW5hdi1hY3RpdmUtYmFja2dyb3VuZCxcbiAgICAgICAgdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQtYWx0KSlcbiAgICAgICk7XG4gICAgICBjb2xvcjogdmFyKC0tbmF2LWFjdGl2ZS1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgICB9XG5cbiAgICAmIGxpID4gdWwge1xuICAgICAgdHJhbnNpdGlvbjpcbiAgICAgICAgdHJhbnNmb3JtIDAuMnMgdmFyKC0tZWFzZSksXG4gICAgICAgIG9wYWNpdHkgMC44cyB2YXIoLS1lYXNlKTtcbiAgICAgIHRyYW5zZm9ybS1vcmlnaW46IHRvcDtcbiAgICAgIHdpbGwtY2hhbmdlOiBibG9jay1zaXplO1xuXG4gICAgICAmW2luZXJ0XSB7XG4gICAgICAgIGJsb2NrLXNpemU6IDA7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGVZKDApO1xuICAgICAgICB0cmFuc2l0aW9uOlxuICAgICAgICAgIHRyYW5zZm9ybSAwLjhzIHZhcigtLWVhc2UpLFxuICAgICAgICAgIG9wYWNpdHkgMC4ycyB2YXIoLS1lYXNlKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIGxpOmlzKC5uYXZfX2hhcy1zdWJuYXYsIDpoYXMoPiB1bCkpID4gYSB7XG4gICAgICBwYWRkaW5nLWlubGluZS1lbmQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgfVxuICB9XG59XG4iXX0= */
+@layer design-system.components{.nav ul{display:flex;flex-direction:column;list-style-type:none;padding-inline-start:0;font-size:var(--nav-font-size, var(--font-size))}.nav a:where(:not([class])){text-decoration-line:none;color:inherit}.nav a:where(:not([class])):hover{text-decoration-line:underline;text-decoration-line:var(--nav-active-underline, underline)}.nav--inline>ul{flex-flow:row wrap;align-items:center;gap:var(--nav-gap, var(--spacing-s))}.nav__toggle{background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;color:var( --toggle-foreground, var(--foreground, var(--colour-foreground)) );inline-size:var(--spacing-l);block-size:var(--spacing-l);inset-block-start:12px;inset-block-start:var(--toggle-top, 12px);inset-inline-end:0;cursor:pointer}.nav--open>.nav__toggle:before{transform:rotate(180deg)}}@layer design-system.components{.nav--dropdown{--nav-active-underline: none;margin-block:var(--spacing-m)}@media (min-width: 720px){.nav--dropdown{margin-block:0}}.nav--dropdown li{margin:0}.nav--dropdown li:is(.nav__has-subnav,:has(>ul)){position:relative}.nav--dropdown li:is(.nav__has-subnav,:has(>ul))>a{--toggle-gap: var(--spacing-l)}.nav--dropdown a{display:block}@media (min-width: 720px){.nav--dropdown a[aria-expanded=true]{background-color:var( --nav-expanded-background, var(--background, var(--colour-background-alt)) );color:inherit;color:var(--nav-expanded-foreground, inherit)}.nav--dropdown a[aria-expanded=true]+.nav__toggle{color:inherit;color:var(--nav-expanded-foreground, inherit)}}.nav--dropdown li>ul{transition:.2s opacity var(--ease),.2s visibility var(--ease)}.nav--dropdown li>ul[inert]{block-size:0;opacity:0;visibility:hidden;transition:.2s opacity var(--ease),.2s visibility var(--ease)}@media (min-width: 720px){.nav--dropdown li>ul[inert]{block-size:auto}}.nav--dropdown .nav__level-1{margin:0;overflow:hidden}@media (min-width: 720px){.nav--dropdown .nav__level-1{overflow:visible;flex-flow:row;align-items:center;justify-content:flex-start}}.nav--dropdown .nav__level-1>li{border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border))}@media (min-width: 720px){.nav--dropdown .nav__level-1>li{border-block-start:0}}.nav--dropdown .nav__level-1>li>a:where(:not(.button)){padding-block:var(--item-spacing, var(--spacing-xxs));padding-inline-end:var( --toggle-gap, var(--item-spacing, var(--spacing-xxs)) )}@media (min-width: 720px){.nav--dropdown .nav__level-1>li>a:where(:not(.button)){padding-inline-start:var(--item-spacing, var(--spacing-xxs))}}.nav--dropdown .nav__level-2{display:block;position:relative;inset-inline-start:0;inline-size:100%;margin:0}@media (min-width: 720px){.nav--dropdown .nav__level-2{position:absolute;inline-size:270px;inline-size:var(--dropdown-width, 270px);border-radius:var(--border-radius);background-color:var( --nav-expanded-background, var(--background, var(--colour-background-alt)) );color:inherit;color:var(--nav-expanded-foreground, inherit)}.nav--dropdown .nav__level-2 .nav__toggle:before{transform:rotate(-90deg)}}@media (max-width: 719.98px){.nav--dropdown .nav__level-2>li{border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border))}}.nav--dropdown .nav__level-2>li>a:where(:not(.button)){padding:var(--item-spacing, var(--spacing-xxs))}@media (max-width: 719.98px){.nav--dropdown .nav__level-2>li>a:where(:not(.button)){padding-inline-start:var(--spacing-l)}}@media (min-width: 720px){.nav--dropdown .nav--reverse .nav__level-2{inset-inline:auto 0}.nav--dropdown .nav--reverse .nav__level-2 .nav__toggle:before{transform:rotate(90deg)}}.nav--dropdown .nav__separator{border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border))}}@layer design-system.components{@media (max-width: 719.98px){.nav--mega-nav{max-block-size:100%;overflow:auto}}.nav--mega-nav .nav__level-2 ul{display:block;position:relative;padding-inline-start:var(--spacing-l);border-block-start:1px solid var(--border-colour);inline-size:100%}@media (min-width: 720px){.nav--mega-nav .nav__level-2 ul{position:absolute;inset-inline-start:270px;inset-inline-start:var(--dropdown-width, 270px);inset-block-start:0;inline-size:270px;inline-size:var(--dropdown-width, 270px);min-block-size:100%;padding-inline-start:0;border-block-start:0;border-radius:0 var(--border-radius) var(--border-radius) 0;background-color:var( --expanded-background, var(--colour-background-alt) );color:inherit;color:var(--expanded-foreground, inherit)}}.nav--mega-nav .nav__level-2 ul>li>a:where(:not(.button)){padding:var(--item-spacing, var(--spacing-xxs))}@media (max-width: 719.98px){.nav--mega-nav .nav__level-2 ul>li>a:where(:not(.button)){padding-inline-start:var(--spacing-l)}}@media (min-width: 720px){.nav--mega-nav .nav--reverse .nav__level-2 ul{inset-inline-start:-270px;inset-inline-start:calc(var(--dropdown-width, 270px) * -1);border-radius:var(--border-radius) 0 0 var(--border-radius)}}}@layer design-system.components{.nav--collapsible .nav__toggle{inset-inline:auto var(--spacing-xxs)}@media (min-width: 720px){.nav--collapsible .nav__toggle{display:block}}.nav--collapsible ul li{position:relative}.nav--collapsible ul li a{display:block;color:inherit;border-block-end:1px solid var(--line-colour, var(--colour-border));border-block-end:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));padding:var(--item-spacing, var(--spacing-xxs))}.nav--collapsible ul li a:is(:focus,:focus-visible){outline-offset:-1px}.nav--collapsible .nav__level-1>li>a{font-weight:var(--font-weight-bold)}.nav--collapsible .nav__level-2>li>a{padding-inline-start:var(--spacing-s)}.nav--collapsible .nav__level-3>li>a{padding-inline-start:var(--spacing-m)}.nav--collapsible :is([aria-current=page],.is-active)>a{background-color:var( --nav-active-background, var(--background, var(--colour-background-alt)) );color:inherit;color:var(--nav-active-foreground, inherit)}.nav--collapsible li>ul{transition:transform .2s var(--ease),opacity .8s var(--ease);transform-origin:top;will-change:block-size}.nav--collapsible li>ul[inert]{block-size:0;opacity:0;transform:scaleY(0);transition:transform .8s var(--ease),opacity .2s var(--ease)}.nav--collapsible li:is(.nav__has-subnav,:has(>ul))>a{padding-inline-end:var(--spacing-l)}}

package/dist/build/navigation.entry.js

@@ -0,0 +1 @@
+import{m as t}from"./chunks/utilities-Bzel_okZ.js";import{K as e}from"./chunks/keyboard-Cs0cduxq.js";import{D as s}from"./chunks/disclosure-widget-CfhDmuvA.js";class i extends HTMLElement{constructor(){super(),this.handleDisclosure=({detail:t})=>{const{isOpen:e,id:s}=t,{item:i}=this.subNavs.get(s);i.classList.toggle("nav--open"),e?this.keyboard.attachPopup(s,this.handleCloseAny):this.keyboard.detachPopup(s)},this.handleCloseAny=()=>{this.subNavs.forEach((({widget:t})=>{t&&t.isOpen&&t.handleToggle()}))},this.handleFlyout=t=>{const e=t.target.closest("li");if(!e)return;const s=e.querySelector(":scope > ul");s&&this.subNavs.forEach((({widget:t,list:e})=>{t&&(t.isOpen&&t.handleToggle(),e.id===s.id&&t.handleToggle())}))},this.handleBreakpoint=({matches:t})=>{t?(this.addEventListener("mouseover",this.handleFlyout),this.addEventListener("mouseleave",this.handleCloseAny),this.edgeCheck&&this.handleEdgeCheck()):(this.removeEventListener("mouseover",this.handleFlyout),this.removeEventListener("mouseleave",this.handleCloseAny))},this.internals_=this.attachInternals(),this.controller=new AbortController,this.flyout=this.hasAttribute("flyout")}connectedCallback(){const{signal:i}=this.controller;this.keyboard=new e,this.keyboard.attachEventListeners(i),this.addEventListener("focusin",(()=>{this.keyboard.attachMenu(this,this.links)})),this.addEventListener("focusout",(()=>{this.keyboard.detachMenu()})),this.lists.length&&(this.subNavs=new Map,this.lists.forEach(((e,i)=>{const n=e.closest("li"),o=n.querySelector(":scope > a"),h=t(`subnav-${i}-${o.textContent}`,30),l=n.querySelector(":scope > button.nav__toggle");if(n&&o&&l){const t=`list-label-${h}`;o.setAttribute("id",t),e.setAttribute("id",h),e.setAttribute("aria-labelledby",t);const i=new s(l,e);i.init(),this.subNavs.set(h,{item:n,trigger:l,list:e,link:o,widget:i})}})),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:i})))}disconnectedCallback(){this.controller.abort(),this.subNavs.forEach((t=>t.widget.detach()))}handleEdgeCheck(){const t=window.innerWidth,e=new IntersectionObserver((([{boundingClientRect:e,target:s}],i)=>{t<e.right&&s.classList.add("nav--reverse"),i.disconnect()}));this.subNavs.forEach((({list:t})=>{e.observe(t),t.querySelectorAll("ul").forEach((t=>e.observe(t)))}))}get links(){const t=this.querySelectorAll("a");if(!t.length)throw new Error(`${this.localName} must links`);return t}get lists(){return this.querySelectorAll("li > ul")}get breakpoint(){return window.matchMedia(this.mq)}}customElements.define("mx-nav",i);