@pnx-mixtape/mxds 0.0.1

package/dist/build/navigation.css

@@ -0,0 +1,371 @@
+/**
+ * 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= */

package/dist/build/page.css

@@ -0,0 +1,184 @@
+/**
+ * Page
+ */
+
+@layer layout {
+  :where(.page) {
+    --plus: 12rem;
+    --minus: 8rem;
+    --diff: calc(var(--plus) - var(--minus));
+    --gutter: max(var(--spacing-s), min(6vw, var(--spacing-l)));
+    --full: minmax(var(--gutter), 1fr);
+    --narrow: min(var(--container-max-width), 100% - (var(--gutter) * 2));
+    --feature: minmax(0, var(--minus));
+    --container: minmax(0, var(--diff));
+
+    display: grid;
+    grid-template-columns:
+      [full-start] var(--full)
+      [container-start] minmax(0, calc(12rem - 8rem))
+      [feature-start] minmax(0, 8rem)
+      [narrow-start] var(--narrow) [narrow-end]
+      minmax(0, 8rem) [feature-end]
+      minmax(0, calc(12rem - 8rem)) [container-end]
+      var(--full) [full-end];
+    grid-template-columns:
+      [full-start] var(--full)
+      [container-start] var(--container)
+      [feature-start] var(--feature)
+      [narrow-start] var(--narrow) [narrow-end]
+      var(--feature) [feature-end]
+      var(--container) [container-end]
+      var(--full) [full-end];
+  }
+
+    :where(.page)
+      > *:where(:not(.page):not(.section__full):not(.section__narrow):not(.section__feature):not(.section[class*="background--"])) {
+      grid-column: container;
+    }
+
+    /* Immediate nested can be subgrid. */
+    :where(.page) > :where(.page) {
+      grid-column: full;
+      display: grid;
+      grid-template-columns: subgrid;
+    }
+
+    /* Deeper nested cannot be subgrid, needs it's children to be full width by default. */
+    :where(.page)
+      > *
+      :where(.page:not(.page--narrow):not(.page--feature))
+      > *:where(:not(.section__narrow):not(.section__feature)) {
+      grid-column: full;
+    }
+
+    /** Adding a background triggers subgrid */
+    :where(.page) > :where(.section[class*="background--"]) {
+      grid-column: full;
+      display: grid;
+      grid-template-columns: subgrid;
+    }
+
+      :where(.page) > :where(.section[class*="background--"])
+        > *:where(:not(.page):not(.section__full):not(.section__narrow):not(.section__feature)) {
+        grid-column: container;
+      }
+
+  :where(:is(.page--feature > *, .section__feature)) {
+    grid-column: feature;
+  }
+
+  :where(:is(.page--narrow > *, .section__narrow)) {
+    grid-column: narrow;
+  }
+
+  :where(:is(.page--full > *, .section__full)) {
+    grid-column: full;
+  }
+}
+
+/**
+ * Page with Sidebar
+ */
+
+@layer layout {
+    .grid--sidebar:where(:not(:has(> aside))) {
+      grid-column: narrow;
+    }
+      @media (min-width: 720px) {
+
+    .grid--sidebar:where(:has(> aside)) {
+        display: grid;
+        grid-template-columns: 76ch auto;
+        grid-template-columns: var(--container-max-width, 76ch) auto;
+        grid-gap: var(--sidebar-gap, var(--gap));
+        gap: var(--sidebar-gap, var(--gap));
+    }
+      }
+
+        @media (min-width: 720px) {
+
+        @media (min-width: 946px) {
+
+        @media (max-color:2147477350) and (max-color:2147477350) {
+
+    .grid--sidebar:where(:has(> aside)) {
+          --sidebar-gap: 18ch;
+    }
+        }
+        }
+
+        @media not all and (min-width: 946px) {
+
+        @media (max-color:2147477350) and (color:2147477350) {
+
+    .grid--sidebar:where(:has(> aside)) {
+          --sidebar-gap: 18ch;
+    }
+        }
+        }
+        }
+
+        @media not all and (min-width: 720px) {
+
+        @media (min-width: 946px) {
+
+        @media (color:2147477350) and (max-color:2147477350) {
+
+    .grid--sidebar:where(:has(> aside)) {
+          --sidebar-gap: 18ch;
+    }
+        }
+        }
+
+        @media not all and (min-width: 946px) {
+
+        @media (color:2147477350) and (color:2147477350) {
+
+    .grid--sidebar:where(:has(> aside)) {
+          --sidebar-gap: 18ch;
+    }
+        }
+        }
+        }
+          .grid--sidebar.grid--sidebar-rev:where(:has(> aside)) > :is(section, aside):first-child {
+            order: 2;
+          }
+
+          .grid--sidebar.grid--sidebar-rev:where(:has(> aside)) > :is(section, aside):last-child {
+            order: 1;
+          }
+        @media (min-width: 720px) {
+            .grid--sidebar.grid--sidebar-rev-lg:where(:has(> aside)) > :is(section, aside):first-child {
+              order: 2;
+            }
+
+            .grid--sidebar.grid--sidebar-rev-lg:where(:has(> aside)) > :is(section, aside):last-child {
+              order: 1;
+            }
+        }
+        @media (min-width: 946px) {
+
+      .grid--sidebar:where(:has(> aside)):is(.grid--sidebar-rev, .grid--sidebar-rev-lg) {
+          grid-template-columns: auto 76ch;
+          grid-template-columns: auto var(--container-max-width, 76ch);
+      }
+        }
+
+    .grid--sidebar:where(:has(> aside:first-child)) {
+      grid-template-columns: auto 76ch;
+      grid-template-columns: auto var(--container-max-width, 76ch);
+    }
+}
+
+/**
+ * Print stylesheet
+ */
+
+@media print {
+  .page__sidebar {
+    display: none;
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFvQztJQUNwQyxhQUFzQztJQUN0Qyx3Q0FBd0M7SUFDeEMsMkRBQXdEO0lBQ3hELGtDQUFrQztJQUNsQyxxRUFBcUU7SUFDckUsa0NBQWtDO0lBQ2xDLG1DQUFtQzs7SUFFbkMsYUFBYTtJQUNiOzs7Ozs7OzRCQU93QjtJQVB4Qjs7Ozs7Ozs0QkFPd0I7RUEyQzFCOztJQXpDRTs7TUFVRSxzQkFBc0I7SUFDeEI7O0lBRUEscUNBQXFDO0lBQ3JDO01BQ0UsaUJBQWlCO01BQ2pCLGFBQWE7TUFDYiw4QkFBOEI7SUFDaEM7O0lBRUEsc0ZBQXNGO0lBQ3RGOzs7O01BSUUsaUJBQWlCO0lBQ25COztJQUVBLDBDQUEwQztJQUMxQztNQUNFLGlCQUFpQjtNQUNqQixhQUFhO01BQ2IsOEJBQThCO0lBUWhDOztNQU5FOztRQUlFLHNCQUFzQjtNQUN4Qjs7RUFJSjtJQUNFLG9CQUFvQjtFQUN0Qjs7RUFFQTtJQUNFLG1CQUFtQjtFQUNyQjs7RUFFQTtJQUNFLGlCQUFpQjtFQUNuQjtBQUNGOztBQUVBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxtQkFBbUI7SUFDckI7TUFHRTs7SUFERjtRQUVJLGFBQWE7UUFDYixnQ0FBNEQ7UUFBNUQsNERBQTREO1FBQzVELHdDQUFtQztRQUFuQyxtQ0FBbUM7SUFzQ3ZDO01BakNFOztRQUhFOztRQUFBOztRQUFBOztJQU5KO1VBT00sbUJBQW1CO0lBbUN6QjtRQWxDSTtRQUFBOztRQUZBOztRQUFBOztJQU5KO1VBT00sbUJBQW1CO0lBbUN6QjtRQWxDSTtRQUFBO1FBQUE7O1FBRkE7O1FBQUE7O1FBQUE7O0lBTko7VUFPTSxtQkFBbUI7SUFtQ3pCO1FBbENJO1FBQUE7O1FBRkE7O1FBQUE7O0lBTko7VUFPTSxtQkFBbUI7SUFtQ3pCO1FBbENJO1FBQUE7UUFBQTtVQUtFO1lBQ0UsUUFBUTtVQUNWOztVQUVBO1lBQ0UsUUFBUTtVQUNWO1FBS0Y7WUFFSTtjQUNFLFFBQVE7WUFDVjs7WUFFQTtjQUNFLFFBQVE7WUFDVjtRQUVKO1FBSUE7O01BREY7VUFFSSxnQ0FBNEQ7VUFBNUQsNERBQTREO01BRWhFO1FBREU7O0lBSUo7TUFDRSxnQ0FBNEQ7TUFBNUQsNERBQTREO0lBQzlEO0FBRUo7O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6InBhZ2UuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBQYWdlXG4gKi9cblxuQGxheWVyIGxheW91dCB7XG4gIDp3aGVyZSgucGFnZSkge1xuICAgIC0tcGx1czogdG9rZW4oXCJzaXplLmNvbnRhaW5lci5wbHVzXCIpO1xuICAgIC0tbWludXM6IHRva2VuKFwic2l6ZS5jb250YWluZXIubWludXNcIik7XG4gICAgLS1kaWZmOiBjYWxjKHZhcigtLXBsdXMpIC0gdmFyKC0tbWludXMpKTtcbiAgICAtLWd1dHRlcjogY2xhbXAodmFyKC0tc3BhY2luZy1zKSwgNnZ3LCB2YXIoLS1zcGFjaW5nLWwpKTtcbiAgICAtLWZ1bGw6IG1pbm1heCh2YXIoLS1ndXR0ZXIpLCAxZnIpO1xuICAgIC0tbmFycm93OiBtaW4odmFyKC0tY29udGFpbmVyLW1heC13aWR0aCksIDEwMCUgLSAodmFyKC0tZ3V0dGVyKSAqIDIpKTtcbiAgICAtLWZlYXR1cmU6IG1pbm1heCgwLCB2YXIoLS1taW51cykpO1xuICAgIC0tY29udGFpbmVyOiBtaW5tYXgoMCwgdmFyKC0tZGlmZikpO1xuXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6XG4gICAgICBbZnVsbC1zdGFydF0gdmFyKC0tZnVsbClcbiAgICAgIFtjb250YWluZXItc3RhcnRdIHZhcigtLWNvbnRhaW5lcilcbiAgICAgIFtmZWF0dXJlLXN0YXJ0XSB2YXIoLS1mZWF0dXJlKVxuICAgICAgW25hcnJvdy1zdGFydF0gdmFyKC0tbmFycm93KSBbbmFycm93LWVuZF1cbiAgICAgIHZhcigtLWZlYXR1cmUpIFtmZWF0dXJlLWVuZF1cbiAgICAgIHZhcigtLWNvbnRhaW5lcikgW2NvbnRhaW5lci1lbmRdXG4gICAgICB2YXIoLS1mdWxsKSBbZnVsbC1lbmRdO1xuXG4gICAgJlxuICAgICAgPiAqOndoZXJlKFxuICAgICAgICA6bm90KFxuICAgICAgICAgICAgLnBhZ2UsXG4gICAgICAgICAgICAuc2VjdGlvbl9fZnVsbCxcbiAgICAgICAgICAgIC5zZWN0aW9uX19uYXJyb3csXG4gICAgICAgICAgICAuc2VjdGlvbl9fZmVhdHVyZSxcbiAgICAgICAgICAgIC5zZWN0aW9uW2NsYXNzKj1cImJhY2tncm91bmQtLVwiXVxuICAgICAgICAgIClcbiAgICAgICkge1xuICAgICAgZ3JpZC1jb2x1bW46IGNvbnRhaW5lcjtcbiAgICB9XG5cbiAgICAvKiBJbW1lZGlhdGUgbmVzdGVkIGNhbiBiZSBzdWJncmlkLiAqL1xuICAgICYgPiA6d2hlcmUoLnBhZ2UpIHtcbiAgICAgIGdyaWQtY29sdW1uOiBmdWxsO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogc3ViZ3JpZDtcbiAgICB9XG5cbiAgICAvKiBEZWVwZXIgbmVzdGVkIGNhbm5vdCBiZSBzdWJncmlkLCBuZWVkcyBpdCdzIGNoaWxkcmVuIHRvIGJlIGZ1bGwgd2lkdGggYnkgZGVmYXVsdC4gKi9cbiAgICAmXG4gICAgICA+ICpcbiAgICAgIDp3aGVyZSgucGFnZTpub3QoLnBhZ2UtLW5hcnJvdywgLnBhZ2UtLWZlYXR1cmUpKVxuICAgICAgPiAqOndoZXJlKDpub3QoLnNlY3Rpb25fX25hcnJvdywgLnNlY3Rpb25fX2ZlYXR1cmUpKSB7XG4gICAgICBncmlkLWNvbHVtbjogZnVsbDtcbiAgICB9XG5cbiAgICAvKiogQWRkaW5nIGEgYmFja2dyb3VuZCB0cmlnZ2VycyBzdWJncmlkICovXG4gICAgJiA+IDp3aGVyZSguc2VjdGlvbltjbGFzcyo9XCJiYWNrZ3JvdW5kLS1cIl0pIHtcbiAgICAgIGdyaWQtY29sdW1uOiBmdWxsO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogc3ViZ3JpZDtcblxuICAgICAgJlxuICAgICAgICA+ICo6d2hlcmUoXG4gICAgICAgICAgOm5vdCgucGFnZSwgLnNlY3Rpb25fX2Z1bGwsIC5zZWN0aW9uX19uYXJyb3csIC5zZWN0aW9uX19mZWF0dXJlKVxuICAgICAgICApIHtcbiAgICAgICAgZ3JpZC1jb2x1bW46IGNvbnRhaW5lcjtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICA6d2hlcmUoOmlzKC5wYWdlLS1mZWF0dXJlID4gKiwgLnNlY3Rpb25fX2ZlYXR1cmUpKSB7XG4gICAgZ3JpZC1jb2x1bW46IGZlYXR1cmU7XG4gIH1cblxuICA6d2hlcmUoOmlzKC5wYWdlLS1uYXJyb3cgPiAqLCAuc2VjdGlvbl9fbmFycm93KSkge1xuICAgIGdyaWQtY29sdW1uOiBuYXJyb3c7XG4gIH1cblxuICA6d2hlcmUoOmlzKC5wYWdlLS1mdWxsID4gKiwgLnNlY3Rpb25fX2Z1bGwpKSB7XG4gICAgZ3JpZC1jb2x1bW46IGZ1bGw7XG4gIH1cbn1cblxuLyoqXG4gKiBQYWdlIHdpdGggU2lkZWJhclxuICovXG5cbkBsYXllciBsYXlvdXQge1xuICAuZ3JpZC0tc2lkZWJhciB7XG4gICAgJjp3aGVyZSg6bm90KDpoYXMoPiBhc2lkZSkpKSB7XG4gICAgICBncmlkLWNvbHVtbjogbmFycm93O1xuICAgIH1cblxuICAgICY6d2hlcmUoOmhhcyg+IGFzaWRlKSkge1xuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHZhcigtLWNvbnRhaW5lci1tYXgtd2lkdGgsIDc2Y2gpIGF1dG87XG4gICAgICAgIGdhcDogdmFyKC0tc2lkZWJhci1nYXAsIHZhcigtLWdhcCkpO1xuXG4gICAgICAgIEBtZWRpYSAoLS1sYXJnZS11cCkge1xuICAgICAgICAgIC0tc2lkZWJhci1nYXA6IDE4Y2g7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJi5ncmlkLS1zaWRlYmFyLXJldiB7XG4gICAgICAgICYgPiA6aXMoc2VjdGlvbiwgYXNpZGUpIHtcbiAgICAgICAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgICAgIG9yZGVyOiAyO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICBvcmRlcjogMTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJi5ncmlkLS1zaWRlYmFyLXJldi1sZyB7XG4gICAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgICAmID4gOmlzKHNlY3Rpb24sIGFzaWRlKSB7XG4gICAgICAgICAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgb3JkZXI6IDI7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgIG9yZGVyOiAxO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmOmlzKC5ncmlkLS1zaWRlYmFyLXJldiwgLmdyaWQtLXNpZGViYXItcmV2LWxnKSB7XG4gICAgICAgIEBtZWRpYSAoLS1sYXJnZS11cCkge1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0byB2YXIoLS1jb250YWluZXItbWF4LXdpZHRoLCA3NmNoKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6d2hlcmUoOmhhcyg+IGFzaWRlOmZpcnN0LWNoaWxkKSkge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBhdXRvIHZhcigtLWNvbnRhaW5lci1tYXgtd2lkdGgsIDc2Y2gpO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIFByaW50IHN0eWxlc2hlZXRcbiAqL1xuXG5AbWVkaWEgcHJpbnQge1xuICAucGFnZV9fc2lkZWJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIl19 */