diff --git a/.gitignore b/.gitignore index 25571c3..0c01cc8 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,3 @@ -.DS_Store - .wiki # Logs @@ -31,8 +29,9 @@ node_modules # Users Environment Variables .lock-wscript -# Compiled source files +# Generated build files +css/dist -# Generated documentation & style guides +# Generated documentation & style guides docs/api docs/styleguide diff --git a/README.md b/README.md index 8a0fe55..f5ef30e 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# xmeter +# [xmeter](https://chharvey.github.io/xmeter/) A default stylesheet with a set of tools that make designing with vertical rhythm easy. Pronounced “Cross Meter”. @@ -28,9 +28,9 @@ See `/src/__settings.less` for all the variables available. Use the tools: ```less -@import (reference) url('/node_modules/xmeter/css/src/__tool.fontsize.less'); +@import (reference) url('/node_modules/xmeter/css/src/__tool.transitions.less'); .my-selector { - .font-size-el(2.0; 1.5); + .transitions(color, background-color; 500ms; ease-in-out); } ``` Read about all of Xmeter’s tools (see `/docs/tools.md`). @@ -40,21 +40,50 @@ Read about all of Xmeter’s tools (see `/docs/tools.md`). Use Xmeter right out of the box on your own site. Want to see what Xmeter can do? [Check out the style guide] (link pending). -Locally: +Each stylesheet is minified and optimized for production, and accompanied by a sourcemap ending in `.css.map`. +It is recommended that you split up the stylesheet into media queries as shown below. + +The `dist/xmeter.css` stylesheet contains all code not nested in a media query +(thus applying to `@media all`), and additionally any experimental code and deprecated code. +All other stylesheets (`dist/xmeter-‹breakpoint›.css`) represents media-specific classes. +For example, `xmeter-sG.css` contains `.o-Flex-sG`, which is identical to `.o-Flex`, +but it only applies to media `screen and (min-width: 60em)`. +The recommended approach is to link only the stylesheets you need, and update your ``s when your needs change. +Your users will appreciate that. + +Mnemonic: +1. Kilo +2. Mega +3. Giga +4. Tera +5. Peta + +#### Locally: ```bash $ npm install xmeter ``` ```html - + + + + + + + + + + + ``` -Remotely from a CDN (not recommended, unless deploying your `/node_modules/` isn’t possible): +#### Remotely from a CDN: +(not recommended, unless deploying your `/node_modules/` isn’t possible) + ```html - + ``` -where `‹master›` can be any branch or tag. - -The stylesheet `xmeter.css` is already minified, and is accompanied by a sourcemap `xmeter.css.map`. +where `‹master›` can be any release tag, commit, or branch, and `‹breakpoint›` represents the media query. ## Features diff --git a/config/kss.json b/config/kss.json index 89c62d8..db68b3a 100644 --- a/config/kss.json +++ b/config/kss.json @@ -3,7 +3,7 @@ "source": "css/src/", "destination": "docs/styleguide/", "css": [ - "../../css/xmeter.css", + "../../css/dist/xmeter.css", "../../docs/css/kss.css" ], "js": [ diff --git a/css/.npmignore b/css/.npmignore new file mode 100644 index 0000000..cbdb961 --- /dev/null +++ b/css/.npmignore @@ -0,0 +1 @@ +!dist diff --git a/css/src/_-fz.less b/css/src/_-fz.less index 64fd03d..b329a0e 100644 --- a/css/src/_-fz.less +++ b/css/src/_-fz.less @@ -2,20 +2,21 @@ /*################################*\ xmeter | _-fz.less \*################################*/ +@import (reference) url('./__settings.less'); +@import (reference) url('./__tool.fontsize.less'); // font-size // // The font-size Atoms set the font-size property. // -// These are two groups of Atoms: the first group simply sets the font size of an element, -// and the second group uses the .font-size-el() mixin, which also affects line-height -// for maintaining vertical rhythm. See __tool.fontsize.less for the mixin code. +// CHANGED-DEPRECATED: Atoms starting with `.-fz-el-*` are deprecated and will be removed in v7. +// Instead, you should use the `.h-FontSize` helper and define the `--font-scale` custom property on your own. // // All font sizes are available in /src/__settings.less. //
//
author
Chris Harvey
-//
updated
+//
updated
//
// // Markup: @@ -29,16 +30,6 @@ //
  • atom (0.75)
    • //
  • quark (0.50)
    • // -// // // Weight: 1 // @@ -54,34 +45,23 @@ .-fz-mill { font-size: (@g-font-size-mill * 1em) !important; } .-fz-micr { font-size: (@g-font-size-micr * 1em) !important; } -@media screen and (min-width: 30em) { .-fz-peta-sK { .-fz-peta; } .-fz-tera-sK { .-fz-tera; } .-fz-giga-sK { .-fz-giga; } .-fz-mega-sK { .-fz-mega; } .-fz-kilo-sK { .-fz-kilo; } .-fz-norm-sK { .-fz-norm; } .-fz-mill-sK { .-fz-mill; } .-fz-micr-sK { .-fz-micr; } } -@media screen and (min-width: 45em) { .-fz-peta-sM { .-fz-peta; } .-fz-tera-sM { .-fz-tera; } .-fz-giga-sM { .-fz-giga; } .-fz-mega-sM { .-fz-mega; } .-fz-kilo-sM { .-fz-kilo; } .-fz-norm-sM { .-fz-norm; } .-fz-mill-sM { .-fz-mill; } .-fz-micr-sM { .-fz-micr; } } -@media screen and (min-width: 60em) { .-fz-peta-sG { .-fz-peta; } .-fz-tera-sG { .-fz-tera; } .-fz-giga-sG { .-fz-giga; } .-fz-mega-sG { .-fz-mega; } .-fz-kilo-sG { .-fz-kilo; } .-fz-norm-sG { .-fz-norm; } .-fz-mill-sG { .-fz-mill; } .-fz-micr-sG { .-fz-micr; } } -@media screen and (min-width: 75em) { .-fz-peta-sT { .-fz-peta; } .-fz-tera-sT { .-fz-tera; } .-fz-giga-sT { .-fz-giga; } .-fz-mega-sT { .-fz-mega; } .-fz-kilo-sT { .-fz-kilo; } .-fz-norm-sT { .-fz-norm; } .-fz-mill-sT { .-fz-mill; } .-fz-micr-sT { .-fz-micr; } } -@media screen and (min-width: 90em) { .-fz-peta-sP { .-fz-peta; } .-fz-tera-sP { .-fz-tera; } .-fz-giga-sP { .-fz-giga; } .-fz-mega-sP { .-fz-mega; } .-fz-kilo-sP { .-fz-kilo; } .-fz-norm-sP { .-fz-norm; } .-fz-mill-sP { .-fz-mill; } .-fz-micr-sP { .-fz-micr; } } -@media not all and (min-width: 30em) { .-fz-peta-nK { .-fz-peta; } .-fz-tera-nK { .-fz-tera; } .-fz-giga-nK { .-fz-giga; } .-fz-mega-nK { .-fz-mega; } .-fz-kilo-nK { .-fz-kilo; } .-fz-norm-nK { .-fz-norm; } .-fz-mill-nK { .-fz-mill; } .-fz-micr-nK { .-fz-micr; } } -@media not all and (min-width: 45em) { .-fz-peta-nM { .-fz-peta; } .-fz-tera-nM { .-fz-tera; } .-fz-giga-nM { .-fz-giga; } .-fz-mega-nM { .-fz-mega; } .-fz-kilo-nM { .-fz-kilo; } .-fz-norm-nM { .-fz-norm; } .-fz-mill-nM { .-fz-mill; } .-fz-micr-nM { .-fz-micr; } } -@media not all and (min-width: 60em) { .-fz-peta-nG { .-fz-peta; } .-fz-tera-nG { .-fz-tera; } .-fz-giga-nG { .-fz-giga; } .-fz-mega-nG { .-fz-mega; } .-fz-kilo-nG { .-fz-kilo; } .-fz-norm-nG { .-fz-norm; } .-fz-mill-nG { .-fz-mill; } .-fz-micr-nG { .-fz-micr; } } -@media not all and (min-width: 75em) { .-fz-peta-nT { .-fz-peta; } .-fz-tera-nT { .-fz-tera; } .-fz-giga-nT { .-fz-giga; } .-fz-mega-nT { .-fz-mega; } .-fz-kilo-nT { .-fz-kilo; } .-fz-norm-nT { .-fz-norm; } .-fz-mill-nT { .-fz-mill; } .-fz-micr-nT { .-fz-micr; } } -@media not all and (min-width: 90em) { .-fz-peta-nP { .-fz-peta; } .-fz-tera-nP { .-fz-tera; } .-fz-giga-nP { .-fz-giga; } .-fz-mega-nP { .-fz-mega; } .-fz-kilo-nP { .-fz-kilo; } .-fz-norm-nP { .-fz-norm; } .-fz-mill-nP { .-fz-mill; } .-fz-micr-nP { .-fz-micr; } } - - -.-fz-el-peta { .font-size-el(@g-font-size-peta; 4) !important; } -.-fz-el-tera { .font-size-el(@g-font-size-tera; 3) !important; } -.-fz-el-giga { .font-size-el(@g-font-size-giga; 2) !important; } -.-fz-el-mega { .font-size-el(@g-font-size-mega; 2) !important; } -.-fz-el-kilo { .font-size-el(@g-font-size-kilo ) !important; } -.-fz-el-norm { .font-size-el(@g-font-size-norm ) !important; } -.-fz-el-mill { .font-size-el(@g-font-size-mill ) !important; } -.-fz-el-micr { .font-size-el(@g-font-size-micr ) !important; } -@media screen and (min-width: 30em) { .-fz-el-peta-sK { .-fz-el-peta; } .-fz-el-tera-sK { .-fz-el-tera; } .-fz-el-giga-sK { .-fz-el-giga; } .-fz-el-mega-sK { .-fz-el-mega; } .-fz-el-kilo-sK { .-fz-el-kilo; } .-fz-el-norm-sK { .-fz-el-norm; } .-fz-el-mill-sK { .-fz-el-mill; } .-fz-el-micr-sK { .-fz-el-micr; } } -@media screen and (min-width: 45em) { .-fz-el-peta-sM { .-fz-el-peta; } .-fz-el-tera-sM { .-fz-el-tera; } .-fz-el-giga-sM { .-fz-el-giga; } .-fz-el-mega-sM { .-fz-el-mega; } .-fz-el-kilo-sM { .-fz-el-kilo; } .-fz-el-norm-sM { .-fz-el-norm; } .-fz-el-mill-sM { .-fz-el-mill; } .-fz-el-micr-sM { .-fz-el-micr; } } -@media screen and (min-width: 60em) { .-fz-el-peta-sG { .-fz-el-peta; } .-fz-el-tera-sG { .-fz-el-tera; } .-fz-el-giga-sG { .-fz-el-giga; } .-fz-el-mega-sG { .-fz-el-mega; } .-fz-el-kilo-sG { .-fz-el-kilo; } .-fz-el-norm-sG { .-fz-el-norm; } .-fz-el-mill-sG { .-fz-el-mill; } .-fz-el-micr-sG { .-fz-el-micr; } } -@media screen and (min-width: 75em) { .-fz-el-peta-sT { .-fz-el-peta; } .-fz-el-tera-sT { .-fz-el-tera; } .-fz-el-giga-sT { .-fz-el-giga; } .-fz-el-mega-sT { .-fz-el-mega; } .-fz-el-kilo-sT { .-fz-el-kilo; } .-fz-el-norm-sT { .-fz-el-norm; } .-fz-el-mill-sT { .-fz-el-mill; } .-fz-el-micr-sT { .-fz-el-micr; } } -@media screen and (min-width: 90em) { .-fz-el-peta-sP { .-fz-el-peta; } .-fz-el-tera-sP { .-fz-el-tera; } .-fz-el-giga-sP { .-fz-el-giga; } .-fz-el-mega-sP { .-fz-el-mega; } .-fz-el-kilo-sP { .-fz-el-kilo; } .-fz-el-norm-sP { .-fz-el-norm; } .-fz-el-mill-sP { .-fz-el-mill; } .-fz-el-micr-sP { .-fz-el-micr; } } -@media not all and (min-width: 30em) { .-fz-el-peta-nK { .-fz-el-peta; } .-fz-el-tera-nK { .-fz-el-tera; } .-fz-el-giga-nK { .-fz-el-giga; } .-fz-el-mega-nK { .-fz-el-mega; } .-fz-el-kilo-nK { .-fz-el-kilo; } .-fz-el-norm-nK { .-fz-el-norm; } .-fz-el-mill-nK { .-fz-el-mill; } .-fz-el-micr-nK { .-fz-el-micr; } } -@media not all and (min-width: 45em) { .-fz-el-peta-nM { .-fz-el-peta; } .-fz-el-tera-nM { .-fz-el-tera; } .-fz-el-giga-nM { .-fz-el-giga; } .-fz-el-mega-nM { .-fz-el-mega; } .-fz-el-kilo-nM { .-fz-el-kilo; } .-fz-el-norm-nM { .-fz-el-norm; } .-fz-el-mill-nM { .-fz-el-mill; } .-fz-el-micr-nM { .-fz-el-micr; } } -@media not all and (min-width: 60em) { .-fz-el-peta-nG { .-fz-el-peta; } .-fz-el-tera-nG { .-fz-el-tera; } .-fz-el-giga-nG { .-fz-el-giga; } .-fz-el-mega-nG { .-fz-el-mega; } .-fz-el-kilo-nG { .-fz-el-kilo; } .-fz-el-norm-nG { .-fz-el-norm; } .-fz-el-mill-nG { .-fz-el-mill; } .-fz-el-micr-nG { .-fz-el-micr; } } -@media not all and (min-width: 75em) { .-fz-el-peta-nT { .-fz-el-peta; } .-fz-el-tera-nT { .-fz-el-tera; } .-fz-el-giga-nT { .-fz-el-giga; } .-fz-el-mega-nT { .-fz-el-mega; } .-fz-el-kilo-nT { .-fz-el-kilo; } .-fz-el-norm-nT { .-fz-el-norm; } .-fz-el-mill-nT { .-fz-el-mill; } .-fz-el-micr-nT { .-fz-el-micr; } } -@media not all and (min-width: 90em) { .-fz-el-peta-nP { .-fz-el-peta; } .-fz-el-tera-nP { .-fz-el-tera; } .-fz-el-giga-nP { .-fz-el-giga; } .-fz-el-mega-nP { .-fz-el-mega; } .-fz-el-kilo-nP { .-fz-el-kilo; } .-fz-el-norm-nP { .-fz-el-norm; } .-fz-el-mill-nP { .-fz-el-mill; } .-fz-el-micr-nP { .-fz-el-micr; } } +// CHANGED-DEPRECATED! Use inline styles or define your own stylesheets instead. +.-fz-el-peta { --font-scale: @g-font-size-peta !important; --tracks: 4 !important; } +.-fz-el-tera { --font-scale: @g-font-size-tera !important; --tracks: 3 !important; } +.-fz-el-giga { --font-scale: @g-font-size-giga !important; --tracks: 2 !important; } +.-fz-el-mega { --font-scale: @g-font-size-mega !important; --tracks: 2 !important; } +.-fz-el-kilo { --font-scale: @g-font-size-kilo !important; } +.-fz-el-norm { --font-scale: @g-font-size-norm !important; } +.-fz-el-mill { --font-scale: @g-font-size-mill !important; } +.-fz-el-micr { --font-scale: @g-font-size-micr !important; } +@media (-ms-high-contrast: none), (-ms-high-contrast: active) { + .-fz-el-peta { .font-size-el(@g-font-size-peta; 4) !important; } + .-fz-el-tera { .font-size-el(@g-font-size-tera; 3) !important; } + .-fz-el-giga { .font-size-el(@g-font-size-giga; 2) !important; } + .-fz-el-mega { .font-size-el(@g-font-size-mega; 2) !important; } + .-fz-el-kilo { .font-size-el(@g-font-size-kilo; ) !important; } + .-fz-el-norm { .font-size-el(@g-font-size-norm; ) !important; } + .-fz-el-mill { .font-size-el(@g-font-size-mill; ) !important; } + .-fz-el-micr { .font-size-el(@g-font-size-micr; ) !important; } +} diff --git a/css/src/__tool.fontsize.less b/css/src/__tool.fontsize.less index 27ae707..ccdc614 100644 --- a/css/src/__tool.fontsize.less +++ b/css/src/__tool.fontsize.less @@ -22,10 +22,17 @@ font-size: (@ratio * 1rem); // line-height: inherit; // NOTE clarification & > * { - --lh: calc(@ratio ~' * var(--line-height) * 1rem'); // @ratio * parent lh + // COMBAK-FALLBACK for `lh` units. TODO remove after `lh` is supported. + --lh: calc(@ratio * var(--line-height) * 1rem); // @ratio * parent lh } } +// CHANGED: +// This mixin no longer uses the `var(--line-height)` expression, and instead +// uses the fallback value of 1.5. This mixin should only be used where +// CSS custom properties are not supported. For the most recent method, +// see documentation on the `.h-FontSize` helper. +// // Sets the font size of an element within a module (or if not, in the root) // while preserving vertical rhythm. // Font size is set in ems so that it will scale accordingly with its @@ -35,15 +42,16 @@ // `font-size` * `line-height` = one vertical rhythm unit // // ^params -// @ratio - (default: 1) the ratio of the new font size to +// @fontscale - (default: 1) the ratio of the new font size to // the parent font size, i.e., the number of ems -// @lines - (default: 1) the number of vrus each line of text will take up. +// @tracks - (default: 1) the number of vrus each line of text will take up. // should be a whole number to satisfy vertical rhythm. // ^author // : Chris Harvey // ^updated -// : 2016-10-01 -.font-size-el(@ratio: 1; @lines: 1) { - font-size: (@ratio * 1em); - line-height: calc(~'var(--line-height) / ' (@ratio/@lines)); +// : 2018-03-21 +.font-size-el(@fontscale: 1; @tracks: 1) { + @lineheight: 1.5; + font-size: (@fontscale * 1em); + line-height: (@lineheight / @fontscale * @tracks); } diff --git a/css/src/_base.less b/css/src/_base.less index 763ba06..7e61057 100644 --- a/css/src/_base.less +++ b/css/src/_base.less @@ -2,8 +2,14 @@ /*################################*\ xmeter | _base.less \*################################*/ +@import (reference) url('./__settings.less'); +@import (reference) url('./__tool.fontsize.less'); +@import (reference) url('./__tool.borders.less'); +@import (reference) url('./__tool.delims.less'); +@import (reference) url('./_h-FontSize.less'); +@p-line-height: 1.5; // equivalent to custom prop `--line-height` // COMBAK-FALLBACK for custom property // Contents // ------------------------------------ // # GENERIC...........................`html` and far-reaching page-wide selectors @@ -18,6 +24,9 @@ // ## Documentation......................documentation elements // ## Data...............................machine- or human-readable data // # FORMS.............................form elements +// ## Resets.............................resets for form elements +// ## Textual............................textual form elements +// ## Buttons............................button-like form elements // # EMBEDDED..........................images, videos, other media // # INTERACTIVE.......................user-interactive HTML elements @@ -25,6 +34,9 @@ //++++++++++++++++++++++++++++++++// // # GENERIC //++++++++++++++++++++++++++++++++// +@import (inline) url('reset.css'); +@import (inline) url('../../node_modules/normalize.css/normalize.css'); + * { &, &::before, @@ -39,20 +51,26 @@ } } &:not(input):not(button):not(select), // NOTE be careful here: if overriding, specificity > 3 - // &:not(input, button, select), // CHANGED selector not supported yet + // &:not(input, button, select), // CHANGED selector not supported yet // TODO once removed, fix NB-LINK (L468) &::before, &::after { border: 0 solid; // change initial border from `medium none` } } +// Set up vertical rhythm system. +// [1] default line-height. Change in your own project if you wish. +// [2] COMBAK-FALLBACK for `lh` units (https://drafts.csswg.org/css-values/#lh) +// [3] CHANGED-DEPRECATED: legacy support +// [4] addresses support for `rem` units (otherwise these would be in `body` selector) +// [5] Root font-size (rem) should *not* be set to an absolute unit, so that users can specify +// font sizing settings in their user agent. html { - --line-height: 1.5; // default line-height. NOTE: change in your own project if you wish. - --lh: calc(~'var(--line-height) * 1rem'); // HACK fallback for `lh` units (https://drafts.csswg.org/css-values/#lh) - --vru: var(--lh); // CHANGED DEPRECATED: legacy support - // addresses support for `rem` units (otherwise these would be in `body` selector) - font-size: 100%; // defined by user agent - line-height: var(--line-height); + --line-height: 1.5; // [1] + --lh: calc(var(--line-height) * 1rem); // [2] + --vru: var(--lh); // [3] + font-size: 100%; // [4] [5] + line-height: var(--line-height); // [4] } // Vertical spacing between typographical blocks @@ -67,8 +85,8 @@ details { margin-bottom: 1lh; @supports (margin-block-end: var(--variable)) { margin-bottom: unset; - margin-block-end: var(--lh); - margin-block-end: 1lh; + margin-block-end: var(--lh); + margin-block-end: 1lh; } } h1 { @@ -76,8 +94,8 @@ h1 { padding-top: 1lh; @supports (padding-block-start: var(--variable)) { padding-top: unset; - padding-block-start: var(--lh); - padding-block-start: 1lh; + padding-block-start: var(--lh); + padding-block-start: 1lh; } } @@ -97,18 +115,28 @@ label { // Elements with a transparent content model // should display what their contents display. -a, ins, del { - // display: inherit; - // line-height: inherit; - // h1 > &, h2 > &, h3 > &, h4 > &, h5 > &, h6 > &, - // p > &, pre > &, - // figure > &, figcaption > &, blockquote > &, - // li > &, dt > &, dd > &, - // caption > &, th > &, td > &, - // legend > &, summary > & { - // display: inline; - // line-height: 0; - // } +a, ins, del, slot { +} + +@media (-ms-high-contrast: none), (-ms-high-contrast: active) { + @lh: (@p-line-height * 1rem); // equivalent to unit `1lh`, or custom prop `--lh` + html { + line-height: @p-line-height; + } + h1, h2, h3, h4, h5, h6, + p, pre, figure, blockquote, + ol, ul, dl, + table, + form, fieldset, textarea, + details { + margin-bottom: @lh; + } + h1 { + padding-top: @lh; + } + textarea { + height: (6 * @lh); + } } //++++ end # GENERIC ++++// @@ -136,18 +164,28 @@ footer { } h1, h2, h3, h4, h5, h6 { + .h-FontSize; font-weight: 700; } -h1 { .font-size-el(@g-font-size-h1; 2); } -h2 { .font-size-el(@g-font-size-h2; 2); } -h3 { .font-size-el(@g-font-size-h3); } -h4 { .font-size-el(@g-font-size-h4); } -h5 { .font-size-el(@g-font-size-h5); } -h6 { .font-size-el(@g-font-size-h6); } +h1 { --font-scale: @g-font-size-h1; --tracks: 2; } +h2 { --font-scale: @g-font-size-h2; --tracks: 2; } +h3 { --font-scale: @g-font-size-h3; } +h4 { --font-scale: @g-font-size-h4; } +h5 { --font-scale: @g-font-size-h5; } +h6 { --font-scale: @g-font-size-h6; } +@media (-ms-high-contrast: none), (-ms-high-contrast: active) { + h1 { .font-size-el(@g-font-size-h1; 2); } + h2 { .font-size-el(@g-font-size-h2; 2); } + h3 { .font-size-el(@g-font-size-h3; ); } + h4 { .font-size-el(@g-font-size-h4; ); } + h5 { .font-size-el(@g-font-size-h5; ); } + h6 { .font-size-el(@g-font-size-h6; ); } +} h1 { - margin-top: initial; // HACK fallback for `unset` - margin-top: unset; // HACK fallback for logical + margin-top: 0; // COMBAK-FALLBACK + margin-top: initial; // COMBAK-FALLBACK + margin-top: unset; // COMBAK-FALLBACK margin-block-start: unset; // undo Normalize } @@ -170,16 +208,23 @@ hr { p { } pre { - .font-size-el(@g-font-size-mill); + .h-FontSize; + --font-scale: @g-font-size-mill; text-align: left; // code blocks are always aligned left, regardless of writing mode text-indent: 0; white-space: pre; overflow: auto; } + @media (-ms-high-contrast: none), (-ms-high-contrast: active) { + pre { + .font-size-el(@g-font-size-mill); + } + } figure { // undo Normalize - margin-top: initial; margin-left: initial; margin-right: initial; // HACK fallbacks for `unset` - margin-top: unset ; margin-left: unset ; margin-right: unset ; // HACK fallbacks for logical + margin-top: 0 ; margin-left: 0 ; margin-right: 0 ; // COMBAK-FALLBACK + margin-top: initial; margin-left: initial; margin-right: initial; // COMBAK-FALLBACK + margin-top: unset ; margin-left: unset ; margin-right: unset ; // COMBAK-FALLBACK margin-block-start: unset; margin-inline: unset; } @@ -198,22 +243,23 @@ hr { li > &, dt > &, dd > & { - margin-bottom: initial; // HACK fallback for `unset` - margin-bottom: unset; // HACK fallback for logical + margin-bottom: 0; // COMBAK-FALLBACK + margin-bottom: initial; // COMBAK-FALLBACK + margin-bottom: unset; // COMBAK-FALLBACK margin-block-end: unset; // undo default vertical spacing for nested lists } } ol, ul { - padding: 0 0 0 4rem; // HACK fallback for logical + padding: 0 0 0 4rem; // COMBAK-FALLBACK padding: logical 0 4rem 0 0; li > &, dt > &, dd > & { - padding-left: 2rem; // HACK fallback for logical + padding-left: 2rem; // COMBAK-FALLBACK @supports (padding-inline-start: 1rem) { padding-left: unset; - padding-inline-start: 2rem; + padding-inline-start: 2rem; } } } @@ -316,7 +362,7 @@ br { background-color: fadeout(#ffe168, 50%); // Google-flavored comments in Google Docs } u { - text-decoration: underline; // HACK fallback + text-decoration: underline; // COMBAK-FALLBACK text-decoration-line: underline; color: #080; } @@ -324,7 +370,7 @@ br { font-size: (@g-font-size-mill * 1em); } s { - text-decoration: line-through; // HACK fallback + text-decoration: line-through; // COMBAK-FALLBACK text-decoration-line: line-through; color: #b00; } @@ -349,8 +395,8 @@ br { abbr { &[title] { cursor: help; - text-decoration: none; // HACK fallback for `text-decoration-line` // also IE fallback for `initial` - text-decoration-line: initial; // HACK fallback for `unset` + text-decoration: none; // COMBAK-FALLBACK for `text-decoration-line` // also IE fallback for `initial` + text-decoration-line: initial; // COMBAK-FALLBACK text-decoration-line: unset; // undo Normalize } } @@ -358,6 +404,7 @@ br { font-style: italic; } q { + .quotes-double(); // COMBAK-FALLBACK for `initial` .delims(initial); } cite { @@ -386,7 +433,7 @@ br { font-size: inherit; // undo compounding font sizes } pre & { - white-space: inherit; // HACK fallback + white-space: inherit; // COMBAK-FALLBACK white-space: unset; // sometimes people put a `code` in a `pre` // override `nowrap` above } } @@ -405,64 +452,68 @@ br { //++++++++++++++++++++++++++++++++// @p-color-gray: rgba(0,0,0, 0.25); -fieldset { - padding: 0 1rem; -} - -textarea, -input { - padding: 0 0.25rem; -} - + //--------------------------------// + // ## Resets + //--------------------------------// input, button, select, textarea { - line-height: inherit; // undo browser default + line-height: inherit; // override opinionated Normalize.css } + //---- end ## Resets ----// -html body fieldset { // HACK need a specificity of 3 to override generic `*:not(input):not(button):not(select)` - .border-vert(all; 1px); - .border-block(all; 1px); - border-style: solid; - border-color: @p-color-gray; - // NOTE cannot use box-shadow hack due to shadow covering -} -textarea { - box-shadow: 0 0 0 1px @p-color-gray; // HACK vertical border hack +fieldset { + padding: 0 1rem; + html body & { // HACK NB-LINK (L54) need a specificity of 3 to override generic `*:not(input):not(button):not(select)` + // NOTE cannot use box-shadow hack due to shadow covering + .border-vert(all; 1px); + .border-block(all; 1px); + border-style: solid; + border-color: @p-color-gray; + } } + //--------------------------------// + // ## Textual + //--------------------------------// +textarea, +input { + padding: 0 0.25rem; +} textarea { display: block; // override browser default - height: calc(~'6 * var(--lh)'); + height: calc(6 * var(--lh)); height: 6lh; width: 30rem; - block-size: calc(~'6 * var(--lh)'); + block-size: calc(6 * var(--lh)); block-size: 6lh; inline-size: 30rem; font-size: (@g-font-size-mill * 1rem); // .font-size-mod(@g-font-size-mill); // textarea cannot contain any element children + box-shadow: 0 0 0 1px @p-color-gray; // HACK vertical border hack } - -input[type="button"], -input[type="reset"], -input[type="submit"], -button, -label { - cursor: pointer; -} - input:not([type="button"]):not([type="reset"]):not([type="submit"]), // input:not([type="button"], [type="reset"], [type="submit"]), // CHANGED selector not supported yet select { font-size: (@g-font-size-mill * 1em); } + //---- end ## Textual ----// + //--------------------------------// + // ## Buttons + //--------------------------------// input[type="button"], input[type="reset"], input[type="submit"], button { + cursor: pointer; padding: 0.125em 0.25em; } + //---- end ## Buttons ----// + +label { + cursor: pointer; +} select[multiple] > optgroup > option { padding-left: 1rem; @@ -498,7 +549,7 @@ summary { } dialog { - padding: calc(0.5 ~'*' var(--lh)) 1rem; // COMBAK-FALLBACK + padding: calc(0.5 * var(--lh)) 1rem; // COMBAK-FALLBACK padding: 0.5lh 1rem; &::backdrop { background-color: @p-color-gray; diff --git a/css/src/_c-Permalink.less b/css/src/_c-Permalink.less index eede594..9be0643 100644 --- a/css/src/_c-Permalink.less +++ b/css/src/_c-Permalink.less @@ -51,7 +51,8 @@ h4:hover > &, h5:hover > &, h6:hover > & { - position: initial; // HACK fallback + position: static; // COMBAK-FALLBACK + position: initial; // COMBAK-FALLBACK position: unset; // unset `.h-Hidden` } } diff --git a/css/src/_h-Block.less b/css/src/_h-Block.less index 2b62d37..ff22f03 100644 --- a/css/src/_h-Block.less +++ b/css/src/_h-Block.less @@ -22,17 +22,6 @@ // Styleguide Helpers.Block .h-Block { display: block; - line-height: inherit; // HACK fallback for `unset` + line-height: inherit; // COMBAK-FALLBACK line-height: unset; } - -@media screen and (min-width: 30em) { .h-Block-sK { .h-Block; } } -@media screen and (min-width: 45em) { .h-Block-sM { .h-Block; } } -@media screen and (min-width: 60em) { .h-Block-sG { .h-Block; } } -@media screen and (min-width: 75em) { .h-Block-sT { .h-Block; } } -@media screen and (min-width: 90em) { .h-Block-sP { .h-Block; } } -@media not all and (min-width: 30em) { .h-Block-nK { .h-Block; } } -@media not all and (min-width: 45em) { .h-Block-nM { .h-Block; } } -@media not all and (min-width: 60em) { .h-Block-nG { .h-Block; } } -@media not all and (min-width: 75em) { .h-Block-nT { .h-Block; } } -@media not all and (min-width: 90em) { .h-Block-nP { .h-Block; } } diff --git a/css/src/_h-Clearfix.less b/css/src/_h-Clearfix.less index ae4c727..7bd340a 100644 --- a/css/src/_h-Clearfix.less +++ b/css/src/_h-Clearfix.less @@ -100,14 +100,3 @@ clear: both; } } - -@media screen and (min-width: 30em) { .h-Clearfix-sK { .h-Clearfix; } } -@media screen and (min-width: 45em) { .h-Clearfix-sM { .h-Clearfix; } } -@media screen and (min-width: 60em) { .h-Clearfix-sG { .h-Clearfix; } } -@media screen and (min-width: 75em) { .h-Clearfix-sT { .h-Clearfix; } } -@media screen and (min-width: 90em) { .h-Clearfix-sP { .h-Clearfix; } } -@media not all and (min-width: 30em) { .h-Clearfix-nK { .h-Clearfix; } } -@media not all and (min-width: 45em) { .h-Clearfix-nM { .h-Clearfix; } } -@media not all and (min-width: 60em) { .h-Clearfix-nG { .h-Clearfix; } } -@media not all and (min-width: 75em) { .h-Clearfix-nT { .h-Clearfix; } } -@media not all and (min-width: 90em) { .h-Clearfix-nP { .h-Clearfix; } } diff --git a/css/src/_h-Constrain.less b/css/src/_h-Constrain.less index 6e41373..3d0496a 100644 --- a/css/src/_h-Constrain.less +++ b/css/src/_h-Constrain.less @@ -26,22 +26,11 @@ // // Styleguide Helpers.Constrain .h-Constrain { - max-width: 90em; // HACK fallback for logical prop + max-width: 90em; // COMBAK-FALLBACK @supports (max-inline-size: 1em) { max-width: unset; max-inline-size: 90em; } - margin-left: auto; margin-right: auto; // HACK fallback for logical prop + margin-left: auto; margin-right: auto; // COMBAK-FALLBACK margin-inline: auto; } - -@media screen and (min-width: 30em) { .h-Constrain-sK { .h-Constrain; } } -@media screen and (min-width: 45em) { .h-Constrain-sM { .h-Constrain; } } -@media screen and (min-width: 60em) { .h-Constrain-sG { .h-Constrain; } } -@media screen and (min-width: 75em) { .h-Constrain-sT { .h-Constrain; } } -@media screen and (min-width: 90em) { .h-Constrain-sP { .h-Constrain; } } -@media not all and (min-width: 30em) { .h-Constrain-nK { .h-Constrain; } } -@media not all and (min-width: 45em) { .h-Constrain-nM { .h-Constrain; } } -@media not all and (min-width: 60em) { .h-Constrain-nG { .h-Constrain; } } -@media not all and (min-width: 75em) { .h-Constrain-nT { .h-Constrain; } } -@media not all and (min-width: 90em) { .h-Constrain-nP { .h-Constrain; } } diff --git a/css/src/_h-FontSize.less b/css/src/_h-FontSize.less new file mode 100644 index 0000000..af6e8de --- /dev/null +++ b/css/src/_h-FontSize.less @@ -0,0 +1,35 @@ +/*################################*\ + xmeter | _h-FontSize.less +\*################################*/ + + +// FontSize +// +// The FontSize Helper sets the font-size of an element while maintaining vertical rhythm. +// Add `[class="h-Fontsize"]` to an element, and then set the `--font-scale` +// custom property (and optionally the `--tracks` custom property), either via inline style or stylesheet. +// This Helper adjusts the line-height of the element so that track size remains unaffected. +//
    +//
    author
    Chris Harvey
    +//
    updated
    +//
    +// +// Markup: +//

    This paragraph has a font-size of 2.25em, +// and an adjusted line-height so that each line of text takes up exactly 1 track. +// Vertical rhythm is maintained. +// However, this example’s font-size is too big to be read clearly.

    +//

    Set the `--tracks` to an integer +// in order to adjust the number of “tracks” each line of text takes up. +// In this paragraph, each line of text takes up 2 tracks instead of the default 1. +// This increased leading provides a more pleasant reading experience.

    +// +// Weight: 5.2 +// +// Styleguide Helpers.FontSize +.h-FontSize { + // specify `--font-scale` + // specify `--tracks` + font-size: calc(var(--font-scale, 1) * 1em); + line-height: calc(var(--line-height) / var(--font-scale, 1) * var(--tracks, 1)); +} diff --git a/css/src/_h-Inline.less b/css/src/_h-Inline.less index 45090ac..195e552 100644 --- a/css/src/_h-Inline.less +++ b/css/src/_h-Inline.less @@ -31,14 +31,3 @@ display: inline; line-height: 0; } - -@media screen and (min-width: 30em) { .h-Inline-sK { .h-Inline; } } -@media screen and (min-width: 45em) { .h-Inline-sM { .h-Inline; } } -@media screen and (min-width: 60em) { .h-Inline-sG { .h-Inline; } } -@media screen and (min-width: 75em) { .h-Inline-sT { .h-Inline; } } -@media screen and (min-width: 90em) { .h-Inline-sP { .h-Inline; } } -@media not all and (min-width: 30em) { .h-Inline-nK { .h-Inline; } } -@media not all and (min-width: 45em) { .h-Inline-nM { .h-Inline; } } -@media not all and (min-width: 60em) { .h-Inline-nG { .h-Inline; } } -@media not all and (min-width: 75em) { .h-Inline-nT { .h-Inline; } } -@media not all and (min-width: 90em) { .h-Inline-nP { .h-Inline; } } diff --git a/css/src/_h-Measure.less b/css/src/_h-Measure.less index 9bc8873..ecf8c73 100644 --- a/css/src/_h-Measure.less +++ b/css/src/_h-Measure.less @@ -38,7 +38,7 @@ // // Styleguide Helpers.Measure .h-Measure { - max-width: 33em; // HACK fallback for `ch` unit + max-width: 33em; // COMBAK-FALLBACK for `ch` unit max-width: 66ch; @supports (max-inline-size: 1ch) { max-width: unset; @@ -46,7 +46,7 @@ } } .h-Measure--narrow { - max-width: 22.5em; // HACK fallback for `ch` unit + max-width: 22.5em; // COMBAK-FALLBACK max-width: 45ch; @supports (max-inline-size: 1ch) { max-width: unset; @@ -54,21 +54,10 @@ } } .h-Measure--wide { - max-width: 45em; // HACK fallback for `ch` unit + max-width: 45em; // COMBAK-FALLBACK max-width: 90ch; @supports (max-inline-size: 1ch) { max-width: unset; max-inline-size: 90ch; } } - -@media screen and (min-width: 30em) { .h-Measure-sK { .h-Measure; } .h-Measure--narrow-sK { .h-Measure--narrow; } .h-Measure--wide-sK { .h-Measure--wide; } } -@media screen and (min-width: 45em) { .h-Measure-sM { .h-Measure; } .h-Measure--narrow-sM { .h-Measure--narrow; } .h-Measure--wide-sM { .h-Measure--wide; } } -@media screen and (min-width: 60em) { .h-Measure-sG { .h-Measure; } .h-Measure--narrow-sG { .h-Measure--narrow; } .h-Measure--wide-sG { .h-Measure--wide; } } -@media screen and (min-width: 75em) { .h-Measure-sT { .h-Measure; } .h-Measure--narrow-sT { .h-Measure--narrow; } .h-Measure--wide-sT { .h-Measure--wide; } } -@media screen and (min-width: 90em) { .h-Measure-sP { .h-Measure; } .h-Measure--narrow-sP { .h-Measure--narrow; } .h-Measure--wide-sP { .h-Measure--wide; } } -@media not all and (min-width: 30em) { .h-Measure-nK { .h-Measure; } .h-Measure--narrow-nK { .h-Measure--narrow; } .h-Measure--wide-nK { .h-Measure--wide; } } -@media not all and (min-width: 45em) { .h-Measure-nM { .h-Measure; } .h-Measure--narrow-nM { .h-Measure--narrow; } .h-Measure--wide-nM { .h-Measure--wide; } } -@media not all and (min-width: 60em) { .h-Measure-nG { .h-Measure; } .h-Measure--narrow-nG { .h-Measure--narrow; } .h-Measure--wide-nG { .h-Measure--wide; } } -@media not all and (min-width: 75em) { .h-Measure-nT { .h-Measure; } .h-Measure--narrow-nT { .h-Measure--narrow; } .h-Measure--wide-nT { .h-Measure--wide; } } -@media not all and (min-width: 90em) { .h-Measure-nP { .h-Measure; } .h-Measure--narrow-nP { .h-Measure--narrow; } .h-Measure--wide-nP { .h-Measure--wide; } } diff --git a/css/src/_h-Ruled.less b/css/src/_h-Ruled.less index e4b18d3..2b333cd 100644 --- a/css/src/_h-Ruled.less +++ b/css/src/_h-Ruled.less @@ -37,21 +37,11 @@ @p-color-gray: rgba(0,0,0, 0.25); // same as _base.less .h-Ruled { background-image: linear-gradient(to top, @p-color-gray 1px, transparent 1px); - background-size: 1px var(--lh); + background-size: 1px 1.5rem; // COMBAK-FALLBACK + background-size: 1px var(--lh); // COMBAK-FALLBACK background-size: 1px 1lh; background-position-y: top; background-position-block: start; // for logical background sizing, see `background-image-transform`: (extremely unstable) // https://www.w3.org/TR/css-logical-1/#propdef-background-image-transform } - -@media screen and (min-width: 30em) { .h-Ruled-sK { .h-Ruled; } } -@media screen and (min-width: 45em) { .h-Ruled-sM { .h-Ruled; } } -@media screen and (min-width: 60em) { .h-Ruled-sG { .h-Ruled; } } -@media screen and (min-width: 75em) { .h-Ruled-sT { .h-Ruled; } } -@media screen and (min-width: 90em) { .h-Ruled-sP { .h-Ruled; } } -@media not all and (min-width: 30em) { .h-Ruled-nK { .h-Ruled; } } -@media not all and (min-width: 45em) { .h-Ruled-nM { .h-Ruled; } } -@media not all and (min-width: 60em) { .h-Ruled-nG { .h-Ruled; } } -@media not all and (min-width: 75em) { .h-Ruled-nT { .h-Ruled; } } -@media not all and (min-width: 90em) { .h-Ruled-nP { .h-Ruled; } } diff --git a/css/src/_hack.ie.less b/css/src/_hack.ie.less deleted file mode 100644 index 191b76d..0000000 --- a/css/src/_hack.ie.less +++ /dev/null @@ -1,179 +0,0 @@ - -/*################################*\ - xmeter | _hack.ie.less -\*################################*/ -@import (reference) url('./__tool.delims.less'); - - -// IE fixes go here. These styles should *only* be rendered on IE! -// Using the -ms-high-contrast quirk: only IE supports -ms-high-contrast -/////////////////////////////////////////////////////////////////////////////// - - -// Table of Contents -// # IE QUIRK FALLBACKS -// ## `initial` -// ### reset.css -// ### _base.less -// ## Pseudo Rems -// # CUSTOM PROPERTY FALLBACKS -// ## Line height -// ## Vertical rhythm unit -// ## Other custom props -// # CSS3 FALLBACKS -// ## Filters - - -@media (-ms-high-contrast: none), (-ms-high-contrast: active) { - //+++++++++++++++++++++++++++++++// - // # IE QUIRK FALLBACKS - //+++++++++++++++++++++++++++++++// - //-------------------------------// - // ## `initial` - // IE does not support the `initial` keyword for css values - //-------------------------------// - //...............................// - // ## reset.css - //...............................// - sup, sub { - vertical-align: baseline; - } - body, - h1, h2, h3, h4, h5, h6, - hr, - p, figure, blockquote, pre, - ol, ul, dl, - dd, - fieldset { - margin: 0; - } - ol, ul, - th, td, - legend { - padding: 0; - } - a, - u, s, - ins, del { - text-decoration: none; - } - //.... end ## reset.css ....// - //...............................// - // ## _base.less - //...............................// - h1 { - margin-top: 0; - } - figure { - margin-top: 0; - margin-left: 0; - margin-right: 0; - } - ol, - ul, - dl { - li > &, - dt > &, - dd > & { - margin-bottom: 0; - } - } - q { - .quotes-double(); - } - //.... end ## _base.less ....// - .o-List { - padding-left: 0; - } - // CHANGED-DEPRECATED - .o-Tablist { - margin-top: 0; - margin-left: 0; - margin-right: 0; - padding: 0; - & > .o-Flex { - margin-bottom: 0; - } - } - // CHANGED-DEPRECATED - .c-Permalink { - h1:hover > &, - h2:hover > &, - h3:hover > &, - h4:hover > &, - h5:hover > &, - h6:hover > & { - position: static; - } - } - //---- end ## `initial` ----// - //-------------------------------// - // ## Pseudo Rems - // IE10 does not support the `rem` unit on pseudo-elements like `::before` or `::after` - //-------------------------------// - //---- end ## Pseudo Rems ----// - //++++ end # IE QUIRK FALLBACKS ++++// - - - //+++++++++++++++++++++++++++++++// - // # CUSTOM PROPERTY FALLBACKS - //+++++++++++++++++++++++++++++++// - //-------------------------------// - // ## Line height - //-------------------------------// - @p-line-height: 1.5; // equivalent to custom prop `--line-height` - h1 { line-height: (@p-line-height / (@g-font-size-h1 / 2)); } - h2 { line-height: (@p-line-height / (@g-font-size-h2 / 2)); } - h3 { line-height: (@p-line-height / @g-font-size-h3 ); } - h4 { line-height: (@p-line-height / @g-font-size-h4 ); } - h5 { line-height: (@p-line-height / @g-font-size-h5 ); } - h6 { line-height: (@p-line-height / @g-font-size-h6 ); } - pre { - line-height: (@p-line-height / @g-font-size-mill); - } - .-fz-el-peta { line-height: (@p-line-height / (@g-font-size-peta / 4)) !important; } - .-fz-el-tera { line-height: (@p-line-height / (@g-font-size-tera / 3)) !important; } - .-fz-el-giga { line-height: (@p-line-height / (@g-font-size-giga / 2)) !important; } - .-fz-el-mega { line-height: (@p-line-height / (@g-font-size-mega / 2)) !important; } - .-fz-el-kilo { line-height: (@p-line-height / @g-font-size-kilo ) !important; } - .-fz-el-norm { line-height: (@p-line-height / @g-font-size-norm ) !important; } - .-fz-el-mill { line-height: (@p-line-height / @g-font-size-mill ) !important; } - .-fz-el-micr { line-height: (@p-line-height / @g-font-size-micr ) !important; } - //---- end ## Line height ----// - //-------------------------------// - // ## Vertical rhythm unit - //-------------------------------// - @p-lh: (@p-line-height * 1rem); // equivalent to unit `1lh`, or custom prop `--lh` - html { - line-height: @p-line-height; - } - h1, h2, h3, h4, h5, h6, - p, pre, figure, blockquote, - ol, ul, dl, - table, - form, fieldset, textarea, - details { - margin-bottom: @p-lh; - } - h1 { - padding-top: @p-lh; - } - textarea { - height: (6 * @p-lh); - } - .h-Ruled { - background-size: 1px @p-lh; - } - //---- end ## Vertical rhythm unit ----// - //-------------------------------// - // ## Other custom props - //-------------------------------// - //---- end ## Other custom props ----// - //++++ end # CUSTOM PROPERTY FALLBACKS ++++// - - - //+++++++++++++++++++++++++++++++// - // # CSS3 FALLBACKS - //+++++++++++++++++++++++++++++++// - //++++ end # CSS3 FALLBACKS ++++// -} diff --git a/css/src/_o-Flex.less b/css/src/_o-Flex.less index 3d106ae..4f20040 100644 --- a/css/src/_o-Flex.less +++ b/css/src/_o-Flex.less @@ -60,14 +60,3 @@ .o-Flex__Item { flex: auto; } - -@media screen and (min-width: 30em) { .o-Flex-sK { .o-Flex; } .o-Flex__Item-sK { .o-Flex__Item; } } -@media screen and (min-width: 45em) { .o-Flex-sM { .o-Flex; } .o-Flex__Item-sM { .o-Flex__Item; } } -@media screen and (min-width: 60em) { .o-Flex-sG { .o-Flex; } .o-Flex__Item-sG { .o-Flex__Item; } } -@media screen and (min-width: 75em) { .o-Flex-sT { .o-Flex; } .o-Flex__Item-sT { .o-Flex__Item; } } -@media screen and (min-width: 90em) { .o-Flex-sP { .o-Flex; } .o-Flex__Item-sP { .o-Flex__Item; } } -@media not all and (min-width: 30em) { .o-Flex-nK { .o-Flex; } .o-Flex__Item-nK { .o-Flex__Item; } } -@media not all and (min-width: 45em) { .o-Flex-nM { .o-Flex; } .o-Flex__Item-nM { .o-Flex__Item; } } -@media not all and (min-width: 60em) { .o-Flex-nG { .o-Flex; } .o-Flex__Item-nG { .o-Flex__Item; } } -@media not all and (min-width: 75em) { .o-Flex-nT { .o-Flex; } .o-Flex__Item-nT { .o-Flex__Item; } } -@media not all and (min-width: 90em) { .o-Flex-nP { .o-Flex; } .o-Flex__Item-nP { .o-Flex__Item; } } diff --git a/css/src/_o-Grid.less b/css/src/_o-Grid.less index c5a36b6..61a15ff 100644 --- a/css/src/_o-Grid.less +++ b/css/src/_o-Grid.less @@ -57,14 +57,3 @@ .o-Grid__Item { } - -@media screen and (min-width: 30em) { .o-Grid-sK { .o-Grid; } .o-Grid__Item-sK { .o-Grid__Item; } } -@media screen and (min-width: 45em) { .o-Grid-sM { .o-Grid; } .o-Grid__Item-sM { .o-Grid__Item; } } -@media screen and (min-width: 60em) { .o-Grid-sG { .o-Grid; } .o-Grid__Item-sG { .o-Grid__Item; } } -@media screen and (min-width: 75em) { .o-Grid-sT { .o-Grid; } .o-Grid__Item-sT { .o-Grid__Item; } } -@media screen and (min-width: 90em) { .o-Grid-sP { .o-Grid; } .o-Grid__Item-sP { .o-Grid__Item; } } -@media not all and (min-width: 30em) { .o-Grid-nK { .o-Grid; } .o-Grid__Item-nK { .o-Grid__Item; } } -@media not all and (min-width: 45em) { .o-Grid-nM { .o-Grid; } .o-Grid__Item-nM { .o-Grid__Item; } } -@media not all and (min-width: 60em) { .o-Grid-nG { .o-Grid; } .o-Grid__Item-nG { .o-Grid__Item; } } -@media not all and (min-width: 75em) { .o-Grid-nT { .o-Grid; } .o-Grid__Item-nT { .o-Grid__Item; } } -@media not all and (min-width: 90em) { .o-Grid-nP { .o-Grid; } .o-Grid__Item-nP { .o-Grid__Item; } } diff --git a/css/src/_o-List.less b/css/src/_o-List.less index fecc432..0e78e58 100644 --- a/css/src/_o-List.less +++ b/css/src/_o-List.less @@ -29,21 +29,11 @@ // // Styleguide Objects.List .o-List { - padding-left: initial; // HACK fallback for `unset` + padding-left: 0; // COMBAK-FALLBACK + padding-left: initial; // COMBAK-FALLBACK padding-left: unset; list-style: none; } .o-List__Item { } - -@media screen and (min-width: 30em) { .o-List-sK { .o-List; } .o-List__Item-sK { .o-List__Item; } } -@media screen and (min-width: 45em) { .o-List-sM { .o-List; } .o-List__Item-sM { .o-List__Item; } } -@media screen and (min-width: 60em) { .o-List-sG { .o-List; } .o-List__Item-sG { .o-List__Item; } } -@media screen and (min-width: 75em) { .o-List-sT { .o-List; } .o-List__Item-sT { .o-List__Item; } } -@media screen and (min-width: 90em) { .o-List-sP { .o-List; } .o-List__Item-sP { .o-List__Item; } } -@media not all and (min-width: 30em) { .o-List-nK { .o-List; } .o-List__Item-nK { .o-List__Item; } } -@media not all and (min-width: 45em) { .o-List-nM { .o-List; } .o-List__Item-nM { .o-List__Item; } } -@media not all and (min-width: 60em) { .o-List-nG { .o-List; } .o-List__Item-nG { .o-List__Item; } } -@media not all and (min-width: 75em) { .o-List-nT { .o-List; } .o-List__Item-nT { .o-List__Item; } } -@media not all and (min-width: 90em) { .o-List-nP { .o-List; } .o-List__Item-nP { .o-List__Item; } } diff --git a/css/src/_o-Tablist.less b/css/src/_o-Tablist.less index 3ddc94b..973b138 100644 --- a/css/src/_o-Tablist.less +++ b/css/src/_o-Tablist.less @@ -82,19 +82,22 @@ width: 100%; // HTML Spec BUG: //---- if `display:contents` is not supported, unset all box styles: ----// - margin-top: initial; margin-left: initial; margin-right: initial; // HACK fallbacks for `unset` - margin-top: unset ; margin-left: unset ; margin-right: unset ; // HACK fallbacks for logical + margin-top: 0 ; margin-left: 0 ; margin-right: 0 ; // COMBAK-FALLBACK + margin-top: initial; margin-left: initial; margin-right: initial; // COMBAK-FALLBACK + margin-top: unset ; margin-left: unset ; margin-right: unset ; // COMBAK-FALLBACK margin-block-start: unset; margin-inline: unset; - padding: initial; // HACK fallback for `unset` + padding: 0; // COMBAK-FALLBACK + padding: initial; // COMBAK-FALLBACK padding: unset; // unset fieldset base border: 0; // unset fieldset base & > .o-Flex { flex-wrap: wrap; - margin-bottom: initial; // HACK fallback + margin-bottom: 0; // COMBAK-FALLBACK + margin-bottom: initial; // COMBAK-FALLBACK margin-bottom: unset; // fixes a BUG where fieldset vertical margins don’t collapse } } diff --git a/css/src/homepage.md b/css/src/homepage.md index c9a6538..e1ad383 100644 --- a/css/src/homepage.md +++ b/css/src/homepage.md @@ -1,3 +1,3 @@ # Xmeter Style Guide -A demo of Xmeter styles. +GitHub: https://github.com/chharvey/xmeter/ diff --git a/css/src/reset.css b/css/src/reset.css index d30b5a4..9c15111 100644 --- a/css/src/reset.css +++ b/css/src/reset.css @@ -5,14 +5,15 @@ body { - text-align: start; /* HACK fallback */ + text-align: start; /* COMBAK-FALLBACK */ text-align: initial; /* fix unsupported browsers initial value */ background: #fff; color: #000; } sup, sub { - vertical-align: initial; /* HACK fallback */ + vertical-align: baseline; /* COMBAK-FALLBACK */ + vertical-align: initial; /* COMBAK-FALLBACK */ vertical-align: unset; } body, @@ -22,13 +23,15 @@ p, figure, blockquote, pre, ol, ul, dl, dd, fieldset { - margin: initial; /* HACK fallback */ + margin: 0; /* COMBAK-FALLBACK */ + margin: initial; /* COMBAK-FALLBACK */ margin: unset; } ol, ul, th, td, legend { - padding: initial; /* HACK fallback */ + padding: 0; /* COMBAK-FALLBACK */ + padding: initial; /* COMBAK-FALLBACK */ padding: unset; } h1, h2, h3, h4, h5, h6, @@ -42,20 +45,21 @@ code, kbd, samp { } caption, th { - text-align: inherit; /* HACK fallback */ + text-align: inherit; /* COMBAK-FALLBACK */ text-align: unset; } pre { - white-space: inherit; /* HACK fallback */ + white-space: inherit; /* COMBAK-FALLBACK */ white-space: unset; } a, u, s, ins, del { - text-decoration: initial; /* HACK fallback */ + text-decoration: none; /* COMBAK-FALLBACK */ + text-decoration: initial; /* COMBAK-FALLBACK */ text-decoration: unset; } mark { - color: inherit; /* HACK fallback */ + color: inherit; /* COMBAK-FALLBACK */ color: unset; } diff --git a/css/src/styleguide.less b/css/src/styleguide.less new file mode 100644 index 0000000..8504754 --- /dev/null +++ b/css/src/styleguide.less @@ -0,0 +1,89 @@ +// Principles +// +// Parts of an overarching design theme. +// +// - voice-and-tone, mood, and look-and-feel of the site +// - typographical conventions & rhythm (typefaces, font sizes, and leading used throughout the site) +// - additionally, any atypical writing modes / other languages required +// - site-wide color scheme +// - image treatment conventions (storytelling, image placement, quality, filters, etc.) +// +// Weight: 1 +// +// Styleguide Principles + + +// Objects +// +// Layout and structural design patterns that can be reused many times for many different purposes. +// Agnostic to function and content. +// +// - layout display (grid/flexbox/multicol) +// - positioning/floats/alignment +// - sizing (width & height) +// - spacing (padding & margin) +// +// **Example**: a three-column grid. It has a specific visual structure but it can be used +// in many contexts, e.g., a grid of products, a group of action buttons, or a listing of passes. +// +// Weight: 2 +// +// Styleguide Objects + + +// Components +// +// Cosmetic design patterns that are each only used for one functional purpose +// or a specific type of content. +// +// - box effects (backgrounds, borders, opacity) +// - typefaces and font weights/styles +// - textual effects (letter-spacing, alignment, indentation, decoration, list-style, color) +// - bells & whistles (transformations, overflows, shadows, filters, transitions, icons) +// +// **Example**: a Pass component. It has the look and feel of a physical paper ticket. +// It wouldn’t make sense to use this component in any other context besides a conference pass. +// +// Weight: 3 +// +// Styleguide Components + + +// Interfaces +// +// Aggregate compositions of Objects and Components that form single, self-sustaining organisms. +// +// **Example**: a Header interface. It may be comprised of many single Components, such as +// a site logo, search bar, navigation menu, etc., where the Interface itself (and perhaps each +// Component inside) may take the form of an Object. +// +// Weight: 4 +// +// Styleguide Interfaces + + +// Helpers +// +// Somewhat explicit classes used for enhancing default styles. +// +// Weight: 5 +// +// Styleguide Helpers + + +// Atoms +// +// Very specific classes used for creating anomalies or fixing broken styles. +// +// Weight: 6 +// +// Styleguide Atoms + + +// Hacks +// +// Temporary rules for fixing specific issues. +// +// Weight: 7 +// +// Styleguide Hacks diff --git a/css/src/xmeter.less b/css/src/xmeter.less index fa8335b..fdff581 100644 --- a/css/src/xmeter.less +++ b/css/src/xmeter.less @@ -1,150 +1,30 @@ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ xmeter - Version: 6.3.0-alpha.2 - Licence: MIT - Repo : https://github.com/chharvey/xmeter.git - Home : https://github.com/chharvey/xmeter#readme - Author : Chris Harvey (https://chharvey.github.io/) \*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -@import (inline) url('reset.css'); -@import (inline) url('../../node_modules/normalize.css/normalize.css'); - - /*================================*\ xmeter.less \*================================*/ -@import (reference) url('./__settings.less'); -@import (reference) url('./__tool.fontsize.less'); -@import (reference) url('./__tool.borders.less'); -@import (reference) url('./__tool.delims.less'); - - -/** - * //////////////// CONTENTS //////////////// - * - * reset.css (above)...................strips all elements of all browser-default styles - * normalize.css (above)...............(@necolas) addresses browser discrepancies - * - * BASE--------------------------------BARE UNCLASSED ELEMENTS - * _base.css...........................unclassed html elements - * - * OBJECTS-----------------------------REUSABLE STRUCTURAL PATTERNS - * List................................plain, unstyled, blocky list - * Flex................................one-dimensional flexible box - * Grid................................two-dimensional flexible box - * Tablist.............................object containing tabs and panels - * - * COMPONENTS--------------------------SPECIFIC STYLE PATTERNS - * Permalink...........................internal documentation link - * - * THEMES & HELPERS--------------------LOCATION-DEPENDENT STYLES - * Block...............................gives a blocky look - * Inline..............................a simple inline object - * Clearfix............................creates a line break and clears floats - * Hidden..............................visually hides an element - * Measure.............................constrains an element’s inline-size for readability - * Constrain...........................constrains a container’s inline-size for readability - * Ruled...............................adds background lines - * - * ATOMS-------------------------------FUNCTIONAL CSS - * fz..................................font-size - * - * HACKS-------------------------------HACKS - * _hack.ie.less.......................IE-only styles - */ -/////////////////////////////////////////////////////////////////////////////// - - -// Principles -// -// Parts of an overarching design theme. -// - voice-and-tone, mood, and look-and-feel of the site -// - typographical conventions & rhythm (typefaces, font sizes, and leading used throughout the site) -// - additionally, any atypical writing modes / other languages required -// - site-wide color scheme -// - image treatment conventions (story-telling, image placement, quality, filters, etc) -// -// Weight: 1 -// -// Styleguide Principles @import url('_base.less'); -// Objects -// -// Layout and structural design patterns that can be reused many times for many different purposes. -// - layout display (grid/flexbox/multicol) -// - positioning/floats/alignment -// - sizing (width & height) -// - spacing (padding & margin) -// -// Weight: 2 -// -// Styleguide Objects - @import url('_o-List.less'); @import url('_o-Flex.less'); @import url('_o-Grid.less'); @import url('_o-Tablist.less'); // CHANGED DEPRECATED -// Components -// -// Cosmetic design patterns that are each only used for one functional purpose. -// - box effects (backgrounds, borders, opacity) -// - typefaces and font weights/styles -// - textual effects (letter-spacing, alignment, indentation, decoration, list-style, color) -// - bells & whistles (transformations, overflows, shadows, filters, transitions, icons) -// -// Weight: 3 -// -// Styleguide Components - @import url('_c-Permalink.less'); // CHANGED DEPRECATED -// Interfaces -// -// Aggregate compositions of Objects and Components that form single, self-sustaining organisms. -// -// Weight: 4 -// -// Styleguide Interfaces - -// Helpers -// -// Somewhat explicit classes used for enhancing default styles. -// -// Weight: 5 -// -// Styleguide Helpers - @import url('_h-Block.less'); @import url('_h-Inline.less'); @import url('_h-Clearfix.less'); -@import url('_h-Hidden.less'); // CHANGED DEPRECATED @import url('_h-Measure.less'); @import url('_h-Constrain.less'); +@import url('_h-FontSize.less'); @import url('_h-Ruled.less'); - -// Atoms -// -// Very specific classes used for creating anomalies or fixing broken styles. -// -// Weight: 6 -// -// Styleguide Atoms +@import url('_h-Hidden.less'); // CHANGED DEPRECATED @import url('_-fz.less'); - -// Hacks -// -// Stylesheets for fixing specific external issues. -// -// Weight: 7 -// -// Styleguide Hacks - -@import url('_hack.ie.less'); diff --git a/css/xmeter.css b/css/xmeter.css index 77e4f56..09c2e8c 100644 --- a/css/xmeter.css +++ b/css/xmeter.css @@ -1,2 +1,2 @@ -audio:not([controls]),hr{height:0;display:none}button,hr,input{overflow:visible}legend,mark{color:inherit}audio,canvas,progress,video{display:inline-block}[hidden],hr,template{display:none}pre,table{text-align:left}pre,textarea{overflow:auto}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,textarea{display:block}button,input[type=button],input[type=reset],input[type=submit],label,summary{cursor:pointer}img,legend,table{max-width:100%}.o-List,dl{list-style:none}.h-Hidden:not(:focus),.o-Tablist__Check{position:absolute}body{text-align:start;text-align:initial;background:#fff;color:#000}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin:initial;margin:unset}legend,ol,td,th,ul{padding:initial;padding:unset}address,b,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,i,kbd,pre,samp,small,strong,sub,sup,th,var{font:inherit}cite,dfn,em,i,var{font-style:italic}caption,th{text-align:inherit;text-align:unset}a,del,ins,s,u{text-decoration:initial;text-decoration:unset}abbr[title],u{text-decoration:underline}mark{color:unset;background-color:#ff0;color:#000;background-color:rgba(255,225,104,.5)}/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px;margin-top:initial;margin-left:initial;margin-right:initial;margin-top:unset;margin-left:unset;margin-right:unset;-webkit-margin-before:unset;margin-block-start:unset;margin-inline:unset}hr{-webkit-box-sizing:content-box;box-sizing:content-box}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;padding:0}pre{white-space:inherit;white-space:unset}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;text-decoration:none;-webkit-text-decoration-line:initial;text-decoration-line:initial;-webkit-text-decoration-line:unset;text-decoration-line:unset}b,strong{font-weight:inherit;font-weight:bolder}b,dfn,h1,h2,h3,h4,h5,h6,strong,th{font-weight:700}small{font-size:80%}sub,sup{vertical-align:initial;vertical-align:unset;font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}.o-Tablist,h1{margin-top:initial;-webkit-margin-before:unset;margin-block-start:unset}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{box-sizing:border-box;display:table;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h1,h3{line-height:calc(var(--line-height)/ 1.5)}h2,h4{line-height:calc(var(--line-height)/ 1)}h5,pre{line-height:calc(var(--line-height)/ .75)}summary{display:list-item}*,::after,::before{content:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-column-rule:0 solid;column-rule:0 solid}@media print{*,::after,::before{background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}}::after,::before,:not(input):not(button):not(select){border:0 solid}html{--line-height:1.5;--lh:calc(var(--line-height) * 1rem);--vru:var(--lh);font-size:100%;line-height:var(--line-height)}blockquote,details,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,textarea,ul{margin-bottom:var(--lh);margin-bottom:1lh}@supports ((-webkit-margin-after:var(--variable)) or (margin-block-end:var(--variable))){blockquote,details,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,textarea,ul{margin-bottom:unset;-webkit-margin-after:var(--lh);margin-block-end:var(--lh);-webkit-margin-after:1lh;margin-block-end:1lh}}h1{padding-top:var(--lh);padding-top:1lh;font-size:3em;margin-top:unset}@supports ((-webkit-padding-before:var(--variable)) or (padding-block-start:var(--variable))){h1{padding-top:unset;-webkit-padding-before:var(--lh);padding-block-start:var(--lh);-webkit-padding-before:1lh;padding-block-start:1lh}}abbr,b,br,cite,code,data,dfn,em,i,kbd,label,mark,q,s,samp,small,span,strong,sub,sup,time,u,var{line-height:0}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1em}h5{font-size:.75em}h6{font-size:.5em;line-height:calc(var(--line-height)/ .5)}code,input:not([type=button]):not([type=reset]):not([type=submit]),kbd,pre,samp,select,small,sub,sup{font-size:.75em}pre{text-indent:0;white-space:pre}.h-Block,.o-Flex,.o-Grid,button,input,select,textarea{line-height:inherit}dd>dl,dd>ol,dd>ul,dt>dl,dt>ol,dt>ul,li>dl,li>ol,li>ul{margin-bottom:initial;margin-bottom:unset;-webkit-margin-after:unset;margin-block-end:unset}ol,ul{padding:0 0 0 4rem;padding:logical 0 4rem}dd>ol,dd>ul,dt>ol,dt>ul,li>ol,li>ul{padding-left:2rem}@supports ((-webkit-padding-start:1rem) or (-moz-padding-start:1rem) or (padding-inline-start:1rem)){dd>ol,dd>ul,dt>ol,dt>ul,li>ol,li>ul{padding-left:unset;-webkit-padding-start:2rem;-moz-padding-start:2rem;padding-inline-start:2rem}}ol{list-style-type:decimal}ul{list-style-type:disc}table{border-collapse:collapse}caption{text-align:center}tfoot,thead{vertical-align:bottom}tbody{vertical-align:top}a[href]{color:#06c}u{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#080}s{text-decoration:line-through;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#b00}ins{background-color:#acf2bd}del{background-color:#fdb8c0}dfn{font-style:inherit}q{quotes:initial}q::before{content:open-quote}q::after{content:close-quote}code,kbd,samp{white-space:nowrap}code code,code kbd,code samp,kbd code,kbd kbd,kbd samp,samp code,samp kbd,samp samp{font-size:inherit}pre code,pre kbd,pre samp{white-space:inherit;white-space:unset}fieldset{padding:0 1rem}input,textarea{padding:0 .25rem}html body fieldset{margin-top:-2px;-webkit-margin-before:-2px;margin-block-start:-2px;border:1px solid rgba(0,0,0,.25)}textarea{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.25);box-shadow:0 0 0 1px rgba(0,0,0,.25);height:calc(6 * var(--lh));height:6lh;width:30rem;block-size:calc(6 * var(--lh));block-size:6lh;inline-size:30rem;font-size:.75rem}button,input[type=button],input[type=reset],input[type=submit]{padding:.125em .25em}select[multiple]>optgroup>option{padding-left:1rem;-webkit-padding-start:1rem;-moz-padding-start:1rem;padding-inline-start:1rem}img{border-style:none;height:auto;width:auto;block-size:auto;inline-size:auto;max-inline-size:100%;font-style:italic;vertical-align:middle}dialog{padding:calc(.5 * var(--lh)) 1rem;padding:.5lh 1rem}dialog::-webkit-backdrop{background-color:rgba(0,0,0,.25)}dialog::backdrop{background-color:rgba(0,0,0,.25)}.o-List{padding-left:initial;padding-left:unset}.o-Flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item{-webkit-box-flex:1;-ms-flex:auto;flex:auto}@media screen and (min-width:30em){.o-List-sK{padding-left:initial;padding-left:unset;list-style:none}.o-Flex-sK{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item-sK{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}@media screen and (min-width:45em){.o-List-sM{padding-left:initial;padding-left:unset;list-style:none}.o-Flex-sM{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item-sM{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}@media screen and (min-width:60em){.o-List-sG{padding-left:initial;padding-left:unset;list-style:none}.o-Flex-sG{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item-sG{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}@media screen and (min-width:75em){.o-List-sT{padding-left:initial;padding-left:unset;list-style:none}.o-Flex-sT{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item-sT{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}@media screen and (min-width:90em){.o-List-sP{padding-left:initial;padding-left:unset;list-style:none}.o-Flex-sP{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item-sP{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}@media not all and (min-width:30em){.o-List-nK{padding-left:initial;padding-left:unset;list-style:none}.o-Flex-nK{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item-nK{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}@media not all and (min-width:45em){.o-List-nM{padding-left:initial;padding-left:unset;list-style:none}.o-Flex-nM{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item-nM{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}@media not all and (min-width:60em){.o-List-nG{padding-left:initial;padding-left:unset;list-style:none}.o-Flex-nG{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item-nG{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}@media not all and (min-width:75em){.o-List-nT{padding-left:initial;padding-left:unset;list-style:none}.o-Flex-nT{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item-nT{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}@media not all and (min-width:90em){.o-List-nP{padding-left:initial;padding-left:unset;list-style:none}.o-Flex-nP{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.o-Flex__Item-nP{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}.o-Grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr}@media screen and (min-width:30em){.o-Grid-sK{display:-ms-grid;display:grid;line-height:inherit;-ms-grid-columns:1fr;grid-template-columns:1fr}}@media screen and (min-width:45em){.o-Grid-sM{display:-ms-grid;display:grid;line-height:inherit;-ms-grid-columns:1fr;grid-template-columns:1fr}}@media screen and (min-width:60em){.o-Grid-sG{display:-ms-grid;display:grid;line-height:inherit;-ms-grid-columns:1fr;grid-template-columns:1fr}}@media screen and (min-width:75em){.o-Grid-sT{display:-ms-grid;display:grid;line-height:inherit;-ms-grid-columns:1fr;grid-template-columns:1fr}}@media screen and (min-width:90em){.o-Grid-sP{display:-ms-grid;display:grid;line-height:inherit;-ms-grid-columns:1fr;grid-template-columns:1fr}}@media not all and (min-width:30em){.o-Grid-nK{display:-ms-grid;display:grid;line-height:inherit;-ms-grid-columns:1fr;grid-template-columns:1fr}}@media not all and (min-width:45em){.o-Grid-nM{display:-ms-grid;display:grid;line-height:inherit;-ms-grid-columns:1fr;grid-template-columns:1fr}}@media not all and (min-width:60em){.o-Grid-nG{display:-ms-grid;display:grid;line-height:inherit;-ms-grid-columns:1fr;grid-template-columns:1fr}}@media not all and (min-width:75em){.o-Grid-nT{display:-ms-grid;display:grid;line-height:inherit;-ms-grid-columns:1fr;grid-template-columns:1fr}}@media not all and (min-width:90em){.o-Grid-nP{display:-ms-grid;display:grid;line-height:inherit;-ms-grid-columns:1fr;grid-template-columns:1fr}}.o-Tablist{display:contents;width:100%;margin-left:initial;margin-right:initial;margin-top:unset;margin-left:unset;margin-right:unset;margin-inline:unset;padding:initial;padding:unset;border:0}.o-Tablist>.o-Flex{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:initial;margin-bottom:unset}.o-Tablist__Panel{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-flex:100%;-ms-flex:100%;flex:100%}.c-Permalink{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink,h2:hover>.c-Permalink,h3:hover>.c-Permalink,h4:hover>.c-Permalink,h5:hover>.c-Permalink,h6:hover>.c-Permalink{position:initial;position:unset}.h-Block{display:block;line-height:unset}@media screen and (min-width:30em){.c-Permalink-sK{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-sK,h2:hover>.c-Permalink-sK,h3:hover>.c-Permalink-sK,h4:hover>.c-Permalink-sK,h5:hover>.c-Permalink-sK,h6:hover>.c-Permalink-sK{position:initial;position:unset}.h-Block-sK{display:block;line-height:inherit;line-height:unset}}@media screen and (min-width:45em){.c-Permalink-sM{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-sM,h2:hover>.c-Permalink-sM,h3:hover>.c-Permalink-sM,h4:hover>.c-Permalink-sM,h5:hover>.c-Permalink-sM,h6:hover>.c-Permalink-sM{position:initial;position:unset}.h-Block-sM{display:block;line-height:inherit;line-height:unset}}@media screen and (min-width:60em){.c-Permalink-sG{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-sG,h2:hover>.c-Permalink-sG,h3:hover>.c-Permalink-sG,h4:hover>.c-Permalink-sG,h5:hover>.c-Permalink-sG,h6:hover>.c-Permalink-sG{position:initial;position:unset}.h-Block-sG{display:block;line-height:inherit;line-height:unset}}@media screen and (min-width:75em){.c-Permalink-sT{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-sT,h2:hover>.c-Permalink-sT,h3:hover>.c-Permalink-sT,h4:hover>.c-Permalink-sT,h5:hover>.c-Permalink-sT,h6:hover>.c-Permalink-sT{position:initial;position:unset}.h-Block-sT{display:block;line-height:inherit;line-height:unset}}@media screen and (min-width:90em){.c-Permalink-sP{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-sP,h2:hover>.c-Permalink-sP,h3:hover>.c-Permalink-sP,h4:hover>.c-Permalink-sP,h5:hover>.c-Permalink-sP,h6:hover>.c-Permalink-sP{position:initial;position:unset}.h-Block-sP{display:block;line-height:inherit;line-height:unset}}@media not all and (min-width:30em){.c-Permalink-nK{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-nK,h2:hover>.c-Permalink-nK,h3:hover>.c-Permalink-nK,h4:hover>.c-Permalink-nK,h5:hover>.c-Permalink-nK,h6:hover>.c-Permalink-nK{position:initial;position:unset}.h-Block-nK{display:block;line-height:inherit;line-height:unset}}@media not all and (min-width:45em){.c-Permalink-nM{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-nM,h2:hover>.c-Permalink-nM,h3:hover>.c-Permalink-nM,h4:hover>.c-Permalink-nM,h5:hover>.c-Permalink-nM,h6:hover>.c-Permalink-nM{position:initial;position:unset}.h-Block-nM{display:block;line-height:inherit;line-height:unset}}@media not all and (min-width:60em){.c-Permalink-nG{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-nG,h2:hover>.c-Permalink-nG,h3:hover>.c-Permalink-nG,h4:hover>.c-Permalink-nG,h5:hover>.c-Permalink-nG,h6:hover>.c-Permalink-nG{position:initial;position:unset}.h-Block-nG{display:block;line-height:inherit;line-height:unset}}@media not all and (min-width:75em){.c-Permalink-nT{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-nT,h2:hover>.c-Permalink-nT,h3:hover>.c-Permalink-nT,h4:hover>.c-Permalink-nT,h5:hover>.c-Permalink-nT,h6:hover>.c-Permalink-nT{position:initial;position:unset}.h-Block-nT{display:block;line-height:inherit;line-height:unset}}@media not all and (min-width:90em){.c-Permalink-nP{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-nP,h2:hover>.c-Permalink-nP,h3:hover>.c-Permalink-nP,h4:hover>.c-Permalink-nP,h5:hover>.c-Permalink-nP,h6:hover>.c-Permalink-nP{position:initial;position:unset}.h-Block-nP{display:block;line-height:inherit;line-height:unset}.h-Inline-nP{display:inline;line-height:0}}.h-Inline{display:inline;line-height:0}.h-Clearfix::after{content:'';display:block;clear:both}.h-Hidden{left:-999999px}@supports (inset-inline-start:0){.h-Hidden{left:0;inset-inline-start:-999999px}}.h-Measure{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow{max-width:unset;max-inline-size:45ch}}.h-Measure--wide{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide{max-width:unset;max-inline-size:90ch}}@media screen and (min-width:30em){.h-Inline-sK{display:inline;line-height:0}.h-Clearfix-sK::after{content:'';display:block;clear:both}.h-Hidden-sK{left:-999999px}.h-Hidden-sK:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-sK{left:0;inset-inline-start:-999999px}}.h-Measure-sK{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure-sK{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow-sK{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow-sK{max-width:unset;max-inline-size:45ch}}.h-Measure--wide-sK{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide-sK{max-width:unset;max-inline-size:90ch}}}@media screen and (min-width:45em){.h-Inline-sM{display:inline;line-height:0}.h-Clearfix-sM::after{content:'';display:block;clear:both}.h-Hidden-sM{left:-999999px}.h-Hidden-sM:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-sM{left:0;inset-inline-start:-999999px}}.h-Measure-sM{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure-sM{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow-sM{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow-sM{max-width:unset;max-inline-size:45ch}}.h-Measure--wide-sM{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide-sM{max-width:unset;max-inline-size:90ch}}}@media screen and (min-width:60em){.h-Inline-sG{display:inline;line-height:0}.h-Clearfix-sG::after{content:'';display:block;clear:both}.h-Hidden-sG{left:-999999px}.h-Hidden-sG:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-sG{left:0;inset-inline-start:-999999px}}.h-Measure-sG{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure-sG{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow-sG{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow-sG{max-width:unset;max-inline-size:45ch}}.h-Measure--wide-sG{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide-sG{max-width:unset;max-inline-size:90ch}}}@media screen and (min-width:75em){.h-Inline-sT{display:inline;line-height:0}.h-Clearfix-sT::after{content:'';display:block;clear:both}.h-Hidden-sT{left:-999999px}.h-Hidden-sT:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-sT{left:0;inset-inline-start:-999999px}}.h-Measure-sT{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure-sT{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow-sT{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow-sT{max-width:unset;max-inline-size:45ch}}.h-Measure--wide-sT{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide-sT{max-width:unset;max-inline-size:90ch}}}@media screen and (min-width:90em){.h-Inline-sP{display:inline;line-height:0}.h-Clearfix-sP::after{content:'';display:block;clear:both}.h-Hidden-sP{left:-999999px}.h-Hidden-sP:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-sP{left:0;inset-inline-start:-999999px}}.h-Measure-sP{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure-sP{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow-sP{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow-sP{max-width:unset;max-inline-size:45ch}}.h-Measure--wide-sP{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide-sP{max-width:unset;max-inline-size:90ch}}}@media not all and (min-width:30em){.h-Inline-nK{display:inline;line-height:0}.h-Clearfix-nK::after{content:'';display:block;clear:both}.h-Hidden-nK{left:-999999px}.h-Hidden-nK:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-nK{left:0;inset-inline-start:-999999px}}.h-Measure-nK{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure-nK{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow-nK{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow-nK{max-width:unset;max-inline-size:45ch}}.h-Measure--wide-nK{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide-nK{max-width:unset;max-inline-size:90ch}}}@media not all and (min-width:45em){.h-Inline-nM{display:inline;line-height:0}.h-Clearfix-nM::after{content:'';display:block;clear:both}.h-Hidden-nM{left:-999999px}.h-Hidden-nM:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-nM{left:0;inset-inline-start:-999999px}}.h-Measure-nM{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure-nM{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow-nM{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow-nM{max-width:unset;max-inline-size:45ch}}.h-Measure--wide-nM{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide-nM{max-width:unset;max-inline-size:90ch}}}@media not all and (min-width:60em){.h-Inline-nG{display:inline;line-height:0}.h-Clearfix-nG::after{content:'';display:block;clear:both}.h-Hidden-nG{left:-999999px}.h-Hidden-nG:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-nG{left:0;inset-inline-start:-999999px}}.h-Measure-nG{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure-nG{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow-nG{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow-nG{max-width:unset;max-inline-size:45ch}}.h-Measure--wide-nG{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide-nG{max-width:unset;max-inline-size:90ch}}}@media not all and (min-width:75em){.h-Inline-nT{display:inline;line-height:0}.h-Clearfix-nT::after{content:'';display:block;clear:both}.h-Hidden-nT{left:-999999px}.h-Hidden-nT:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-nT{left:0;inset-inline-start:-999999px}}.h-Measure-nT{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure-nT{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow-nT{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow-nT{max-width:unset;max-inline-size:45ch}}.h-Measure--wide-nT{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide-nT{max-width:unset;max-inline-size:90ch}}}@media not all and (min-width:90em){.h-Clearfix-nP::after{content:'';display:block;clear:both}.h-Hidden-nP{left:-999999px}.h-Hidden-nP:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-nP{left:0;inset-inline-start:-999999px}}.h-Measure-nP{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure-nP{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow-nP{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow-nP{max-width:unset;max-inline-size:45ch}}.h-Measure--wide-nP{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide-nP{max-width:unset;max-inline-size:90ch}}}.h-Constrain{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain{max-width:unset;max-inline-size:90em}}.h-Ruled{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta{font-size:6em!important}.-fz-tera{font-size:4em!important}.-fz-giga{font-size:3em!important}.-fz-mega{font-size:2em!important}.-fz-kilo{font-size:1.5em!important}.-fz-norm{font-size:1em!important}.-fz-mill{font-size:.75em!important}.-fz-micr{font-size:.5em!important}@media screen and (min-width:30em){.h-Constrain-sK{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain-sK{max-width:unset;max-inline-size:90em}}.h-Ruled-sK{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta-sK{font-size:6em!important}.-fz-tera-sK{font-size:4em!important}.-fz-giga-sK{font-size:3em!important}.-fz-mega-sK{font-size:2em!important}.-fz-kilo-sK{font-size:1.5em!important}.-fz-norm-sK{font-size:1em!important}.-fz-mill-sK{font-size:.75em!important}.-fz-micr-sK{font-size:.5em!important}}@media screen and (min-width:45em){.h-Constrain-sM{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain-sM{max-width:unset;max-inline-size:90em}}.h-Ruled-sM{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta-sM{font-size:6em!important}.-fz-tera-sM{font-size:4em!important}.-fz-giga-sM{font-size:3em!important}.-fz-mega-sM{font-size:2em!important}.-fz-kilo-sM{font-size:1.5em!important}.-fz-norm-sM{font-size:1em!important}.-fz-mill-sM{font-size:.75em!important}.-fz-micr-sM{font-size:.5em!important}}@media screen and (min-width:60em){.h-Constrain-sG{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain-sG{max-width:unset;max-inline-size:90em}}.h-Ruled-sG{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta-sG{font-size:6em!important}.-fz-tera-sG{font-size:4em!important}.-fz-giga-sG{font-size:3em!important}.-fz-mega-sG{font-size:2em!important}.-fz-kilo-sG{font-size:1.5em!important}.-fz-norm-sG{font-size:1em!important}.-fz-mill-sG{font-size:.75em!important}.-fz-micr-sG{font-size:.5em!important}}@media screen and (min-width:75em){.h-Constrain-sT{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain-sT{max-width:unset;max-inline-size:90em}}.h-Ruled-sT{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta-sT{font-size:6em!important}.-fz-tera-sT{font-size:4em!important}.-fz-giga-sT{font-size:3em!important}.-fz-mega-sT{font-size:2em!important}.-fz-kilo-sT{font-size:1.5em!important}.-fz-norm-sT{font-size:1em!important}.-fz-mill-sT{font-size:.75em!important}.-fz-micr-sT{font-size:.5em!important}}@media screen and (min-width:90em){.h-Constrain-sP{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain-sP{max-width:unset;max-inline-size:90em}}.h-Ruled-sP{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta-sP{font-size:6em!important}.-fz-tera-sP{font-size:4em!important}.-fz-giga-sP{font-size:3em!important}.-fz-mega-sP{font-size:2em!important}.-fz-kilo-sP{font-size:1.5em!important}.-fz-norm-sP{font-size:1em!important}.-fz-mill-sP{font-size:.75em!important}.-fz-micr-sP{font-size:.5em!important}}@media not all and (min-width:30em){.h-Constrain-nK{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain-nK{max-width:unset;max-inline-size:90em}}.h-Ruled-nK{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta-nK{font-size:6em!important}.-fz-tera-nK{font-size:4em!important}.-fz-giga-nK{font-size:3em!important}.-fz-mega-nK{font-size:2em!important}.-fz-kilo-nK{font-size:1.5em!important}.-fz-norm-nK{font-size:1em!important}.-fz-mill-nK{font-size:.75em!important}.-fz-micr-nK{font-size:.5em!important}}@media not all and (min-width:45em){.h-Constrain-nM{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain-nM{max-width:unset;max-inline-size:90em}}.h-Ruled-nM{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta-nM{font-size:6em!important}.-fz-tera-nM{font-size:4em!important}.-fz-giga-nM{font-size:3em!important}.-fz-mega-nM{font-size:2em!important}.-fz-kilo-nM{font-size:1.5em!important}.-fz-norm-nM{font-size:1em!important}.-fz-mill-nM{font-size:.75em!important}.-fz-micr-nM{font-size:.5em!important}}@media not all and (min-width:60em){.h-Constrain-nG{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain-nG{max-width:unset;max-inline-size:90em}}.h-Ruled-nG{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta-nG{font-size:6em!important}.-fz-tera-nG{font-size:4em!important}.-fz-giga-nG{font-size:3em!important}.-fz-mega-nG{font-size:2em!important}.-fz-kilo-nG{font-size:1.5em!important}.-fz-norm-nG{font-size:1em!important}.-fz-mill-nG{font-size:.75em!important}.-fz-micr-nG{font-size:.5em!important}}@media not all and (min-width:75em){.h-Constrain-nT{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain-nT{max-width:unset;max-inline-size:90em}}.h-Ruled-nT{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta-nT{font-size:6em!important}.-fz-tera-nT{font-size:4em!important}.-fz-giga-nT{font-size:3em!important}.-fz-mega-nT{font-size:2em!important}.-fz-kilo-nT{font-size:1.5em!important}.-fz-norm-nT{font-size:1em!important}.-fz-mill-nT{font-size:.75em!important}.-fz-micr-nT{font-size:.5em!important}}@media not all and (min-width:90em){.h-Constrain-nP{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain-nP{max-width:unset;max-inline-size:90em}}.h-Ruled-nP{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.-fz-peta-nP{font-size:6em!important}.-fz-tera-nP{font-size:4em!important}.-fz-giga-nP{font-size:3em!important}.-fz-mega-nP{font-size:2em!important}.-fz-kilo-nP{font-size:1.5em!important}.-fz-norm-nP{font-size:1em!important}.-fz-mill-nP{font-size:.75em!important}.-fz-micr-nP{font-size:.5em!important}}.-fz-el-peta{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}@media screen and (min-width:30em){.-fz-el-peta-sK{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera-sK{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga-sK{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega-sK{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo-sK{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm-sK{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill-sK{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr-sK{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}}@media screen and (min-width:45em){.-fz-el-peta-sM{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera-sM{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga-sM{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega-sM{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo-sM{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm-sM{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill-sM{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr-sM{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}}@media screen and (min-width:60em){.-fz-el-peta-sG{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera-sG{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga-sG{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega-sG{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo-sG{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm-sG{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill-sG{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr-sG{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}}@media screen and (min-width:75em){.-fz-el-peta-sT{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera-sT{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga-sT{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega-sT{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo-sT{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm-sT{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill-sT{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr-sT{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}}@media screen and (min-width:90em){.-fz-el-peta-sP{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera-sP{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga-sP{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega-sP{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo-sP{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm-sP{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill-sP{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr-sP{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}}@media not all and (min-width:30em){.-fz-el-peta-nK{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera-nK{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga-nK{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega-nK{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo-nK{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm-nK{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill-nK{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr-nK{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}}@media not all and (min-width:45em){.-fz-el-peta-nM{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera-nM{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga-nM{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega-nM{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo-nM{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm-nM{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill-nM{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr-nM{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}}@media not all and (min-width:60em){.-fz-el-peta-nG{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera-nG{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga-nG{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega-nG{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo-nG{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm-nG{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill-nG{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr-nG{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}}@media not all and (min-width:75em){.-fz-el-peta-nT{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera-nT{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga-nT{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega-nT{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo-nT{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm-nT{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill-nT{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr-nT{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}}@media not all and (min-width:90em){.-fz-el-peta-nP{font-size:6em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-tera-nP{font-size:4em!important;line-height:calc(var(--line-height)/ 1.33333333)!important}.-fz-el-giga-nP{font-size:3em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-mega-nP{font-size:2em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-kilo-nP{font-size:1.5em!important;line-height:calc(var(--line-height)/ 1.5)!important}.-fz-el-norm-nP{font-size:1em!important;line-height:calc(var(--line-height)/ 1)!important}.-fz-el-mill-nP{font-size:.75em!important;line-height:calc(var(--line-height)/ .75)!important}.-fz-el-micr-nP{font-size:.5em!important;line-height:calc(var(--line-height)/ .5)!important}}@media (-ms-high-contrast:none),(-ms-high-contrast:active){.o-Tablist,figure{margin-top:0;margin-left:0;margin-right:0}.o-Tablist>.o-Flex,dd>dl,dd>ol,dd>ul,dt>dl,dt>ol,dt>ul,li>dl,li>ol,li>ul{margin-bottom:0}h1,h3{line-height:1}h2,h4,html{line-height:1.5}sub,sup{vertical-align:baseline}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin:0}legend,ol,td,th,ul{padding:0}a,del,ins,s,u{text-decoration:none}h1{margin-top:0;padding-top:1.5rem}q{quotes:'\201c' '\201d'}q::before{content:open-quote}q::after{content:close-quote}.o-List{padding-left:0}.o-Tablist{padding:0}h1:hover>.c-Permalink,h2:hover>.c-Permalink,h3:hover>.c-Permalink,h4:hover>.c-Permalink,h5:hover>.c-Permalink,h6:hover>.c-Permalink{position:static}h5,pre{line-height:2}h6{line-height:3}.-fz-el-peta{line-height:1!important}.-fz-el-tera{line-height:1.125!important}.-fz-el-giga{line-height:1!important}.-fz-el-mega{line-height:1.5!important}.-fz-el-kilo{line-height:1!important}.-fz-el-norm{line-height:1.5!important}.-fz-el-mill{line-height:2!important}.-fz-el-micr{line-height:3!important}blockquote,details,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,textarea,ul{margin-bottom:1.5rem}textarea{height:9rem}.h-Ruled{background-size:1px 1.5rem}} +button,hr,input{overflow:visible}legend,mark{color:inherit}progress,sub,sup{vertical-align:baseline}[hidden],hr,template{display:none}pre,table{text-align:left}pre,textarea{overflow:auto}details,textarea{display:block}label,summary{cursor:pointer}img,legend,table{max-width:100%}.o-List,dl{list-style:none}.h-Hidden:not(:focus),.o-Tablist__Check{position:absolute}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin:0;margin:initial;margin:unset}legend,ol,td,th,ul{padding:0;padding:initial;padding:unset}[type=checkbox],[type=radio],legend{padding:0;box-sizing:border-box}address,b,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,i,kbd,pre,samp,small,strong,sub,sup,th,var{font:inherit}caption,th{text-align:inherit;text-align:unset}a,del,ins,s,u{text-decoration:none;text-decoration:initial;text-decoration:unset}abbr[title],u{text-decoration:underline}mark{color:unset;background-color:rgba(255,225,104,.5)}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{text-align:start;text-align:initial;background:#fff;color:#000;margin:0}h1{font-size:2em;margin:.67em 0;padding-top:var(--lh);padding-top:1lh;--font-scale:3;--tracks:2;margin-top:0;margin-top:initial;margin-top:unset;-webkit-margin-before:unset;margin-block-start:unset}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0}pre{white-space:inherit;white-space:unset}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;text-decoration:none;-webkit-text-decoration-line:initial;text-decoration-line:initial;-webkit-text-decoration-line:unset;text-decoration-line:unset}b,strong{font-weight:bolder}b,dfn,strong,th{font-weight:700}small{font-size:80%}sub,sup{vertical-align:initial;vertical-align:unset;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.o-Tablist,figure{margin-top:0;margin-left:0;margin-right:0;-webkit-margin-before:unset;margin-block-start:unset;margin-inline:unset}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em;padding:0 1rem}legend{display:table;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h1,h2,h3,h4,h5,h6,pre{line-height:calc(var(--line-height)/ var(--font-scale,1) * var(--tracks,1))}summary{display:list-item}*,::after,::before{content:none;box-sizing:border-box;-webkit-column-rule:0 solid;column-rule:0 solid}@media print{*,::after,::before{background:0 0!important;box-shadow:none!important;text-shadow:none!important}}::after,::before,:not(input):not(button):not(select){border:0 solid}html{--line-height:1.5;--lh:calc(var(--line-height) * 1rem);--vru:var(--lh);font-size:100%;line-height:var(--line-height)}blockquote,details,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,textarea,ul{margin-bottom:var(--lh);margin-bottom:1lh}@supports ((-webkit-margin-after:var(--variable)) or (margin-block-end:var(--variable))){blockquote,details,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,textarea,ul{margin-bottom:unset;-webkit-margin-after:var(--lh);margin-block-end:var(--lh);-webkit-margin-after:1lh;margin-block-end:1lh}}@supports ((-webkit-padding-before:var(--variable)) or (padding-block-start:var(--variable))){h1{padding-top:unset;-webkit-padding-before:var(--lh);padding-block-start:var(--lh);-webkit-padding-before:1lh;padding-block-start:1lh}}abbr,b,br,cite,code,data,dfn,em,i,kbd,label,mark,q,s,samp,small,span,strong,sub,sup,time,u,var{line-height:0}h1,h2,h3,h4,h5,h6{font-size:calc(var(--font-scale,1) * 1em);font-weight:700}h2{--font-scale:2;--tracks:2}h3{--font-scale:1.5}h4{--font-scale:1}h5{--font-scale:0.75}h6{--font-scale:0.5}@media (-ms-high-contrast:none),(-ms-high-contrast:active){h2,h4,html{line-height:1.5}blockquote,details,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,textarea,ul{margin-bottom:1.5rem}h1{padding-top:1.5rem;font-size:3em}textarea{height:9rem}h1,h3{line-height:1}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1em}h5{font-size:.75em;line-height:2}h6{font-size:.5em;line-height:3}}.h-FontSize,pre{font-size:calc(var(--font-scale,1) * 1em)}pre{--font-scale:0.75;text-indent:0;white-space:pre}code,input:not([type=button]):not([type=reset]):not([type=submit]),kbd,samp,select,small,sub,sup{font-size:.75em}@media (-ms-high-contrast:none),(-ms-high-contrast:active){pre{font-size:.75em;line-height:2}}.h-Block,.o-Flex,.o-Grid,button,input,select,textarea{line-height:inherit}figure{margin-top:initial;margin-left:initial;margin-right:initial;margin-top:unset;margin-left:unset;margin-right:unset}dd>dl,dd>ol,dd>ul,dt>dl,dt>ol,dt>ul,li>dl,li>ol,li>ul{margin-bottom:0;margin-bottom:initial;margin-bottom:unset;-webkit-margin-after:unset;margin-block-end:unset}ol,ul{padding:0 0 0 4rem;padding:logical 0 4rem}dd>ol,dd>ul,dt>ol,dt>ul,li>ol,li>ul{padding-left:2rem}@supports ((-webkit-padding-start:1rem) or (-moz-padding-start:1rem) or (padding-inline-start:1rem)){dd>ol,dd>ul,dt>ol,dt>ul,li>ol,li>ul{padding-left:unset;-webkit-padding-start:2rem;-moz-padding-start:2rem;padding-inline-start:2rem}}ol{list-style-type:decimal}ul{list-style-type:disc}table{border-collapse:collapse}caption{text-align:center}tfoot,thead{vertical-align:bottom}tbody{vertical-align:top}a[href]{color:#06c}cite,em,i,var{font-style:italic}u{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#080}s{text-decoration:line-through;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#b00}ins{background-color:#acf2bd}del{background-color:#fdb8c0}dfn{font-style:inherit}q{quotes:'\201c' '\201d';quotes:initial}q::before{content:open-quote}q::after{content:close-quote}code,kbd,samp{white-space:nowrap}code code,code kbd,code samp,kbd code,kbd kbd,kbd samp,samp code,samp kbd,samp samp{font-size:inherit}pre code,pre kbd,pre samp{white-space:inherit;white-space:unset}html body fieldset{margin-top:-2px;-webkit-margin-before:-2px;margin-block-start:-2px;border:1px solid rgba(0,0,0,.25)}input,textarea{padding:0 .25rem}textarea{height:calc(6 * var(--lh));height:6lh;width:30rem;block-size:calc(6 * var(--lh));block-size:6lh;inline-size:30rem;font-size:.75rem;box-shadow:0 0 0 1px rgba(0,0,0,.25)}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;padding:.125em .25em}select[multiple]>optgroup>option{padding-left:1rem;-webkit-padding-start:1rem;-moz-padding-start:1rem;padding-inline-start:1rem}img{border-style:none;height:auto;width:auto;block-size:auto;inline-size:auto;max-inline-size:100%;font-style:italic;vertical-align:middle}dialog{padding:calc(.5 * var(--lh)) 1rem;padding:.5lh 1rem}dialog::-webkit-backdrop{background-color:rgba(0,0,0,.25)}dialog::backdrop{background-color:rgba(0,0,0,.25)}.o-List{padding-left:0;padding-left:initial;padding-left:unset}.o-Flex{display:flex;justify-content:space-between}.o-Flex__Item{flex:auto}.o-Grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr}.o-Tablist{display:contents;width:100%;margin-top:initial;margin-left:initial;margin-right:initial;margin-top:unset;margin-left:unset;margin-right:unset;padding:0;padding:initial;padding:unset;border:0}.o-Tablist>.o-Flex{flex-wrap:wrap;margin-bottom:0;margin-bottom:initial;margin-bottom:unset}.o-Tablist__Panel{order:1;flex:100%}.c-Permalink{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink,h2:hover>.c-Permalink,h3:hover>.c-Permalink,h4:hover>.c-Permalink,h5:hover>.c-Permalink,h6:hover>.c-Permalink{position:static;position:initial;position:unset}@media screen and (min-width:30em){.c-Permalink-sK{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-sK,h2:hover>.c-Permalink-sK,h3:hover>.c-Permalink-sK,h4:hover>.c-Permalink-sK,h5:hover>.c-Permalink-sK,h6:hover>.c-Permalink-sK{position:static;position:initial;position:unset}}@media screen and (min-width:45em){.c-Permalink-sM{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-sM,h2:hover>.c-Permalink-sM,h3:hover>.c-Permalink-sM,h4:hover>.c-Permalink-sM,h5:hover>.c-Permalink-sM,h6:hover>.c-Permalink-sM{position:static;position:initial;position:unset}}@media screen and (min-width:60em){.c-Permalink-sG{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-sG,h2:hover>.c-Permalink-sG,h3:hover>.c-Permalink-sG,h4:hover>.c-Permalink-sG,h5:hover>.c-Permalink-sG,h6:hover>.c-Permalink-sG{position:static;position:initial;position:unset}}@media screen and (min-width:75em){.c-Permalink-sT{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-sT,h2:hover>.c-Permalink-sT,h3:hover>.c-Permalink-sT,h4:hover>.c-Permalink-sT,h5:hover>.c-Permalink-sT,h6:hover>.c-Permalink-sT{position:static;position:initial;position:unset}}@media screen and (min-width:90em){.c-Permalink-sP{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-sP,h2:hover>.c-Permalink-sP,h3:hover>.c-Permalink-sP,h4:hover>.c-Permalink-sP,h5:hover>.c-Permalink-sP,h6:hover>.c-Permalink-sP{position:static;position:initial;position:unset}}@media not all and (min-width:30em){.c-Permalink-nK{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-nK,h2:hover>.c-Permalink-nK,h3:hover>.c-Permalink-nK,h4:hover>.c-Permalink-nK,h5:hover>.c-Permalink-nK,h6:hover>.c-Permalink-nK{position:static;position:initial;position:unset}}@media not all and (min-width:45em){.c-Permalink-nM{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-nM,h2:hover>.c-Permalink-nM,h3:hover>.c-Permalink-nM,h4:hover>.c-Permalink-nM,h5:hover>.c-Permalink-nM,h6:hover>.c-Permalink-nM{position:static;position:initial;position:unset}}@media not all and (min-width:60em){.c-Permalink-nG{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-nG,h2:hover>.c-Permalink-nG,h3:hover>.c-Permalink-nG,h4:hover>.c-Permalink-nG,h5:hover>.c-Permalink-nG,h6:hover>.c-Permalink-nG{position:static;position:initial;position:unset}}@media not all and (min-width:75em){.c-Permalink-nT{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-nT,h2:hover>.c-Permalink-nT,h3:hover>.c-Permalink-nT,h4:hover>.c-Permalink-nT,h5:hover>.c-Permalink-nT,h6:hover>.c-Permalink-nT{position:static;position:initial;position:unset}}@media not all and (min-width:90em){.c-Permalink-nP{margin-left:1rem;-webkit-margin-start:1rem;-moz-margin-start:1rem;margin-inline-start:1rem;font-weight:100}h1:hover>.c-Permalink-nP,h2:hover>.c-Permalink-nP,h3:hover>.c-Permalink-nP,h4:hover>.c-Permalink-nP,h5:hover>.c-Permalink-nP,h6:hover>.c-Permalink-nP{position:static;position:initial;position:unset}}.h-Block{display:block;line-height:unset}.h-Inline{display:inline;line-height:0}.h-Clearfix::after{content:'';display:block;clear:both}.h-Measure{max-width:33em;max-width:66ch}@supports (max-inline-size:1ch){.h-Measure{max-width:unset;max-inline-size:66ch}}.h-Measure--narrow{max-width:22.5em;max-width:45ch}@supports (max-inline-size:1ch){.h-Measure--narrow{max-width:unset;max-inline-size:45ch}}.h-Measure--wide{max-width:45em;max-width:90ch}@supports (max-inline-size:1ch){.h-Measure--wide{max-width:unset;max-inline-size:90ch}}.h-Constrain{max-width:90em;margin-left:auto;margin-right:auto;margin-inline:auto}@supports (max-inline-size:1em){.h-Constrain{max-width:unset;max-inline-size:90em}}.h-FontSize{line-height:calc(var(--line-height)/ var(--font-scale,1) * var(--tracks,1))}.h-Ruled{background-image:linear-gradient(to top,rgba(0,0,0,.25) 1px,transparent 1px);background-size:1px 1.5rem;background-size:1px var(--lh);background-size:1px 1lh;background-position-y:top;background-position-block:start}.h-Hidden{left:-999999px}@supports (inset-inline-start:0){.h-Hidden{left:0;inset-inline-start:-999999px}}@media screen and (min-width:30em){.h-Hidden-sK{left:-999999px}.h-Hidden-sK:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-sK{left:0;inset-inline-start:-999999px}}}@media screen and (min-width:45em){.h-Hidden-sM{left:-999999px}.h-Hidden-sM:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-sM{left:0;inset-inline-start:-999999px}}}@media screen and (min-width:60em){.h-Hidden-sG{left:-999999px}.h-Hidden-sG:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-sG{left:0;inset-inline-start:-999999px}}}@media screen and (min-width:75em){.h-Hidden-sT{left:-999999px}.h-Hidden-sT:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-sT{left:0;inset-inline-start:-999999px}}}@media screen and (min-width:90em){.h-Hidden-sP{left:-999999px}.h-Hidden-sP:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-sP{left:0;inset-inline-start:-999999px}}}@media not all and (min-width:30em){.h-Hidden-nK{left:-999999px}.h-Hidden-nK:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-nK{left:0;inset-inline-start:-999999px}}}@media not all and (min-width:45em){.h-Hidden-nM{left:-999999px}.h-Hidden-nM:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-nM{left:0;inset-inline-start:-999999px}}}@media not all and (min-width:60em){.h-Hidden-nG{left:-999999px}.h-Hidden-nG:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-nG{left:0;inset-inline-start:-999999px}}}@media not all and (min-width:75em){.h-Hidden-nT{left:-999999px}.h-Hidden-nT:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-nT{left:0;inset-inline-start:-999999px}}}@media not all and (min-width:90em){.h-Hidden-nP{left:-999999px}.h-Hidden-nP:not(:focus){position:absolute}@supports (inset-inline-start:0){.h-Hidden-nP{left:0;inset-inline-start:-999999px}}}.-fz-peta{font-size:6em!important}.-fz-tera{font-size:4em!important}.-fz-giga{font-size:3em!important}.-fz-mega{font-size:2em!important}.-fz-kilo{font-size:1.5em!important}.-fz-norm{font-size:1em!important}.-fz-mill{font-size:.75em!important}.-fz-micr{font-size:.5em!important}.-fz-el-peta{--font-scale:6!important;--tracks:4!important}.-fz-el-tera{--font-scale:4!important;--tracks:3!important}.-fz-el-giga{--font-scale:3!important;--tracks:2!important}.-fz-el-mega{--font-scale:2!important;--tracks:2!important}.-fz-el-kilo{--font-scale:1.5!important}.-fz-el-norm{--font-scale:1!important}.-fz-el-mill{--font-scale:0.75!important}.-fz-el-micr{--font-scale:0.5!important}@media (-ms-high-contrast:none),(-ms-high-contrast:active){.-fz-el-peta{font-size:6em!important;line-height:1!important}.-fz-el-tera{font-size:4em!important;line-height:1.125!important}.-fz-el-giga{font-size:3em!important;line-height:1!important}.-fz-el-mega{font-size:2em!important;line-height:1.5!important}.-fz-el-kilo{font-size:1.5em!important;line-height:1!important}.-fz-el-norm{font-size:1em!important;line-height:1.5!important}.-fz-el-mill{font-size:.75em!important;line-height:2!important}.-fz-el-micr{font-size:.5em!important;line-height:3!important}} /*# sourceMappingURL=xmeter.css.map */ diff --git a/css/xmeter.css.map b/css/xmeter.css.map index 433cc12..a571a12 100644 --- a/css/xmeter.css.map +++ b/css/xmeter.css.map @@ -1 +1 @@ -{"version":3,"sources":["../../node_modules/normalize.css/normalize.css","xmeter.css","reset.css","_base.less","_o-List.less","_h-Hidden.less","_o-Tablist.less","__tool.fontsize.less","_h-Block.less","_o-Flex.less","_o-Grid.less","__tool.delims.less","__tool.borders.less","_c-Permalink.less","_h-Inline.less","_h-Clearfix.less","_h-Measure.less","_h-Constrain.less","_h-Ruled.less","_-fz.less","_hack.ie.less"],"names":[],"mappings":"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AuC,gBZlCrC,UAAA,cACA,YAAA,wCYiCwE,gBZlCxE,UAAA,cACA,YAAA,+CYiC2G,gBZlC3G,UAAA,cACA,YAAA,wCYiC8I,gBZlC9I,UAAA,cACA,YAAA,sCYiCiL,gBZlCjL,UAAA,gBACA,YAAA,wCYiCoN,gBZlCpN,UAAA,cACA,YAAA,sCYiCuP,gBZlCvP,UAAA,gBACA,YAAA,wCYiC0R,gBZlC1R,UAAA,eACA,YAAA,wCYkCF,mCAAuC,gBZnCrC,UAAA,cACA,YAAA,wCYkCwE,gBZnCxE,UAAA,cACA,YAAA,+CYkC2G,gBZnC3G,UAAA,cACA,YAAA,wCYkC8I,gBZnC9I,UAAA,cACA,YAAA,sCYkCiL,gBZnCjL,UAAA,gBACA,YAAA,wCYkCoN,gBZnCpN,UAAA,cACA,YAAA,sCYkCuP,gBZnCvP,UAAA,gBACA,YAAA,wCYkC0R,gBZnC1R,UAAA,eACA,YAAA,wCYmCF,oCAAuC,gBZpCrC,UAAA,cACA,YAAA,wCYmCwE,gBZpCxE,UAAA,cACA,YAAA,+CYmC2G,gBZpC3G,UAAA,cACA,YAAA,wCYmC8I,gBZpC9I,UAAA,cACA,YAAA,sCYmCiL,gBZpCjL,UAAA,gBACA,YAAA,wCYmCoN,gBZpCpN,UAAA,cACA,YAAA,sCYmCuP,gBZpCvP,UAAA,gBACA,YAAA,wCYmC0R,gBZpC1R,UAAA,eACA,YAAA,wCYoCF,oCAAuC,gBZrCrC,UAAA,cACA,YAAA,wCYoCwE,gBZrCxE,UAAA,cACA,YAAA,+CYoC2G,gBZrC3G,UAAA,cACA,YAAA,wCYoC8I,gBZrC9I,UAAA,cACA,YAAA,sCYoCiL,gBZrCjL,UAAA,gBACA,YAAA,wCYoCoN,gBZrCpN,UAAA,cACA,YAAA,sCYoCuP,gBZrCvP,UAAA,gBACA,YAAA,wCYoC0R,gBZrC1R,UAAA,eACA,YAAA,wCYqCF,oCAAuC,gBZtCrC,UAAA,cACA,YAAA,wCYqCwE,gBZtCxE,UAAA,cACA,YAAA,+CYqC2G,gBZtC3G,UAAA,cACA,YAAA,wCYqC8I,gBZtC9I,UAAA,cACA,YAAA,sCYqCiL,gBZtCjL,UAAA,gBACA,YAAA,wCYqCoN,gBZtCpN,UAAA,cACA,YAAA,sCYqCuP,gBZtCvP,UAAA,gBACA,YAAA,wCYqC0R,gBZtC1R,UAAA,eACA,YAAA,wCYsCF,oCAAuC,gBZvCrC,UAAA,cACA,YAAA,wCYsCwE,gBZvCxE,UAAA,cACA,YAAA,+CYsC2G,gBZvC3G,UAAA,cACA,YAAA,wCYsC8I,gBZvC9I,UAAA,cACA,YAAA,sCYsCiL,gBZvCjL,UAAA,gBACA,YAAA,wCYsCoN,gBZvCpN,UAAA,cACA,YAAA,sCYsCuP,gBZvCvP,UAAA,gBACA,YAAA,wCYsC0R,gBZvC1R,UAAA,eACA,YAAA,wCYuCF,oCAAuC,gBZxCrC,UAAA,cACA,YAAA,wCYuCwE,gBZxCxE,UAAA,cACA,YAAA,+CYuC2G,gBZxC3G,UAAA,cACA,YAAA,wCYuC8I,gBZxC9I,UAAA,cACA,YAAA,sCYuCiL,gBZxCjL,UAAA,gBACA,YAAA,wCYuCoN,gBZxCpN,UAAA,cACA,YAAA,sCYuCuP,gBZxCvP,UAAA,gBACA,YAAA,wCYuC0R,gBZxC1R,UAAA,eACA,YAAA,wCarBF,gCAAA,2BA8DI,WAtBE,OAuBA,WAAA,EACA,YAAA,EACA,aAAA,EAEA,mBnBqlGJ,MAFA,MACA,MAFA,MAFA,MACA,MAFA,MmBlmGM,MnBimGN,MmB7kGM,cAAA,EA/BF,GA+DF,GAAK,YAAA,EADL,GAEA,GAmBA,KACE,YAAA,InB2+FJ,ImBzlGI,IACE,eAAA,SnBqmGN,WmBnmGI,KnBwmGJ,GADA,GAEA,SAPA,OARA,GACA,GACA,GACA,GACA,GACA,GACA,GAKA,GAJA,EAGA,IAEA,GmB/lGM,OAAA,EnBymGN,OmBvmGI,GnBsmGJ,GADA,GADA,GmBjmGM,QAAA,EAEF,EnBymGJ,IADA,IADA,EADA,EmBnmGM,gBAAA,KAMF,GACE,WAAA,EA8FF,YAAA,OA9EA,EThEJ,OAAA,QAAA,QACA,UAAY,QAAA,WACZ,SAAY,QAAA,YSkEV,QACE,aAAA,EAGF,WAIE,QAAA,EAOA,sBnBwmGJ,sBACA,sBACA,sBACA,sBACA,sBmBtmGM,SAAA,OAuBJ,GAEA,IAFK,YAAA,EACL,GAAK,YAAA,EAIL,aAAe,YAAA,YACf,aAAe,YAAA,gBACf,aAAe,YAAA,YACf,aAAe,YAAA,cACf,aAAe,YAAA,YACf,aAAe,YAAA,cACf,aAAe,YAAA,YACf,aAAe,YAAA,YnB+nGjB,WAQA,QALA,GAGA,SAPA,OAMA,KmB3nGE,GnB8mGF,GACA,GACA,GACA,GACA,GAKA,GAJA,EACA,IAMA,MAGA,SALA,GmBlnGI,cAAA,OAKF,SACE,OAAA,KAEF,SACE,gBAAA,IAAA","file":"xmeter.css","sourcesContent":["/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n background-color: transparent; /* 1 */\n -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n display: none;\n}\n","/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\\\n xmeter\n Version: 6.3.0-alpha.2\n Licence: MIT\n Repo : https://github.com/chharvey/xmeter.git\n Home : https://github.com/chharvey/xmeter#readme\n Author : Chris Harvey (https://chharvey.github.io/)\n\\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/\n\n/*================================*\\\n reset.css\n\\*================================*/\n\n\nbody {\n text-align: start; /* HACK fallback */\n text-align: initial; /* fix unsupported browsers initial value */\n background: #fff;\n color: #000;\n}\n\nsup, sub {\n vertical-align: initial; /* HACK fallback */\n vertical-align: unset;\n}\nbody,\nh1, h2, h3, h4, h5, h6,\nhr,\np, figure, blockquote, pre,\nol, ul, dl,\ndd,\nfieldset {\n margin: initial; /* HACK fallback */\n margin: unset;\n}\nol, ul,\nth, td,\nlegend {\n padding: initial; /* HACK fallback */\n padding: unset;\n}\nh1, h2, h3, h4, h5, h6,\naddress,\npre,\nth,\nem, strong, i, small,\ndfn, b, var, cite, sup, sub,\ncode, kbd, samp {\n font: inherit;\n}\ncaption,\nth {\n text-align: inherit; /* HACK fallback */\n text-align: unset;\n}\npre {\n white-space: inherit; /* HACK fallback */\n white-space: unset;\n}\na,\nu, s,\nins, del {\n text-decoration: initial; /* HACK fallback */\n text-decoration: unset;\n}\nmark {\n color: inherit; /* HACK fallback */\n color: unset;\n}\n\n/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n background-color: transparent; /* 1 */\n -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n display: none;\n}\n\n/*================================*\\\n xmeter.less\n\\*================================*/\n/**\n * //////////////// CONTENTS ////////////////\n *\n * reset.css (above)...................strips all elements of all browser-default styles\n * normalize.css (above)...............(@necolas) addresses browser discrepancies\n *\n * BASE--------------------------------BARE UNCLASSED ELEMENTS\n * _base.css...........................unclassed html elements\n *\n * OBJECTS-----------------------------REUSABLE STRUCTURAL PATTERNS\n * List................................plain, unstyled, blocky list\n * Flex................................one-dimensional flexible box\n * Grid................................two-dimensional flexible box\n * Tablist.............................object containing tabs and panels\n *\n * COMPONENTS--------------------------SPECIFIC STYLE PATTERNS\n * Permalink...........................internal documentation link\n *\n * THEMES & HELPERS--------------------LOCATION-DEPENDENT STYLES\n * Block...............................gives a blocky look\n * Inline..............................a simple inline object\n * Clearfix............................creates a line break and clears floats\n * Hidden..............................visually hides an element\n * Measure.............................constrains an element’s inline-size for readability\n * Constrain...........................constrains a container’s inline-size for readability\n * Ruled...............................adds background lines\n *\n * ATOMS-------------------------------FUNCTIONAL CSS\n * fz..................................font-size\n *\n * HACKS-------------------------------HACKS\n * _hack.ie.less.......................IE-only styles\n */\n/*################################*\\\n xmeter | _base.less\n\\*################################*/\n*,\n*::before,\n*::after {\n content: none;\n box-sizing: border-box;\n column-rule: 0 solid;\n}\n@media print {\n *,\n *::before,\n *::after {\n background: transparent !important;\n box-shadow: none !important;\n text-shadow: none !important;\n }\n}\n*:not(input):not(button):not(select),\n*::before,\n*::after {\n border: 0 solid;\n}\nhtml {\n --line-height: 1.5;\n --lh: calc(var(--line-height) * 1rem);\n --vru: var(--lh);\n font-size: 100%;\n line-height: var(--line-height);\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\npre,\nfigure,\nblockquote,\nol,\nul,\ndl,\ntable,\nform,\nfieldset,\ntextarea,\ndetails {\n margin-bottom: var(--lh);\n margin-bottom: 1lh;\n}\n@supports (margin-block-end: var(--variable)) {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n pre,\n figure,\n blockquote,\n ol,\n ul,\n dl,\n table,\n form,\n fieldset,\n textarea,\n details {\n margin-bottom: unset;\n margin-block-end: var(--lh);\n margin-block-end: 1lh;\n }\n}\nh1 {\n padding-top: var(--lh);\n padding-top: 1lh;\n}\n@supports (padding-block-start: var(--variable)) {\n h1 {\n padding-top: unset;\n padding-block-start: var(--lh);\n padding-block-start: 1lh;\n }\n}\nspan,\nbr,\nem,\nstrong,\ni,\nmark,\nu,\nsmall,\ns,\ndfn,\nb,\nabbr,\nvar,\nq,\ncite,\nsup,\nsub,\ndata,\ntime,\ncode,\nkbd,\nsamp,\nlabel {\n line-height: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: 700;\n}\nh1 {\n font-size: 3em;\n line-height: calc(var(--line-height) / 1.5);\n}\nh2 {\n font-size: 2em;\n line-height: calc(var(--line-height) / 1);\n}\nh3 {\n font-size: 1.5em;\n line-height: calc(var(--line-height) / 1.5);\n}\nh4 {\n font-size: 1em;\n line-height: calc(var(--line-height) / 1);\n}\nh5 {\n font-size: 0.75em;\n line-height: calc(var(--line-height) / 0.75);\n}\nh6 {\n font-size: 0.5em;\n line-height: calc(var(--line-height) / 0.5);\n}\nh1 {\n margin-top: initial;\n margin-top: unset;\n margin-block-start: unset;\n}\nhr {\n display: none;\n}\npre {\n font-size: 0.75em;\n line-height: calc(var(--line-height) / 0.75);\n text-align: left;\n text-indent: 0;\n white-space: pre;\n overflow: auto;\n}\nfigure {\n margin-top: initial;\n margin-left: initial;\n margin-right: initial;\n margin-top: unset ;\n margin-left: unset ;\n margin-right: unset ;\n margin-block-start: unset;\n margin-inline: unset;\n}\nli > ol,\nli > ul,\nli > dl,\ndt > ol,\ndt > ul,\ndt > dl,\ndd > ol,\ndd > ul,\ndd > dl {\n margin-bottom: initial;\n margin-bottom: unset;\n margin-block-end: unset;\n}\nol,\nul {\n padding: 0 0 0 4rem;\n padding: logical 0 4rem 0 0;\n}\nli > ol,\nli > ul,\ndt > ol,\ndt > ul,\ndd > ol,\ndd > ul {\n padding-left: 2rem;\n}\n@supports (padding-inline-start: 1rem) {\n li > ol,\n li > ul,\n dt > ol,\n dt > ul,\n dd > ol,\n dd > ul {\n padding-left: unset;\n padding-inline-start: 2rem;\n }\n}\nol {\n list-style-type: decimal;\n}\nul {\n list-style-type: disc;\n}\ndl {\n list-style: none;\n}\ntable {\n max-width: 100%;\n border-collapse: collapse;\n text-align: left;\n}\ncaption {\n text-align: center;\n}\nthead,\ntfoot {\n vertical-align: bottom;\n}\ntbody {\n vertical-align: top;\n}\nth {\n font-weight: 700;\n}\na[href] {\n color: #06c;\n}\nem {\n font-style: italic;\n}\nstrong {\n font-weight: 700;\n}\ni {\n font-style: italic;\n}\nmark {\n background-color: rgba(255, 225, 104, 0.5);\n}\nu {\n text-decoration: underline;\n text-decoration-line: underline;\n color: #080;\n}\nsmall {\n font-size: 0.75em;\n}\ns {\n text-decoration: line-through;\n text-decoration-line: line-through;\n color: #b00;\n}\nins {\n background-color: #acf2bd;\n}\ndel {\n background-color: #fdb8c0;\n}\ndfn {\n font-style: inherit;\n font-weight: 700;\n}\nb {\n font-weight: 700;\n}\nabbr[title] {\n cursor: help;\n text-decoration: none;\n text-decoration-line: initial;\n text-decoration-line: unset;\n}\nvar {\n font-style: italic;\n}\nq {\n quotes: initial;\n}\nq::before {\n content: open-quote;\n}\nq::after {\n content: close-quote;\n}\ncite {\n font-style: italic;\n}\nsup,\nsub {\n font-size: 0.75em;\n}\ncode,\nkbd,\nsamp {\n font-size: 0.75em;\n white-space: nowrap;\n}\ncode code,\ncode kbd,\ncode samp,\nkbd code,\nkbd kbd,\nkbd samp,\nsamp code,\nsamp kbd,\nsamp samp {\n font-size: inherit;\n}\npre code,\npre kbd,\npre samp {\n white-space: inherit;\n white-space: unset;\n}\nfieldset {\n padding: 0 1rem;\n}\ntextarea,\ninput {\n padding: 0 0.25rem;\n}\ninput,\nbutton,\nselect,\ntextarea {\n line-height: inherit;\n}\nhtml body fieldset {\n margin-top: -2px;\n border-width: 1px;\n margin-block-start: -2px;\n border-style: solid;\n border-color: rgba(0, 0, 0, 0.25);\n}\ntextarea {\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);\n}\ntextarea {\n display: block;\n height: calc(6 * var(--lh));\n height: 6lh;\n width: 30rem;\n block-size: calc(6 * var(--lh));\n block-size: 6lh;\n inline-size: 30rem;\n font-size: 0.75rem;\n}\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\nbutton,\nlabel {\n cursor: pointer;\n}\ninput:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]),\nselect {\n font-size: 0.75em;\n}\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\nbutton {\n padding: 0.125em 0.25em;\n}\nselect[multiple] > optgroup > option {\n padding-left: 1rem;\n padding-inline-start: 1rem;\n}\nimg {\n height: auto;\n width: auto;\n max-width: 100%;\n block-size: auto;\n inline-size: auto;\n max-inline-size: 100%;\n font-style: italic;\n vertical-align: middle;\n}\nsummary {\n cursor: pointer;\n}\ndialog {\n padding: calc(0.5 * var(--lh)) 1rem;\n padding: 0.5lh 1rem;\n}\ndialog::backdrop {\n background-color: rgba(0, 0, 0, 0.25);\n}\n/*################################*\\\n xmeter | _o-List.less\n\\*################################*/\n.o-List {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n}\n@media screen and (min-width: 30em) {\n .o-List-sK {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n }\n}\n@media screen and (min-width: 45em) {\n .o-List-sM {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n }\n}\n@media screen and (min-width: 60em) {\n .o-List-sG {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n }\n}\n@media screen and (min-width: 75em) {\n .o-List-sT {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n }\n}\n@media screen and (min-width: 90em) {\n .o-List-sP {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n }\n}\n@media not all and (min-width: 30em) {\n .o-List-nK {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n }\n}\n@media not all and (min-width: 45em) {\n .o-List-nM {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n }\n}\n@media not all and (min-width: 60em) {\n .o-List-nG {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n }\n}\n@media not all and (min-width: 75em) {\n .o-List-nT {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n }\n}\n@media not all and (min-width: 90em) {\n .o-List-nP {\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n }\n}\n/*################################*\\\n xmeter | _o-Flex.less\n\\*################################*/\n.o-Flex {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n}\n.o-Flex__Item {\n flex: auto;\n}\n@media screen and (min-width: 30em) {\n .o-Flex-sK {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n }\n .o-Flex__Item-sK {\n flex: auto;\n }\n}\n@media screen and (min-width: 45em) {\n .o-Flex-sM {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n }\n .o-Flex__Item-sM {\n flex: auto;\n }\n}\n@media screen and (min-width: 60em) {\n .o-Flex-sG {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n }\n .o-Flex__Item-sG {\n flex: auto;\n }\n}\n@media screen and (min-width: 75em) {\n .o-Flex-sT {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n }\n .o-Flex__Item-sT {\n flex: auto;\n }\n}\n@media screen and (min-width: 90em) {\n .o-Flex-sP {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n }\n .o-Flex__Item-sP {\n flex: auto;\n }\n}\n@media not all and (min-width: 30em) {\n .o-Flex-nK {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n }\n .o-Flex__Item-nK {\n flex: auto;\n }\n}\n@media not all and (min-width: 45em) {\n .o-Flex-nM {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n }\n .o-Flex__Item-nM {\n flex: auto;\n }\n}\n@media not all and (min-width: 60em) {\n .o-Flex-nG {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n }\n .o-Flex__Item-nG {\n flex: auto;\n }\n}\n@media not all and (min-width: 75em) {\n .o-Flex-nT {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n }\n .o-Flex__Item-nT {\n flex: auto;\n }\n}\n@media not all and (min-width: 90em) {\n .o-Flex-nP {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n }\n .o-Flex__Item-nP {\n flex: auto;\n }\n}\n/*################################*\\\n xmeter | _o-Grid.less\n\\*################################*/\n.o-Grid {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n}\n@media screen and (min-width: 30em) {\n .o-Grid-sK {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n }\n}\n@media screen and (min-width: 45em) {\n .o-Grid-sM {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n }\n}\n@media screen and (min-width: 60em) {\n .o-Grid-sG {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n }\n}\n@media screen and (min-width: 75em) {\n .o-Grid-sT {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n }\n}\n@media screen and (min-width: 90em) {\n .o-Grid-sP {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n }\n}\n@media not all and (min-width: 30em) {\n .o-Grid-nK {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n }\n}\n@media not all and (min-width: 45em) {\n .o-Grid-nM {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n }\n}\n@media not all and (min-width: 60em) {\n .o-Grid-nG {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n }\n}\n@media not all and (min-width: 75em) {\n .o-Grid-nT {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n }\n}\n@media not all and (min-width: 90em) {\n .o-Grid-nP {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n }\n}\n/*################################*\\\n xmeter | _o-Tablist.less\n\\*################################*/\n.o-Tablist {\n display: contents;\n width: 100%;\n margin-top: initial;\n margin-left: initial;\n margin-right: initial;\n margin-top: unset ;\n margin-left: unset ;\n margin-right: unset ;\n margin-block-start: unset;\n margin-inline: unset;\n padding: initial;\n padding: unset;\n border: 0;\n}\n.o-Tablist > .o-Flex {\n flex-wrap: wrap;\n margin-bottom: initial;\n margin-bottom: unset;\n}\n.o-Tablist__Check {\n position: absolute;\n}\n.o-Tablist__Panel {\n order: 1;\n flex: 100%;\n}\n/*################################*\\\n xmeter | _c-Permalink.less\n\\*################################*/\n.c-Permalink {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n}\nh1:hover > .c-Permalink,\nh2:hover > .c-Permalink,\nh3:hover > .c-Permalink,\nh4:hover > .c-Permalink,\nh5:hover > .c-Permalink,\nh6:hover > .c-Permalink {\n position: initial;\n position: unset;\n}\n@media screen and (min-width: 30em) {\n .c-Permalink-sK {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-sK,\n h2:hover > .c-Permalink-sK,\n h3:hover > .c-Permalink-sK,\n h4:hover > .c-Permalink-sK,\n h5:hover > .c-Permalink-sK,\n h6:hover > .c-Permalink-sK {\n position: initial;\n position: unset;\n }\n}\n@media screen and (min-width: 45em) {\n .c-Permalink-sM {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-sM,\n h2:hover > .c-Permalink-sM,\n h3:hover > .c-Permalink-sM,\n h4:hover > .c-Permalink-sM,\n h5:hover > .c-Permalink-sM,\n h6:hover > .c-Permalink-sM {\n position: initial;\n position: unset;\n }\n}\n@media screen and (min-width: 60em) {\n .c-Permalink-sG {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-sG,\n h2:hover > .c-Permalink-sG,\n h3:hover > .c-Permalink-sG,\n h4:hover > .c-Permalink-sG,\n h5:hover > .c-Permalink-sG,\n h6:hover > .c-Permalink-sG {\n position: initial;\n position: unset;\n }\n}\n@media screen and (min-width: 75em) {\n .c-Permalink-sT {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-sT,\n h2:hover > .c-Permalink-sT,\n h3:hover > .c-Permalink-sT,\n h4:hover > .c-Permalink-sT,\n h5:hover > .c-Permalink-sT,\n h6:hover > .c-Permalink-sT {\n position: initial;\n position: unset;\n }\n}\n@media screen and (min-width: 90em) {\n .c-Permalink-sP {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-sP,\n h2:hover > .c-Permalink-sP,\n h3:hover > .c-Permalink-sP,\n h4:hover > .c-Permalink-sP,\n h5:hover > .c-Permalink-sP,\n h6:hover > .c-Permalink-sP {\n position: initial;\n position: unset;\n }\n}\n@media not all and (min-width: 30em) {\n .c-Permalink-nK {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-nK,\n h2:hover > .c-Permalink-nK,\n h3:hover > .c-Permalink-nK,\n h4:hover > .c-Permalink-nK,\n h5:hover > .c-Permalink-nK,\n h6:hover > .c-Permalink-nK {\n position: initial;\n position: unset;\n }\n}\n@media not all and (min-width: 45em) {\n .c-Permalink-nM {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-nM,\n h2:hover > .c-Permalink-nM,\n h3:hover > .c-Permalink-nM,\n h4:hover > .c-Permalink-nM,\n h5:hover > .c-Permalink-nM,\n h6:hover > .c-Permalink-nM {\n position: initial;\n position: unset;\n }\n}\n@media not all and (min-width: 60em) {\n .c-Permalink-nG {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-nG,\n h2:hover > .c-Permalink-nG,\n h3:hover > .c-Permalink-nG,\n h4:hover > .c-Permalink-nG,\n h5:hover > .c-Permalink-nG,\n h6:hover > .c-Permalink-nG {\n position: initial;\n position: unset;\n }\n}\n@media not all and (min-width: 75em) {\n .c-Permalink-nT {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-nT,\n h2:hover > .c-Permalink-nT,\n h3:hover > .c-Permalink-nT,\n h4:hover > .c-Permalink-nT,\n h5:hover > .c-Permalink-nT,\n h6:hover > .c-Permalink-nT {\n position: initial;\n position: unset;\n }\n}\n@media not all and (min-width: 90em) {\n .c-Permalink-nP {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-nP,\n h2:hover > .c-Permalink-nP,\n h3:hover > .c-Permalink-nP,\n h4:hover > .c-Permalink-nP,\n h5:hover > .c-Permalink-nP,\n h6:hover > .c-Permalink-nP {\n position: initial;\n position: unset;\n }\n}\n/*################################*\\\n xmeter | _h-Block.less\n\\*################################*/\n.h-Block {\n display: block;\n line-height: inherit;\n line-height: unset;\n}\n@media screen and (min-width: 30em) {\n .h-Block-sK {\n display: block;\n line-height: inherit;\n line-height: unset;\n }\n}\n@media screen and (min-width: 45em) {\n .h-Block-sM {\n display: block;\n line-height: inherit;\n line-height: unset;\n }\n}\n@media screen and (min-width: 60em) {\n .h-Block-sG {\n display: block;\n line-height: inherit;\n line-height: unset;\n }\n}\n@media screen and (min-width: 75em) {\n .h-Block-sT {\n display: block;\n line-height: inherit;\n line-height: unset;\n }\n}\n@media screen and (min-width: 90em) {\n .h-Block-sP {\n display: block;\n line-height: inherit;\n line-height: unset;\n }\n}\n@media not all and (min-width: 30em) {\n .h-Block-nK {\n display: block;\n line-height: inherit;\n line-height: unset;\n }\n}\n@media not all and (min-width: 45em) {\n .h-Block-nM {\n display: block;\n line-height: inherit;\n line-height: unset;\n }\n}\n@media not all and (min-width: 60em) {\n .h-Block-nG {\n display: block;\n line-height: inherit;\n line-height: unset;\n }\n}\n@media not all and (min-width: 75em) {\n .h-Block-nT {\n display: block;\n line-height: inherit;\n line-height: unset;\n }\n}\n@media not all and (min-width: 90em) {\n .h-Block-nP {\n display: block;\n line-height: inherit;\n line-height: unset;\n }\n}\n/*################################*\\\n xmeter | _h-Inline.less\n\\*################################*/\n.h-Inline {\n display: inline;\n line-height: 0;\n}\n@media screen and (min-width: 30em) {\n .h-Inline-sK {\n display: inline;\n line-height: 0;\n }\n}\n@media screen and (min-width: 45em) {\n .h-Inline-sM {\n display: inline;\n line-height: 0;\n }\n}\n@media screen and (min-width: 60em) {\n .h-Inline-sG {\n display: inline;\n line-height: 0;\n }\n}\n@media screen and (min-width: 75em) {\n .h-Inline-sT {\n display: inline;\n line-height: 0;\n }\n}\n@media screen and (min-width: 90em) {\n .h-Inline-sP {\n display: inline;\n line-height: 0;\n }\n}\n@media not all and (min-width: 30em) {\n .h-Inline-nK {\n display: inline;\n line-height: 0;\n }\n}\n@media not all and (min-width: 45em) {\n .h-Inline-nM {\n display: inline;\n line-height: 0;\n }\n}\n@media not all and (min-width: 60em) {\n .h-Inline-nG {\n display: inline;\n line-height: 0;\n }\n}\n@media not all and (min-width: 75em) {\n .h-Inline-nT {\n display: inline;\n line-height: 0;\n }\n}\n@media not all and (min-width: 90em) {\n .h-Inline-nP {\n display: inline;\n line-height: 0;\n }\n}\n/*################################*\\\n xmeter | _h-Clearfix.less\n\\*################################*/\n.h-Clearfix::after {\n content: '';\n display: block;\n clear: both;\n}\n@media screen and (min-width: 30em) {\n .h-Clearfix-sK::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n@media screen and (min-width: 45em) {\n .h-Clearfix-sM::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n@media screen and (min-width: 60em) {\n .h-Clearfix-sG::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n@media screen and (min-width: 75em) {\n .h-Clearfix-sT::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n@media screen and (min-width: 90em) {\n .h-Clearfix-sP::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n@media not all and (min-width: 30em) {\n .h-Clearfix-nK::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n@media not all and (min-width: 45em) {\n .h-Clearfix-nM::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n@media not all and (min-width: 60em) {\n .h-Clearfix-nG::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n@media not all and (min-width: 75em) {\n .h-Clearfix-nT::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n@media not all and (min-width: 90em) {\n .h-Clearfix-nP::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n/*################################*\\\n xmeter | _h-Hidden.less\n\\*################################*/\n.h-Hidden {\n left: -999999px;\n}\n.h-Hidden:not(:focus) {\n position: absolute;\n}\n@supports (inset-inline-start: 0) {\n .h-Hidden {\n left: 0;\n inset-inline-start: -999999px;\n }\n}\n@media screen and (min-width: 30em) {\n .h-Hidden-sK {\n left: -999999px;\n }\n .h-Hidden-sK:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-sK {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media screen and (min-width: 45em) {\n .h-Hidden-sM {\n left: -999999px;\n }\n .h-Hidden-sM:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-sM {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media screen and (min-width: 60em) {\n .h-Hidden-sG {\n left: -999999px;\n }\n .h-Hidden-sG:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-sG {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media screen and (min-width: 75em) {\n .h-Hidden-sT {\n left: -999999px;\n }\n .h-Hidden-sT:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-sT {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media screen and (min-width: 90em) {\n .h-Hidden-sP {\n left: -999999px;\n }\n .h-Hidden-sP:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-sP {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media not all and (min-width: 30em) {\n .h-Hidden-nK {\n left: -999999px;\n }\n .h-Hidden-nK:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-nK {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media not all and (min-width: 45em) {\n .h-Hidden-nM {\n left: -999999px;\n }\n .h-Hidden-nM:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-nM {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media not all and (min-width: 60em) {\n .h-Hidden-nG {\n left: -999999px;\n }\n .h-Hidden-nG:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-nG {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media not all and (min-width: 75em) {\n .h-Hidden-nT {\n left: -999999px;\n }\n .h-Hidden-nT:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-nT {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media not all and (min-width: 90em) {\n .h-Hidden-nP {\n left: -999999px;\n }\n .h-Hidden-nP:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-nP {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n/*################################*\\\n xmeter | _h-Meaure.less\n\\*################################*/\n.h-Measure {\n max-width: 33em;\n max-width: 66ch;\n}\n@supports (max-inline-size: 1ch) {\n .h-Measure {\n max-width: unset;\n max-inline-size: 66ch;\n }\n}\n.h-Measure--narrow {\n max-width: 22.5em;\n max-width: 45ch;\n}\n@supports (max-inline-size: 1ch) {\n .h-Measure--narrow {\n max-width: unset;\n max-inline-size: 45ch;\n }\n}\n.h-Measure--wide {\n max-width: 45em;\n max-width: 90ch;\n}\n@supports (max-inline-size: 1ch) {\n .h-Measure--wide {\n max-width: unset;\n max-inline-size: 90ch;\n }\n}\n@media screen and (min-width: 30em) {\n .h-Measure-sK {\n max-width: 33em;\n max-width: 66ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure-sK {\n max-width: unset;\n max-inline-size: 66ch;\n }\n }\n .h-Measure--narrow-sK {\n max-width: 22.5em;\n max-width: 45ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--narrow-sK {\n max-width: unset;\n max-inline-size: 45ch;\n }\n }\n .h-Measure--wide-sK {\n max-width: 45em;\n max-width: 90ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--wide-sK {\n max-width: unset;\n max-inline-size: 90ch;\n }\n }\n}\n@media screen and (min-width: 45em) {\n .h-Measure-sM {\n max-width: 33em;\n max-width: 66ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure-sM {\n max-width: unset;\n max-inline-size: 66ch;\n }\n }\n .h-Measure--narrow-sM {\n max-width: 22.5em;\n max-width: 45ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--narrow-sM {\n max-width: unset;\n max-inline-size: 45ch;\n }\n }\n .h-Measure--wide-sM {\n max-width: 45em;\n max-width: 90ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--wide-sM {\n max-width: unset;\n max-inline-size: 90ch;\n }\n }\n}\n@media screen and (min-width: 60em) {\n .h-Measure-sG {\n max-width: 33em;\n max-width: 66ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure-sG {\n max-width: unset;\n max-inline-size: 66ch;\n }\n }\n .h-Measure--narrow-sG {\n max-width: 22.5em;\n max-width: 45ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--narrow-sG {\n max-width: unset;\n max-inline-size: 45ch;\n }\n }\n .h-Measure--wide-sG {\n max-width: 45em;\n max-width: 90ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--wide-sG {\n max-width: unset;\n max-inline-size: 90ch;\n }\n }\n}\n@media screen and (min-width: 75em) {\n .h-Measure-sT {\n max-width: 33em;\n max-width: 66ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure-sT {\n max-width: unset;\n max-inline-size: 66ch;\n }\n }\n .h-Measure--narrow-sT {\n max-width: 22.5em;\n max-width: 45ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--narrow-sT {\n max-width: unset;\n max-inline-size: 45ch;\n }\n }\n .h-Measure--wide-sT {\n max-width: 45em;\n max-width: 90ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--wide-sT {\n max-width: unset;\n max-inline-size: 90ch;\n }\n }\n}\n@media screen and (min-width: 90em) {\n .h-Measure-sP {\n max-width: 33em;\n max-width: 66ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure-sP {\n max-width: unset;\n max-inline-size: 66ch;\n }\n }\n .h-Measure--narrow-sP {\n max-width: 22.5em;\n max-width: 45ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--narrow-sP {\n max-width: unset;\n max-inline-size: 45ch;\n }\n }\n .h-Measure--wide-sP {\n max-width: 45em;\n max-width: 90ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--wide-sP {\n max-width: unset;\n max-inline-size: 90ch;\n }\n }\n}\n@media not all and (min-width: 30em) {\n .h-Measure-nK {\n max-width: 33em;\n max-width: 66ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure-nK {\n max-width: unset;\n max-inline-size: 66ch;\n }\n }\n .h-Measure--narrow-nK {\n max-width: 22.5em;\n max-width: 45ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--narrow-nK {\n max-width: unset;\n max-inline-size: 45ch;\n }\n }\n .h-Measure--wide-nK {\n max-width: 45em;\n max-width: 90ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--wide-nK {\n max-width: unset;\n max-inline-size: 90ch;\n }\n }\n}\n@media not all and (min-width: 45em) {\n .h-Measure-nM {\n max-width: 33em;\n max-width: 66ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure-nM {\n max-width: unset;\n max-inline-size: 66ch;\n }\n }\n .h-Measure--narrow-nM {\n max-width: 22.5em;\n max-width: 45ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--narrow-nM {\n max-width: unset;\n max-inline-size: 45ch;\n }\n }\n .h-Measure--wide-nM {\n max-width: 45em;\n max-width: 90ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--wide-nM {\n max-width: unset;\n max-inline-size: 90ch;\n }\n }\n}\n@media not all and (min-width: 60em) {\n .h-Measure-nG {\n max-width: 33em;\n max-width: 66ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure-nG {\n max-width: unset;\n max-inline-size: 66ch;\n }\n }\n .h-Measure--narrow-nG {\n max-width: 22.5em;\n max-width: 45ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--narrow-nG {\n max-width: unset;\n max-inline-size: 45ch;\n }\n }\n .h-Measure--wide-nG {\n max-width: 45em;\n max-width: 90ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--wide-nG {\n max-width: unset;\n max-inline-size: 90ch;\n }\n }\n}\n@media not all and (min-width: 75em) {\n .h-Measure-nT {\n max-width: 33em;\n max-width: 66ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure-nT {\n max-width: unset;\n max-inline-size: 66ch;\n }\n }\n .h-Measure--narrow-nT {\n max-width: 22.5em;\n max-width: 45ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--narrow-nT {\n max-width: unset;\n max-inline-size: 45ch;\n }\n }\n .h-Measure--wide-nT {\n max-width: 45em;\n max-width: 90ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--wide-nT {\n max-width: unset;\n max-inline-size: 90ch;\n }\n }\n}\n@media not all and (min-width: 90em) {\n .h-Measure-nP {\n max-width: 33em;\n max-width: 66ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure-nP {\n max-width: unset;\n max-inline-size: 66ch;\n }\n }\n .h-Measure--narrow-nP {\n max-width: 22.5em;\n max-width: 45ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--narrow-nP {\n max-width: unset;\n max-inline-size: 45ch;\n }\n }\n .h-Measure--wide-nP {\n max-width: 45em;\n max-width: 90ch;\n }\n @supports (max-inline-size: 1ch) {\n .h-Measure--wide-nP {\n max-width: unset;\n max-inline-size: 90ch;\n }\n }\n}\n/*################################*\\\n xmeter | _h-Constrain.less\n\\*################################*/\n.h-Constrain {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n}\n@supports (max-inline-size: 1em) {\n .h-Constrain {\n max-width: unset;\n max-inline-size: 90em;\n }\n}\n@media screen and (min-width: 30em) {\n .h-Constrain-sK {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n }\n @supports (max-inline-size: 1em) {\n .h-Constrain-sK {\n max-width: unset;\n max-inline-size: 90em;\n }\n }\n}\n@media screen and (min-width: 45em) {\n .h-Constrain-sM {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n }\n @supports (max-inline-size: 1em) {\n .h-Constrain-sM {\n max-width: unset;\n max-inline-size: 90em;\n }\n }\n}\n@media screen and (min-width: 60em) {\n .h-Constrain-sG {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n }\n @supports (max-inline-size: 1em) {\n .h-Constrain-sG {\n max-width: unset;\n max-inline-size: 90em;\n }\n }\n}\n@media screen and (min-width: 75em) {\n .h-Constrain-sT {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n }\n @supports (max-inline-size: 1em) {\n .h-Constrain-sT {\n max-width: unset;\n max-inline-size: 90em;\n }\n }\n}\n@media screen and (min-width: 90em) {\n .h-Constrain-sP {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n }\n @supports (max-inline-size: 1em) {\n .h-Constrain-sP {\n max-width: unset;\n max-inline-size: 90em;\n }\n }\n}\n@media not all and (min-width: 30em) {\n .h-Constrain-nK {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n }\n @supports (max-inline-size: 1em) {\n .h-Constrain-nK {\n max-width: unset;\n max-inline-size: 90em;\n }\n }\n}\n@media not all and (min-width: 45em) {\n .h-Constrain-nM {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n }\n @supports (max-inline-size: 1em) {\n .h-Constrain-nM {\n max-width: unset;\n max-inline-size: 90em;\n }\n }\n}\n@media not all and (min-width: 60em) {\n .h-Constrain-nG {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n }\n @supports (max-inline-size: 1em) {\n .h-Constrain-nG {\n max-width: unset;\n max-inline-size: 90em;\n }\n }\n}\n@media not all and (min-width: 75em) {\n .h-Constrain-nT {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n }\n @supports (max-inline-size: 1em) {\n .h-Constrain-nT {\n max-width: unset;\n max-inline-size: 90em;\n }\n }\n}\n@media not all and (min-width: 90em) {\n .h-Constrain-nP {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n }\n @supports (max-inline-size: 1em) {\n .h-Constrain-nP {\n max-width: unset;\n max-inline-size: 90em;\n }\n }\n}\n/*################################*\\\n xmeter | _h-Ruled.less\n\\*################################*/\n.h-Ruled {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n}\n@media screen and (min-width: 30em) {\n .h-Ruled-sK {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n }\n}\n@media screen and (min-width: 45em) {\n .h-Ruled-sM {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n }\n}\n@media screen and (min-width: 60em) {\n .h-Ruled-sG {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n }\n}\n@media screen and (min-width: 75em) {\n .h-Ruled-sT {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n }\n}\n@media screen and (min-width: 90em) {\n .h-Ruled-sP {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n }\n}\n@media not all and (min-width: 30em) {\n .h-Ruled-nK {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n }\n}\n@media not all and (min-width: 45em) {\n .h-Ruled-nM {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n }\n}\n@media not all and (min-width: 60em) {\n .h-Ruled-nG {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n }\n}\n@media not all and (min-width: 75em) {\n .h-Ruled-nT {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n }\n}\n@media not all and (min-width: 90em) {\n .h-Ruled-nP {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n }\n}\n/*################################*\\\n xmeter | _-fz.less\n\\*################################*/\n.-fz-peta {\n font-size: 6em !important;\n}\n.-fz-tera {\n font-size: 4em !important;\n}\n.-fz-giga {\n font-size: 3em !important;\n}\n.-fz-mega {\n font-size: 2em !important;\n}\n.-fz-kilo {\n font-size: 1.5em !important;\n}\n.-fz-norm {\n font-size: 1em !important;\n}\n.-fz-mill {\n font-size: 0.75em !important;\n}\n.-fz-micr {\n font-size: 0.5em !important;\n}\n@media screen and (min-width: 30em) {\n .-fz-peta-sK {\n font-size: 6em !important;\n }\n .-fz-tera-sK {\n font-size: 4em !important;\n }\n .-fz-giga-sK {\n font-size: 3em !important;\n }\n .-fz-mega-sK {\n font-size: 2em !important;\n }\n .-fz-kilo-sK {\n font-size: 1.5em !important;\n }\n .-fz-norm-sK {\n font-size: 1em !important;\n }\n .-fz-mill-sK {\n font-size: 0.75em !important;\n }\n .-fz-micr-sK {\n font-size: 0.5em !important;\n }\n}\n@media screen and (min-width: 45em) {\n .-fz-peta-sM {\n font-size: 6em !important;\n }\n .-fz-tera-sM {\n font-size: 4em !important;\n }\n .-fz-giga-sM {\n font-size: 3em !important;\n }\n .-fz-mega-sM {\n font-size: 2em !important;\n }\n .-fz-kilo-sM {\n font-size: 1.5em !important;\n }\n .-fz-norm-sM {\n font-size: 1em !important;\n }\n .-fz-mill-sM {\n font-size: 0.75em !important;\n }\n .-fz-micr-sM {\n font-size: 0.5em !important;\n }\n}\n@media screen and (min-width: 60em) {\n .-fz-peta-sG {\n font-size: 6em !important;\n }\n .-fz-tera-sG {\n font-size: 4em !important;\n }\n .-fz-giga-sG {\n font-size: 3em !important;\n }\n .-fz-mega-sG {\n font-size: 2em !important;\n }\n .-fz-kilo-sG {\n font-size: 1.5em !important;\n }\n .-fz-norm-sG {\n font-size: 1em !important;\n }\n .-fz-mill-sG {\n font-size: 0.75em !important;\n }\n .-fz-micr-sG {\n font-size: 0.5em !important;\n }\n}\n@media screen and (min-width: 75em) {\n .-fz-peta-sT {\n font-size: 6em !important;\n }\n .-fz-tera-sT {\n font-size: 4em !important;\n }\n .-fz-giga-sT {\n font-size: 3em !important;\n }\n .-fz-mega-sT {\n font-size: 2em !important;\n }\n .-fz-kilo-sT {\n font-size: 1.5em !important;\n }\n .-fz-norm-sT {\n font-size: 1em !important;\n }\n .-fz-mill-sT {\n font-size: 0.75em !important;\n }\n .-fz-micr-sT {\n font-size: 0.5em !important;\n }\n}\n@media screen and (min-width: 90em) {\n .-fz-peta-sP {\n font-size: 6em !important;\n }\n .-fz-tera-sP {\n font-size: 4em !important;\n }\n .-fz-giga-sP {\n font-size: 3em !important;\n }\n .-fz-mega-sP {\n font-size: 2em !important;\n }\n .-fz-kilo-sP {\n font-size: 1.5em !important;\n }\n .-fz-norm-sP {\n font-size: 1em !important;\n }\n .-fz-mill-sP {\n font-size: 0.75em !important;\n }\n .-fz-micr-sP {\n font-size: 0.5em !important;\n }\n}\n@media not all and (min-width: 30em) {\n .-fz-peta-nK {\n font-size: 6em !important;\n }\n .-fz-tera-nK {\n font-size: 4em !important;\n }\n .-fz-giga-nK {\n font-size: 3em !important;\n }\n .-fz-mega-nK {\n font-size: 2em !important;\n }\n .-fz-kilo-nK {\n font-size: 1.5em !important;\n }\n .-fz-norm-nK {\n font-size: 1em !important;\n }\n .-fz-mill-nK {\n font-size: 0.75em !important;\n }\n .-fz-micr-nK {\n font-size: 0.5em !important;\n }\n}\n@media not all and (min-width: 45em) {\n .-fz-peta-nM {\n font-size: 6em !important;\n }\n .-fz-tera-nM {\n font-size: 4em !important;\n }\n .-fz-giga-nM {\n font-size: 3em !important;\n }\n .-fz-mega-nM {\n font-size: 2em !important;\n }\n .-fz-kilo-nM {\n font-size: 1.5em !important;\n }\n .-fz-norm-nM {\n font-size: 1em !important;\n }\n .-fz-mill-nM {\n font-size: 0.75em !important;\n }\n .-fz-micr-nM {\n font-size: 0.5em !important;\n }\n}\n@media not all and (min-width: 60em) {\n .-fz-peta-nG {\n font-size: 6em !important;\n }\n .-fz-tera-nG {\n font-size: 4em !important;\n }\n .-fz-giga-nG {\n font-size: 3em !important;\n }\n .-fz-mega-nG {\n font-size: 2em !important;\n }\n .-fz-kilo-nG {\n font-size: 1.5em !important;\n }\n .-fz-norm-nG {\n font-size: 1em !important;\n }\n .-fz-mill-nG {\n font-size: 0.75em !important;\n }\n .-fz-micr-nG {\n font-size: 0.5em !important;\n }\n}\n@media not all and (min-width: 75em) {\n .-fz-peta-nT {\n font-size: 6em !important;\n }\n .-fz-tera-nT {\n font-size: 4em !important;\n }\n .-fz-giga-nT {\n font-size: 3em !important;\n }\n .-fz-mega-nT {\n font-size: 2em !important;\n }\n .-fz-kilo-nT {\n font-size: 1.5em !important;\n }\n .-fz-norm-nT {\n font-size: 1em !important;\n }\n .-fz-mill-nT {\n font-size: 0.75em !important;\n }\n .-fz-micr-nT {\n font-size: 0.5em !important;\n }\n}\n@media not all and (min-width: 90em) {\n .-fz-peta-nP {\n font-size: 6em !important;\n }\n .-fz-tera-nP {\n font-size: 4em !important;\n }\n .-fz-giga-nP {\n font-size: 3em !important;\n }\n .-fz-mega-nP {\n font-size: 2em !important;\n }\n .-fz-kilo-nP {\n font-size: 1.5em !important;\n }\n .-fz-norm-nP {\n font-size: 1em !important;\n }\n .-fz-mill-nP {\n font-size: 0.75em !important;\n }\n .-fz-micr-nP {\n font-size: 0.5em !important;\n }\n}\n.-fz-el-peta {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n}\n.-fz-el-tera {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n}\n.-fz-el-giga {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n}\n.-fz-el-mega {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n}\n.-fz-el-kilo {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n}\n.-fz-el-norm {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n}\n.-fz-el-mill {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n}\n.-fz-el-micr {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n}\n@media screen and (min-width: 30em) {\n .-fz-el-peta-sK {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-tera-sK {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n }\n .-fz-el-giga-sK {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-mega-sK {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-kilo-sK {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-norm-sK {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-mill-sK {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n }\n .-fz-el-micr-sK {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n }\n}\n@media screen and (min-width: 45em) {\n .-fz-el-peta-sM {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-tera-sM {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n }\n .-fz-el-giga-sM {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-mega-sM {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-kilo-sM {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-norm-sM {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-mill-sM {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n }\n .-fz-el-micr-sM {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n }\n}\n@media screen and (min-width: 60em) {\n .-fz-el-peta-sG {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-tera-sG {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n }\n .-fz-el-giga-sG {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-mega-sG {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-kilo-sG {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-norm-sG {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-mill-sG {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n }\n .-fz-el-micr-sG {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n }\n}\n@media screen and (min-width: 75em) {\n .-fz-el-peta-sT {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-tera-sT {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n }\n .-fz-el-giga-sT {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-mega-sT {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-kilo-sT {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-norm-sT {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-mill-sT {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n }\n .-fz-el-micr-sT {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n }\n}\n@media screen and (min-width: 90em) {\n .-fz-el-peta-sP {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-tera-sP {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n }\n .-fz-el-giga-sP {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-mega-sP {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-kilo-sP {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-norm-sP {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-mill-sP {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n }\n .-fz-el-micr-sP {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n }\n}\n@media not all and (min-width: 30em) {\n .-fz-el-peta-nK {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-tera-nK {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n }\n .-fz-el-giga-nK {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-mega-nK {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-kilo-nK {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-norm-nK {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-mill-nK {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n }\n .-fz-el-micr-nK {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n }\n}\n@media not all and (min-width: 45em) {\n .-fz-el-peta-nM {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-tera-nM {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n }\n .-fz-el-giga-nM {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-mega-nM {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-kilo-nM {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-norm-nM {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-mill-nM {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n }\n .-fz-el-micr-nM {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n }\n}\n@media not all and (min-width: 60em) {\n .-fz-el-peta-nG {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-tera-nG {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n }\n .-fz-el-giga-nG {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-mega-nG {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-kilo-nG {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-norm-nG {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-mill-nG {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n }\n .-fz-el-micr-nG {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n }\n}\n@media not all and (min-width: 75em) {\n .-fz-el-peta-nT {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-tera-nT {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n }\n .-fz-el-giga-nT {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-mega-nT {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-kilo-nT {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-norm-nT {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-mill-nT {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n }\n .-fz-el-micr-nT {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n }\n}\n@media not all and (min-width: 90em) {\n .-fz-el-peta-nP {\n font-size: 6em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-tera-nP {\n font-size: 4em !important;\n line-height: calc(var(--line-height) / 1.33333333) !important;\n }\n .-fz-el-giga-nP {\n font-size: 3em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-mega-nP {\n font-size: 2em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-kilo-nP {\n font-size: 1.5em !important;\n line-height: calc(var(--line-height) / 1.5) !important;\n }\n .-fz-el-norm-nP {\n font-size: 1em !important;\n line-height: calc(var(--line-height) / 1) !important;\n }\n .-fz-el-mill-nP {\n font-size: 0.75em !important;\n line-height: calc(var(--line-height) / 0.75) !important;\n }\n .-fz-el-micr-nP {\n font-size: 0.5em !important;\n line-height: calc(var(--line-height) / 0.5) !important;\n }\n}\n/*################################*\\\n xmeter | _hack.ie.less\n\\*################################*/\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n sup,\n sub {\n vertical-align: baseline;\n }\n body,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n hr,\n p,\n figure,\n blockquote,\n pre,\n ol,\n ul,\n dl,\n dd,\n fieldset {\n margin: 0;\n }\n ol,\n ul,\n th,\n td,\n legend {\n padding: 0;\n }\n a,\n u,\n s,\n ins,\n del {\n text-decoration: none;\n }\n h1 {\n margin-top: 0;\n }\n figure {\n margin-top: 0;\n margin-left: 0;\n margin-right: 0;\n }\n li > ol,\n li > ul,\n li > dl,\n dt > ol,\n dt > ul,\n dt > dl,\n dd > ol,\n dd > ul,\n dd > dl {\n margin-bottom: 0;\n }\n q {\n quotes: '\\201c' '\\201d';\n }\n q::before {\n content: open-quote;\n }\n q::after {\n content: close-quote;\n }\n .o-List {\n padding-left: 0;\n }\n .o-Tablist {\n margin-top: 0;\n margin-left: 0;\n margin-right: 0;\n padding: 0;\n }\n .o-Tablist > .o-Flex {\n margin-bottom: 0;\n }\n h1:hover > .c-Permalink,\n h2:hover > .c-Permalink,\n h3:hover > .c-Permalink,\n h4:hover > .c-Permalink,\n h5:hover > .c-Permalink,\n h6:hover > .c-Permalink {\n position: static;\n }\n h1 {\n line-height: 1;\n }\n h2 {\n line-height: 1.5;\n }\n h3 {\n line-height: 1;\n }\n h4 {\n line-height: 1.5;\n }\n h5 {\n line-height: 2;\n }\n h6 {\n line-height: 3;\n }\n pre {\n line-height: 2;\n }\n .-fz-el-peta {\n line-height: 1 !important;\n }\n .-fz-el-tera {\n line-height: 1.125 !important;\n }\n .-fz-el-giga {\n line-height: 1 !important;\n }\n .-fz-el-mega {\n line-height: 1.5 !important;\n }\n .-fz-el-kilo {\n line-height: 1 !important;\n }\n .-fz-el-norm {\n line-height: 1.5 !important;\n }\n .-fz-el-mill {\n line-height: 2 !important;\n }\n .-fz-el-micr {\n line-height: 3 !important;\n }\n html {\n line-height: 1.5;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n pre,\n figure,\n blockquote,\n ol,\n ul,\n dl,\n table,\n form,\n fieldset,\n textarea,\n details {\n margin-bottom: 1.5rem;\n }\n h1 {\n padding-top: 1.5rem;\n }\n textarea {\n height: 9rem;\n }\n .h-Ruled {\n background-size: 1px 1.5rem;\n }\n}\n","\n/*================================*\\\n reset.css\n\\*================================*/\n\n\nbody {\n text-align: start; /* HACK fallback */\n text-align: initial; /* fix unsupported browsers initial value */\n background: #fff;\n color: #000;\n}\n\nsup, sub {\n vertical-align: initial; /* HACK fallback */\n vertical-align: unset;\n}\nbody,\nh1, h2, h3, h4, h5, h6,\nhr,\np, figure, blockquote, pre,\nol, ul, dl,\ndd,\nfieldset {\n margin: initial; /* HACK fallback */\n margin: unset;\n}\nol, ul,\nth, td,\nlegend {\n padding: initial; /* HACK fallback */\n padding: unset;\n}\nh1, h2, h3, h4, h5, h6,\naddress,\npre,\nth,\nem, strong, i, small,\ndfn, b, var, cite, sup, sub,\ncode, kbd, samp {\n font: inherit;\n}\ncaption,\nth {\n text-align: inherit; /* HACK fallback */\n text-align: unset;\n}\npre {\n white-space: inherit; /* HACK fallback */\n white-space: unset;\n}\na,\nu, s,\nins, del {\n text-decoration: initial; /* HACK fallback */\n text-decoration: unset;\n}\nmark {\n color: inherit; /* HACK fallback */\n color: unset;\n}\n","\n/*################################*\\\n xmeter | _base.less\n\\*################################*/\n\n\n// Contents\n// ------------------------------------\n// # GENERIC...........................`html` and far-reaching page-wide selectors\n// # SECTIONS..........................sections, articles, headers, footers, headings\n// # GROUPING..........................grouping content\n// ## Paragraphs.........................paragraphs, block-level textual elements\n// ## Lists..............................ordered, unordered, dictionary\n// ## Tables.............................tables\n// # TEXT..............................text-level, phrasing (inline) content and links\n// ## Links..............................inline hyperlinks\n// ## Stress.............................text outstanding from surrounding prose\n// ## Documentation......................documentation elements\n// ## Data...............................machine- or human-readable data\n// # FORMS.............................form elements\n// # EMBEDDED..........................images, videos, other media\n// # INTERACTIVE.......................user-interactive HTML elements\n\n\n//++++++++++++++++++++++++++++++++//\n// # GENERIC\n//++++++++++++++++++++++++++++++++//\n* {\n &,\n &::before,\n &::after {\n content: none;\n box-sizing: border-box;\n column-rule: 0 solid; // change initial column-rule from `medium none`\n @media print {\n background: transparent !important;\n box-shadow: none !important;\n text-shadow: none !important;\n }\n }\n &:not(input):not(button):not(select), // NOTE be careful here: if overriding, specificity > 3\n // &:not(input, button, select), // CHANGED selector not supported yet\n &::before,\n &::after {\n border: 0 solid; // change initial border from `medium none`\n }\n}\n\nhtml {\n --line-height: 1.5; // default line-height. NOTE: change in your own project if you wish.\n --lh: calc(~'var(--line-height) * 1rem'); // HACK fallback for `lh` units (https://drafts.csswg.org/css-values/#lh)\n --vru: var(--lh); // CHANGED DEPRECATED: legacy support\n // addresses support for `rem` units (otherwise these would be in `body` selector)\n font-size: 100%; // defined by user agent\n line-height: var(--line-height);\n}\n\n// Vertical spacing between typographical blocks\n// NOTE: `textarea` is inline by default but overriding here: should be block (opinionated)\nh1, h2, h3, h4, h5, h6,\np, pre, figure, blockquote,\nol, ul, dl,\ntable,\nform, fieldset, textarea,\ndetails {\n margin-bottom: var(--lh);\n margin-bottom: 1lh;\n @supports (margin-block-end: var(--variable)) {\n margin-bottom: unset;\n margin-block-end: var(--lh);\n margin-block-end: 1lh;\n }\n}\nh1 {\n padding-top: var(--lh);\n padding-top: 1lh;\n @supports (padding-block-start: var(--variable)) {\n padding-top: unset;\n padding-block-start: var(--lh);\n padding-block-start: 1lh;\n }\n}\n\n// Font sizes for text-level elements should be in units of `em` instead of `rem` because\n// they should scale with their parents.\n// Also, inline elements should not affect vertical rhythm, thus line-heights are zero.\n// (The `display` property of these elements should automatically\n// have a value of `inline` (do not set manually), either by browser default\n// or by CSS **initial value**.)\nspan, br,\nem, strong, i, mark, u, small, s,\ndfn, b, abbr, var, q, cite, sup, sub,\ndata, time, code, kbd, samp,\nlabel {\n line-height: 0;\n}\n\n// Elements with a transparent content model\n// should display what their contents display.\na, ins, del {\n // display: inherit;\n // line-height: inherit;\n // h1 > &, h2 > &, h3 > &, h4 > &, h5 > &, h6 > &,\n // p > &, pre > &,\n // figure > &, figcaption > &, blockquote > &,\n // li > &, dt > &, dd > &,\n // caption > &, th > &, td > &,\n // legend > &, summary > & {\n // display: inline;\n // line-height: 0;\n // }\n}\n//++++ end # GENERIC ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # SECTIONS\n//++++++++++++++++++++++++++++++++//\nbody {\n}\nmain {\n}\nsection {\n}\narticle {\n}\naside {\n}\nnav {\n}\nmain {\n}\nheader {\n}\nfooter {\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-weight: 700;\n}\nh1 { .font-size-el(@g-font-size-h1; 2); }\nh2 { .font-size-el(@g-font-size-h2; 2); }\nh3 { .font-size-el(@g-font-size-h3); }\nh4 { .font-size-el(@g-font-size-h4); }\nh5 { .font-size-el(@g-font-size-h5); }\nh6 { .font-size-el(@g-font-size-h6); }\n\nh1 {\n margin-top: initial; // HACK fallback for `unset`\n margin-top: unset; // HACK fallback for logical\n margin-block-start: unset; // undo Normalize\n}\n\naddress {\n}\n//++++ end # SECTIONS ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # GROUPING\n//++++++++++++++++++++++++++++++++//\ndiv {\n}\nhr {\n display: none;\n}\n //--------------------------------//\n // ## Paragraphs\n //--------------------------------//\n p {\n }\n pre {\n .font-size-el(@g-font-size-mill);\n text-align: left; // code blocks are always aligned left, regardless of writing mode\n text-indent: 0;\n white-space: pre;\n overflow: auto;\n }\n figure {\n // undo Normalize\n margin-top: initial; margin-left: initial; margin-right: initial; // HACK fallbacks for `unset`\n margin-top: unset ; margin-left: unset ; margin-right: unset ; // HACK fallbacks for logical\n margin-block-start: unset;\n margin-inline: unset;\n }\n figcaption {\n }\n blockquote {\n }\n //---- end ## Paragraphs ----//\n\n //--------------------------------//\n // ## Lists\n //--------------------------------//\n ol,\n ul,\n dl {\n li > &,\n dt > &,\n dd > & {\n margin-bottom: initial; // HACK fallback for `unset`\n margin-bottom: unset; // HACK fallback for logical\n margin-block-end: unset; // undo default vertical spacing for nested lists\n }\n }\n ol,\n ul {\n padding: 0 0 0 4rem; // HACK fallback for logical\n padding: logical 0 4rem 0 0;\n li > &,\n dt > &,\n dd > & {\n padding-left: 2rem; // HACK fallback for logical\n @supports (padding-inline-start: 1rem) {\n padding-left: unset;\n padding-inline-start: 2rem;\n }\n }\n }\n ol {\n list-style-type: decimal;\n }\n ul {\n list-style-type: disc; // not using `initial` because we explicitly want `disc`\n }\n dl {\n list-style: none; // remove counters from `dl > li`\n }\n li {\n }\n dt {\n }\n dd {\n }\n //---- end ## Lists ----//\n\n //--------------------------------//\n // ## Tables\n //--------------------------------//\n table {\n max-width: 100%; // fluid tables for responsive purposes\n border-collapse: collapse;\n text-align: left; // fix browser BUG... which? file an issue!\n }\n caption {\n text-align: center;\n }\n thead,\n tfoot {\n vertical-align: bottom; // for heading alignment\n }\n thead {\n }\n tfoot {\n }\n tbody {\n vertical-align: top; // for data alignment\n }\n tr {\n }\n th {\n font-weight: 700;\n }\n td {\n }\n //---- end ## Tables ----//\n//++++ end # GROUPING ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # TEXT\n//++++++++++++++++++++++++++++++++//\n// NB: RECOMMENDATION:\n// Do not use `br` to indicate line breaks, use CSS instead.\n// One exception: MAY use `address > br` to indicate line breaks (by convention)\nbr {\n}\n //--------------------------------//\n // ## Links\n //--------------------------------//\n // NB: RECOMMENDATION:\n // Do not style `a` elements without the `[href]` attribute.\n // Such elements are “placeholder anchors,” which do not lead anywhere.\n // A placeholder anchor can represent a placeholder for where a hyperlink might otherwise be placed,\n // or it can represent an anchor whose reference may change based on context (e.g., user interaction).\n //\n // Link color should have sufficient contrast with the background color\n // *as well as* sufficient contrast with surrounding non-link text color.\n // - Background contrast ratio:\n // - to meet AA level: 4.5 normal ; 3.0 large (18pt or 14pt bold)\n // - to meet AAA level: 7.0 normal ; 4.5 large (18pt or 14pt bold)\n // - Surrounding text contrast ratio:\n // - 3.0 for all\n // Read Technique G183 for details: \n a[href] {\n // color: #00e; // default :link\n // color: #551a8b; // default :visited\n // color: #f00; // default :active\n color: #06c; // 5.57 aginst white, 3.77 against black\n }\n //---- end ## Links ----//\n\n //--------------------------------//\n // ## Stress\n //--------------------------------//\n em {\n font-style: italic;\n }\n strong {\n font-weight: 700;\n }\n i {\n font-style: italic;\n }\n mark {\n background-color: fadeout(#ffe168, 50%); // Google-flavored comments in Google Docs\n }\n u {\n text-decoration: underline; // HACK fallback\n text-decoration-line: underline;\n color: #080;\n }\n small {\n font-size: (@g-font-size-mill * 1em);\n }\n s {\n text-decoration: line-through; // HACK fallback\n text-decoration-line: line-through;\n color: #b00;\n }\n //---- end ## Stress ----//\n\n //--------------------------------//\n // ## Documentation\n //--------------------------------//\n ins {\n background-color: #acf2bd; // GitHub-flavored diff\n }\n del {\n background-color: #fdb8c0; // GitHub-flavored diff\n }\n dfn {\n font-style: inherit; // undo Normalize\n font-weight: 700;\n }\n b {\n font-weight: 700;\n }\n abbr {\n &[title] {\n cursor: help;\n text-decoration: none; // HACK fallback for `text-decoration-line` // also IE fallback for `initial`\n text-decoration-line: initial; // HACK fallback for `unset`\n text-decoration-line: unset; // undo Normalize\n }\n }\n var {\n font-style: italic;\n }\n q {\n .delims(initial);\n }\n cite {\n font-style: italic;\n }\n sup, sub {\n font-size: (@g-font-size-mill * 1em);\n }\n sup {\n }\n sub {\n }\n //---- end ## Documentation ----//\n\n //--------------------------------//\n // ## Data\n //--------------------------------//\n data {\n }\n time {\n }\n code, kbd, samp {\n font-size: (@g-font-size-mill * 1em);\n white-space: nowrap;\n & & {\n font-size: inherit; // undo compounding font sizes\n }\n pre & {\n white-space: inherit; // HACK fallback\n white-space: unset; // sometimes people put a `code` in a `pre` // override `nowrap` above\n }\n }\n code {\n }\n kbd {\n }\n samp {\n }\n //---- end ## Data ----//\n//++++ end # TEXT ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # FORMS\n//++++++++++++++++++++++++++++++++//\n@p-color-gray: rgba(0,0,0, 0.25);\n\nfieldset {\n padding: 0 1rem;\n}\n\ntextarea,\ninput {\n padding: 0 0.25rem;\n}\n\ninput,\nbutton,\nselect,\ntextarea {\n line-height: inherit; // undo browser default\n}\n\nhtml body fieldset { // HACK need a specificity of 3 to override generic `*:not(input):not(button):not(select)`\n .border-vert(all; 1px);\n .border-block(all; 1px);\n border-style: solid;\n border-color: @p-color-gray;\n // NOTE cannot use box-shadow hack due to shadow covering \n}\ntextarea {\n box-shadow: 0 0 0 1px @p-color-gray; // HACK vertical border hack\n}\n\ntextarea {\n display: block; // override browser default\n height: calc(~'6 * var(--lh)');\n height: 6lh;\n width: 30rem;\n block-size: calc(~'6 * var(--lh)');\n block-size: 6lh;\n inline-size: 30rem;\n font-size: (@g-font-size-mill * 1rem); // .font-size-mod(@g-font-size-mill); // textarea cannot contain any element children\n}\n\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\nbutton,\nlabel {\n cursor: pointer;\n}\n\ninput:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]),\n// input:not([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), // CHANGED selector not supported yet\nselect {\n font-size: (@g-font-size-mill * 1em);\n}\n\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\nbutton {\n padding: 0.125em 0.25em;\n}\n\nselect[multiple] > optgroup > option {\n padding-left: 1rem;\n padding-inline-start: 1rem;\n}\n//++++ end # FORMS ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # EMBEDDED\n//++++++++++++++++++++++++++++++++//\n// [1] Correct squishing when one dimension changes\n// [2] fluid images for responsive purposes\n// [3] offset `[alt]` attribute text from surrounding copy\n// [4] safer alternative to `display: block;`\nimg {\n // HACK fallbacks for logical properties\n height: auto; width: auto;\n max-width: 100%;\n block-size: auto; inline-size: auto; // [1]\n max-inline-size: 100%; // [2]\n font-style: italic; // [3]\n vertical-align: middle; // [4]\n}\n//++++ end # EMBEDDED ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # INTERACTIVE\n//++++++++++++++++++++++++++++++++//\nsummary {\n cursor: pointer;\n}\n\ndialog {\n padding: calc(0.5 ~'*' var(--lh)) 1rem; // COMBAK-FALLBACK\n padding: 0.5lh 1rem;\n &::backdrop {\n background-color: @p-color-gray;\n }\n}\n//++++ end # INTERACTIVE ++++//\n","\n/*################################*\\\n xmeter | _o-List.less\n\\*################################*/\n\n\n// The List Object\n//\n// A simple, plain, blocky list.\n// It removes the usual padding and list item markers accompanied by (un)ordered lists.\n// The result is a list of items, each on its own line.\n// Combine this class with other classes to create a variety of styles.\n//
    \n//
    author
    Chris Harvey
    \n//
    updated
    \n//
    \n//\n// Markup:\n//
      \n//
    • Burns & McDonnell Engineering
      • \n//
    • DIS-TRAN Steel, LLC
      • \n//
    • EDM International
      • \n//
    • Electrical Consultants, Inc.
      • \n//
    • Fabrimet Inc.
      • \n//
    • Falcon Steel Company
      • \n//
    \n//\n// Weight: 1\n//\n// Styleguide Objects.List\n.o-List {\n padding-left: initial; // HACK fallback for `unset`\n padding-left: unset;\n list-style: none;\n}\n\n.o-List__Item {\n}\n\n@media screen and (min-width: 30em) { .o-List-sK { .o-List; } .o-List__Item-sK { .o-List__Item; } }\n@media screen and (min-width: 45em) { .o-List-sM { .o-List; } .o-List__Item-sM { .o-List__Item; } }\n@media screen and (min-width: 60em) { .o-List-sG { .o-List; } .o-List__Item-sG { .o-List__Item; } }\n@media screen and (min-width: 75em) { .o-List-sT { .o-List; } .o-List__Item-sT { .o-List__Item; } }\n@media screen and (min-width: 90em) { .o-List-sP { .o-List; } .o-List__Item-sP { .o-List__Item; } }\n@media not all and (min-width: 30em) { .o-List-nK { .o-List; } .o-List__Item-nK { .o-List__Item; } }\n@media not all and (min-width: 45em) { .o-List-nM { .o-List; } .o-List__Item-nM { .o-List__Item; } }\n@media not all and (min-width: 60em) { .o-List-nG { .o-List; } .o-List__Item-nG { .o-List__Item; } }\n@media not all and (min-width: 75em) { .o-List-nT { .o-List; } .o-List__Item-nT { .o-List__Item; } }\n@media not all and (min-width: 90em) { .o-List-nP { .o-List; } .o-List__Item-nP { .o-List__Item; } }\n","////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n///////--- CHANGED DEPRECATED! Use `require('aria-patterns')` instead! ---////////\n////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n\n/*################################*\\\n xmeter | _h-Hidden.less\n\\*################################*/\n\n\n// Hidden\n//\n// **CHANGED. DEPRECATED. This helper has been moved to https://github.com/chharvey/aria-patterns.**\n//\n// The Hidden Helper visually hides an element while keeping it accessible\n// to non-visual media such as screen readers.\n// A skip link is a common example.\n//
    \n//
    author
    Chris Harvey
    \n//
    updated
    \n//
    \n//\n// Markup:\n// skip to main content\n//\n// :focus - On focus, the element returns to static position.\n//\n// Weight: 4\n//\n// Styleguide Helpers.Hidden\n.h-Hidden {\n &:not(:focus) {\n position: absolute;\n }\n left: -999999px;\n @supports (inset-inline-start: 0) {\n left: 0;\n inset-inline-start: -999999px;\n }\n}\n\n@media screen and (min-width: 30em) { .h-Hidden-sK { .h-Hidden; } }\n@media screen and (min-width: 45em) { .h-Hidden-sM { .h-Hidden; } }\n@media screen and (min-width: 60em) { .h-Hidden-sG { .h-Hidden; } }\n@media screen and (min-width: 75em) { .h-Hidden-sT { .h-Hidden; } }\n@media screen and (min-width: 90em) { .h-Hidden-sP { .h-Hidden; } }\n@media not all and (min-width: 30em) { .h-Hidden-nK { .h-Hidden; } }\n@media not all and (min-width: 45em) { .h-Hidden-nM { .h-Hidden; } }\n@media not all and (min-width: 60em) { .h-Hidden-nG { .h-Hidden; } }\n@media not all and (min-width: 75em) { .h-Hidden-nT { .h-Hidden; } }\n@media not all and (min-width: 90em) { .h-Hidden-nP { .h-Hidden; } }\n","////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n///////--- CHANGED DEPRECATED! Use `require('aria-patterns')` instead! ---////////\n////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n\n/*################################*\\\n xmeter | _o-Tablist.less\n\\*################################*/\n\n\n// The Tablist Object\n//\n// **WARNING: CHANGED: This object is DEPRECATED.\n// This object will be removed in Version 7.**\n// It will be replaced by the Tablist Object in https://github.com/chharvey/aria-patterns.\n//\n// The Tablist Object contains a series of corresponding tabs and panels.\n// It is similar to a carousel, but only one panel is shown at a time and\n// there is no timed automatic progression.\n//\n// Tabs and corresponding panels follow subsequently, as so:\n//
    tab-0, panel-0, tab-1, panel-1, tab-2, panel-2, etc.
    \n//\n// Note: All radio buttons in a group must have the same `[name]` attribute.\n// While the `[name]` attribute prevents the user from selecting multiple radio buttons\n// within the same groupat the same time, radio buttons should also be grouped within a\n// `fieldset` element (or if not a fieldset, any element with `[aria-role=\"group\"]`).\n// Additionally, that `fieldest` element should also contain a visible `legend:first-child` element\n// (or if using an `[aria-role=\"group\"]`, it should contain an `[aria-label]` attribute).\n//\n// Note: Enable Javascript to view carousel effects.\n// Without Javascript, this object won’t look like a carousel, just a regular `
    ` list.\n//\n//
    \n//
    author
    Chris Harvey
    \n//
    updated
    \n//
    \n//\n// Markup:\n//
    \n// Tabs\n//
    \n//
    \n// \n//
    \n//
    \n//

    This is slide 1. Switch to the next panel by clicking its heading.

    \n//
    \n//
    \n// \n//
    \n//
    \n//

    This is slide 2. This slide is slightly larger than slide 1.

    \n//

    This is slide 2. This slide is slightly larger than slide 1.

    \n//
    \n//
    \n// \n//
    \n//
    \n//

    This is slide 3. The largest slide.

    \n//

    This is slide 3. The largest slide.

    \n//

    This is slide 3. The largest slide.

    \n//
    \n//
    \n//
    \n//\n// Weight: 4\n//\n// Styleguide Objects.Tablist\n.o-Tablist {\n display: contents;\n width: 100%; // HTML Spec BUG: \n\n //---- if `display:contents` is not supported, unset all box styles: ----//\n margin-top: initial; margin-left: initial; margin-right: initial; // HACK fallbacks for `unset`\n margin-top: unset ; margin-left: unset ; margin-right: unset ; // HACK fallbacks for logical\n margin-block-start: unset;\n margin-inline: unset;\n\n padding: initial; // HACK fallback for `unset`\n padding: unset; // unset fieldset base\n\n border: 0; // unset fieldset base\n\n & > .o-Flex {\n flex-wrap: wrap;\n margin-bottom: initial; // HACK fallback\n margin-bottom: unset; // fixes a BUG where fieldset vertical margins don’t collapse\n }\n}\n\n\n// Tab\n//\n// The Tab subcomponent is a child of the Tablist Object.\n// It represents a tab for a panel, and semantically consists of a radio button\n// (although it may not appear anything like a radio button).\n//
    \n//
    author
    Chris Harvey
    \n//
    updated
    \n//
    \n//\n// Markup:\n//
    \n// \n//
    \n//\n// .o-Tablist__Tab--js-selected - selected tab style (extend with your own skin)\n//\n// Weight: 1\n//\n// Styleguide Objects.Tablist.Tab\n.o-Tablist__Tab {\n}\n// NOTE! Do not add this class manually.\n// It will be added automatically by `o-Tablist.js`.\n.o-Tablist__Tab--js-selected {\n}\n\n.o-Tablist__Check {\n position: absolute; // override `.h-Hidden:focus`\n}\n\n\n// Panel\n//\n// The Panel subcomponent is a child of the Tablist Object.\n// It represents a panel, and can contain any content.\n//
    \n//
    author
    Chris Harvey
    \n//
    updated
    \n//
    \n//\n// Markup:\n//
    \n//

    This is slide 4.

    \n//
    \n//\n// .o-Tablist__Panel--js-selected - selected panel style (extend with your own skin)\n//\n// Weight: 2\n//\n// Styleguide Objects.Tablist.Panel\n.o-Tablist__Panel {\n order: 1;\n flex: 100%;\n}\n// NOTE! Do not add this class manually.\n// It will be added automatically by `o-Tablist.js`.\n.o-Tablist__Panel--js-selected {\n}\n","\n/*################################*\\\n xmeter | __tool.fontsize.less\n\\*################################*/\n\n\n// Sets the font size of a module while preserving vertical rhythm.\n// Modules use their own typographical systems with their own \"vertical rhythm units.\"\n// Font size is set in rems so that the module can be placed anywhere without changing appearance.\n// Line height is simply set to that of the root element, so that the \"vertical rhythm unit\"\n// scales with font size. (Effectively the same as `inherit`.)\n// Typographical blocks within this module will be vertically spaced accordingly:\n// as the font-size of this module increases, so does vertical spacing.\n//\n// ^params\n// @ratio - (default: 1) the ratio of the new font size to the root font size, i.e., the number of rems\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2016-10-01\n.font-size-mod(@ratio: 1) {\n font-size: (@ratio * 1rem);\n // line-height: inherit; // NOTE clarification\n & > * {\n --lh: calc(@ratio ~' * var(--line-height) * 1rem'); // @ratio * parent lh\n }\n}\n\n// Sets the font size of an element within a module (or if not, in the root)\n// while preserving vertical rhythm.\n// Font size is set in ems so that it will scale accordingly with its\n// parent module’s (or the root’s) font size.\n// Line height is adjusted so that it remains a constant \"vertical rhythm unit\"\n// of the parent module (or root).\n// `font-size` * `line-height` = one vertical rhythm unit\n//\n// ^params\n// @ratio - (default: 1) the ratio of the new font size to\n// the parent font size, i.e., the number of ems\n// @lines - (default: 1) the number of vrus each line of text will take up.\n// should be a whole number to satisfy vertical rhythm.\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2016-10-01\n.font-size-el(@ratio: 1; @lines: 1) {\n font-size: (@ratio * 1em);\n line-height: calc(~'var(--line-height) / ' (@ratio/@lines));\n}\n","\n/*################################*\\\n xmeter | _h-Block.less\n\\*################################*/\n\n\n// Block\n//\n// The Block Helper displays an element as a block, with an inherited line-height to maintain vertical rhythm.\n//
    \n//
    author
    Chris Harvey
    \n//
    updated
    \n//
    \n//\n// Markup:\n//

    Albert Einstein was made famous by his equation\n// E = mc2\n// which explains the relationship between energy and mass.

    \n//\n// Weight: 1\n//\n// Styleguide Helpers.Block\n.h-Block {\n display: block;\n line-height: inherit; // HACK fallback for `unset`\n line-height: unset;\n}\n\n@media screen and (min-width: 30em) { .h-Block-sK { .h-Block; } }\n@media screen and (min-width: 45em) { .h-Block-sM { .h-Block; } }\n@media screen and (min-width: 60em) { .h-Block-sG { .h-Block; } }\n@media screen and (min-width: 75em) { .h-Block-sT { .h-Block; } }\n@media screen and (min-width: 90em) { .h-Block-sP { .h-Block; } }\n@media not all and (min-width: 30em) { .h-Block-nK { .h-Block; } }\n@media not all and (min-width: 45em) { .h-Block-nM { .h-Block; } }\n@media not all and (min-width: 60em) { .h-Block-nG { .h-Block; } }\n@media not all and (min-width: 75em) { .h-Block-nT { .h-Block; } }\n@media not all and (min-width: 90em) { .h-Block-nP { .h-Block; } }\n","\n/*################################*\\\n xmeter | _o-Flex.less\n\\*################################*/\n\n\n// The Flex Object\n//\n// The Flex Object is a container of flexible items arranged in one dimension.\n//\n// The axis, called the main-axis, is horizontal by default, but you can\n// change the orientation to vertical using flex-direction.\n//\n// Also by default, the items along the main-axis do not wrap to the next track (row or column),\n// but you can use flex-wrap to override this as well. If wrapping is turned on,\n// the point where the wrap occurs is not controlled. This is by design.\n// For two-dimensional control, see the Grid Object.\n//\n// Each flex item has a main size of auto, which defers to its\n// width (or height) property. If that property is not explicitly set\n// (or is explicitly set to auto), then the item’s main size will set\n// automatically based its contents.\n//\n// The flex items will grow or shrink together to fit into the allotted space.\n// By default, the extra space (if any) will be distributed between the items.\n// You can override this with justify-content.\n//\n// See https://css-tricks.com/snippets/css/a-guide-to-flexbox/ for details.\n//
    \n//
    author
    Chris Harvey
    \n//
    updated
    \n//
    \n//\n// Markup:\n//
      \n//
    • Burns & McDonnell Engineering
      • \n//
    • DIS-TRAN Steel, LLC
      • \n//
    • EDM International
      • \n//
    • Electrical Consultants, Inc.
      • \n//
    • Fabrimet Inc.
      • \n//
    • Falcon Steel Company
      • \n//
    • Sabre-FWT
      • \n//
    • HDR
      • \n//
    • Mitas Energy
      • \n//
    • Power Consulting Associates, LLC
      • \n//
    • Power Line Systems, Inc.
      • \n//
    • Quanta Services
      • \n//
    • ReliaPOLE Inspection Services
      • \n//
    \n//\n// Weight: 2\n//\n// Styleguide Objects.Flex\n.o-Flex {\n display: flex;\n line-height: inherit; // override lh-z on text-level elements\n justify-content: space-between;\n}\n\n.o-Flex__Item {\n flex: auto;\n}\n\n@media screen and (min-width: 30em) { .o-Flex-sK { .o-Flex; } .o-Flex__Item-sK { .o-Flex__Item; } }\n@media screen and (min-width: 45em) { .o-Flex-sM { .o-Flex; } .o-Flex__Item-sM { .o-Flex__Item; } }\n@media screen and (min-width: 60em) { .o-Flex-sG { .o-Flex; } .o-Flex__Item-sG { .o-Flex__Item; } }\n@media screen and (min-width: 75em) { .o-Flex-sT { .o-Flex; } .o-Flex__Item-sT { .o-Flex__Item; } }\n@media screen and (min-width: 90em) { .o-Flex-sP { .o-Flex; } .o-Flex__Item-sP { .o-Flex__Item; } }\n@media not all and (min-width: 30em) { .o-Flex-nK { .o-Flex; } .o-Flex__Item-nK { .o-Flex__Item; } }\n@media not all and (min-width: 45em) { .o-Flex-nM { .o-Flex; } .o-Flex__Item-nM { .o-Flex__Item; } }\n@media not all and (min-width: 60em) { .o-Flex-nG { .o-Flex; } .o-Flex__Item-nG { .o-Flex__Item; } }\n@media not all and (min-width: 75em) { .o-Flex-nT { .o-Flex; } .o-Flex__Item-nT { .o-Flex__Item; } }\n@media not all and (min-width: 90em) { .o-Flex-nP { .o-Flex; } .o-Flex__Item-nP { .o-Flex__Item; } }\n","\n/*################################*\\\n xmeter | _o-Grid.less\n\\*################################*/\n\n\n// The Grid Object\n//\n// The Grid Object is similar to the Flex Object except that it can be controlled in two dimensions.\n//\n// It has the structure of a list in that all items share the same container\n// (unlike tables where cells might not share the same row), while at the same time\n// appearing like a table with rows and columns.\n//\n// The Grid Object has one column at 1fr, unless overridden.\n// Using CSS Grid properties and media queries, you can achieve a flexible and responsive table effect,\n// adjusting the number of columns and rows based on screen size and/or content.\n//\n// See https://css-tricks.com/snippets/css/complete-guide-grid/ for details.\n//
    \n//
    author
    Chris Harvey
    \n//
    updated
    \n//
    \n//\n// Markup:\n//
      \n//
    • Burns & McDonnell Engineering
      • \n//
    • DIS-TRAN Steel, LLC
      • \n//
    • EDM International
      • \n//
    • Electrical Consultants, Inc.
      • \n//
    • Fabrimet Inc.
      • \n//
    • Falcon Steel Company
      • \n//
    • Sabre-FWT
      • \n//
    • HDR
      • \n//
    • Mitas Energy
      • \n//
    • Power Consulting Associates, LLC
      • \n//
    • Power Line Systems, Inc.
      • \n//
    • Quanta Services
      • \n//
    • ReliaPOLE Inspection Services
      • \n//
    • Sabre-FWT
      • \n//
    • SAE Towers
      • \n//
    • TAPP Steel Poles
      • \n//
    • Trinity Meyer Utility Structures
      • \n//
    • TRC Engineers
      • \n//
    • Underground Devices
      • \n//
    • Valmont Newmark
      • \n//
    \n//\n// Weight: 3\n//\n// Styleguide Objects.Grid\n.o-Grid {\n display: grid;\n line-height: inherit; // override lh-z on text-level elements\n grid-template-columns: 1fr;\n}\n\n.o-Grid__Item {\n}\n\n@media screen and (min-width: 30em) { .o-Grid-sK { .o-Grid; } .o-Grid__Item-sK { .o-Grid__Item; } }\n@media screen and (min-width: 45em) { .o-Grid-sM { .o-Grid; } .o-Grid__Item-sM { .o-Grid__Item; } }\n@media screen and (min-width: 60em) { .o-Grid-sG { .o-Grid; } .o-Grid__Item-sG { .o-Grid__Item; } }\n@media screen and (min-width: 75em) { .o-Grid-sT { .o-Grid; } .o-Grid__Item-sT { .o-Grid__Item; } }\n@media screen and (min-width: 90em) { .o-Grid-sP { .o-Grid; } .o-Grid__Item-sP { .o-Grid__Item; } }\n@media not all and (min-width: 30em) { .o-Grid-nK { .o-Grid; } .o-Grid__Item-nK { .o-Grid__Item; } }\n@media not all and (min-width: 45em) { .o-Grid-nM { .o-Grid; } .o-Grid__Item-nM { .o-Grid__Item; } }\n@media not all and (min-width: 60em) { .o-Grid-nG { .o-Grid; } .o-Grid__Item-nG { .o-Grid__Item; } }\n@media not all and (min-width: 75em) { .o-Grid-nT { .o-Grid; } .o-Grid__Item-nT { .o-Grid__Item; } }\n@media not all and (min-width: 90em) { .o-Grid-nP { .o-Grid; } .o-Grid__Item-nP { .o-Grid__Item; } }\n","\n/*################################*\\\n xmeter | __tool.delims.less\n\\*################################*/\n\n\n// This tool adds opening and closing punctuation marks surrounding an element.\n// The punctuation marks are given by the `quotes` property.\n//\n// @arg - (default: `none`) an even number of space-separated left/right delimiters,\n// each pair used for one level of nested quotation.\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2016-05-05\n.delims(@arg: none) {\n quotes: @arg;\n &::before { content: open-quote; }\n &::after { content: close-quote; }\n}\n\n.parens() { .delims('(' ')'); }\n.brackets() { .delims('[' ']'); }\n.braces() { .delims('{' '}'); }\n.angles() { .delims('<' '>'); } // '\\003c' '\\003e' // < >\n\n.apos() { .delims('\\'' '\\''); } // '\\0027' '\\0027' // ' '\n.quot() { .delims('\\\"' '\\\"'); } // '\\0022' '\\0022' // " "\n\n.quotes-single() { .delims('\\2018' '\\2019'); } // '‘' '’' // ‘ ’\n.quotes-double() { .delims('\\201c' '\\201d'); } // '“' '”' // “ ”\n.guillemets-single() { .delims('\\2039' '\\203a'); } // '‹' '›' // ‹ ›\n.guillemets-double() { .delims('\\00ab' '\\00bb'); } // '«' '»' // « »\n","\n/*################################*\\\n xmeter | __tool.borders.less\n\\*################################*/\n\n\n// The following mixins adjust border widths for **BLOCK** Objects only! They will keep the\n// vertical rhythm intact when adding border widths (by slightly adjusting position and margins).\n// Do *not* use these mixins on INLINE Objects!\n//\n// NOTE: This mixin affects border width only (for structure). It does not affect cosmetics,\n// i.e., border style or color. To change these, you must include the `border-style` and\n// `border-color` properties after including this mixin.\n//\n// ```\n// .border-vert(top ; ); // adjust the top border\n// .border-vert(bottom; ); // adjust the bottom border\n// .border-vert(topbot; ); // adjust both the top and bottom borders\n// .border-vert(all ; ); // adjust all four borders\n// ```\n//\n// NOTE: In place of `.border-vert(all; ...)`, you may use a hack involving `box-shadow` to create\n// an effective border around an element, without using this tool and thus affecting the element’s\n// `margin-top` value.\n// The box-shadow must be outset, have an offset-x of 0, an offset-y of 0, a blur of 0,\n// a spread of `` (the effective border-width), and a color of `` (the effective border-color).\n// The color must be specified in the same declaration, and the effective border-style will always be solid.\n// ```\n// box-shadow: 0 0 0 ;\n// ```\n//\n// @width - (optional: `0`) value of `border-width`\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2017-11-28\n.border-vert(top; @width: 0) {\n border-top-width: @width;\n margin-top: (-@width);\n}\n\n.border-vert(bottom; @width: 0) {\n border-bottom-width: @width;\n margin-top: (-@width);\n}\n\n.border-vert(topbot; @width: 0) {\n border-top-width: @width;\n border-bottom-width: @width;\n margin-top: (-2 * @width);\n}\n\n.border-vert(all; @width: 0) {\n border-width: @width;\n margin-top: (-2 * @width);\n}\n\n// Logical Properties below\n\n.border-block(start; @width: 0) {\n border-block-start-width: @width;\n margin-block-start: (-@width);\n}\n\n.border-block(end; @width: 0) {\n border-block-end-width: @width;\n margin-block-start: (-@width);\n}\n\n.border-block(block; @width: 0) {\n border-block-width: @width;\n margin-block-start: (-2 * @width);\n}\n\n.border-block(all; @width: 0) {\n border-width: @width;\n margin-block-start: (-2 * @width);\n}\n","////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n///////--- CHANGED DEPRECATED! Use `require('aria-patterns')` instead! ---////////\n////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n\n/*################################*\\\n xmeter | _c-Permalink.less\n\\*################################*/\n\n\n// The Permalink\n//\n// **CHANGED. DEPRECATED. This component has been moved to https://github.com/chharvey/aria-patterns.**\n//\n// The Permalink Component is added to the end of a heading in a documentation system,\n// style guide, or pattern library. This Component is an internal link, and makes sections\n// within a document easy to access.\n// Use with .h-Inline and .h-Hidden.\n//
    \n//
    author
    Chris Harvey
    \n//
    updated
    \n//
    \n//\n// Pug:\n// 
    \n// section#section-title\n//   h1\n//     | Section Title\n//     != Xmeter.view({id: 'section-title'}).permalink()\n//
    \n//\n// Markup:\n//
    \n//

    \n// Section Title\n// §\n//

    \n//
    \n//\n// Weight: 1\n//\n// Styleguide Components.Permalink\n.c-Permalink {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n h1:hover > &,\n h2:hover > &,\n h3:hover > &,\n h4:hover > &,\n h5:hover > &,\n h6:hover > & {\n position: initial; // HACK fallback\n position: unset; // unset `.h-Hidden`\n }\n}\n\n@media screen and (min-width: 30em) { .c-Permalink-sK { .c-Permalink; } }\n@media screen and (min-width: 45em) { .c-Permalink-sM { .c-Permalink; } }\n@media screen and (min-width: 60em) { .c-Permalink-sG { .c-Permalink; } }\n@media screen and (min-width: 75em) { .c-Permalink-sT { .c-Permalink; } }\n@media screen and (min-width: 90em) { .c-Permalink-sP { .c-Permalink; } }\n@media not all and (min-width: 30em) { .c-Permalink-nK { .c-Permalink; } }\n@media not all and (min-width: 45em) { .c-Permalink-nM { .c-Permalink; } }\n@media not all and (min-width: 60em) { .c-Permalink-nG { .c-Permalink; } }\n@media not all and (min-width: 75em) { .c-Permalink-nT { .c-Permalink; } }\n@media not all and (min-width: 90em) { .c-Permalink-nP { .c-Permalink; } }\n","\n/*################################*\\\n xmeter | _h-Inline.less\n\\*################################*/\n\n\n// Inline\n//\n// The Inline Helper displays an element in line, with a line-height of 0 to maintain vertical rhythm.\n// This class is useful for creating inline lists,\n// that is, lists whose items are each displayed in line, one right after another.\n//
    \n//
    author
    Chris Harvey
    \n//
    updated
    \n//
    \n//\n// Markup:\n//
      \n//
    • spacetime
      • \n//
    • black hole
      • \n//
    • singularity
      • \n//
    • gravity
      • \n//
    • supernova
      • \n//
    • neutron star
      • \n//
        \n//\n// Weight: 2\n//\n// Styleguide Helpers.Inline\n.h-Inline {\n display: inline;\n line-height: 0;\n}\n\n@media screen and (min-width: 30em) { .h-Inline-sK { .h-Inline; } }\n@media screen and (min-width: 45em) { .h-Inline-sM { .h-Inline; } }\n@media screen and (min-width: 60em) { .h-Inline-sG { .h-Inline; } }\n@media screen and (min-width: 75em) { .h-Inline-sT { .h-Inline; } }\n@media screen and (min-width: 90em) { .h-Inline-sP { .h-Inline; } }\n@media not all and (min-width: 30em) { .h-Inline-nK { .h-Inline; } }\n@media not all and (min-width: 45em) { .h-Inline-nM { .h-Inline; } }\n@media not all and (min-width: 60em) { .h-Inline-nG { .h-Inline; } }\n@media not all and (min-width: 75em) { .h-Inline-nT { .h-Inline; } }\n@media not all and (min-width: 90em) { .h-Inline-nP { .h-Inline; } }\n","\n/*################################*\\\n xmeter | _h-Clearfix.less\n\\*################################*/\n\n\n// Clearfix\n//\n// The Clearfix Helper creates a line break after an element\n// in order to push subsequent content below the container.\n// This could be a container of floats, or it could simply be an inline list item.\n// Use this as an alternative to the br element.\n//\n// The Clearfix Helper is used in the classical sense in the first example below (to clear a float).\n// In the second example, the Clearfix Helper creates a line break after the 2nd inline item.\n//\n// The last example shows an alternative to marking up postal addresses.\n// Instead of adding br elements to create line breaks in\n// postal addresses—the traditional approach—you may wrap each line of the address\n// with spans using the Clearfix Helper. This approach may be easier if the spans are already present,\n// for example, from microdata markup.\n//\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
        \n//
        gravity
        \n//
        supernova
        \n//
        \n//
        spacetime black hole singularity
        \n//
          \n//
        • spacetime
          • \n//
        • black hole
          • \n//
        • singularity
          • \n//
        • neutron star
          • \n//
        \n//

        \n// The White House\n// 1600 Pennsylvania Ave NW\n// Washington, DC 20500\n//

        \n//\n// Weight: 3\n//\n// Styleguide Helpers.Clearfix\n\n// Example 1\n//\n// The Clearfix Helper is used in the classical sense: to clear a float.\n//\n// Markup:\n//
        \n//
        gravity
        \n//
        supernova
        \n//
        \n//
        spacetime black hole singularity
        \n//\n// Styleguide Helpers.Clearfix.1\n\n\n// Example 2\n//\n// The Clearfix Helper creates a line break after the 2nd inline list item.\n//\n// Markup:\n//
          \n//
        • spacetime
          • \n//
        • black hole
          • \n//
        • singularity
          • \n//
        • neutron star
          • \n//
        \n//\n// Styleguide Helpers.Clearfix.2\n\n\n// Example 3\n//\n// An alternative to marking up postal addresses.\n// Instead of adding br elements to create line breaks in\n// postal addresses—the traditional approach—you may wrap each line of the address\n// with spans using the Clearfix Helper. This approach may be easier if the spans are already present,\n// for example, from microdata markup.\n//\n// Markup:\n//

        \n// The White House\n// 1600 Pennsylvania Ave NW\n// Washington, DC 20500\n//

        \n//\n// Styleguide Helpers.Clearfix.3\n\n.h-Clearfix {\n &::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n\n@media screen and (min-width: 30em) { .h-Clearfix-sK { .h-Clearfix; } }\n@media screen and (min-width: 45em) { .h-Clearfix-sM { .h-Clearfix; } }\n@media screen and (min-width: 60em) { .h-Clearfix-sG { .h-Clearfix; } }\n@media screen and (min-width: 75em) { .h-Clearfix-sT { .h-Clearfix; } }\n@media screen and (min-width: 90em) { .h-Clearfix-sP { .h-Clearfix; } }\n@media not all and (min-width: 30em) { .h-Clearfix-nK { .h-Clearfix; } }\n@media not all and (min-width: 45em) { .h-Clearfix-nM { .h-Clearfix; } }\n@media not all and (min-width: 60em) { .h-Clearfix-nG { .h-Clearfix; } }\n@media not all and (min-width: 75em) { .h-Clearfix-nT { .h-Clearfix; } }\n@media not all and (min-width: 90em) { .h-Clearfix-nP { .h-Clearfix; } }\n","\n/*################################*\\\n xmeter | _h-Meaure.less\n\\*################################*/\n\n\n// Measure\n//\n// The Measure Helper constrains an element’s inline-size\n// (width, in horizontal writing modes) to a reasonable line length.\n//\n// The default style sets the max-inline-size of the block to 66 characters, but there are\n// narrow and wide variants for differing cases.\n//\n// The narrow variant is useful in mobile design when the user might want to\n// zoom in on text. Reading text with too large a measure on mobile devices requires a lot of\n// horizontal scrolling back and forth. Inversely, the wide variant is useful for\n// large type when you might not want the text to wrap as often.\n//\n// Because the block is capped at a character length,\n// this style is responsive to font-size. The bigger the font, the larger the line length\n// can be before the text wraps. Try adjusting your browser’s font size to see the effects.\n//\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//

        If the measure is too short, the reader’s eyes\n// have to dart back and forth more often, causing fatigue. If the measure is too long,\n// the reader is more likely to lose track of the previous line.

        \n//\n// .h-Measure--narrow - narrow variant constrains the size even tighter\n// .h-Measure--wide - wide variant is not as constrained\n//\n// Weight: 5\n//\n// Styleguide Helpers.Measure\n.h-Measure {\n max-width: 33em; // HACK fallback for `ch` unit\n max-width: 66ch;\n @supports (max-inline-size: 1ch) {\n max-width: unset;\n max-inline-size: 66ch;\n }\n}\n.h-Measure--narrow {\n max-width: 22.5em; // HACK fallback for `ch` unit\n max-width: 45ch;\n @supports (max-inline-size: 1ch) {\n max-width: unset;\n max-inline-size: 45ch;\n }\n}\n.h-Measure--wide {\n max-width: 45em; // HACK fallback for `ch` unit\n max-width: 90ch;\n @supports (max-inline-size: 1ch) {\n max-width: unset;\n max-inline-size: 90ch;\n }\n}\n\n@media screen and (min-width: 30em) { .h-Measure-sK { .h-Measure; } .h-Measure--narrow-sK { .h-Measure--narrow; } .h-Measure--wide-sK { .h-Measure--wide; } }\n@media screen and (min-width: 45em) { .h-Measure-sM { .h-Measure; } .h-Measure--narrow-sM { .h-Measure--narrow; } .h-Measure--wide-sM { .h-Measure--wide; } }\n@media screen and (min-width: 60em) { .h-Measure-sG { .h-Measure; } .h-Measure--narrow-sG { .h-Measure--narrow; } .h-Measure--wide-sG { .h-Measure--wide; } }\n@media screen and (min-width: 75em) { .h-Measure-sT { .h-Measure; } .h-Measure--narrow-sT { .h-Measure--narrow; } .h-Measure--wide-sT { .h-Measure--wide; } }\n@media screen and (min-width: 90em) { .h-Measure-sP { .h-Measure; } .h-Measure--narrow-sP { .h-Measure--narrow; } .h-Measure--wide-sP { .h-Measure--wide; } }\n@media not all and (min-width: 30em) { .h-Measure-nK { .h-Measure; } .h-Measure--narrow-nK { .h-Measure--narrow; } .h-Measure--wide-nK { .h-Measure--wide; } }\n@media not all and (min-width: 45em) { .h-Measure-nM { .h-Measure; } .h-Measure--narrow-nM { .h-Measure--narrow; } .h-Measure--wide-nM { .h-Measure--wide; } }\n@media not all and (min-width: 60em) { .h-Measure-nG { .h-Measure; } .h-Measure--narrow-nG { .h-Measure--narrow; } .h-Measure--wide-nG { .h-Measure--wide; } }\n@media not all and (min-width: 75em) { .h-Measure-nT { .h-Measure; } .h-Measure--narrow-nT { .h-Measure--narrow; } .h-Measure--wide-nT { .h-Measure--wide; } }\n@media not all and (min-width: 90em) { .h-Measure-nP { .h-Measure; } .h-Measure--narrow-nP { .h-Measure--narrow; } .h-Measure--wide-nP { .h-Measure--wide; } }\n","\n/*################################*\\\n xmeter | _h-Constrain.less\n\\*################################*/\n\n\n// Constrain\n//\n// The Constrain Helper limits an element’s maximum inline-size\n// (width, in horizontal writing modes), ensuring body content does not expand infinitely.\n// It is very similar to the `.h-Measure` Helper, but it is meant for large containers,\n// not for individual elements of prose (such as a paragraph or list).\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
        \n//

        content heading

        \n//

        This object is constrained to a maximum width. Expand\n// your browser window (or zoom out) to see the effect.

        \n//
        \n//\n// Weight: 5.1\n//\n// Styleguide Helpers.Constrain\n.h-Constrain {\n max-width: 90em; // HACK fallback for logical prop\n @supports (max-inline-size: 1em) {\n max-width: unset;\n max-inline-size: 90em;\n }\n margin-left: auto; margin-right: auto; // HACK fallback for logical prop\n margin-inline: auto;\n}\n\n@media screen and (min-width: 30em) { .h-Constrain-sK { .h-Constrain; } }\n@media screen and (min-width: 45em) { .h-Constrain-sM { .h-Constrain; } }\n@media screen and (min-width: 60em) { .h-Constrain-sG { .h-Constrain; } }\n@media screen and (min-width: 75em) { .h-Constrain-sT { .h-Constrain; } }\n@media screen and (min-width: 90em) { .h-Constrain-sP { .h-Constrain; } }\n@media not all and (min-width: 30em) { .h-Constrain-nK { .h-Constrain; } }\n@media not all and (min-width: 45em) { .h-Constrain-nM { .h-Constrain; } }\n@media not all and (min-width: 60em) { .h-Constrain-nG { .h-Constrain; } }\n@media not all and (min-width: 75em) { .h-Constrain-nT { .h-Constrain; } }\n@media not all and (min-width: 90em) { .h-Constrain-nP { .h-Constrain; } }\n","\n/*################################*\\\n xmeter | _h-Ruled.less\n\\*################################*/\n\n\n// Ruled\n//\n// The Ruled Helper adds background lines for designing with vertical rhythm.\n// Each line corresponds to one line of text. Lines are separated by one vertical rhythm unit (VRU).\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
        \n//

        For instance,\n// playing Ping-Pong on the train, one would find that\n// the ball obeyed Newton’s laws just like a ball on a table by the track.\n// So there is no way to tell whether it is the train or the earth that is moving.

        \n//

        The laws of science\n// should be the same for all freely moving observers,\n// no matter what their speed. This was true for Netwon’s laws of motion,\n// but now the idea was extended to include Maxwell’s theory. All observers\n// should measure the same speed of light, no matter how fast they are moving.

        \n//

        Gravity is not a force\n// like other forces, but is a consequence of the\n// fact that space-time is curved by the distribution of mass and energy in it.\n// An object in a gravitational field experiences the same effects as if it were\n// accelerating at a rate proportional to the strength of that gravitational field.

        \n//
        \n//\n// Weight: 6\n//\n// Styleguide Helpers.Ruled\n@p-color-gray: rgba(0,0,0, 0.25); // same as _base.less\n.h-Ruled {\n background-image: linear-gradient(to top, @p-color-gray 1px, transparent 1px);\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n // for logical background sizing, see `background-image-transform`: (extremely unstable)\n // https://www.w3.org/TR/css-logical-1/#propdef-background-image-transform\n}\n\n@media screen and (min-width: 30em) { .h-Ruled-sK { .h-Ruled; } }\n@media screen and (min-width: 45em) { .h-Ruled-sM { .h-Ruled; } }\n@media screen and (min-width: 60em) { .h-Ruled-sG { .h-Ruled; } }\n@media screen and (min-width: 75em) { .h-Ruled-sT { .h-Ruled; } }\n@media screen and (min-width: 90em) { .h-Ruled-sP { .h-Ruled; } }\n@media not all and (min-width: 30em) { .h-Ruled-nK { .h-Ruled; } }\n@media not all and (min-width: 45em) { .h-Ruled-nM { .h-Ruled; } }\n@media not all and (min-width: 60em) { .h-Ruled-nG { .h-Ruled; } }\n@media not all and (min-width: 75em) { .h-Ruled-nT { .h-Ruled; } }\n@media not all and (min-width: 90em) { .h-Ruled-nP { .h-Ruled; } }\n","\n/*################################*\\\n xmeter | _-fz.less\n\\*################################*/\n\n\n// font-size\n//\n// The font-size Atoms set the font-size property.\n//\n// These are two groups of Atoms: the first group simply sets the font size of an element,\n// and the second group uses the .font-size-el() mixin, which also affects line-height\n// for maintaining vertical rhythm. See __tool.fontsize.less for the mixin code.\n//\n// All font sizes are available in /src/__settings.less.\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
          \n//
        • universe (6.00)
          • \n//
        • galaxy (4.00)
          • \n//
        • star (3.00)
          • \n//
        • planet (2.00)
          • \n//
        • asteroid (1.50)
          • \n//
        • molecule (1.00)
          • \n//
        • atom (0.75)
          • \n//
        • quark (0.50)
          • \n//
        \n//
          \n//
        • universe (6.00/1.000)
          • \n//
        • galaxy (4.00/1.125)
          • \n//
        • star (3.00/1.000)
          • \n//
        • planet (2.00/1.500)
          • \n//
        • asteroid (1.50/1.000)
          • \n//
        • molecule (1.00/1.500)
          • \n//
        • atom (0.75/2.000)
          • \n//
        • quark (0.50/3.000)
          • \n//
        \n//\n// Weight: 1\n//\n// Styleguide Atoms.font-size\n\n\n.-fz-peta { font-size: (@g-font-size-peta * 1em) !important; }\n.-fz-tera { font-size: (@g-font-size-tera * 1em) !important; }\n.-fz-giga { font-size: (@g-font-size-giga * 1em) !important; }\n.-fz-mega { font-size: (@g-font-size-mega * 1em) !important; }\n.-fz-kilo { font-size: (@g-font-size-kilo * 1em) !important; }\n.-fz-norm { font-size: (@g-font-size-norm * 1em) !important; }\n.-fz-mill { font-size: (@g-font-size-mill * 1em) !important; }\n.-fz-micr { font-size: (@g-font-size-micr * 1em) !important; }\n\n@media screen and (min-width: 30em) { .-fz-peta-sK { .-fz-peta; } .-fz-tera-sK { .-fz-tera; } .-fz-giga-sK { .-fz-giga; } .-fz-mega-sK { .-fz-mega; } .-fz-kilo-sK { .-fz-kilo; } .-fz-norm-sK { .-fz-norm; } .-fz-mill-sK { .-fz-mill; } .-fz-micr-sK { .-fz-micr; } }\n@media screen and (min-width: 45em) { .-fz-peta-sM { .-fz-peta; } .-fz-tera-sM { .-fz-tera; } .-fz-giga-sM { .-fz-giga; } .-fz-mega-sM { .-fz-mega; } .-fz-kilo-sM { .-fz-kilo; } .-fz-norm-sM { .-fz-norm; } .-fz-mill-sM { .-fz-mill; } .-fz-micr-sM { .-fz-micr; } }\n@media screen and (min-width: 60em) { .-fz-peta-sG { .-fz-peta; } .-fz-tera-sG { .-fz-tera; } .-fz-giga-sG { .-fz-giga; } .-fz-mega-sG { .-fz-mega; } .-fz-kilo-sG { .-fz-kilo; } .-fz-norm-sG { .-fz-norm; } .-fz-mill-sG { .-fz-mill; } .-fz-micr-sG { .-fz-micr; } }\n@media screen and (min-width: 75em) { .-fz-peta-sT { .-fz-peta; } .-fz-tera-sT { .-fz-tera; } .-fz-giga-sT { .-fz-giga; } .-fz-mega-sT { .-fz-mega; } .-fz-kilo-sT { .-fz-kilo; } .-fz-norm-sT { .-fz-norm; } .-fz-mill-sT { .-fz-mill; } .-fz-micr-sT { .-fz-micr; } }\n@media screen and (min-width: 90em) { .-fz-peta-sP { .-fz-peta; } .-fz-tera-sP { .-fz-tera; } .-fz-giga-sP { .-fz-giga; } .-fz-mega-sP { .-fz-mega; } .-fz-kilo-sP { .-fz-kilo; } .-fz-norm-sP { .-fz-norm; } .-fz-mill-sP { .-fz-mill; } .-fz-micr-sP { .-fz-micr; } }\n@media not all and (min-width: 30em) { .-fz-peta-nK { .-fz-peta; } .-fz-tera-nK { .-fz-tera; } .-fz-giga-nK { .-fz-giga; } .-fz-mega-nK { .-fz-mega; } .-fz-kilo-nK { .-fz-kilo; } .-fz-norm-nK { .-fz-norm; } .-fz-mill-nK { .-fz-mill; } .-fz-micr-nK { .-fz-micr; } }\n@media not all and (min-width: 45em) { .-fz-peta-nM { .-fz-peta; } .-fz-tera-nM { .-fz-tera; } .-fz-giga-nM { .-fz-giga; } .-fz-mega-nM { .-fz-mega; } .-fz-kilo-nM { .-fz-kilo; } .-fz-norm-nM { .-fz-norm; } .-fz-mill-nM { .-fz-mill; } .-fz-micr-nM { .-fz-micr; } }\n@media not all and (min-width: 60em) { .-fz-peta-nG { .-fz-peta; } .-fz-tera-nG { .-fz-tera; } .-fz-giga-nG { .-fz-giga; } .-fz-mega-nG { .-fz-mega; } .-fz-kilo-nG { .-fz-kilo; } .-fz-norm-nG { .-fz-norm; } .-fz-mill-nG { .-fz-mill; } .-fz-micr-nG { .-fz-micr; } }\n@media not all and (min-width: 75em) { .-fz-peta-nT { .-fz-peta; } .-fz-tera-nT { .-fz-tera; } .-fz-giga-nT { .-fz-giga; } .-fz-mega-nT { .-fz-mega; } .-fz-kilo-nT { .-fz-kilo; } .-fz-norm-nT { .-fz-norm; } .-fz-mill-nT { .-fz-mill; } .-fz-micr-nT { .-fz-micr; } }\n@media not all and (min-width: 90em) { .-fz-peta-nP { .-fz-peta; } .-fz-tera-nP { .-fz-tera; } .-fz-giga-nP { .-fz-giga; } .-fz-mega-nP { .-fz-mega; } .-fz-kilo-nP { .-fz-kilo; } .-fz-norm-nP { .-fz-norm; } .-fz-mill-nP { .-fz-mill; } .-fz-micr-nP { .-fz-micr; } }\n\n\n.-fz-el-peta { .font-size-el(@g-font-size-peta; 4) !important; }\n.-fz-el-tera { .font-size-el(@g-font-size-tera; 3) !important; }\n.-fz-el-giga { .font-size-el(@g-font-size-giga; 2) !important; }\n.-fz-el-mega { .font-size-el(@g-font-size-mega; 2) !important; }\n.-fz-el-kilo { .font-size-el(@g-font-size-kilo ) !important; }\n.-fz-el-norm { .font-size-el(@g-font-size-norm ) !important; }\n.-fz-el-mill { .font-size-el(@g-font-size-mill ) !important; }\n.-fz-el-micr { .font-size-el(@g-font-size-micr ) !important; }\n\n@media screen and (min-width: 30em) { .-fz-el-peta-sK { .-fz-el-peta; } .-fz-el-tera-sK { .-fz-el-tera; } .-fz-el-giga-sK { .-fz-el-giga; } .-fz-el-mega-sK { .-fz-el-mega; } .-fz-el-kilo-sK { .-fz-el-kilo; } .-fz-el-norm-sK { .-fz-el-norm; } .-fz-el-mill-sK { .-fz-el-mill; } .-fz-el-micr-sK { .-fz-el-micr; } }\n@media screen and (min-width: 45em) { .-fz-el-peta-sM { .-fz-el-peta; } .-fz-el-tera-sM { .-fz-el-tera; } .-fz-el-giga-sM { .-fz-el-giga; } .-fz-el-mega-sM { .-fz-el-mega; } .-fz-el-kilo-sM { .-fz-el-kilo; } .-fz-el-norm-sM { .-fz-el-norm; } .-fz-el-mill-sM { .-fz-el-mill; } .-fz-el-micr-sM { .-fz-el-micr; } }\n@media screen and (min-width: 60em) { .-fz-el-peta-sG { .-fz-el-peta; } .-fz-el-tera-sG { .-fz-el-tera; } .-fz-el-giga-sG { .-fz-el-giga; } .-fz-el-mega-sG { .-fz-el-mega; } .-fz-el-kilo-sG { .-fz-el-kilo; } .-fz-el-norm-sG { .-fz-el-norm; } .-fz-el-mill-sG { .-fz-el-mill; } .-fz-el-micr-sG { .-fz-el-micr; } }\n@media screen and (min-width: 75em) { .-fz-el-peta-sT { .-fz-el-peta; } .-fz-el-tera-sT { .-fz-el-tera; } .-fz-el-giga-sT { .-fz-el-giga; } .-fz-el-mega-sT { .-fz-el-mega; } .-fz-el-kilo-sT { .-fz-el-kilo; } .-fz-el-norm-sT { .-fz-el-norm; } .-fz-el-mill-sT { .-fz-el-mill; } .-fz-el-micr-sT { .-fz-el-micr; } }\n@media screen and (min-width: 90em) { .-fz-el-peta-sP { .-fz-el-peta; } .-fz-el-tera-sP { .-fz-el-tera; } .-fz-el-giga-sP { .-fz-el-giga; } .-fz-el-mega-sP { .-fz-el-mega; } .-fz-el-kilo-sP { .-fz-el-kilo; } .-fz-el-norm-sP { .-fz-el-norm; } .-fz-el-mill-sP { .-fz-el-mill; } .-fz-el-micr-sP { .-fz-el-micr; } }\n@media not all and (min-width: 30em) { .-fz-el-peta-nK { .-fz-el-peta; } .-fz-el-tera-nK { .-fz-el-tera; } .-fz-el-giga-nK { .-fz-el-giga; } .-fz-el-mega-nK { .-fz-el-mega; } .-fz-el-kilo-nK { .-fz-el-kilo; } .-fz-el-norm-nK { .-fz-el-norm; } .-fz-el-mill-nK { .-fz-el-mill; } .-fz-el-micr-nK { .-fz-el-micr; } }\n@media not all and (min-width: 45em) { .-fz-el-peta-nM { .-fz-el-peta; } .-fz-el-tera-nM { .-fz-el-tera; } .-fz-el-giga-nM { .-fz-el-giga; } .-fz-el-mega-nM { .-fz-el-mega; } .-fz-el-kilo-nM { .-fz-el-kilo; } .-fz-el-norm-nM { .-fz-el-norm; } .-fz-el-mill-nM { .-fz-el-mill; } .-fz-el-micr-nM { .-fz-el-micr; } }\n@media not all and (min-width: 60em) { .-fz-el-peta-nG { .-fz-el-peta; } .-fz-el-tera-nG { .-fz-el-tera; } .-fz-el-giga-nG { .-fz-el-giga; } .-fz-el-mega-nG { .-fz-el-mega; } .-fz-el-kilo-nG { .-fz-el-kilo; } .-fz-el-norm-nG { .-fz-el-norm; } .-fz-el-mill-nG { .-fz-el-mill; } .-fz-el-micr-nG { .-fz-el-micr; } }\n@media not all and (min-width: 75em) { .-fz-el-peta-nT { .-fz-el-peta; } .-fz-el-tera-nT { .-fz-el-tera; } .-fz-el-giga-nT { .-fz-el-giga; } .-fz-el-mega-nT { .-fz-el-mega; } .-fz-el-kilo-nT { .-fz-el-kilo; } .-fz-el-norm-nT { .-fz-el-norm; } .-fz-el-mill-nT { .-fz-el-mill; } .-fz-el-micr-nT { .-fz-el-micr; } }\n@media not all and (min-width: 90em) { .-fz-el-peta-nP { .-fz-el-peta; } .-fz-el-tera-nP { .-fz-el-tera; } .-fz-el-giga-nP { .-fz-el-giga; } .-fz-el-mega-nP { .-fz-el-mega; } .-fz-el-kilo-nP { .-fz-el-kilo; } .-fz-el-norm-nP { .-fz-el-norm; } .-fz-el-mill-nP { .-fz-el-mill; } .-fz-el-micr-nP { .-fz-el-micr; } }\n","\n/*################################*\\\n xmeter | _hack.ie.less\n\\*################################*/\n@import (reference) url('./__tool.delims.less');\n\n\n// IE fixes go here. These styles should *only* be rendered on IE!\n// Using the -ms-high-contrast quirk: only IE supports -ms-high-contrast\n///////////////////////////////////////////////////////////////////////////////\n\n\n// Table of Contents\n// # IE QUIRK FALLBACKS\n// ## `initial`\n// ### reset.css\n// ### _base.less\n// ## Pseudo Rems\n// # CUSTOM PROPERTY FALLBACKS\n// ## Line height\n// ## Vertical rhythm unit\n// ## Other custom props\n// # CSS3 FALLBACKS\n// ## Filters\n\n\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n //+++++++++++++++++++++++++++++++//\n // # IE QUIRK FALLBACKS\n //+++++++++++++++++++++++++++++++//\n //-------------------------------//\n // ## `initial`\n // IE does not support the `initial` keyword for css values\n //-------------------------------//\n //...............................//\n // ## reset.css\n //...............................//\n sup, sub {\n vertical-align: baseline;\n }\n body,\n h1, h2, h3, h4, h5, h6,\n hr,\n p, figure, blockquote, pre,\n ol, ul, dl,\n dd,\n fieldset {\n margin: 0;\n }\n ol, ul,\n th, td,\n legend {\n padding: 0;\n }\n a,\n u, s,\n ins, del {\n text-decoration: none;\n }\n //.... end ## reset.css ....//\n //...............................//\n // ## _base.less\n //...............................//\n h1 {\n margin-top: 0;\n }\n figure {\n margin-top: 0;\n margin-left: 0;\n margin-right: 0;\n }\n ol,\n ul,\n dl {\n li > &,\n dt > &,\n dd > & {\n margin-bottom: 0;\n }\n }\n q {\n .quotes-double();\n }\n //.... end ## _base.less ....//\n .o-List {\n padding-left: 0;\n }\n // CHANGED-DEPRECATED\n .o-Tablist {\n margin-top: 0;\n margin-left: 0;\n margin-right: 0;\n padding: 0;\n & > .o-Flex {\n margin-bottom: 0;\n }\n }\n // CHANGED-DEPRECATED\n .c-Permalink {\n h1:hover > &,\n h2:hover > &,\n h3:hover > &,\n h4:hover > &,\n h5:hover > &,\n h6:hover > & {\n position: static;\n }\n }\n //---- end ## `initial` ----//\n //-------------------------------//\n // ## Pseudo Rems\n // IE10 does not support the `rem` unit on pseudo-elements like `::before` or `::after`\n //-------------------------------//\n //---- end ## Pseudo Rems ----//\n //++++ end # IE QUIRK FALLBACKS ++++//\n\n\n //+++++++++++++++++++++++++++++++//\n // # CUSTOM PROPERTY FALLBACKS\n //+++++++++++++++++++++++++++++++//\n //-------------------------------//\n // ## Line height\n //-------------------------------//\n @p-line-height: 1.5; // equivalent to custom prop `--line-height`\n h1 { line-height: (@p-line-height / (@g-font-size-h1 / 2)); }\n h2 { line-height: (@p-line-height / (@g-font-size-h2 / 2)); }\n h3 { line-height: (@p-line-height / @g-font-size-h3 ); }\n h4 { line-height: (@p-line-height / @g-font-size-h4 ); }\n h5 { line-height: (@p-line-height / @g-font-size-h5 ); }\n h6 { line-height: (@p-line-height / @g-font-size-h6 ); }\n pre {\n line-height: (@p-line-height / @g-font-size-mill);\n }\n .-fz-el-peta { line-height: (@p-line-height / (@g-font-size-peta / 4)) !important; }\n .-fz-el-tera { line-height: (@p-line-height / (@g-font-size-tera / 3)) !important; }\n .-fz-el-giga { line-height: (@p-line-height / (@g-font-size-giga / 2)) !important; }\n .-fz-el-mega { line-height: (@p-line-height / (@g-font-size-mega / 2)) !important; }\n .-fz-el-kilo { line-height: (@p-line-height / @g-font-size-kilo ) !important; }\n .-fz-el-norm { line-height: (@p-line-height / @g-font-size-norm ) !important; }\n .-fz-el-mill { line-height: (@p-line-height / @g-font-size-mill ) !important; }\n .-fz-el-micr { line-height: (@p-line-height / @g-font-size-micr ) !important; }\n //---- end ## Line height ----//\n //-------------------------------//\n // ## Vertical rhythm unit\n //-------------------------------//\n @p-lh: (@p-line-height * 1rem); // equivalent to unit `1lh`, or custom prop `--lh`\n html {\n line-height: @p-line-height;\n }\n h1, h2, h3, h4, h5, h6,\n p, pre, figure, blockquote,\n ol, ul, dl,\n table,\n form, fieldset, textarea,\n details {\n margin-bottom: @p-lh;\n }\n h1 {\n padding-top: @p-lh;\n }\n textarea {\n height: (6 * @p-lh);\n }\n .h-Ruled {\n background-size: 1px @p-lh;\n }\n //---- end ## Vertical rhythm unit ----//\n //-------------------------------//\n // ## Other custom props\n //-------------------------------//\n //---- end ## Other custom props ----//\n //++++ end # CUSTOM PROPERTY FALLBACKS ++++//\n\n\n //+++++++++++++++++++++++++++++++//\n // # CSS3 FALLBACKS\n //+++++++++++++++++++++++++++++++//\n //++++ end # CSS3 FALLBACKS ++++//\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../../node_modules/normalize.css/normalize.css","xmeter.css","reset.css","_base.less","_o-List.less","_h-Hidden.less","_o-Tablist.less","_h-FontSize.less","__tool.fontsize.less","_h-Block.less","_o-Flex.less","_o-Grid.less","__tool.delims.less","__tool.borders.less","_c-Permalink.less","_h-Inline.less","_h-Clearfix.less","_h-Measure.less","_h-Constrain.less","_h-Ruled.less","_-fz.less"],"names":[],"mappings":"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","file":"xmeter.css","sourcesContent":["/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\\\n xmeter\n\\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/\n/*================================*\\\n xmeter.less\n\\*================================*/\n/*################################*\\\n xmeter | _base.less\n\\*################################*/\n\n/*================================*\\\n reset.css\n\\*================================*/\n\n\nbody {\n text-align: start; /* COMBAK-FALLBACK */\n text-align: initial; /* fix unsupported browsers initial value */\n background: #fff;\n color: #000;\n}\n\nsup, sub {\n vertical-align: baseline; /* COMBAK-FALLBACK */\n vertical-align: initial; /* COMBAK-FALLBACK */\n vertical-align: unset;\n}\nbody,\nh1, h2, h3, h4, h5, h6,\nhr,\np, figure, blockquote, pre,\nol, ul, dl,\ndd,\nfieldset {\n margin: 0; /* COMBAK-FALLBACK */\n margin: initial; /* COMBAK-FALLBACK */\n margin: unset;\n}\nol, ul,\nth, td,\nlegend {\n padding: 0; /* COMBAK-FALLBACK */\n padding: initial; /* COMBAK-FALLBACK */\n padding: unset;\n}\nh1, h2, h3, h4, h5, h6,\naddress,\npre,\nth,\nem, strong, i, small,\ndfn, b, var, cite, sup, sub,\ncode, kbd, samp {\n font: inherit;\n}\ncaption,\nth {\n text-align: inherit; /* COMBAK-FALLBACK */\n text-align: unset;\n}\npre {\n white-space: inherit; /* COMBAK-FALLBACK */\n white-space: unset;\n}\na,\nu, s,\nins, del {\n text-decoration: none; /* COMBAK-FALLBACK */\n text-decoration: initial; /* COMBAK-FALLBACK */\n text-decoration: unset;\n}\nmark {\n color: inherit; /* COMBAK-FALLBACK */\n color: unset;\n}\n\n/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\n*,\n*::before,\n*::after {\n content: none;\n box-sizing: border-box;\n column-rule: 0 solid;\n}\n@media print {\n *,\n *::before,\n *::after {\n background: transparent !important;\n box-shadow: none !important;\n text-shadow: none !important;\n }\n}\n*:not(input):not(button):not(select),\n*::before,\n*::after {\n border: 0 solid;\n}\nhtml {\n --line-height: 1.5;\n --lh: calc(var(--line-height) * 1rem);\n --vru: var(--lh);\n font-size: 100%;\n line-height: var(--line-height);\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\npre,\nfigure,\nblockquote,\nol,\nul,\ndl,\ntable,\nform,\nfieldset,\ntextarea,\ndetails {\n margin-bottom: var(--lh);\n margin-bottom: 1lh;\n}\n@supports (margin-block-end: var(--variable)) {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n pre,\n figure,\n blockquote,\n ol,\n ul,\n dl,\n table,\n form,\n fieldset,\n textarea,\n details {\n margin-bottom: unset;\n margin-block-end: var(--lh);\n margin-block-end: 1lh;\n }\n}\nh1 {\n padding-top: var(--lh);\n padding-top: 1lh;\n}\n@supports (padding-block-start: var(--variable)) {\n h1 {\n padding-top: unset;\n padding-block-start: var(--lh);\n padding-block-start: 1lh;\n }\n}\nspan,\nbr,\nem,\nstrong,\ni,\nmark,\nu,\nsmall,\ns,\ndfn,\nb,\nabbr,\nvar,\nq,\ncite,\nsup,\nsub,\ndata,\ntime,\ncode,\nkbd,\nsamp,\nlabel {\n line-height: 0;\n}\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n html {\n line-height: 1.5;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n pre,\n figure,\n blockquote,\n ol,\n ul,\n dl,\n table,\n form,\n fieldset,\n textarea,\n details {\n margin-bottom: 1.5rem;\n }\n h1 {\n padding-top: 1.5rem;\n }\n textarea {\n height: 9rem;\n }\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: calc(var(--font-scale, 1) * 1em);\n line-height: calc(var(--line-height) / var(--font-scale, 1) * var(--tracks, 1));\n font-weight: 700;\n}\nh1 {\n --font-scale: 3;\n --tracks: 2;\n}\nh2 {\n --font-scale: 2;\n --tracks: 2;\n}\nh3 {\n --font-scale: 1.5;\n}\nh4 {\n --font-scale: 1;\n}\nh5 {\n --font-scale: 0.75;\n}\nh6 {\n --font-scale: 0.5;\n}\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n h1 {\n font-size: 3em;\n line-height: 1;\n }\n h2 {\n font-size: 2em;\n line-height: 1.5;\n }\n h3 {\n font-size: 1.5em;\n line-height: 1;\n }\n h4 {\n font-size: 1em;\n line-height: 1.5;\n }\n h5 {\n font-size: 0.75em;\n line-height: 2;\n }\n h6 {\n font-size: 0.5em;\n line-height: 3;\n }\n}\nh1 {\n margin-top: 0;\n margin-top: initial;\n margin-top: unset;\n margin-block-start: unset;\n}\nhr {\n display: none;\n}\npre {\n font-size: calc(var(--font-scale, 1) * 1em);\n line-height: calc(var(--line-height) / var(--font-scale, 1) * var(--tracks, 1));\n --font-scale: 0.75;\n text-align: left;\n text-indent: 0;\n white-space: pre;\n overflow: auto;\n}\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n pre {\n font-size: 0.75em;\n line-height: 2;\n }\n}\nfigure {\n margin-top: 0 ;\n margin-left: 0 ;\n margin-right: 0 ;\n margin-top: initial;\n margin-left: initial;\n margin-right: initial;\n margin-top: unset ;\n margin-left: unset ;\n margin-right: unset ;\n margin-block-start: unset;\n margin-inline: unset;\n}\nli > ol,\nli > ul,\nli > dl,\ndt > ol,\ndt > ul,\ndt > dl,\ndd > ol,\ndd > ul,\ndd > dl {\n margin-bottom: 0;\n margin-bottom: initial;\n margin-bottom: unset;\n margin-block-end: unset;\n}\nol,\nul {\n padding: 0 0 0 4rem;\n padding: logical 0 4rem 0 0;\n}\nli > ol,\nli > ul,\ndt > ol,\ndt > ul,\ndd > ol,\ndd > ul {\n padding-left: 2rem;\n}\n@supports (padding-inline-start: 1rem) {\n li > ol,\n li > ul,\n dt > ol,\n dt > ul,\n dd > ol,\n dd > ul {\n padding-left: unset;\n padding-inline-start: 2rem;\n }\n}\nol {\n list-style-type: decimal;\n}\nul {\n list-style-type: disc;\n}\ndl {\n list-style: none;\n}\ntable {\n max-width: 100%;\n border-collapse: collapse;\n text-align: left;\n}\ncaption {\n text-align: center;\n}\nthead,\ntfoot {\n vertical-align: bottom;\n}\ntbody {\n vertical-align: top;\n}\nth {\n font-weight: 700;\n}\na[href] {\n color: #06c;\n}\nem {\n font-style: italic;\n}\nstrong {\n font-weight: 700;\n}\ni {\n font-style: italic;\n}\nmark {\n background-color: rgba(255, 225, 104, 0.5);\n}\nu {\n text-decoration: underline;\n text-decoration-line: underline;\n color: #080;\n}\nsmall {\n font-size: 0.75em;\n}\ns {\n text-decoration: line-through;\n text-decoration-line: line-through;\n color: #b00;\n}\nins {\n background-color: #acf2bd;\n}\ndel {\n background-color: #fdb8c0;\n}\ndfn {\n font-style: inherit;\n font-weight: 700;\n}\nb {\n font-weight: 700;\n}\nabbr[title] {\n cursor: help;\n text-decoration: none;\n text-decoration-line: initial;\n text-decoration-line: unset;\n}\nvar {\n font-style: italic;\n}\nq {\n quotes: '\\201c' '\\201d';\n quotes: initial;\n}\nq::before {\n content: open-quote;\n}\nq::after {\n content: close-quote;\n}\nq::before {\n content: open-quote;\n}\nq::after {\n content: close-quote;\n}\ncite {\n font-style: italic;\n}\nsup,\nsub {\n font-size: 0.75em;\n}\ncode,\nkbd,\nsamp {\n font-size: 0.75em;\n white-space: nowrap;\n}\ncode code,\ncode kbd,\ncode samp,\nkbd code,\nkbd kbd,\nkbd samp,\nsamp code,\nsamp kbd,\nsamp samp {\n font-size: inherit;\n}\npre code,\npre kbd,\npre samp {\n white-space: inherit;\n white-space: unset;\n}\ninput,\nbutton,\nselect,\ntextarea {\n line-height: inherit;\n}\nfieldset {\n padding: 0 1rem;\n}\nhtml body fieldset {\n margin-top: -2px;\n border-width: 1px;\n margin-block-start: -2px;\n border-style: solid;\n border-color: rgba(0, 0, 0, 0.25);\n}\ntextarea,\ninput {\n padding: 0 0.25rem;\n}\ntextarea {\n display: block;\n height: calc(6 * var(--lh));\n height: 6lh;\n width: 30rem;\n block-size: calc(6 * var(--lh));\n block-size: 6lh;\n inline-size: 30rem;\n font-size: 0.75rem;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);\n}\ninput:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]),\nselect {\n font-size: 0.75em;\n}\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\nbutton {\n cursor: pointer;\n padding: 0.125em 0.25em;\n}\nlabel {\n cursor: pointer;\n}\nselect[multiple] > optgroup > option {\n padding-left: 1rem;\n padding-inline-start: 1rem;\n}\nimg {\n height: auto;\n width: auto;\n max-width: 100%;\n block-size: auto;\n inline-size: auto;\n max-inline-size: 100%;\n font-style: italic;\n vertical-align: middle;\n}\nsummary {\n cursor: pointer;\n}\ndialog {\n padding: calc(0.5 * var(--lh)) 1rem;\n padding: 0.5lh 1rem;\n}\ndialog::backdrop {\n background-color: rgba(0, 0, 0, 0.25);\n}\n/*################################*\\\n xmeter | _o-List.less\n\\*################################*/\n.o-List {\n padding-left: 0;\n padding-left: initial;\n padding-left: unset;\n list-style: none;\n}\n/*################################*\\\n xmeter | _o-Flex.less\n\\*################################*/\n.o-Flex {\n display: flex;\n line-height: inherit;\n justify-content: space-between;\n}\n.o-Flex__Item {\n flex: auto;\n}\n/*################################*\\\n xmeter | _o-Grid.less\n\\*################################*/\n.o-Grid {\n display: grid;\n line-height: inherit;\n grid-template-columns: 1fr;\n}\n/*################################*\\\n xmeter | _o-Tablist.less\n\\*################################*/\n.o-Tablist {\n display: contents;\n width: 100%;\n margin-top: 0 ;\n margin-left: 0 ;\n margin-right: 0 ;\n margin-top: initial;\n margin-left: initial;\n margin-right: initial;\n margin-top: unset ;\n margin-left: unset ;\n margin-right: unset ;\n margin-block-start: unset;\n margin-inline: unset;\n padding: 0;\n padding: initial;\n padding: unset;\n border: 0;\n}\n.o-Tablist > .o-Flex {\n flex-wrap: wrap;\n margin-bottom: 0;\n margin-bottom: initial;\n margin-bottom: unset;\n}\n.o-Tablist__Check {\n position: absolute;\n}\n.o-Tablist__Panel {\n order: 1;\n flex: 100%;\n}\n/*################################*\\\n xmeter | _c-Permalink.less\n\\*################################*/\n.c-Permalink {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n}\nh1:hover > .c-Permalink,\nh2:hover > .c-Permalink,\nh3:hover > .c-Permalink,\nh4:hover > .c-Permalink,\nh5:hover > .c-Permalink,\nh6:hover > .c-Permalink {\n position: static;\n position: initial;\n position: unset;\n}\n@media screen and (min-width: 30em) {\n .c-Permalink-sK {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-sK,\n h2:hover > .c-Permalink-sK,\n h3:hover > .c-Permalink-sK,\n h4:hover > .c-Permalink-sK,\n h5:hover > .c-Permalink-sK,\n h6:hover > .c-Permalink-sK {\n position: static;\n position: initial;\n position: unset;\n }\n}\n@media screen and (min-width: 45em) {\n .c-Permalink-sM {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-sM,\n h2:hover > .c-Permalink-sM,\n h3:hover > .c-Permalink-sM,\n h4:hover > .c-Permalink-sM,\n h5:hover > .c-Permalink-sM,\n h6:hover > .c-Permalink-sM {\n position: static;\n position: initial;\n position: unset;\n }\n}\n@media screen and (min-width: 60em) {\n .c-Permalink-sG {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-sG,\n h2:hover > .c-Permalink-sG,\n h3:hover > .c-Permalink-sG,\n h4:hover > .c-Permalink-sG,\n h5:hover > .c-Permalink-sG,\n h6:hover > .c-Permalink-sG {\n position: static;\n position: initial;\n position: unset;\n }\n}\n@media screen and (min-width: 75em) {\n .c-Permalink-sT {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-sT,\n h2:hover > .c-Permalink-sT,\n h3:hover > .c-Permalink-sT,\n h4:hover > .c-Permalink-sT,\n h5:hover > .c-Permalink-sT,\n h6:hover > .c-Permalink-sT {\n position: static;\n position: initial;\n position: unset;\n }\n}\n@media screen and (min-width: 90em) {\n .c-Permalink-sP {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-sP,\n h2:hover > .c-Permalink-sP,\n h3:hover > .c-Permalink-sP,\n h4:hover > .c-Permalink-sP,\n h5:hover > .c-Permalink-sP,\n h6:hover > .c-Permalink-sP {\n position: static;\n position: initial;\n position: unset;\n }\n}\n@media not all and (min-width: 30em) {\n .c-Permalink-nK {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-nK,\n h2:hover > .c-Permalink-nK,\n h3:hover > .c-Permalink-nK,\n h4:hover > .c-Permalink-nK,\n h5:hover > .c-Permalink-nK,\n h6:hover > .c-Permalink-nK {\n position: static;\n position: initial;\n position: unset;\n }\n}\n@media not all and (min-width: 45em) {\n .c-Permalink-nM {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-nM,\n h2:hover > .c-Permalink-nM,\n h3:hover > .c-Permalink-nM,\n h4:hover > .c-Permalink-nM,\n h5:hover > .c-Permalink-nM,\n h6:hover > .c-Permalink-nM {\n position: static;\n position: initial;\n position: unset;\n }\n}\n@media not all and (min-width: 60em) {\n .c-Permalink-nG {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-nG,\n h2:hover > .c-Permalink-nG,\n h3:hover > .c-Permalink-nG,\n h4:hover > .c-Permalink-nG,\n h5:hover > .c-Permalink-nG,\n h6:hover > .c-Permalink-nG {\n position: static;\n position: initial;\n position: unset;\n }\n}\n@media not all and (min-width: 75em) {\n .c-Permalink-nT {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-nT,\n h2:hover > .c-Permalink-nT,\n h3:hover > .c-Permalink-nT,\n h4:hover > .c-Permalink-nT,\n h5:hover > .c-Permalink-nT,\n h6:hover > .c-Permalink-nT {\n position: static;\n position: initial;\n position: unset;\n }\n}\n@media not all and (min-width: 90em) {\n .c-Permalink-nP {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n }\n h1:hover > .c-Permalink-nP,\n h2:hover > .c-Permalink-nP,\n h3:hover > .c-Permalink-nP,\n h4:hover > .c-Permalink-nP,\n h5:hover > .c-Permalink-nP,\n h6:hover > .c-Permalink-nP {\n position: static;\n position: initial;\n position: unset;\n }\n}\n/*################################*\\\n xmeter | _h-Block.less\n\\*################################*/\n.h-Block {\n display: block;\n line-height: inherit;\n line-height: unset;\n}\n/*################################*\\\n xmeter | _h-Inline.less\n\\*################################*/\n.h-Inline {\n display: inline;\n line-height: 0;\n}\n/*################################*\\\n xmeter | _h-Clearfix.less\n\\*################################*/\n.h-Clearfix::after {\n content: '';\n display: block;\n clear: both;\n}\n/*################################*\\\n xmeter | _h-Meaure.less\n\\*################################*/\n.h-Measure {\n max-width: 33em;\n max-width: 66ch;\n}\n@supports (max-inline-size: 1ch) {\n .h-Measure {\n max-width: unset;\n max-inline-size: 66ch;\n }\n}\n.h-Measure--narrow {\n max-width: 22.5em;\n max-width: 45ch;\n}\n@supports (max-inline-size: 1ch) {\n .h-Measure--narrow {\n max-width: unset;\n max-inline-size: 45ch;\n }\n}\n.h-Measure--wide {\n max-width: 45em;\n max-width: 90ch;\n}\n@supports (max-inline-size: 1ch) {\n .h-Measure--wide {\n max-width: unset;\n max-inline-size: 90ch;\n }\n}\n/*################################*\\\n xmeter | _h-Constrain.less\n\\*################################*/\n.h-Constrain {\n max-width: 90em;\n margin-left: auto;\n margin-right: auto;\n margin-inline: auto;\n}\n@supports (max-inline-size: 1em) {\n .h-Constrain {\n max-width: unset;\n max-inline-size: 90em;\n }\n}\n/*################################*\\\n xmeter | _h-FontSize.less\n\\*################################*/\n.h-FontSize {\n font-size: calc(var(--font-scale, 1) * 1em);\n line-height: calc(var(--line-height) / var(--font-scale, 1) * var(--tracks, 1));\n}\n/*################################*\\\n xmeter | _h-Ruled.less\n\\*################################*/\n.h-Ruled {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 1px, transparent 1px);\n background-size: 1px 1.5rem;\n background-size: 1px var(--lh);\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n}\n/*################################*\\\n xmeter | _h-Hidden.less\n\\*################################*/\n.h-Hidden {\n left: -999999px;\n}\n.h-Hidden:not(:focus) {\n position: absolute;\n}\n@supports (inset-inline-start: 0) {\n .h-Hidden {\n left: 0;\n inset-inline-start: -999999px;\n }\n}\n@media screen and (min-width: 30em) {\n .h-Hidden-sK {\n left: -999999px;\n }\n .h-Hidden-sK:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-sK {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media screen and (min-width: 45em) {\n .h-Hidden-sM {\n left: -999999px;\n }\n .h-Hidden-sM:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-sM {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media screen and (min-width: 60em) {\n .h-Hidden-sG {\n left: -999999px;\n }\n .h-Hidden-sG:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-sG {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media screen and (min-width: 75em) {\n .h-Hidden-sT {\n left: -999999px;\n }\n .h-Hidden-sT:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-sT {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media screen and (min-width: 90em) {\n .h-Hidden-sP {\n left: -999999px;\n }\n .h-Hidden-sP:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-sP {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media not all and (min-width: 30em) {\n .h-Hidden-nK {\n left: -999999px;\n }\n .h-Hidden-nK:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-nK {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media not all and (min-width: 45em) {\n .h-Hidden-nM {\n left: -999999px;\n }\n .h-Hidden-nM:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-nM {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media not all and (min-width: 60em) {\n .h-Hidden-nG {\n left: -999999px;\n }\n .h-Hidden-nG:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-nG {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media not all and (min-width: 75em) {\n .h-Hidden-nT {\n left: -999999px;\n }\n .h-Hidden-nT:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-nT {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n@media not all and (min-width: 90em) {\n .h-Hidden-nP {\n left: -999999px;\n }\n .h-Hidden-nP:not(:focus) {\n position: absolute;\n }\n @supports (inset-inline-start: 0) {\n .h-Hidden-nP {\n left: 0;\n inset-inline-start: -999999px;\n }\n }\n}\n/*################################*\\\n xmeter | _-fz.less\n\\*################################*/\n.-fz-peta {\n font-size: 6em !important;\n}\n.-fz-tera {\n font-size: 4em !important;\n}\n.-fz-giga {\n font-size: 3em !important;\n}\n.-fz-mega {\n font-size: 2em !important;\n}\n.-fz-kilo {\n font-size: 1.5em !important;\n}\n.-fz-norm {\n font-size: 1em !important;\n}\n.-fz-mill {\n font-size: 0.75em !important;\n}\n.-fz-micr {\n font-size: 0.5em !important;\n}\n.-fz-el-peta {\n --font-scale: 6 !important;\n --tracks: 4 !important;\n}\n.-fz-el-tera {\n --font-scale: 4 !important;\n --tracks: 3 !important;\n}\n.-fz-el-giga {\n --font-scale: 3 !important;\n --tracks: 2 !important;\n}\n.-fz-el-mega {\n --font-scale: 2 !important;\n --tracks: 2 !important;\n}\n.-fz-el-kilo {\n --font-scale: 1.5 !important;\n}\n.-fz-el-norm {\n --font-scale: 1 !important;\n}\n.-fz-el-mill {\n --font-scale: 0.75 !important;\n}\n.-fz-el-micr {\n --font-scale: 0.5 !important;\n}\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .-fz-el-peta {\n font-size: 6em !important;\n line-height: 1 !important;\n }\n .-fz-el-tera {\n font-size: 4em !important;\n line-height: 1.125 !important;\n }\n .-fz-el-giga {\n font-size: 3em !important;\n line-height: 1 !important;\n }\n .-fz-el-mega {\n font-size: 2em !important;\n line-height: 1.5 !important;\n }\n .-fz-el-kilo {\n font-size: 1.5em !important;\n line-height: 1 !important;\n }\n .-fz-el-norm {\n font-size: 1em !important;\n line-height: 1.5 !important;\n }\n .-fz-el-mill {\n font-size: 0.75em !important;\n line-height: 2 !important;\n }\n .-fz-el-micr {\n font-size: 0.5em !important;\n line-height: 3 !important;\n }\n}\n","\n/*================================*\\\n reset.css\n\\*================================*/\n\n\nbody {\n text-align: start; /* COMBAK-FALLBACK */\n text-align: initial; /* fix unsupported browsers initial value */\n background: #fff;\n color: #000;\n}\n\nsup, sub {\n vertical-align: baseline; /* COMBAK-FALLBACK */\n vertical-align: initial; /* COMBAK-FALLBACK */\n vertical-align: unset;\n}\nbody,\nh1, h2, h3, h4, h5, h6,\nhr,\np, figure, blockquote, pre,\nol, ul, dl,\ndd,\nfieldset {\n margin: 0; /* COMBAK-FALLBACK */\n margin: initial; /* COMBAK-FALLBACK */\n margin: unset;\n}\nol, ul,\nth, td,\nlegend {\n padding: 0; /* COMBAK-FALLBACK */\n padding: initial; /* COMBAK-FALLBACK */\n padding: unset;\n}\nh1, h2, h3, h4, h5, h6,\naddress,\npre,\nth,\nem, strong, i, small,\ndfn, b, var, cite, sup, sub,\ncode, kbd, samp {\n font: inherit;\n}\ncaption,\nth {\n text-align: inherit; /* COMBAK-FALLBACK */\n text-align: unset;\n}\npre {\n white-space: inherit; /* COMBAK-FALLBACK */\n white-space: unset;\n}\na,\nu, s,\nins, del {\n text-decoration: none; /* COMBAK-FALLBACK */\n text-decoration: initial; /* COMBAK-FALLBACK */\n text-decoration: unset;\n}\nmark {\n color: inherit; /* COMBAK-FALLBACK */\n color: unset;\n}\n","\n/*################################*\\\n xmeter | _base.less\n\\*################################*/\n@import (reference) url('./__settings.less');\n@import (reference) url('./__tool.fontsize.less');\n@import (reference) url('./__tool.borders.less');\n@import (reference) url('./__tool.delims.less');\n@import (reference) url('./_h-FontSize.less');\n\n\n@p-line-height: 1.5; // equivalent to custom prop `--line-height` // COMBAK-FALLBACK for custom property\n// Contents\n// ------------------------------------\n// # GENERIC...........................`html` and far-reaching page-wide selectors\n// # SECTIONS..........................sections, articles, headers, footers, headings\n// # GROUPING..........................grouping content\n// ## Paragraphs.........................paragraphs, block-level textual elements\n// ## Lists..............................ordered, unordered, dictionary\n// ## Tables.............................tables\n// # TEXT..............................text-level, phrasing (inline) content and links\n// ## Links..............................inline hyperlinks\n// ## Stress.............................text outstanding from surrounding prose\n// ## Documentation......................documentation elements\n// ## Data...............................machine- or human-readable data\n// # FORMS.............................form elements\n// ## Resets.............................resets for form elements\n// ## Textual............................textual form elements\n// ## Buttons............................button-like form elements\n// # EMBEDDED..........................images, videos, other media\n// # INTERACTIVE.......................user-interactive HTML elements\n\n\n//++++++++++++++++++++++++++++++++//\n// # GENERIC\n//++++++++++++++++++++++++++++++++//\n@import (inline) url('reset.css');\n@import (inline) url('../../node_modules/normalize.css/normalize.css');\n\n* {\n &,\n &::before,\n &::after {\n content: none;\n box-sizing: border-box;\n column-rule: 0 solid; // change initial column-rule from `medium none`\n @media print {\n background: transparent !important;\n box-shadow: none !important;\n text-shadow: none !important;\n }\n }\n &:not(input):not(button):not(select), // NOTE be careful here: if overriding, specificity > 3\n // &:not(input, button, select), // CHANGED selector not supported yet // TODO once removed, fix NB-LINK (L468)\n &::before,\n &::after {\n border: 0 solid; // change initial border from `medium none`\n }\n}\n\n// Set up vertical rhythm system.\n// [1] default line-height. Change in your own project if you wish.\n// [2] COMBAK-FALLBACK for `lh` units (https://drafts.csswg.org/css-values/#lh)\n// [3] CHANGED-DEPRECATED: legacy support\n// [4] addresses support for `rem` units (otherwise these would be in `body` selector)\n// [5] Root font-size (rem) should *not* be set to an absolute unit, so that users can specify\n// font sizing settings in their user agent.\nhtml {\n --line-height: 1.5; // [1]\n --lh: calc(var(--line-height) * 1rem); // [2]\n --vru: var(--lh); // [3]\n font-size: 100%; // [4] [5]\n line-height: var(--line-height); // [4]\n}\n\n// Vertical spacing between typographical blocks\n// NOTE: `textarea` is inline by default but overriding here: should be block (opinionated)\nh1, h2, h3, h4, h5, h6,\np, pre, figure, blockquote,\nol, ul, dl,\ntable,\nform, fieldset, textarea,\ndetails {\n margin-bottom: var(--lh);\n margin-bottom: 1lh;\n @supports (margin-block-end: var(--variable)) {\n margin-bottom: unset;\n margin-block-end: var(--lh);\n margin-block-end: 1lh;\n }\n}\nh1 {\n padding-top: var(--lh);\n padding-top: 1lh;\n @supports (padding-block-start: var(--variable)) {\n padding-top: unset;\n padding-block-start: var(--lh);\n padding-block-start: 1lh;\n }\n}\n\n// Font sizes for text-level elements should be in units of `em` instead of `rem` because\n// they should scale with their parents.\n// Also, inline elements should not affect vertical rhythm, thus line-heights are zero.\n// (The `display` property of these elements should automatically\n// have a value of `inline` (do not set manually), either by browser default\n// or by CSS **initial value**.)\nspan, br,\nem, strong, i, mark, u, small, s,\ndfn, b, abbr, var, q, cite, sup, sub,\ndata, time, code, kbd, samp,\nlabel {\n line-height: 0;\n}\n\n// Elements with a transparent content model\n// should display what their contents display.\na, ins, del, slot {\n}\n\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @lh: (@p-line-height * 1rem); // equivalent to unit `1lh`, or custom prop `--lh`\n html {\n line-height: @p-line-height;\n }\n h1, h2, h3, h4, h5, h6,\n p, pre, figure, blockquote,\n ol, ul, dl,\n table,\n form, fieldset, textarea,\n details {\n margin-bottom: @lh;\n }\n h1 {\n padding-top: @lh;\n }\n textarea {\n height: (6 * @lh);\n }\n}\n//++++ end # GENERIC ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # SECTIONS\n//++++++++++++++++++++++++++++++++//\nbody {\n}\nmain {\n}\nsection {\n}\narticle {\n}\naside {\n}\nnav {\n}\nmain {\n}\nheader {\n}\nfooter {\n}\n\nh1, h2, h3, h4, h5, h6 {\n .h-FontSize;\n font-weight: 700;\n}\nh1 { --font-scale: @g-font-size-h1; --tracks: 2; }\nh2 { --font-scale: @g-font-size-h2; --tracks: 2; }\nh3 { --font-scale: @g-font-size-h3; }\nh4 { --font-scale: @g-font-size-h4; }\nh5 { --font-scale: @g-font-size-h5; }\nh6 { --font-scale: @g-font-size-h6; }\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n h1 { .font-size-el(@g-font-size-h1; 2); }\n h2 { .font-size-el(@g-font-size-h2; 2); }\n h3 { .font-size-el(@g-font-size-h3; ); }\n h4 { .font-size-el(@g-font-size-h4; ); }\n h5 { .font-size-el(@g-font-size-h5; ); }\n h6 { .font-size-el(@g-font-size-h6; ); }\n}\n\nh1 {\n margin-top: 0; // COMBAK-FALLBACK\n margin-top: initial; // COMBAK-FALLBACK\n margin-top: unset; // COMBAK-FALLBACK\n margin-block-start: unset; // undo Normalize\n}\n\naddress {\n}\n//++++ end # SECTIONS ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # GROUPING\n//++++++++++++++++++++++++++++++++//\ndiv {\n}\nhr {\n display: none;\n}\n //--------------------------------//\n // ## Paragraphs\n //--------------------------------//\n p {\n }\n pre {\n .h-FontSize;\n --font-scale: @g-font-size-mill;\n text-align: left; // code blocks are always aligned left, regardless of writing mode\n text-indent: 0;\n white-space: pre;\n overflow: auto;\n }\n @media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n pre {\n .font-size-el(@g-font-size-mill);\n }\n }\n figure {\n // undo Normalize\n margin-top: 0 ; margin-left: 0 ; margin-right: 0 ; // COMBAK-FALLBACK\n margin-top: initial; margin-left: initial; margin-right: initial; // COMBAK-FALLBACK\n margin-top: unset ; margin-left: unset ; margin-right: unset ; // COMBAK-FALLBACK\n margin-block-start: unset;\n margin-inline: unset;\n }\n figcaption {\n }\n blockquote {\n }\n //---- end ## Paragraphs ----//\n\n //--------------------------------//\n // ## Lists\n //--------------------------------//\n ol,\n ul,\n dl {\n li > &,\n dt > &,\n dd > & {\n margin-bottom: 0; // COMBAK-FALLBACK\n margin-bottom: initial; // COMBAK-FALLBACK\n margin-bottom: unset; // COMBAK-FALLBACK\n margin-block-end: unset; // undo default vertical spacing for nested lists\n }\n }\n ol,\n ul {\n padding: 0 0 0 4rem; // COMBAK-FALLBACK\n padding: logical 0 4rem 0 0;\n li > &,\n dt > &,\n dd > & {\n padding-left: 2rem; // COMBAK-FALLBACK\n @supports (padding-inline-start: 1rem) {\n padding-left: unset;\n padding-inline-start: 2rem;\n }\n }\n }\n ol {\n list-style-type: decimal;\n }\n ul {\n list-style-type: disc; // not using `initial` because we explicitly want `disc`\n }\n dl {\n list-style: none; // remove counters from `dl > li`\n }\n li {\n }\n dt {\n }\n dd {\n }\n //---- end ## Lists ----//\n\n //--------------------------------//\n // ## Tables\n //--------------------------------//\n table {\n max-width: 100%; // fluid tables for responsive purposes\n border-collapse: collapse;\n text-align: left; // fix browser BUG... which? file an issue!\n }\n caption {\n text-align: center;\n }\n thead,\n tfoot {\n vertical-align: bottom; // for heading alignment\n }\n thead {\n }\n tfoot {\n }\n tbody {\n vertical-align: top; // for data alignment\n }\n tr {\n }\n th {\n font-weight: 700;\n }\n td {\n }\n //---- end ## Tables ----//\n//++++ end # GROUPING ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # TEXT\n//++++++++++++++++++++++++++++++++//\n// NB: RECOMMENDATION:\n// Do not use `br` to indicate line breaks, use CSS instead.\n// One exception: MAY use `address > br` to indicate line breaks (by convention)\nbr {\n}\n //--------------------------------//\n // ## Links\n //--------------------------------//\n // NB: RECOMMENDATION:\n // Do not style `a` elements without the `[href]` attribute.\n // Such elements are “placeholder anchors,” which do not lead anywhere.\n // A placeholder anchor can represent a placeholder for where a hyperlink might otherwise be placed,\n // or it can represent an anchor whose reference may change based on context (e.g., user interaction).\n //\n // Link color should have sufficient contrast with the background color\n // *as well as* sufficient contrast with surrounding non-link text color.\n // - Background contrast ratio:\n // - to meet AA level: 4.5 normal ; 3.0 large (18pt or 14pt bold)\n // - to meet AAA level: 7.0 normal ; 4.5 large (18pt or 14pt bold)\n // - Surrounding text contrast ratio:\n // - 3.0 for all\n // Read Technique G183 for details: \n a[href] {\n // color: #00e; // default :link\n // color: #551a8b; // default :visited\n // color: #f00; // default :active\n color: #06c; // 5.57 aginst white, 3.77 against black\n }\n //---- end ## Links ----//\n\n //--------------------------------//\n // ## Stress\n //--------------------------------//\n em {\n font-style: italic;\n }\n strong {\n font-weight: 700;\n }\n i {\n font-style: italic;\n }\n mark {\n background-color: fadeout(#ffe168, 50%); // Google-flavored comments in Google Docs\n }\n u {\n text-decoration: underline; // COMBAK-FALLBACK\n text-decoration-line: underline;\n color: #080;\n }\n small {\n font-size: (@g-font-size-mill * 1em);\n }\n s {\n text-decoration: line-through; // COMBAK-FALLBACK\n text-decoration-line: line-through;\n color: #b00;\n }\n //---- end ## Stress ----//\n\n //--------------------------------//\n // ## Documentation\n //--------------------------------//\n ins {\n background-color: #acf2bd; // GitHub-flavored diff\n }\n del {\n background-color: #fdb8c0; // GitHub-flavored diff\n }\n dfn {\n font-style: inherit; // undo Normalize\n font-weight: 700;\n }\n b {\n font-weight: 700;\n }\n abbr {\n &[title] {\n cursor: help;\n text-decoration: none; // COMBAK-FALLBACK for `text-decoration-line` // also IE fallback for `initial`\n text-decoration-line: initial; // COMBAK-FALLBACK\n text-decoration-line: unset; // undo Normalize\n }\n }\n var {\n font-style: italic;\n }\n q {\n .quotes-double(); // COMBAK-FALLBACK for `initial`\n .delims(initial);\n }\n cite {\n font-style: italic;\n }\n sup, sub {\n font-size: (@g-font-size-mill * 1em);\n }\n sup {\n }\n sub {\n }\n //---- end ## Documentation ----//\n\n //--------------------------------//\n // ## Data\n //--------------------------------//\n data {\n }\n time {\n }\n code, kbd, samp {\n font-size: (@g-font-size-mill * 1em);\n white-space: nowrap;\n & & {\n font-size: inherit; // undo compounding font sizes\n }\n pre & {\n white-space: inherit; // COMBAK-FALLBACK\n white-space: unset; // sometimes people put a `code` in a `pre` // override `nowrap` above\n }\n }\n code {\n }\n kbd {\n }\n samp {\n }\n //---- end ## Data ----//\n//++++ end # TEXT ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # FORMS\n//++++++++++++++++++++++++++++++++//\n@p-color-gray: rgba(0,0,0, 0.25);\n\n //--------------------------------//\n // ## Resets\n //--------------------------------//\ninput,\nbutton,\nselect,\ntextarea {\n line-height: inherit; // override opinionated Normalize.css\n}\n //---- end ## Resets ----//\n\nfieldset {\n padding: 0 1rem;\n html body & { // HACK NB-LINK (L54) need a specificity of 3 to override generic `*:not(input):not(button):not(select)`\n // NOTE cannot use box-shadow hack due to shadow covering \n .border-vert(all; 1px);\n .border-block(all; 1px);\n border-style: solid;\n border-color: @p-color-gray;\n }\n}\n\n //--------------------------------//\n // ## Textual\n //--------------------------------//\ntextarea,\ninput {\n padding: 0 0.25rem;\n}\ntextarea {\n display: block; // override browser default\n height: calc(6 * var(--lh));\n height: 6lh;\n width: 30rem;\n block-size: calc(6 * var(--lh));\n block-size: 6lh;\n inline-size: 30rem;\n font-size: (@g-font-size-mill * 1rem); // .font-size-mod(@g-font-size-mill); // textarea cannot contain any element children\n box-shadow: 0 0 0 1px @p-color-gray; // HACK vertical border hack\n}\ninput:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]),\n// input:not([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), // CHANGED selector not supported yet\nselect {\n font-size: (@g-font-size-mill * 1em);\n}\n //---- end ## Textual ----//\n\n //--------------------------------//\n // ## Buttons\n //--------------------------------//\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\nbutton {\n cursor: pointer;\n padding: 0.125em 0.25em;\n}\n //---- end ## Buttons ----//\n\nlabel {\n cursor: pointer;\n}\n\nselect[multiple] > optgroup > option {\n padding-left: 1rem;\n padding-inline-start: 1rem;\n}\n//++++ end # FORMS ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # EMBEDDED\n//++++++++++++++++++++++++++++++++//\n// [1] Correct squishing when one dimension changes\n// [2] fluid images for responsive purposes\n// [3] offset `[alt]` attribute text from surrounding copy\n// [4] safer alternative to `display: block;`\nimg {\n // HACK fallbacks for logical properties\n height: auto; width: auto;\n max-width: 100%;\n block-size: auto; inline-size: auto; // [1]\n max-inline-size: 100%; // [2]\n font-style: italic; // [3]\n vertical-align: middle; // [4]\n}\n//++++ end # EMBEDDED ++++//\n\n\n//++++++++++++++++++++++++++++++++//\n// # INTERACTIVE\n//++++++++++++++++++++++++++++++++//\nsummary {\n cursor: pointer;\n}\n\ndialog {\n padding: calc(0.5 * var(--lh)) 1rem; // COMBAK-FALLBACK\n padding: 0.5lh 1rem;\n &::backdrop {\n background-color: @p-color-gray;\n }\n}\n//++++ end # INTERACTIVE ++++//\n","\n/*################################*\\\n xmeter | _o-List.less\n\\*################################*/\n\n\n// The List Object\n//\n// A simple, plain, blocky list.\n// It removes the usual padding and list item markers accompanied by (un)ordered lists.\n// The result is a list of items, each on its own line.\n// Combine this class with other classes to create a variety of styles.\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
          \n//
        • Burns & McDonnell Engineering
          • \n//
        • DIS-TRAN Steel, LLC
          • \n//
        • EDM International
          • \n//
        • Electrical Consultants, Inc.
          • \n//
        • Fabrimet Inc.
          • \n//
        • Falcon Steel Company
          • \n//
        \n//\n// Weight: 1\n//\n// Styleguide Objects.List\n.o-List {\n padding-left: 0; // COMBAK-FALLBACK\n padding-left: initial; // COMBAK-FALLBACK\n padding-left: unset;\n list-style: none;\n}\n\n.o-List__Item {\n}\n","////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n///////--- CHANGED DEPRECATED! Use `require('aria-patterns')` instead! ---////////\n////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n\n/*################################*\\\n xmeter | _h-Hidden.less\n\\*################################*/\n\n\n// Hidden\n//\n// **CHANGED. DEPRECATED. This helper has been moved to https://github.com/chharvey/aria-patterns.**\n//\n// The Hidden Helper visually hides an element while keeping it accessible\n// to non-visual media such as screen readers.\n// A skip link is a common example.\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n// skip to main content\n//\n// :focus - On focus, the element returns to static position.\n//\n// Weight: 4\n//\n// Styleguide Helpers.Hidden\n.h-Hidden {\n &:not(:focus) {\n position: absolute;\n }\n left: -999999px;\n @supports (inset-inline-start: 0) {\n left: 0;\n inset-inline-start: -999999px;\n }\n}\n\n@media screen and (min-width: 30em) { .h-Hidden-sK { .h-Hidden; } }\n@media screen and (min-width: 45em) { .h-Hidden-sM { .h-Hidden; } }\n@media screen and (min-width: 60em) { .h-Hidden-sG { .h-Hidden; } }\n@media screen and (min-width: 75em) { .h-Hidden-sT { .h-Hidden; } }\n@media screen and (min-width: 90em) { .h-Hidden-sP { .h-Hidden; } }\n@media not all and (min-width: 30em) { .h-Hidden-nK { .h-Hidden; } }\n@media not all and (min-width: 45em) { .h-Hidden-nM { .h-Hidden; } }\n@media not all and (min-width: 60em) { .h-Hidden-nG { .h-Hidden; } }\n@media not all and (min-width: 75em) { .h-Hidden-nT { .h-Hidden; } }\n@media not all and (min-width: 90em) { .h-Hidden-nP { .h-Hidden; } }\n","////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n///////--- CHANGED DEPRECATED! Use `require('aria-patterns')` instead! ---////////\n////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n\n/*################################*\\\n xmeter | _o-Tablist.less\n\\*################################*/\n\n\n// The Tablist Object\n//\n// **WARNING: CHANGED: This object is DEPRECATED.\n// This object will be removed in Version 7.**\n// It will be replaced by the Tablist Object in https://github.com/chharvey/aria-patterns.\n//\n// The Tablist Object contains a series of corresponding tabs and panels.\n// It is similar to a carousel, but only one panel is shown at a time and\n// there is no timed automatic progression.\n//\n// Tabs and corresponding panels follow subsequently, as so:\n//
        tab-0, panel-0, tab-1, panel-1, tab-2, panel-2, etc.
        \n//\n// Note: All radio buttons in a group must have the same `[name]` attribute.\n// While the `[name]` attribute prevents the user from selecting multiple radio buttons\n// within the same groupat the same time, radio buttons should also be grouped within a\n// `fieldset` element (or if not a fieldset, any element with `[aria-role=\"group\"]`).\n// Additionally, that `fieldest` element should also contain a visible `legend:first-child` element\n// (or if using an `[aria-role=\"group\"]`, it should contain an `[aria-label]` attribute).\n//\n// Note: Enable Javascript to view carousel effects.\n// Without Javascript, this object won’t look like a carousel, just a regular `
        ` list.\n//\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
        \n// Tabs\n//
        \n//
        \n// \n//
        \n//
        \n//

        This is slide 1. Switch to the next panel by clicking its heading.

        \n//
        \n//
        \n// \n//
        \n//
        \n//

        This is slide 2. This slide is slightly larger than slide 1.

        \n//

        This is slide 2. This slide is slightly larger than slide 1.

        \n//
        \n//
        \n// \n//
        \n//
        \n//

        This is slide 3. The largest slide.

        \n//

        This is slide 3. The largest slide.

        \n//

        This is slide 3. The largest slide.

        \n//
        \n//
        \n//
        \n//\n// Weight: 4\n//\n// Styleguide Objects.Tablist\n.o-Tablist {\n display: contents;\n width: 100%; // HTML Spec BUG: \n\n //---- if `display:contents` is not supported, unset all box styles: ----//\n margin-top: 0 ; margin-left: 0 ; margin-right: 0 ; // COMBAK-FALLBACK\n margin-top: initial; margin-left: initial; margin-right: initial; // COMBAK-FALLBACK\n margin-top: unset ; margin-left: unset ; margin-right: unset ; // COMBAK-FALLBACK\n margin-block-start: unset;\n margin-inline: unset;\n\n padding: 0; // COMBAK-FALLBACK\n padding: initial; // COMBAK-FALLBACK\n padding: unset; // unset fieldset base\n\n border: 0; // unset fieldset base\n\n & > .o-Flex {\n flex-wrap: wrap;\n margin-bottom: 0; // COMBAK-FALLBACK\n margin-bottom: initial; // COMBAK-FALLBACK\n margin-bottom: unset; // fixes a BUG where fieldset vertical margins don’t collapse\n }\n}\n\n\n// Tab\n//\n// The Tab subcomponent is a child of the Tablist Object.\n// It represents a tab for a panel, and semantically consists of a radio button\n// (although it may not appear anything like a radio button).\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
        \n// \n//
        \n//\n// .o-Tablist__Tab--js-selected - selected tab style (extend with your own skin)\n//\n// Weight: 1\n//\n// Styleguide Objects.Tablist.Tab\n.o-Tablist__Tab {\n}\n// NOTE! Do not add this class manually.\n// It will be added automatically by `o-Tablist.js`.\n.o-Tablist__Tab--js-selected {\n}\n\n.o-Tablist__Check {\n position: absolute; // override `.h-Hidden:focus`\n}\n\n\n// Panel\n//\n// The Panel subcomponent is a child of the Tablist Object.\n// It represents a panel, and can contain any content.\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
        \n//

        This is slide 4.

        \n//
        \n//\n// .o-Tablist__Panel--js-selected - selected panel style (extend with your own skin)\n//\n// Weight: 2\n//\n// Styleguide Objects.Tablist.Panel\n.o-Tablist__Panel {\n order: 1;\n flex: 100%;\n}\n// NOTE! Do not add this class manually.\n// It will be added automatically by `o-Tablist.js`.\n.o-Tablist__Panel--js-selected {\n}\n","/*################################*\\\n xmeter | _h-FontSize.less\n\\*################################*/\n\n\n// FontSize\n//\n// The FontSize Helper sets the font-size of an element while maintaining vertical rhythm.\n// Add `[class=\"h-Fontsize\"]` to an element, and then set the `--font-scale`\n// custom property (and optionally the `--tracks` custom property), either via inline style or stylesheet.\n// This Helper adjusts the line-height of the element so that track size remains unaffected.\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//

        This paragraph has a font-size of 2.25em,\n// and an adjusted line-height so that each line of text takes up exactly 1 track.\n// Vertical rhythm is maintained.\n// However, this example’s font-size is too big to be read clearly.

        \n//

        Set the `--tracks` to an integer\n// in order to adjust the number of “tracks” each line of text takes up.\n// In this paragraph, each line of text takes up 2 tracks instead of the default 1.\n// This increased leading provides a more pleasant reading experience.

        \n//\n// Weight: 5.2\n//\n// Styleguide Helpers.FontSize\n.h-FontSize {\n // specify `--font-scale`\n // specify `--tracks`\n font-size: calc(var(--font-scale, 1) * 1em);\n line-height: calc(var(--line-height) / var(--font-scale, 1) * var(--tracks, 1));\n}\n","\n/*################################*\\\n xmeter | __tool.fontsize.less\n\\*################################*/\n\n\n// Sets the font size of a module while preserving vertical rhythm.\n// Modules use their own typographical systems with their own \"vertical rhythm units.\"\n// Font size is set in rems so that the module can be placed anywhere without changing appearance.\n// Line height is simply set to that of the root element, so that the \"vertical rhythm unit\"\n// scales with font size. (Effectively the same as `inherit`.)\n// Typographical blocks within this module will be vertically spaced accordingly:\n// as the font-size of this module increases, so does vertical spacing.\n//\n// ^params\n// @ratio - (default: 1) the ratio of the new font size to the root font size, i.e., the number of rems\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2016-10-01\n.font-size-mod(@ratio: 1) {\n font-size: (@ratio * 1rem);\n // line-height: inherit; // NOTE clarification\n & > * {\n // COMBAK-FALLBACK for `lh` units. TODO remove after `lh` is supported.\n --lh: calc(@ratio * var(--line-height) * 1rem); // @ratio * parent lh\n }\n}\n\n// CHANGED:\n// This mixin no longer uses the `var(--line-height)` expression, and instead\n// uses the fallback value of 1.5. This mixin should only be used where\n// CSS custom properties are not supported. For the most recent method,\n// see documentation on the `.h-FontSize` helper.\n//\n// Sets the font size of an element within a module (or if not, in the root)\n// while preserving vertical rhythm.\n// Font size is set in ems so that it will scale accordingly with its\n// parent module’s (or the root’s) font size.\n// Line height is adjusted so that it remains a constant \"vertical rhythm unit\"\n// of the parent module (or root).\n// `font-size` * `line-height` = one vertical rhythm unit\n//\n// ^params\n// @fontscale - (default: 1) the ratio of the new font size to\n// the parent font size, i.e., the number of ems\n// @tracks - (default: 1) the number of vrus each line of text will take up.\n// should be a whole number to satisfy vertical rhythm.\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2018-03-21\n.font-size-el(@fontscale: 1; @tracks: 1) {\n @lineheight: 1.5;\n font-size: (@fontscale * 1em);\n line-height: (@lineheight / @fontscale * @tracks);\n}\n","\n/*################################*\\\n xmeter | _h-Block.less\n\\*################################*/\n\n\n// Block\n//\n// The Block Helper displays an element as a block, with an inherited line-height to maintain vertical rhythm.\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//

        Albert Einstein was made famous by his equation\n// E = mc2\n// which explains the relationship between energy and mass.

        \n//\n// Weight: 1\n//\n// Styleguide Helpers.Block\n.h-Block {\n display: block;\n line-height: inherit; // COMBAK-FALLBACK\n line-height: unset;\n}\n","\n/*################################*\\\n xmeter | _o-Flex.less\n\\*################################*/\n\n\n// The Flex Object\n//\n// The Flex Object is a container of flexible items arranged in one dimension.\n//\n// The axis, called the main-axis, is horizontal by default, but you can\n// change the orientation to vertical using flex-direction.\n//\n// Also by default, the items along the main-axis do not wrap to the next track (row or column),\n// but you can use flex-wrap to override this as well. If wrapping is turned on,\n// the point where the wrap occurs is not controlled. This is by design.\n// For two-dimensional control, see the Grid Object.\n//\n// Each flex item has a main size of auto, which defers to its\n// width (or height) property. If that property is not explicitly set\n// (or is explicitly set to auto), then the item’s main size will set\n// automatically based its contents.\n//\n// The flex items will grow or shrink together to fit into the allotted space.\n// By default, the extra space (if any) will be distributed between the items.\n// You can override this with justify-content.\n//\n// See https://css-tricks.com/snippets/css/a-guide-to-flexbox/ for details.\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
          \n//
        • Burns & McDonnell Engineering
          • \n//
        • DIS-TRAN Steel, LLC
          • \n//
        • EDM International
          • \n//
        • Electrical Consultants, Inc.
          • \n//
        • Fabrimet Inc.
          • \n//
        • Falcon Steel Company
          • \n//
        • Sabre-FWT
          • \n//
        • HDR
          • \n//
        • Mitas Energy
          • \n//
        • Power Consulting Associates, LLC
          • \n//
        • Power Line Systems, Inc.
          • \n//
        • Quanta Services
          • \n//
        • ReliaPOLE Inspection Services
          • \n//
        \n//\n// Weight: 2\n//\n// Styleguide Objects.Flex\n.o-Flex {\n display: flex;\n line-height: inherit; // override lh-z on text-level elements\n justify-content: space-between;\n}\n\n.o-Flex__Item {\n flex: auto;\n}\n","\n/*################################*\\\n xmeter | _o-Grid.less\n\\*################################*/\n\n\n// The Grid Object\n//\n// The Grid Object is similar to the Flex Object except that it can be controlled in two dimensions.\n//\n// It has the structure of a list in that all items share the same container\n// (unlike tables where cells might not share the same row), while at the same time\n// appearing like a table with rows and columns.\n//\n// The Grid Object has one column at 1fr, unless overridden.\n// Using CSS Grid properties and media queries, you can achieve a flexible and responsive table effect,\n// adjusting the number of columns and rows based on screen size and/or content.\n//\n// See https://css-tricks.com/snippets/css/complete-guide-grid/ for details.\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
          \n//
        • Burns & McDonnell Engineering
          • \n//
        • DIS-TRAN Steel, LLC
          • \n//
        • EDM International
          • \n//
        • Electrical Consultants, Inc.
          • \n//
        • Fabrimet Inc.
          • \n//
        • Falcon Steel Company
          • \n//
        • Sabre-FWT
          • \n//
        • HDR
          • \n//
        • Mitas Energy
          • \n//
        • Power Consulting Associates, LLC
          • \n//
        • Power Line Systems, Inc.
          • \n//
        • Quanta Services
          • \n//
        • ReliaPOLE Inspection Services
          • \n//
        • Sabre-FWT
          • \n//
        • SAE Towers
          • \n//
        • TAPP Steel Poles
          • \n//
        • Trinity Meyer Utility Structures
          • \n//
        • TRC Engineers
          • \n//
        • Underground Devices
          • \n//
        • Valmont Newmark
          • \n//
        \n//\n// Weight: 3\n//\n// Styleguide Objects.Grid\n.o-Grid {\n display: grid;\n line-height: inherit; // override lh-z on text-level elements\n grid-template-columns: 1fr;\n}\n\n.o-Grid__Item {\n}\n","\n/*################################*\\\n xmeter | __tool.delims.less\n\\*################################*/\n\n\n// This tool adds opening and closing punctuation marks surrounding an element.\n// The punctuation marks are given by the `quotes` property.\n//\n// @arg - (default: `none`) an even number of space-separated left/right delimiters,\n// each pair used for one level of nested quotation.\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2016-05-05\n.delims(@arg: none) {\n quotes: @arg;\n &::before { content: open-quote; }\n &::after { content: close-quote; }\n}\n\n.parens() { .delims('(' ')'); }\n.brackets() { .delims('[' ']'); }\n.braces() { .delims('{' '}'); }\n.angles() { .delims('<' '>'); } // '\\003c' '\\003e' // < >\n\n.apos() { .delims('\\'' '\\''); } // '\\0027' '\\0027' // ' '\n.quot() { .delims('\\\"' '\\\"'); } // '\\0022' '\\0022' // " "\n\n.quotes-single() { .delims('\\2018' '\\2019'); } // '‘' '’' // ‘ ’\n.quotes-double() { .delims('\\201c' '\\201d'); } // '“' '”' // “ ”\n.guillemets-single() { .delims('\\2039' '\\203a'); } // '‹' '›' // ‹ ›\n.guillemets-double() { .delims('\\00ab' '\\00bb'); } // '«' '»' // « »\n","\n/*################################*\\\n xmeter | __tool.borders.less\n\\*################################*/\n\n\n// The following mixins adjust border widths for **BLOCK** Objects only! They will keep the\n// vertical rhythm intact when adding border widths (by slightly adjusting position and margins).\n// Do *not* use these mixins on INLINE Objects!\n//\n// NOTE: This mixin affects border width only (for structure). It does not affect cosmetics,\n// i.e., border style or color. To change these, you must include the `border-style` and\n// `border-color` properties after including this mixin.\n//\n// ```\n// .border-vert(top ; ); // adjust the top border\n// .border-vert(bottom; ); // adjust the bottom border\n// .border-vert(topbot; ); // adjust both the top and bottom borders\n// .border-vert(all ; ); // adjust all four borders\n// ```\n//\n// NOTE: In place of `.border-vert(all; ...)`, you may use a hack involving `box-shadow` to create\n// an effective border around an element, without using this tool and thus affecting the element’s\n// `margin-top` value.\n// The box-shadow must be outset, have an offset-x of 0, an offset-y of 0, a blur of 0,\n// a spread of `` (the effective border-width), and a color of `` (the effective border-color).\n// The color must be specified in the same declaration, and the effective border-style will always be solid.\n// ```\n// box-shadow: 0 0 0 ;\n// ```\n//\n// @width - (optional: `0`) value of `border-width`\n// ^author\n// : Chris Harvey\n// ^updated\n// : 2017-11-28\n.border-vert(top; @width: 0) {\n border-top-width: @width;\n margin-top: (-@width);\n}\n\n.border-vert(bottom; @width: 0) {\n border-bottom-width: @width;\n margin-top: (-@width);\n}\n\n.border-vert(topbot; @width: 0) {\n border-top-width: @width;\n border-bottom-width: @width;\n margin-top: (-2 * @width);\n}\n\n.border-vert(all; @width: 0) {\n border-width: @width;\n margin-top: (-2 * @width);\n}\n\n// Logical Properties below\n\n.border-block(start; @width: 0) {\n border-block-start-width: @width;\n margin-block-start: (-@width);\n}\n\n.border-block(end; @width: 0) {\n border-block-end-width: @width;\n margin-block-start: (-@width);\n}\n\n.border-block(block; @width: 0) {\n border-block-width: @width;\n margin-block-start: (-2 * @width);\n}\n\n.border-block(all; @width: 0) {\n border-width: @width;\n margin-block-start: (-2 * @width);\n}\n","////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n///////--- CHANGED DEPRECATED! Use `require('aria-patterns')` instead! ---////////\n////////////////////////////////////////////////////////////////////////////////////\n////////////////////////////////////////////////////////////////////////////////////\n\n/*################################*\\\n xmeter | _c-Permalink.less\n\\*################################*/\n\n\n// The Permalink\n//\n// **CHANGED. DEPRECATED. This component has been moved to https://github.com/chharvey/aria-patterns.**\n//\n// The Permalink Component is added to the end of a heading in a documentation system,\n// style guide, or pattern library. This Component is an internal link, and makes sections\n// within a document easy to access.\n// Use with .h-Inline and .h-Hidden.\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Pug:\n// 
        \n// section#section-title\n//   h1\n//     | Section Title\n//     != Xmeter.view({id: 'section-title'}).permalink()\n//
        \n//\n// Markup:\n//
        \n//

        \n// Section Title\n// §\n//

        \n//
        \n//\n// Weight: 1\n//\n// Styleguide Components.Permalink\n.c-Permalink {\n margin-left: 1rem;\n margin-inline-start: 1rem;\n font-weight: 100;\n h1:hover > &,\n h2:hover > &,\n h3:hover > &,\n h4:hover > &,\n h5:hover > &,\n h6:hover > & {\n position: static; // COMBAK-FALLBACK\n position: initial; // COMBAK-FALLBACK\n position: unset; // unset `.h-Hidden`\n }\n}\n\n@media screen and (min-width: 30em) { .c-Permalink-sK { .c-Permalink; } }\n@media screen and (min-width: 45em) { .c-Permalink-sM { .c-Permalink; } }\n@media screen and (min-width: 60em) { .c-Permalink-sG { .c-Permalink; } }\n@media screen and (min-width: 75em) { .c-Permalink-sT { .c-Permalink; } }\n@media screen and (min-width: 90em) { .c-Permalink-sP { .c-Permalink; } }\n@media not all and (min-width: 30em) { .c-Permalink-nK { .c-Permalink; } }\n@media not all and (min-width: 45em) { .c-Permalink-nM { .c-Permalink; } }\n@media not all and (min-width: 60em) { .c-Permalink-nG { .c-Permalink; } }\n@media not all and (min-width: 75em) { .c-Permalink-nT { .c-Permalink; } }\n@media not all and (min-width: 90em) { .c-Permalink-nP { .c-Permalink; } }\n","\n/*################################*\\\n xmeter | _h-Inline.less\n\\*################################*/\n\n\n// Inline\n//\n// The Inline Helper displays an element in line, with a line-height of 0 to maintain vertical rhythm.\n// This class is useful for creating inline lists,\n// that is, lists whose items are each displayed in line, one right after another.\n//
        \n//
        author
        Chris Harvey
        \n//
        updated
        \n//
        \n//\n// Markup:\n//
          \n//
        • spacetime
          • \n//
        • black hole
          • \n//
        • singularity
          • \n//
        • gravity
          • \n//
        • supernova
          • \n//
        • neutron star
          • \n//
            \n//\n// Weight: 2\n//\n// Styleguide Helpers.Inline\n.h-Inline {\n display: inline;\n line-height: 0;\n}\n","\n/*################################*\\\n xmeter | _h-Clearfix.less\n\\*################################*/\n\n\n// Clearfix\n//\n// The Clearfix Helper creates a line break after an element\n// in order to push subsequent content below the container.\n// This could be a container of floats, or it could simply be an inline list item.\n// Use this as an alternative to the br element.\n//\n// The Clearfix Helper is used in the classical sense in the first example below (to clear a float).\n// In the second example, the Clearfix Helper creates a line break after the 2nd inline item.\n//\n// The last example shows an alternative to marking up postal addresses.\n// Instead of adding br elements to create line breaks in\n// postal addresses—the traditional approach—you may wrap each line of the address\n// with spans using the Clearfix Helper. This approach may be easier if the spans are already present,\n// for example, from microdata markup.\n//\n//
            \n//
            author
            Chris Harvey
            \n//
            updated
            \n//
            \n//\n// Markup:\n//
            \n//
            gravity
            \n//
            supernova
            \n//
            \n//
            spacetime black hole singularity
            \n//
              \n//
            • spacetime
              • \n//
            • black hole
              • \n//
            • singularity
              • \n//
            • neutron star
              • \n//
            \n//

            \n// The White House\n// 1600 Pennsylvania Ave NW\n// Washington, DC 20500\n//

            \n//\n// Weight: 3\n//\n// Styleguide Helpers.Clearfix\n\n// Example 1\n//\n// The Clearfix Helper is used in the classical sense: to clear a float.\n//\n// Markup:\n//
            \n//
            gravity
            \n//
            supernova
            \n//
            \n//
            spacetime black hole singularity
            \n//\n// Styleguide Helpers.Clearfix.1\n\n\n// Example 2\n//\n// The Clearfix Helper creates a line break after the 2nd inline list item.\n//\n// Markup:\n//
              \n//
            • spacetime
              • \n//
            • black hole
              • \n//
            • singularity
              • \n//
            • neutron star
              • \n//
            \n//\n// Styleguide Helpers.Clearfix.2\n\n\n// Example 3\n//\n// An alternative to marking up postal addresses.\n// Instead of adding br elements to create line breaks in\n// postal addresses—the traditional approach—you may wrap each line of the address\n// with spans using the Clearfix Helper. This approach may be easier if the spans are already present,\n// for example, from microdata markup.\n//\n// Markup:\n//

            \n// The White House\n// 1600 Pennsylvania Ave NW\n// Washington, DC 20500\n//

            \n//\n// Styleguide Helpers.Clearfix.3\n\n.h-Clearfix {\n &::after {\n content: '';\n display: block;\n clear: both;\n }\n}\n","\n/*################################*\\\n xmeter | _h-Meaure.less\n\\*################################*/\n\n\n// Measure\n//\n// The Measure Helper constrains an element’s inline-size\n// (width, in horizontal writing modes) to a reasonable line length.\n//\n// The default style sets the max-inline-size of the block to 66 characters, but there are\n// narrow and wide variants for differing cases.\n//\n// The narrow variant is useful in mobile design when the user might want to\n// zoom in on text. Reading text with too large a measure on mobile devices requires a lot of\n// horizontal scrolling back and forth. Inversely, the wide variant is useful for\n// large type when you might not want the text to wrap as often.\n//\n// Because the block is capped at a character length,\n// this style is responsive to font-size. The bigger the font, the larger the line length\n// can be before the text wraps. Try adjusting your browser’s font size to see the effects.\n//\n//
            \n//
            author
            Chris Harvey
            \n//
            updated
            \n//
            \n//\n// Markup:\n//

            If the measure is too short, the reader’s eyes\n// have to dart back and forth more often, causing fatigue. If the measure is too long,\n// the reader is more likely to lose track of the previous line.

            \n//\n// .h-Measure--narrow - narrow variant constrains the size even tighter\n// .h-Measure--wide - wide variant is not as constrained\n//\n// Weight: 5\n//\n// Styleguide Helpers.Measure\n.h-Measure {\n max-width: 33em; // COMBAK-FALLBACK for `ch` unit\n max-width: 66ch;\n @supports (max-inline-size: 1ch) {\n max-width: unset;\n max-inline-size: 66ch;\n }\n}\n.h-Measure--narrow {\n max-width: 22.5em; // COMBAK-FALLBACK\n max-width: 45ch;\n @supports (max-inline-size: 1ch) {\n max-width: unset;\n max-inline-size: 45ch;\n }\n}\n.h-Measure--wide {\n max-width: 45em; // COMBAK-FALLBACK\n max-width: 90ch;\n @supports (max-inline-size: 1ch) {\n max-width: unset;\n max-inline-size: 90ch;\n }\n}\n","\n/*################################*\\\n xmeter | _h-Constrain.less\n\\*################################*/\n\n\n// Constrain\n//\n// The Constrain Helper limits an element’s maximum inline-size\n// (width, in horizontal writing modes), ensuring body content does not expand infinitely.\n// It is very similar to the `.h-Measure` Helper, but it is meant for large containers,\n// not for individual elements of prose (such as a paragraph or list).\n//
            \n//
            author
            Chris Harvey
            \n//
            updated
            \n//
            \n//\n// Markup:\n//
            \n//

            content heading

            \n//

            This object is constrained to a maximum width. Expand\n// your browser window (or zoom out) to see the effect.

            \n//
            \n//\n// Weight: 5.1\n//\n// Styleguide Helpers.Constrain\n.h-Constrain {\n max-width: 90em; // COMBAK-FALLBACK\n @supports (max-inline-size: 1em) {\n max-width: unset;\n max-inline-size: 90em;\n }\n margin-left: auto; margin-right: auto; // COMBAK-FALLBACK\n margin-inline: auto;\n}\n","\n/*################################*\\\n xmeter | _h-Ruled.less\n\\*################################*/\n\n\n// Ruled\n//\n// The Ruled Helper adds background lines for designing with vertical rhythm.\n// Each line corresponds to one line of text. Lines are separated by one vertical rhythm unit (VRU).\n//
            \n//
            author
            Chris Harvey
            \n//
            updated
            \n//
            \n//\n// Markup:\n//
            \n//

            For instance,\n// playing Ping-Pong on the train, one would find that\n// the ball obeyed Newton’s laws just like a ball on a table by the track.\n// So there is no way to tell whether it is the train or the earth that is moving.

            \n//

            The laws of science\n// should be the same for all freely moving observers,\n// no matter what their speed. This was true for Netwon’s laws of motion,\n// but now the idea was extended to include Maxwell’s theory. All observers\n// should measure the same speed of light, no matter how fast they are moving.

            \n//

            Gravity is not a force\n// like other forces, but is a consequence of the\n// fact that space-time is curved by the distribution of mass and energy in it.\n// An object in a gravitational field experiences the same effects as if it were\n// accelerating at a rate proportional to the strength of that gravitational field.

            \n//
            \n//\n// Weight: 6\n//\n// Styleguide Helpers.Ruled\n@p-color-gray: rgba(0,0,0, 0.25); // same as _base.less\n.h-Ruled {\n background-image: linear-gradient(to top, @p-color-gray 1px, transparent 1px);\n background-size: 1px 1.5rem; // COMBAK-FALLBACK\n background-size: 1px var(--lh); // COMBAK-FALLBACK\n background-size: 1px 1lh;\n background-position-y: top;\n background-position-block: start;\n // for logical background sizing, see `background-image-transform`: (extremely unstable)\n // https://www.w3.org/TR/css-logical-1/#propdef-background-image-transform\n}\n","\n/*################################*\\\n xmeter | _-fz.less\n\\*################################*/\n@import (reference) url('./__settings.less');\n@import (reference) url('./__tool.fontsize.less');\n\n\n// font-size\n//\n// The font-size Atoms set the font-size property.\n//\n// CHANGED-DEPRECATED: Atoms starting with `.-fz-el-*` are deprecated and will be removed in v7.\n// Instead, you should use the `.h-FontSize` helper and define the `--font-scale` custom property on your own.\n//\n// All font sizes are available in /src/__settings.less.\n//
            \n//
            author
            Chris Harvey
            \n//
            updated
            \n//
            \n//\n// Markup:\n//
              \n//
            • universe (6.00)
              • \n//
            • galaxy (4.00)
              • \n//
            • star (3.00)
              • \n//
            • planet (2.00)
              • \n//
            • asteroid (1.50)
              • \n//
            • molecule (1.00)
              • \n//
            • atom (0.75)
              • \n//
            • quark (0.50)
              • \n//
            \n//\n// Weight: 1\n//\n// Styleguide Atoms.font-size\n\n\n.-fz-peta { font-size: (@g-font-size-peta * 1em) !important; }\n.-fz-tera { font-size: (@g-font-size-tera * 1em) !important; }\n.-fz-giga { font-size: (@g-font-size-giga * 1em) !important; }\n.-fz-mega { font-size: (@g-font-size-mega * 1em) !important; }\n.-fz-kilo { font-size: (@g-font-size-kilo * 1em) !important; }\n.-fz-norm { font-size: (@g-font-size-norm * 1em) !important; }\n.-fz-mill { font-size: (@g-font-size-mill * 1em) !important; }\n.-fz-micr { font-size: (@g-font-size-micr * 1em) !important; }\n\n\n// CHANGED-DEPRECATED! Use inline styles or define your own stylesheets instead.\n.-fz-el-peta { --font-scale: @g-font-size-peta !important; --tracks: 4 !important; }\n.-fz-el-tera { --font-scale: @g-font-size-tera !important; --tracks: 3 !important; }\n.-fz-el-giga { --font-scale: @g-font-size-giga !important; --tracks: 2 !important; }\n.-fz-el-mega { --font-scale: @g-font-size-mega !important; --tracks: 2 !important; }\n.-fz-el-kilo { --font-scale: @g-font-size-kilo !important; }\n.-fz-el-norm { --font-scale: @g-font-size-norm !important; }\n.-fz-el-mill { --font-scale: @g-font-size-mill !important; }\n.-fz-el-micr { --font-scale: @g-font-size-micr !important; }\n@media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .-fz-el-peta { .font-size-el(@g-font-size-peta; 4) !important; }\n .-fz-el-tera { .font-size-el(@g-font-size-tera; 3) !important; }\n .-fz-el-giga { .font-size-el(@g-font-size-giga; 2) !important; }\n .-fz-el-mega { .font-size-el(@g-font-size-mega; 2) !important; }\n .-fz-el-kilo { .font-size-el(@g-font-size-kilo; ) !important; }\n .-fz-el-norm { .font-size-el(@g-font-size-norm; ) !important; }\n .-fz-el-mill { .font-size-el(@g-font-size-mill; ) !important; }\n .-fz-el-micr { .font-size-el(@g-font-size-micr; ) !important; }\n}\n"]} \ No newline at end of file diff --git a/docs/_docs.tpl.jade b/docs/_docs.tpl.jade index 847aaee..fd47f57 100644 --- a/docs/_docs.tpl.jade +++ b/docs/_docs.tpl.jade @@ -22,7 +22,7 @@ html(lang="en")#top meta(name="viewport" content="width=device-width, initial-scale=1") block styles link(rel="stylesheet" href="https://cdn.rawgit.com/chharvey/bangs/v0.15.0/bangs.css") - link(rel="stylesheet" href="../css/xmeter.css") + link(rel="stylesheet" href="../css/dist/xmeter.css") link(rel="stylesheet" href="css/docs.css") block scripts body.h-Ruled.docs-body diff --git a/docs/_includes/_base.pug b/docs/_includes/_base.pug index ad7739d..4ece7f0 100644 --- a/docs/_includes/_base.pug +++ b/docs/_includes/_base.pug @@ -86,12 +86,12 @@ section#grouping-elements Vestibulum sapien justo, commodo a eros in, rhoncus interdum nisl. Etiam a porta lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. figure(class=classname.figure) - h1 Lorem Ipsum #[code(class=classname.code) h1] - h2 Lorem Ipsum #[code(class=classname.code) h2] - h3 Lorem Ipsum #[code(class=classname.code) h3] - h4 Lorem Ipsum #[code(class=classname.code) h4] - h5 Lorem Ipsum #[code(class=classname.code) h5] - h6 Lorem Ipsum #[code(class=classname.code) h6] + h1 Zero #[code(class=classname.code) h1] Two Three #[br] Four Five Six Seven + h2 Zero One #[code(class=classname.code) h2] Three #[br] Four Five Six Seven + h3 Zero One Two #[code(class=classname.code) h3] #[br] Four Five Six Seven + h4 Zero One Two Three #[br] #[code(class=classname.code) h4] Five Six Seven + h5 Zero One Two Three #[br] Four #[code(class=classname.code) h5] Six Seven + h6 Zero One Two Three #[br] Four Five #[code(class=classname.code) h6] Seven figure(class=classname.figure) address. 12345 #[code(class=classname.code) address] Ave #[code(class=classname.code) br]#[br] @@ -187,6 +187,28 @@ section#grouping-elements - for (var j = 0; j < cols; j++) td #[code(class=classname.code) tbody] #[code(class=classname.code) tr]ow #{i+1} #[code(class=classname.code) td]ata #{j+1} +tablebodyrows(3,3) +section#transparent-elements + block transparentElements + h2 Transparent Elements #[+permalink('transparent-elements')] + p A transparent element can be either block-level or text-level, depending on its contents. + figure(class=classname.figure) + figcaption Transparent elements styled with inline display: + ul + block transparentInlineList + li: a.h-Inline placeholder anchor #[code(class=classname.code)= 'a:not([href])'] + li: a.h-Inline(href="#0") hyperlink #[code(class=classname.code)= 'a[href]'] + li: ins.h-Inline content shown to be inserted into a document #[code(class=classname.code) ins] + li: del.h-Inline content shown to be deleted from a document #[code(class=classname.code) del] + li: slot.h-Inline(name="") a placeholder for dynamic data #[code(class=classname.code) slot] + figure(class=classname.figure) + figcaption Transparent elements styled with block display: + ul + block transparentBlockList + li: a.h-Block placeholder anchor #[pre(class=classname.code)= 'a:not([href])'] + li: a.h-Block(href="#0") hyperlink #[pre(class=classname.code)= 'a[href]'] + li: ins.h-Block content shown to be inserted into a document #[pre(class=classname.code) ins] + li: del.h-Block content shown to be deleted from a document #[pre(class=classname.code) del] + li: slot.h-Block(name="") a placeholder for dynamic data #[pre(class=classname.code) slot] section#text-level-elements block textLevelElements h2 Text-Level Elements #[+permalink('text-level-elements')] @@ -229,8 +251,9 @@ section#text-level-elements h3 Data #[+permalink('data')] figure(class=classname.figure): ul block dataList - li: time(datetime="Z") a specific date or time #[code(class=classname.code) time] + li: slot(name="") a placeholder for dynamic data #[code(class=classname.code) slot] li: data(value="") generic machine-readable data #[code(class=classname.code) data] + li: time(datetime="Z") a specific date or time #[code(class=classname.code) time] li: code a fragment of code #[code(class=classname.code) code] li: kbd user input #[code(class=classname.code) kbd] li: kbd: kbd a button or key on a physical device #[code(class=classname.code) kbd > kbd] diff --git a/docs/base.html b/docs/base.html deleted file mode 100644 index 16f97fe..0000000 --- a/docs/base.html +++ /dev/null @@ -1,96 +0,0 @@ -Base Typography | Xmeter Style Guideskip to main content

            Xmeter Style Guide

            A demo of Xmeter styles.

            Base Typography

            Bare, unstyled HTML elements. No classes.

            Grouping Elements - § -

            Headings & Paragraphs - § -

            Heading 1 h1

            Paragraph p -Lorem ipsum dolor sit amet, consectetur adipiscing elit. -Aliquam sagittis suscipit nunc, a cursus libero euismod at. -Nulla placerat neque massa, quis interdum leo efficitur vel. -Donec feugiat varius arcu non volutpat. -Mauris eget mauris ut mauris auctor mattis id vel justo. -Nulla dictum arcu nec suscipit mollis. -Maecenas a iaculis nisl, ut pretium est. Nulla facilisi.

            Heading 2 h2

            Paragraph p -Suspendisse ut auctor enim. -Aliquam viverra enim vitae ante aliquet venenatis. -Sed vel nibh sit amet sapien fermentum mattis nec non arcu. -Praesent dapibus velit quis lectus tempus, ut ullamcorper nibh facilisis. -Aenean tincidunt ante risus, semper malesuada libero consectetur id. -Praesent vel ligula ut enim porttitor porta. Aenean eu ullamcorper mi. -Integer blandit est quam, eget mattis urna scelerisque quis. -Maecenas sapien sapien, ornare nec lobortis eget, tincidunt sed ligula. -Maecenas risus nibh, volutpat sed euismod non, semper eget neque. -Integer varius egestas risus, volutpat sagittis turpis convallis eget. -Vivamus pulvinar ligula eget mi tincidunt, eget faucibus justo laoreet. -In sapien lacus, egestas faucibus laoreet eu, tempor sit amet lorem. -Sed luctus congue tortor a scelerisque.

            Heading 3 h3

            Paragraph p -Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. -Nunc sit amet scelerisque lectus. Cras cursus sed dui quis convallis. -Quisque id justo elit. -Fusce ut quam non sem efficitur accumsan sed id neque. -Mauris finibus dignissim gravida. -In dignissim mauris ac odio molestie volutpat. -Nulla tellus justo, finibus sed volutpat sed, tristique ac lacus. -Suspendisse sit amet fermentum sapien. -Aliquam luctus laoreet iaculis. -Proin lacinia orci vitae tellus pellentesque porttitor.

            Heading 4 h4

            Paragraph p -Aenean consectetur suscipit urna, non vehicula lacus blandit et. -Integer at lacus et diam tristique suscipit. -Ut cursus massa sit amet nisl convallis, elementum accumsan sapien mattis. -Vestibulum vitae magna ac tellus accumsan pharetra vulputate vitae erat. -Vestibulum est dui, elementum non sagittis ac, sagittis accumsan justo. -Donec at vestibulum diam. Nam et volutpat dolor, at pulvinar nisi. -Curabitur aliquam maximus nulla eu venenatis. -Nam aliquam lorem non felis dignissim dictum. -Pellentesque sagittis vehicula nisl non luctus. -Pellentesque eget ligula hendrerit, blandit enim consequat, dictum sem. -In quis lectus in lectus interdum laoreet eu quis quam. -Fusce auctor posuere purus, quis semper libero dignissim euismod. -Curabitur commodo mauris a sapien vulputate, eget pharetra urna facilisis.

            Heading 5 h5

            Paragraph p -Donec finibus ut lectus finibus pellentesque. -Nulla euismod feugiat nulla nec posuere. -Sed ac est id sem sagittis rhoncus eu ac neque. -Aliquam eu metus sagittis, porta turpis id, scelerisque magna. -Nulla venenatis elementum est, semper viverra felis tristique sit amet. -Mauris nec ipsum id orci porttitor auctor sed sit amet sem. -Lorem ipsum dolor sit amet, consectetur adipiscing elit. -Etiam tellus leo, venenatis sit amet ipsum non, sagittis feugiat ante.

            Heading 6 h6

            Paragraph p -Donec vel dolor ut felis dapibus ultricies vitae a nibh. -Ut semper odio est, sed lacinia ligula gravida ut. -Vestibulum facilisis viverra pulvinar. -Suspendisse maximus nisl sit amet augue vulputate, vel porta nunc molestie. -Aliquam mauris diam, pharetra vel consectetur quis, rhoncus in risus. -Donec ut quam massa. -Vestibulum sapien justo, commodo a eros in, rhoncus interdum nisl. -Etiam a porta lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

            Lorem Ipsum h1

            Lorem Ipsum h2

            Lorem Ipsum h3

            Lorem Ipsum h4

            Lorem Ipsum h5
            Lorem Ipsum h6
            12345 address Ave br
            -Washington, DC 00000 br
            -United States of America
            Pellentesque pre habitant() {
-  morbi.tristique = senectus;
-  et (netus = malesuada; fames < ac; turpis.egestas++) {
-    Nunc.sit += [amet, scelerisque][et];
-    Cras = {
-      lectus: cursus
-    , sed: dui
-    , quis: convallis(id () { justo Quisque.elit; })
-    };
-  }
-}
            Aenean consectetur figure suscipit urna, non vehicula lacus blandit et.
            Integer at lacus et diam tristique figure figcaption suscipit.
            Donec blockquote vel dolor ut felis dapibus ultricies vitae a nibh.
            A horizontal rule hr is present below.

            Lists - § -

            Ordered List ol
            1. List item li
            2. List item li
              1. Nested list item
              2. Nested list item
                1. Another nested list item
                2. Another nested list item
            Unrdered List ul
            • List item li
            • List item li
              • Nested list item
              • Nested list item
                • Another nested list item
                • Another nested list item
            Dictionary List dl
            key dt
            value dd
            • 1st key
            • 2nd key
            value
            key
            • 1st value
            • 2nd value

            Tables - § -

            table caption
            theader trow 1 theading 1theader trow 1 theading 2theader trow 1 theading 3
            tfooter trow 1 tdata 1tfooter trow 1 tdata 2tfooter trow 1 tdata 3
            tfooter trow 2 tdata 1tfooter trow 2 tdata 2tfooter trow 2 tdata 3
            tbody trow 1 tdata 1tbody trow 1 tdata 2tbody trow 1 tdata 3
            tbody trow 2 tdata 1tbody trow 2 tdata 2tbody trow 2 tdata 3
            tbody trow 3 tdata 1tbody trow 3 tdata 2tbody trow 3 tdata 3

            Text-Level Elements - § -

            Stress - § -

            • emphasized text em
            • important text strong
            • alternate voice/mood (scare quotes, mentioning words, foreign expressions) i
            • relevant in some context mark
            • unarticulated annotation u
            • side comment small
            • text shown to be no longer relevant s

            Documentation - § -

            • content shown to be inserted into a document ins
            • content shown to be deleted from a document del
            • definining instance of a term dfn
            • keyword or technical term b
            • abbreviation or acronym abbr[title]
            • variable var
            • quoted material q
            • reference to a work, some part of a work, or the creator of a work cite
            • superscript sup
            • subscript sub

            Data - § -

            • generic machine-readable data data
            • a fragment of code code
            • user input kbd
            • a button or key on a physical device kbd > kbd
            • sample computer output samp

            Forms - § -

            Integer at lacus et diam tristique fieldset legend suscipit.Aenean consectetur fieldset suscipit urna, non vehicula lacus blandit et.
            single line text inputs
            date/time
            without text input
            check boxes
            radio buttons
            drop-down list (select only one)
            drop-down list (select multiple)
            buttons
            textarea

            Embedded Elements - § -

            Interactive Elements - § -

            Integer at lacus et diam tristique details summary suscipit.Aenean consectetur details suscipit urna, non vehicula lacus blandit et.

            A Dialog

            text for dialog element

            Can include flow content.

            jump to top \ No newline at end of file diff --git a/docs/css/docs.css b/docs/css/docs.css deleted file mode 100644 index 83162f0..0000000 --- a/docs/css/docs.css +++ /dev/null @@ -1,56 +0,0 @@ -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ - xmeter -\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -/*================================*\ - docs.less -\*================================*/ -.docs-body { - margin-bottom: 50vh; -} -[aria-current="page"] { - font-weight: bold; -} -.docs-main { - margin: 0 1rem var(--lh); - margin: 0 1rem 1lh; -} -.docs-code { - padding: 2px 4px; - background-color: #333; - color: #ccc; - border-radius: 0.25rem; -} -.docs-figure { - position: relative; - margin-left: 1rem; - margin-right: 1rem; - padding: calc(0.5 * var(--lh)) 0.5rem; - padding: 0.5lh 0.5rem; - border-radius: 0.5rem; - -webkit-box-shadow: 0 0 0 1px #ddd; - box-shadow: 0 0 0 1px #ddd; - background-color: #eee; - overflow: auto; -} -.docs-form { - background-color: #ddd; -} -body > a:last-of-type { - position: fixed; - bottom: var(--lh); - bottom: 1lh; - right: 1rem; -} -@media screen and (min-width: 60em) { - body { - width: 75%; - } - #contents { - position: fixed; - top: 0; - bottom: 0; - right: 0; - width: 25%; - overflow: auto; - } -} diff --git a/docs/css/docs.less b/docs/css/docs.less index ad289fe..5cd9b55 100644 --- a/docs/css/docs.less +++ b/docs/css/docs.less @@ -34,10 +34,10 @@ position: relative; margin-left: 1rem; margin-right: 1rem; - padding: calc(~'0.5 * var(--lh)') 0.5rem; + padding: calc(0.5 * var(--lh)) 0.5rem; padding: 0.5lh 0.5rem; border-radius: 0.5rem; - box-shadow: 0 0 0 1px #ddd; // HACK vertical border hack + box-shadow: 0 0 0 1px #ddd; // vertical border hack background-color: #eee; overflow: auto; } diff --git a/docs/index.html b/docs/index.html deleted file mode 100644 index d9af838..0000000 --- a/docs/index.html +++ /dev/null @@ -1 +0,0 @@ -Home | Xmeter Style Guideskip to main content

            Xmeter Style Guide

            A demo of Xmeter styles.

            Home

            Xmeter Homepage

            jump to top \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 6b06e66..053c543 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,3 +1,7 @@ +const fs = require('fs') +const path = require('path') +const util = require('util') + const kss = require('kss') const gulp = require('gulp') const jsdoc = require('gulp-jsdoc3') @@ -7,6 +11,9 @@ const autoprefixer = require('gulp-autoprefixer') const clean_css = require('gulp-clean-css') const sourcemaps = require('gulp-sourcemaps') +const createDir = require('./lib/createDir.js') + + gulp.task('docs:api', function () { return gulp.src(['README.md', './index.js', 'class/Xmeter.class.js'], {read: false}) .pipe(jsdoc(require('./config/jsdoc.json'))) @@ -39,14 +46,93 @@ gulp.task('lessc:docs', function () { gulp.task('build:docs', ['docs:api', 'docs:kss', 'pug:docs', 'lessc:docs']) -gulp.task('lessc:core', function () { - return gulp.src('css/src/xmeter.less') +gulp.task('generate-less', async function () { + /** + * @summary List of breakpoints, corresponding to query-specific stylesheets. + * @type {Array<{suffix:string, query:string}>} + */ + let breakpoints = [ + { suffix: '-sK', query: 'screen and (min-width: 30em)' }, + { suffix: '-sM', query: 'screen and (min-width: 45em)' }, + { suffix: '-sG', query: 'screen and (min-width: 60em)' }, + { suffix: '-sT', query: 'screen and (min-width: 75em)' }, + { suffix: '-sP', query: 'screen and (min-width: 90em)' }, + { suffix: '-nK', query: 'not all and (min-width: 30em)' }, + { suffix: '-nM', query: 'not all and (min-width: 45em)' }, + { suffix: '-nG', query: 'not all and (min-width: 60em)' }, + { suffix: '-nT', query: 'not all and (min-width: 75em)' }, + { suffix: '-nP', query: 'not all and (min-width: 90em)' }, + ] + /** + * @summary List of source files. + * @type {Array<{filename:string, classes:Array}>} + * @property {string} filename the name of the file + * @property {Array} classes the classes written in the file + */ + let cssclassfiles = [ + // REVIEW use `fs.readdir(path.resolve(__dirname, './css/src/'))` and filter out only the ones you want + { filename: '_o-List.less' , classes: [ 'o-List', 'o-List__Item' ] }, + { filename: '_o-Flex.less' , classes: [ 'o-Flex', 'o-Flex__Item' ] }, + { filename: '_o-Grid.less' , classes: [ 'o-Grid', 'o-Grid__Item' ] }, + { filename: '_h-Block.less' , classes: [ 'h-Block' ] }, + { filename: '_h-Inline.less' , classes: [ 'h-Inline' ] }, + { filename: '_h-Clearfix.less' , classes: [ 'h-Clearfix' ] }, + { filename: '_h-Measure.less' , classes: [ 'h-Measure', 'h-Measure--narrow', 'h-Measure--wide' ] }, + { filename: '_h-Constrain.less', classes: [ 'h-Constrain' ] }, + { filename: '_h-FontSize.less' , classes: [ 'h-FontSize' ] }, + { filename: '_h-Ruled.less' , classes: [ 'h-Ruled' ] }, + { + filename: '_-fz.less', + classes: [ + '-fz-peta', + '-fz-tera', + '-fz-giga', + '-fz-mega', + '-fz-kilo', + '-fz-norm', + '-fz-mill', + '-fz-micr', + '-fz-el-peta', // CHANGED-DEPRECATED + '-fz-el-tera', // CHANGED-DEPRECATED + '-fz-el-giga', // CHANGED-DEPRECATED + '-fz-el-mega', // CHANGED-DEPRECATED + '-fz-el-kilo', // CHANGED-DEPRECATED + '-fz-el-norm', // CHANGED-DEPRECATED + '-fz-el-mill', // CHANGED-DEPRECATED + '-fz-el-micr', // CHANGED-DEPRECATED + ], + }, + ] + /** + * @summary Map the breakpoints to Less file setups. + * @type {{filename:string, contents:string}} + */ + let stylesheets_prod = breakpoints.map((bp) => ({ + filename: `xmeter${bp.suffix}.less`, + contents: ` + ${cssclassfiles.map((file) => `@import (reference) url('../src/${file.filename}');`).join('\n')} + @media ${bp.query} { + ${ + cssclassfiles.map((file) => + file.classes.map((classname) => `.${classname}${bp.suffix} { .${classname} };`).join('\n') + ).join('\n') + } + } + `, + })) + await createDir('./css/dist/') + await Promise.all(stylesheets_prod.map((ss) => + util.promisify(fs.writeFile)(path.resolve(__dirname, './css/dist/', ss.filename), ss.contents, 'utf8') + )) +}) + +gulp.task('lessc-dist', ['generate-less'], function () { + return gulp.src(['./css/src/xmeter.less', './css/dist/xmeter-*.less']) .pipe(sourcemaps.init()) .pipe(less()) .pipe(autoprefixer({ grid: true, })) - .pipe(gulp.dest('./css/')) .pipe(clean_css({ level: { 2: { @@ -56,6 +142,11 @@ gulp.task('lessc:core', function () { }, })) .pipe(sourcemaps.write('./')) // writes to an external .map file + .pipe(gulp.dest('./css/dist/')) +}) + +gulp.task('lessc:core', ['lessc-dist'], function () { + return gulp.src('./css/dist/xmeter.css{,.map}') .pipe(gulp.dest('./css/')) }) diff --git a/index.html b/index.html index e9308d4..a6b0c96 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,17 @@ - Xmeter index page + Xmeter -
            +
            +

            Go to Style Guide.

            + + diff --git a/lib/createDir.js b/lib/createDir.js new file mode 100644 index 0000000..c9992ea --- /dev/null +++ b/lib/createDir.js @@ -0,0 +1,13 @@ +const fs = require('fs') +const path = require('path') +const util = require('util') + +/** + * @summary Test access of a directory; if error, make directory. + * @param {string} dir directory name to create; relative to `relativepath` + * @param {string=} relativepath relative directory name, usually `__dirname`; defaults to `process.cwd()` + */ +module.exports = async function createDir(dir, relativepath = process.cwd()) { + try { await util.promisify(fs.access)(path.resolve(relativepath, dir)) } + catch (e) { await util.promisify(fs.mkdir )(path.resolve(relativepath, dir)) } +} diff --git a/package-lock.json b/package-lock.json index 23220fb..4463047 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "xmeter", - "version": "6.3.0", + "version": "6.4.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -10,11 +10,19 @@ "integrity": "sha1-z6I7xYQPkQTOMqZedNt+epdLvuE=", "dev": true, "requires": { - "acorn": "5.4.1", + "acorn": "5.5.3", "css": "2.2.1", "normalize-path": "2.1.1", "source-map": "0.5.7", "through2": "2.0.3" + }, + "dependencies": { + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true + } } }, "@gulp-sourcemaps/map-sources": { @@ -28,9 +36,9 @@ } }, "@types/babel-types": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@types/babel-types/-/babel-types-7.0.0.tgz", - "integrity": "sha512-PyWcbX0W4r4GcgXLI0Vu4jyJ/Erueo3PwjgvQcOmWAOBW0ObhzBBciEX+sHvjkNE0umI6nqD192FDKvYZTL91A==", + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/@types/babel-types/-/babel-types-7.0.1.tgz", + "integrity": "sha512-EkcOk09rjhivbovP8WreGRbXW20YRfe/qdgXOGq3it3u3aAOWDRNsQhL/XPAWFF7zhZZ+uR+nT+3b+TCkIap1w==", "dev": true }, "@types/babylon": { @@ -39,7 +47,7 @@ "integrity": "sha512-+Jty46mPaWe1VAyZbfvgJM4BAdklLWxrT5tc/RjvCgLrtk6gzRY6AOnoWFv4p6hVxhJshDdr2hGVn56alBp97Q==", "dev": true, "requires": { - "@types/babel-types": "7.0.0" + "@types/babel-types": "7.0.1" } }, "abab": { @@ -48,9 +56,9 @@ "integrity": "sha1-X6rZwsB/YN12dw9xzwJbYqY8/U4=" }, "accord": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/accord/-/accord-0.28.0.tgz", - "integrity": "sha512-sPF34gqHegaCSryKf5wHJ8wREK1dTZnHmC9hsB7D8xjntRdd30DXDPKf0YVIcSvnXJmcYu5SCvZRz28H++kFhQ==", + "version": "0.29.0", + "resolved": "https://registry.npmjs.org/accord/-/accord-0.29.0.tgz", + "integrity": "sha512-3OOR92FTc2p5/EcOzPcXp+Cbo+3C15nV9RXHlOUBCBpHhcB+0frbSNR9ehED/o7sTcyGVtqGJpguToEdlXhD0w==", "dev": true, "requires": { "convert-source-map": "1.5.1", @@ -63,7 +71,7 @@ "lodash.partialright": "4.2.1", "lodash.pick": "4.4.0", "lodash.uniq": "4.5.0", - "resolve": "1.5.0", + "resolve": "1.6.0", "semver": "5.5.0", "uglify-js": "2.8.29", "when": "3.7.8" @@ -101,16 +109,16 @@ } }, "acorn": { - "version": "5.4.1", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.4.1.tgz", - "integrity": "sha512-XLmq3H/BVvW6/GbxKryGxWORz1ebilSsUDlyC27bXhWGWAZWkGwS6FLHjOlwFXNFoWFQEO/Df4u0YYd0K3BQgQ==" + "version": "5.5.3", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.5.3.tgz", + "integrity": "sha512-jd5MkIUlbbmb07nXH0DT3y7rDVtkzDi4XZOUVWAer8ajmF/DTSSbl5oNFyDOl/OXA33Bl79+ypHhl2pN20VeOQ==" }, "acorn-globals": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-4.1.0.tgz", "integrity": "sha512-KjZwU26uG3u6eZcfGbTULzFcsoz6pegNKtHPksZPOUsiKo5bUmiBPa38FuHZ/Eun+XYh/JCCkS9AS3Lu4McQOQ==", "requires": { - "acorn": "5.4.1" + "acorn": "5.5.3" } }, "ajv": { @@ -152,6 +160,15 @@ "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=", "dev": true }, + "ansi-colors": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", + "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==", + "dev": true, + "requires": { + "ansi-wrap": "0.1.0" + } + }, "ansi-cyan": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/ansi-cyan/-/ansi-cyan-0.1.1.tgz", @@ -208,7 +225,7 @@ "resolved": "https://registry.npmjs.org/aria-patterns/-/aria-patterns-0.2.0.tgz", "integrity": "sha512-DU1K2rjunct1WRY03OhL7BQIu3DfATHvRJ82OTgMShtVUByxj0qDCyyCal8ivwoOzVvUEqhr2+Bq7F+hiXQ4Og==", "requires": { - "extrajs-dom": "4.0.0" + "extrajs-dom": "4.1.0" } }, "arr-diff": { @@ -309,16 +326,16 @@ "dev": true }, "autoprefixer": { - "version": "7.2.6", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-7.2.6.tgz", - "integrity": "sha512-Iq8TRIB+/9eQ8rbGhcP7ct5cYb/3qjNYAR2SnzLCEcwF6rvVOax8+9+fccgXk4bEhQGjOZd5TLhsksmAdsbGqQ==", + "version": "8.2.0", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-8.2.0.tgz", + "integrity": "sha512-xBVQpGAcSNNS1PBnEfT+F9VF8ZJeoKZ121I3OVQ0n1F0SqVuj4oLI6yFeEviPV8Z/GjoqBRXcYis0oSS8zjNEg==", "dev": true, "requires": { - "browserslist": "2.11.3", - "caniuse-lite": "1.0.30000810", + "browserslist": "3.2.1", + "caniuse-lite": "1.0.30000819", "normalize-range": "0.1.2", "num2fraction": "1.2.2", - "postcss": "6.0.19", + "postcss": "6.0.21", "postcss-value-parser": "3.3.0" } }, @@ -445,7 +462,7 @@ "isobject": "3.0.1", "kind-of": "6.0.2", "repeat-element": "1.1.2", - "snapdragon": "0.8.1", + "snapdragon": "0.8.2", "snapdragon-node": "2.1.1", "split-string": "3.1.0", "to-regex": "3.0.2" @@ -477,13 +494,13 @@ "integrity": "sha1-Ql1opY00R/AqBKqJQYf86K+Le44=" }, "browserslist": { - "version": "2.11.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-2.11.3.tgz", - "integrity": "sha512-yWu5cXT7Av6mVwzWc8lMsJMHWn4xyjSuGYi4IozbVTLUOEYPSagUB8kiMDUHA1fS3zjr8nkxkn9jdvug4BBRmA==", + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-3.2.1.tgz", + "integrity": "sha512-Smb+H/evmlcOdUFLGBu45q0we1tQGFjNLAC1AsO1ZCQ8fBD6WtXLpPHgm6Hp/sh1lVS++WdY8gJwIxMN1jOgLQ==", "dev": true, "requires": { - "caniuse-lite": "1.0.30000810", - "electron-to-chromium": "1.3.34" + "caniuse-lite": "1.0.30000819", + "electron-to-chromium": "1.3.40" } }, "builtin-modules": { @@ -516,9 +533,9 @@ "dev": true }, "caniuse-lite": { - "version": "1.0.30000810", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000810.tgz", - "integrity": "sha512-/0Q00Oie9C72P8zQHtFvzmkrMC3oOFUnMWjCy5F2+BE8lzICm91hQPhh0+XIsAFPKOe2Dh3pKgbRmU3EKxfldA==", + "version": "1.0.30000819", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000819.tgz", + "integrity": "sha512-9i1d8eiKA6dLvsMrVrXOTP9/1sd9iIv4iC/UbPbIa9iQd9Gcnozi2sQ0d69TiQY9l7Alt7YIWISOBwyGSM6H0Q==", "dev": true }, "caseless": { @@ -543,14 +560,6 @@ "requires": { "align-text": "0.1.4", "lazy-cache": "1.0.4" - }, - "dependencies": { - "lazy-cache": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz", - "integrity": "sha1-odePw6UEdMuAhF07O24dpJpEbo4=", - "dev": true - } } }, "chalk": { @@ -656,12 +665,20 @@ } }, "clean-css": { - "version": "4.1.9", - "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.1.9.tgz", - "integrity": "sha1-Nc7ornaHpJuYA09w3gDE7dOCYwE=", + "version": "4.1.11", + "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.1.11.tgz", + "integrity": "sha1-Ls3xRaujj1R0DybO/Q/z4D4SXWo=", "dev": true, "requires": { "source-map": "0.5.7" + }, + "dependencies": { + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true + } } }, "cliui": { @@ -684,9 +701,9 @@ } }, "clone": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.3.tgz", - "integrity": "sha1-KY1+IjFmD0DAA8LtMUDezz9TCF8=", + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", + "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=", "dev": true }, "clone-stats": { @@ -745,15 +762,6 @@ "delayed-stream": "1.0.0" } }, - "commander": { - "version": "2.8.1", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.8.1.tgz", - "integrity": "sha1-Br42f+v9oMMwqh4qBy09yXYkJdQ=", - "dev": true, - "requires": { - "graceful-readlink": "1.0.1" - } - }, "component-emitter": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", @@ -772,7 +780,7 @@ "integrity": "sha512-yePcBqEFhLOqSBtwYOGGS1exHo/s1xjekXiinh4itpNQGCu4KA1euPh1fg07N2wMITZXQkBz75Ntdt1ctGZouw==", "dev": true, "requires": { - "@types/babel-types": "7.0.0", + "@types/babel-types": "7.0.1", "@types/babylon": "6.16.2", "babel-types": "6.26.0", "babylon": "6.18.0" @@ -898,7 +906,7 @@ "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=", "dev": true, "requires": { - "es5-ext": "0.10.39" + "es5-ext": "0.10.41" } }, "dashdash": { @@ -975,7 +983,7 @@ "integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=", "dev": true, "requires": { - "clone": "1.0.3" + "clone": "1.0.4" } }, "define-property": { @@ -1087,9 +1095,9 @@ } }, "electron-to-chromium": { - "version": "1.3.34", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.34.tgz", - "integrity": "sha1-2TSY9AORuwwWpgPYJBuZUUBBV+0=", + "version": "1.3.40", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.40.tgz", + "integrity": "sha1-H71tl779crim+SHcONIkE9L2/d8=", "dev": true }, "end-of-stream": { @@ -1127,13 +1135,14 @@ } }, "es5-ext": { - "version": "0.10.39", - "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.39.tgz", - "integrity": "sha512-AlaXZhPHl0po/uxMx1tyrlt1O86M6D5iVaDH8UgLfgek4kXTX6vzsRfJQWC2Ku+aG8pkw1XWzh9eTkwfVrsD5g==", + "version": "0.10.41", + "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.41.tgz", + "integrity": "sha512-MYK02wXfwTMie5TEJWPolgOsXEmz7wKCQaGzgmRjZOoV6VLG8I5dSv2bn6AOClXhK64gnSQTQ9W9MKvx87J4gw==", "dev": true, "requires": { "es6-iterator": "2.0.3", - "es6-symbol": "3.1.1" + "es6-symbol": "3.1.1", + "next-tick": "1.0.0" } }, "es6-iterator": { @@ -1143,7 +1152,7 @@ "dev": true, "requires": { "d": "1.0.0", - "es5-ext": "0.10.39", + "es5-ext": "0.10.41", "es6-symbol": "3.1.1" } }, @@ -1154,7 +1163,7 @@ "dev": true, "requires": { "d": "1.0.0", - "es5-ext": "0.10.39" + "es5-ext": "0.10.41" } }, "es6-weak-map": { @@ -1164,7 +1173,7 @@ "dev": true, "requires": { "d": "1.0.0", - "es5-ext": "0.10.39", + "es5-ext": "0.10.41", "es6-iterator": "2.0.3", "es6-symbol": "3.1.1" } @@ -1176,15 +1185,15 @@ "dev": true }, "escodegen": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.9.0.tgz", - "integrity": "sha512-v0MYvNQ32bzwoG2OSFzWAkuahDQHK92JBN0pTAALJ4RIxEZe766QJPDR8Hqy7XNUy5K3fnVL76OqYAdc4TZEIw==", + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.9.1.tgz", + "integrity": "sha512-6hTjO1NAWkHnDk3OqQ4YrCuwwmGHL9S3nPlzBOUG/R44rda3wLNrfvQ5fkSGjyhHFKM7ALPKcKGrwvCLe0lC7Q==", "requires": { "esprima": "3.1.3", "estraverse": "4.2.0", "esutils": "2.0.2", "optionator": "0.8.2", - "source-map": "0.5.7" + "source-map": "0.6.1" } }, "esprima": { @@ -1209,7 +1218,7 @@ "dev": true, "requires": { "d": "1.0.0", - "es5-ext": "0.10.39" + "es5-ext": "0.10.41" } }, "expand-brackets": { @@ -1223,7 +1232,7 @@ "extend-shallow": "2.0.1", "posix-character-classes": "0.1.1", "regex-not": "1.0.2", - "snapdragon": "0.8.1", + "snapdragon": "0.8.2", "to-regex": "3.0.2" }, "dependencies": { @@ -1351,7 +1360,7 @@ "extend-shallow": "2.0.1", "fragment-cache": "0.2.1", "regex-not": "1.0.2", - "snapdragon": "0.8.1", + "snapdragon": "0.8.2", "to-regex": "3.0.2" }, "dependencies": { @@ -1381,9 +1390,9 @@ "integrity": "sha512-/xJ0d9XjChojeLcEdfMFAwn/kMNNHWIn01X+P9fpXPJ6MGWcRMfwyoUqPRdzBp6PQLsW26T18frUl61CJu+33A==" }, "extrajs-dom": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/extrajs-dom/-/extrajs-dom-4.0.0.tgz", - "integrity": "sha512-xhZrfPOuFTqZsQRlBF/u4C00K+kd0J/vsccMwmBlApvfPsNy+P7DN3xEeTI3QlSM5C9XU4h6aKedtrOKINxhIA==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/extrajs-dom/-/extrajs-dom-4.1.0.tgz", + "integrity": "sha512-hBasHGbGEILumFLWUSrjJfUMXvXCqT17isU0QLbqUYrW4E0sOLVWM+J+0cABO6yGIQHtjQiYGuAnwaX/2AyDUw==", "requires": { "extrajs": "0.11.0", "extrajs-view": "1.1.2", @@ -1473,7 +1482,7 @@ "requires": { "detect-file": "1.0.0", "is-glob": "3.1.0", - "micromatch": "3.1.9", + "micromatch": "3.1.10", "resolve-dir": "1.0.1" } }, @@ -1765,15 +1774,9 @@ "integrity": "sha1-dhPHeKGv6mLyXGMKCG1/Osu92Bg=", "dev": true, "requires": { - "natives": "1.1.1" + "natives": "1.1.2" } }, - "graceful-readlink": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/graceful-readlink/-/graceful-readlink-1.0.1.tgz", - "integrity": "sha1-TK+tdrxi8C+gObL5Tpo906ORpyU=", - "dev": true - }, "gulp": { "version": "3.9.1", "resolved": "https://registry.npmjs.org/gulp/-/gulp-3.9.1.tgz", @@ -1796,54 +1799,67 @@ } }, "gulp-autoprefixer": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/gulp-autoprefixer/-/gulp-autoprefixer-4.1.0.tgz", - "integrity": "sha1-Bkr3PMAsrayP800L+T/9+5TqEqo=", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/gulp-autoprefixer/-/gulp-autoprefixer-5.0.0.tgz", + "integrity": "sha1-gjfCeKaXdScKHK/n1vEBz81YVUQ=", "dev": true, "requires": { - "autoprefixer": "7.2.6", + "autoprefixer": "8.2.0", "fancy-log": "1.3.2", - "plugin-error": "0.1.2", - "postcss": "6.0.19", + "plugin-error": "1.0.1", + "postcss": "6.0.21", "through2": "2.0.3", "vinyl-sourcemaps-apply": "0.2.1" } }, "gulp-clean-css": { - "version": "3.9.2", - "resolved": "https://registry.npmjs.org/gulp-clean-css/-/gulp-clean-css-3.9.2.tgz", - "integrity": "sha512-NaBtCOmhk2FP1D1pgv5jEvZaKr+6FZHvEgsl1iPGmTpyUOWpECR3Mzdciwo+hEWwtlnkZSueoAf74YCMtar48A==", + "version": "3.9.3", + "resolved": "https://registry.npmjs.org/gulp-clean-css/-/gulp-clean-css-3.9.3.tgz", + "integrity": "sha512-mw5Qrio7W3rvswmVlZ7eaxOhBIp6zQMBFLgcHoi/xbOtaKT5zmElkHt8mvbRre7fMt5eLgppIkW+j9Cm+O/UqQ==", "dev": true, "requires": { - "clean-css": "4.1.9", - "plugin-error": "0.1.2", + "clean-css": "4.1.11", + "plugin-error": "1.0.1", "through2": "2.0.3", "vinyl-sourcemaps-apply": "0.2.1" } }, "gulp-jsdoc3": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/gulp-jsdoc3/-/gulp-jsdoc3-1.0.1.tgz", - "integrity": "sha1-Yek1IS6qlrXC5yvD1n0e3d8VKTo=", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/gulp-jsdoc3/-/gulp-jsdoc3-2.0.0.tgz", + "integrity": "sha512-R0US0cHc5v/u8/g9oQ4/4hXEl/QqFcU3/sladKWlTpDUJPDIkeLNHZpq9PFqnuNvC2yZ/Pegs2KpgUmFghZUIg==", "dev": true, "requires": { + "ansi-colors": "1.1.0", + "beeper": "1.1.1", "bluebird": "3.5.1", - "debug": "2.6.9", - "gulp-util": "3.0.8", + "debug": "3.1.0", + "fancy-log": "1.3.2", "ink-docstrap": "1.3.2", "jsdoc": "3.5.5", - "map-stream": "0.0.6", - "tmp": "0.0.28" + "map-stream": "0.0.7", + "tmp": "0.0.33" + }, + "dependencies": { + "debug": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", + "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + } } }, "gulp-less": { - "version": "3.5.0", - "resolved": "https://registry.npmjs.org/gulp-less/-/gulp-less-3.5.0.tgz", - "integrity": "sha512-FQLY7unaHdTOXG0jlwxeBQcWoPPrTMQZRA7HfYwSNi9IPVx5l7GJEN72mG4ri2yigp/f/VNGUAJnFMJHBmH3iw==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/gulp-less/-/gulp-less-4.0.0.tgz", + "integrity": "sha512-cHSgNy6TEGpjuGkjBEhWBtt//YPxtw/Og4VQUlJ2w5izQOk1S+m1v98c4bAYsG79M944mv5x/Ct84RWiF8UvCw==", "dev": true, "requires": { - "accord": "0.28.0", - "less": "2.7.3", + "accord": "0.29.0", + "less": "3.0.1", "object-assign": "4.1.1", "plugin-error": "0.1.2", "replace-ext": "1.0.0", @@ -1851,12 +1867,62 @@ "vinyl-sourcemaps-apply": "0.2.1" }, "dependencies": { + "arr-diff": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", + "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", + "dev": true, + "requires": { + "arr-flatten": "1.1.0", + "array-slice": "0.2.3" + } + }, + "arr-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", + "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=", + "dev": true + }, + "array-slice": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", + "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=", + "dev": true + }, + "extend-shallow": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", + "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", + "dev": true, + "requires": { + "kind-of": "1.1.0" + } + }, + "kind-of": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=", + "dev": true + }, "object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", "dev": true }, + "plugin-error": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", + "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", + "dev": true, + "requires": { + "ansi-cyan": "0.1.1", + "ansi-red": "0.1.1", + "arr-diff": "1.1.0", + "arr-union": "2.1.0", + "extend-shallow": "1.1.4" + } + }, "replace-ext": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", @@ -1873,7 +1939,7 @@ "requires": { "gulp-util": "3.0.8", "object-assign": "4.1.1", - "pug": "2.0.0-rc.4", + "pug": "2.0.3", "through2": "2.0.3" }, "dependencies": { @@ -1893,7 +1959,7 @@ "requires": { "@gulp-sourcemaps/identity-map": "1.0.1", "@gulp-sourcemaps/map-sources": "1.0.0", - "acorn": "5.4.1", + "acorn": "5.5.3", "convert-source-map": "1.5.1", "css": "2.2.1", "debug-fabulous": "1.0.0", @@ -1909,12 +1975,6 @@ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=", "dev": true - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true } } }, @@ -2081,9 +2141,9 @@ } }, "hosted-git-info": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.5.0.tgz", - "integrity": "sha512-pNgbURSuab90KbTqvRPsseaTxOJCZBD0a7t+haSN33piP9cCM4l0CqdzAif2hUqm716UovKB2ROmiabGAKVXyg==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.6.0.tgz", + "integrity": "sha512-lIbgIIQA3lz5XaB6vxakj6sDHADJiZadYEJB+FgA+C4nubM1NwcuvUr9EJPmnH1skZqpqUzWborWo8EIUi0Sdw==", "dev": true }, "html-encoding-sniffer": { @@ -2105,7 +2165,7 @@ "domutils": "1.7.0", "entities": "1.1.1", "inherits": "2.0.3", - "readable-stream": "2.3.4" + "readable-stream": "2.3.5" }, "dependencies": { "isarray": { @@ -2115,9 +2175,9 @@ "dev": true }, "readable-stream": { - "version": "2.3.4", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.4.tgz", - "integrity": "sha512-vuYxeWYM+fde14+rajzqgeohAI7YoJcHE7kXDAc4Nk0EbuKnJfqtY9YtRkLo/tqkuF7MsBQRhPnPeyjYITp3ZQ==", + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.5.tgz", + "integrity": "sha512-tK0yDhrkygt/knjowCUiWP9YdV7c5R+8cR0r/kt9ZhBU906Fs6RpQJCEilamRJj1Nx2rWI6LkW9gKqjTkshhEw==", "dev": true, "requires": { "core-util-is": "1.0.2", @@ -2147,7 +2207,7 @@ "requires": { "assert-plus": "1.0.0", "jsprim": "1.4.1", - "sshpk": "1.13.1" + "sshpk": "1.14.1" } }, "iconv-lite": { @@ -2196,7 +2256,7 @@ "integrity": "sha512-STx5orGQU1gfrkoI/fMU7lX6CSP7LBGO10gXNgOZhwKhUqbtNjCkYSewJtNnLmWP1tAGN6oyEpG1HFPw5vpa5Q==", "dev": true, "requires": { - "moment": "2.20.1", + "moment": "2.21.0", "sanitize-html": "1.18.2" } }, @@ -2478,7 +2538,7 @@ "escape-string-regexp": "1.0.5", "js2xmlparser": "3.0.0", "klaw": "2.0.0", - "marked": "0.3.16", + "marked": "0.3.18", "mkdirp": "0.5.1", "requizzle": "0.2.1", "strip-json-comments": "2.0.1", @@ -2492,7 +2552,7 @@ "integrity": "sha512-pAeZhpbSlUp5yQcS6cBQJwkbzmv4tWFaYxHbFVSxzXefqjvtRA851Z5N2P+TguVG9YeUDcgb8pdeVQRJh0XR3Q==", "requires": { "abab": "1.0.4", - "acorn": "5.4.1", + "acorn": "5.5.3", "acorn-globals": "4.1.0", "array-equal": "1.0.0", "browser-process-hrtime": "0.1.2", @@ -2500,17 +2560,17 @@ "cssom": "0.3.2", "cssstyle": "0.2.37", "domexception": "1.0.1", - "escodegen": "1.9.0", + "escodegen": "1.9.1", "html-encoding-sniffer": "1.0.2", "left-pad": "1.2.0", - "nwmatcher": "1.4.3", + "nwmatcher": "1.4.4", "parse5": "4.0.0", "pn": "1.1.0", - "request": "2.83.0", + "request": "2.85.0", "request-promise-native": "1.0.5", "sax": "1.2.4", "symbol-tree": "3.2.2", - "tough-cookie": "2.3.3", + "tough-cookie": "2.3.4", "w3c-hr-time": "1.0.1", "webidl-conversions": "4.0.2", "whatwg-encoding": "1.0.3", @@ -2623,7 +2683,7 @@ "fs-extra": "2.1.2", "glob": "7.1.2", "handlebars": "4.0.11", - "marked": "0.3.16", + "marked": "0.3.18", "twig": "0.10.3", "yargs": "6.6.0" }, @@ -2692,13 +2752,10 @@ } }, "lazy-cache": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-2.0.2.tgz", - "integrity": "sha1-uRkKT5EzVGlIQIWfio9whNiCImQ=", - "dev": true, - "requires": { - "set-getter": "0.1.0" - } + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz", + "integrity": "sha1-odePw6UEdMuAhF07O24dpJpEbo4=", + "dev": true }, "lcid": { "version": "1.0.0", @@ -2715,9 +2772,9 @@ "integrity": "sha1-0wpzxrggHY99jnlWupYWCHpo4O4=" }, "less": { - "version": "2.7.3", - "resolved": "https://registry.npmjs.org/less/-/less-2.7.3.tgz", - "integrity": "sha512-KPdIJKWcEAb02TuJtaLrhue0krtRLoRoo7x6BNJIBelO00t/CCdJQUnHW5V34OnHMWzIktSalJxRO+FvytQlCQ==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/less/-/less-3.0.1.tgz", + "integrity": "sha512-qUR4uNv88/c0mpnGOULgMLRXXSD6X0tYo4cVrokzsvn68+nuj8rskInCSe2eLAVYWGD/oAlq8P7J/FeZ/euKiw==", "dev": true, "requires": { "errno": "0.1.7", @@ -2839,7 +2896,7 @@ "requires": { "assert-plus": "0.2.0", "jsprim": "1.4.1", - "sshpk": "1.13.1" + "sshpk": "1.14.1" } }, "performance-now": { @@ -2882,7 +2939,7 @@ "qs": "6.4.0", "safe-buffer": "5.1.1", "stringstream": "0.0.5", - "tough-cookie": "2.3.3", + "tough-cookie": "2.3.4", "tunnel-agent": "0.6.0", "uuid": "3.2.1" } @@ -2896,6 +2953,13 @@ "requires": { "hoek": "2.16.3" } + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true, + "optional": true } } }, @@ -2921,7 +2985,7 @@ "is-plain-object": "2.0.4", "object.map": "1.0.1", "rechoir": "0.6.2", - "resolve": "1.5.0" + "resolve": "1.6.0" } }, "load-json-file": { @@ -3179,7 +3243,7 @@ "integrity": "sha1-Jzi9nw089PhEkMVzbEhpmsYyzaM=", "dev": true, "requires": { - "es5-ext": "0.10.39" + "es5-ext": "0.10.41" } }, "make-iterator": { @@ -3209,9 +3273,9 @@ "dev": true }, "map-stream": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.6.tgz", - "integrity": "sha1-0u9OuBGihkTHqJiZhcacL91JaCc=", + "version": "0.0.7", + "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz", + "integrity": "sha1-ih8HiW2CsQkmvTdEokIACfiJdKg=", "dev": true }, "map-visit": { @@ -3224,9 +3288,9 @@ } }, "marked": { - "version": "0.3.16", - "resolved": "https://registry.npmjs.org/marked/-/marked-0.3.16.tgz", - "integrity": "sha512-diLiAxHidES67uJ1P5unXBUB4CyOFwodKrctuK0U4Ogw865N9Aw4dLmY0BK0tGKOy3xvkdMGgUXPD6W9z1Ne0Q==", + "version": "0.3.18", + "resolved": "https://registry.npmjs.org/marked/-/marked-0.3.18.tgz", + "integrity": "sha512-49i2QYhfULqaXzNZpxC808PisuCTGT2fgG0zrzdCI9N3rIfAWfW0nggvbXr6zvpynZdOG5+9xNxdzP0kwZnERw==", "dev": true }, "memoizee": { @@ -3236,19 +3300,19 @@ "dev": true, "requires": { "d": "1.0.0", - "es5-ext": "0.10.39", + "es5-ext": "0.10.41", "es6-weak-map": "2.0.2", "event-emitter": "0.3.5", "is-promise": "2.1.0", "lru-queue": "0.1.0", "next-tick": "1.0.0", - "timers-ext": "0.1.2" + "timers-ext": "0.1.5" } }, "micromatch": { - "version": "3.1.9", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.9.tgz", - "integrity": "sha512-SlIz6sv5UPaAVVFRKodKjCg48EbNoIhgetzfK/Cy0v5U52Z6zB136M8tp0UC9jM53LYbmIRihJszvvqpKkfm9g==", + "version": "3.1.10", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", + "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", "dev": true, "requires": { "arr-diff": "4.0.0", @@ -3262,7 +3326,7 @@ "nanomatch": "1.2.9", "object.pick": "1.3.0", "regex-not": "1.0.2", - "snapdragon": "0.8.1", + "snapdragon": "0.8.2", "to-regex": "3.0.2" } }, @@ -3340,9 +3404,9 @@ } }, "moment": { - "version": "2.20.1", - "resolved": "https://registry.npmjs.org/moment/-/moment-2.20.1.tgz", - "integrity": "sha512-Yh9y73JRljxW5QxN08Fner68eFLxM5ynNOAw2LbIB1YAGeQzZT8QFSUvkAz609Zf+IHhhaUxqZK8dG3W/+HEvg==", + "version": "2.21.0", + "resolved": "https://registry.npmjs.org/moment/-/moment-2.21.0.tgz", + "integrity": "sha512-TCZ36BjURTeFTM/CwRcViQlfkMvL1/vFISuNLO5GkcVm1+QHfbSiNqZuWeMFjj1/3+uAjXswgRk30j1kkLYJBQ==", "dev": true }, "ms": { @@ -3376,14 +3440,14 @@ "kind-of": "6.0.2", "object.pick": "1.3.0", "regex-not": "1.0.2", - "snapdragon": "0.8.1", + "snapdragon": "0.8.2", "to-regex": "3.0.2" } }, "natives": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/natives/-/natives-1.1.1.tgz", - "integrity": "sha512-8eRaxn8u/4wN8tGkhlc2cgwwvOLMLUMUn4IYTexMgWd+LyUDfeXVkk2ygQR0hvIHbJQXgHujia3ieUUDwNGkEA==", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/natives/-/natives-1.1.2.tgz", + "integrity": "sha512-5bRASydE1gu6zPOenLN043++J8xj1Ob7ArkfdYO3JN4DF5rDmG7bMoiybkTyD+GnXQEMixVeDHMzuqm6kpBmiA==", "dev": true }, "next-tick": { @@ -3398,10 +3462,10 @@ "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==", "dev": true, "requires": { - "hosted-git-info": "2.5.0", + "hosted-git-info": "2.6.0", "is-builtin-module": "1.0.0", "semver": "4.3.6", - "validate-npm-package-license": "3.0.1" + "validate-npm-package-license": "3.0.3" } }, "normalize-path": { @@ -3420,9 +3484,9 @@ "dev": true }, "normalize.css": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-6.0.0.tgz", - "integrity": "sha1-IhiMJwfJEfs608GqwGd/9oZhvqg=", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.0.tgz", + "integrity": "sha512-iXcbM3NWr0XkNyfiSBsoPezi+0V92P9nj84yVV1/UZxRUrGczgX/X91KMAGM0omWLY2+2Q1gKD/XRn4gQRDB2A==", "dev": true }, "num2fraction": { @@ -3438,9 +3502,9 @@ "dev": true }, "nwmatcher": { - "version": "1.4.3", - "resolved": "https://registry.npmjs.org/nwmatcher/-/nwmatcher-1.4.3.tgz", - "integrity": "sha512-IKdSTiDWCarf2JTS5e9e2+5tPZGdkRJ79XjYV0pzK8Q9BpsFyBq1RGKxzs7Q8UBushGw7m6TzVKz6fcY99iSWw==" + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/nwmatcher/-/nwmatcher-1.4.4.tgz", + "integrity": "sha512-3iuY4N5dhgMpCUrOVnuAdGrgxVqV2cJpM+XNccjR2DKOB1RUP0aA+wGXEiNziG/UKboFyGBIoKOaNlJxx8bciQ==" }, "oauth-sign": { "version": "0.8.2", @@ -3764,55 +3828,15 @@ } }, "plugin-error": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", - "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", + "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", "dev": true, "requires": { - "ansi-cyan": "0.1.1", - "ansi-red": "0.1.1", - "arr-diff": "1.1.0", - "arr-union": "2.1.0", - "extend-shallow": "1.1.4" - }, - "dependencies": { - "arr-diff": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", - "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", - "dev": true, - "requires": { - "arr-flatten": "1.1.0", - "array-slice": "0.2.3" - } - }, - "arr-union": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", - "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=", - "dev": true - }, - "array-slice": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", - "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=", - "dev": true - }, - "extend-shallow": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", - "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", - "dev": true, - "requires": { - "kind-of": "1.1.0" - } - }, - "kind-of": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", - "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=", - "dev": true - } + "ansi-colors": "1.1.0", + "arr-diff": "4.0.0", + "arr-union": "3.1.0", + "extend-shallow": "3.0.2" } }, "pn": { @@ -3827,46 +3851,40 @@ "dev": true }, "postcss": { - "version": "6.0.19", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.19.tgz", - "integrity": "sha512-f13HRz0HtVwVaEuW6J6cOUCBLFtymhgyLPV7t4QEk2UD3twRI9IluDcQNdzQdBpiixkXj2OmzejhhTbSbDxNTg==", + "version": "6.0.21", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.21.tgz", + "integrity": "sha512-y/bKfbQz2Nn/QBC08bwvYUxEFOVGfPIUOTsJ2CK5inzlXW9SdYR1x4pEsG9blRAF/PX+wRNdOah+gx/hv4q7dw==", "dev": true, "requires": { - "chalk": "2.3.1", + "chalk": "2.3.2", "source-map": "0.6.1", - "supports-color": "5.2.0" + "supports-color": "5.3.0" }, "dependencies": { "ansi-styles": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz", - "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==", + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { "color-convert": "1.9.1" } }, "chalk": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.3.1.tgz", - "integrity": "sha512-QUU4ofkDoMIVO7hcx1iPTISs88wsO8jA92RQIm4JAwZvFGGAV2hSAA1NX7oVj2Ej2Q6NDTcRDjPTFrMCRZoJ6g==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.3.2.tgz", + "integrity": "sha512-ZM4j2/ld/YZDc3Ma8PgN7gyAk+kHMMMyzLNryCPGhWrsfAuDVeuid5bpRFTDgMH9JBK2lA4dyyAkkZYF/WcqDQ==", "dev": true, "requires": { - "ansi-styles": "3.2.0", + "ansi-styles": "3.2.1", "escape-string-regexp": "1.0.5", - "supports-color": "5.2.0" + "supports-color": "5.3.0" } }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, "supports-color": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.2.0.tgz", - "integrity": "sha512-F39vS48la4YvTZUPVeTqsjsFNrvcMwrV3RLZINsmHo+7djCvuUzSIeXOnZ5hmjef4bajL1dNccN+tg5XAliO5Q==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.3.0.tgz", + "integrity": "sha512-0aP01LLIskjKs3lq52EC0aGBAJhLq7B2Rd8HC/DR/PtNNpcLilNmHC12O+hu0usQpo7wtHNRqtrhBwtDb0+dNg==", "dev": true, "requires": { "has-flag": "3.0.0" @@ -3914,44 +3932,44 @@ "optional": true }, "pug": { - "version": "2.0.0-rc.4", - "resolved": "https://registry.npmjs.org/pug/-/pug-2.0.0-rc.4.tgz", - "integrity": "sha512-SL7xovj6E2Loq9N0UgV6ynjMLW4urTFY/L/Fprhvz13Xc5vjzkjZjI1QHKq31200+6PSD8PyU6MqrtCTJj6/XA==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/pug/-/pug-2.0.3.tgz", + "integrity": "sha1-ccuoJTfJWl6rftBGluQiH1Oqh44=", "dev": true, "requires": { - "pug-code-gen": "2.0.0", - "pug-filters": "2.1.5", - "pug-lexer": "3.1.0", - "pug-linker": "3.0.3", - "pug-load": "2.0.9", - "pug-parser": "4.0.0", - "pug-runtime": "2.0.3", - "pug-strip-comments": "1.0.2" + "pug-code-gen": "2.0.1", + "pug-filters": "3.1.0", + "pug-lexer": "4.0.0", + "pug-linker": "3.0.5", + "pug-load": "2.0.11", + "pug-parser": "5.0.0", + "pug-runtime": "2.0.4", + "pug-strip-comments": "1.0.3" } }, "pug-attrs": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-2.0.2.tgz", - "integrity": "sha1-i+KyIlVo/6ddG4Zpgr/59BEa/8s=", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-2.0.3.tgz", + "integrity": "sha1-owlflw5kFR972tlX7vVftdeQXRU=", "dev": true, "requires": { "constantinople": "3.1.2", "js-stringify": "1.0.2", - "pug-runtime": "2.0.3" + "pug-runtime": "2.0.4" } }, "pug-code-gen": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-2.0.0.tgz", - "integrity": "sha512-E4oiJT+Jn5tyEIloj8dIJQognbiNNp0i0cAJmYtQTFS0soJ917nlIuFtqVss3IXMEyQKUew3F4gIkBpn18KbVg==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-2.0.1.tgz", + "integrity": "sha1-CVHsgyJddNjPxHan+Zolm199BQw=", "dev": true, "requires": { "constantinople": "3.1.2", "doctypes": "1.1.0", "js-stringify": "1.0.2", - "pug-attrs": "2.0.2", + "pug-attrs": "2.0.3", "pug-error": "1.3.2", - "pug-runtime": "2.0.3", + "pug-runtime": "2.0.4", "void-elements": "2.0.1", "with": "5.1.1" } @@ -3963,45 +3981,24 @@ "dev": true }, "pug-filters": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-2.1.5.tgz", - "integrity": "sha512-xkw71KtrC4sxleKiq+cUlQzsiLn8pM5+vCgkChW2E6oNOzaqTSIBKIQ5cl4oheuDzvJYCTSYzRaVinMUrV4YLQ==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-3.1.0.tgz", + "integrity": "sha1-JxZVVbwEwjbkqisDZiRt+gIbYm4=", "dev": true, "requires": { - "clean-css": "3.4.28", + "clean-css": "4.1.11", "constantinople": "3.1.2", "jstransformer": "1.0.0", "pug-error": "1.3.2", - "pug-walk": "1.1.5", - "resolve": "1.5.0", + "pug-walk": "1.1.7", + "resolve": "1.6.0", "uglify-js": "2.8.29" - }, - "dependencies": { - "clean-css": { - "version": "3.4.28", - "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-3.4.28.tgz", - "integrity": "sha1-vxlF6C/ICPVWlebd6uwBQA79A/8=", - "dev": true, - "requires": { - "commander": "2.8.1", - "source-map": "0.4.4" - } - }, - "source-map": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", - "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=", - "dev": true, - "requires": { - "amdefine": "1.0.1" - } - } } }, "pug-lexer": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-3.1.0.tgz", - "integrity": "sha1-/QhzdtSmdbT1n4/vQiiDQ06VgaI=", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-4.0.0.tgz", + "integrity": "sha1-IQwYRX7y4XYCQnQMXmR715TOwng=", "dev": true, "requires": { "character-parser": "2.2.0", @@ -4010,23 +4007,23 @@ } }, "pug-linker": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-3.0.3.tgz", - "integrity": "sha512-DCKczglCXOzJ1lr4xUj/lVHYvS+lGmR2+KTCjZjtIpdwaN7lNOoX2SW6KFX5X4ElvW+6ThwB+acSUg08UJFN5A==", + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-3.0.5.tgz", + "integrity": "sha1-npp65ABWgtAn3uuWsAD4juuDoC8=", "dev": true, "requires": { "pug-error": "1.3.2", - "pug-walk": "1.1.5" + "pug-walk": "1.1.7" } }, "pug-load": { - "version": "2.0.9", - "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-2.0.9.tgz", - "integrity": "sha512-BDdZOCru4mg+1MiZwRQZh25+NTRo/R6/qArrdWIf308rHtWA5N9kpoUskRe4H6FslaQujC+DigH9LqlBA4gf6Q==", + "version": "2.0.11", + "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-2.0.11.tgz", + "integrity": "sha1-5kjlftET/iwfRdV4WOorrWvAFSc=", "dev": true, "requires": { "object-assign": "4.1.1", - "pug-walk": "1.1.5" + "pug-walk": "1.1.7" }, "dependencies": { "object-assign": { @@ -4038,9 +4035,9 @@ } }, "pug-parser": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-4.0.0.tgz", - "integrity": "sha512-ocEUFPdLG9awwFj0sqi1uiZLNvfoodCMULZzkRqILryIWc/UUlDlxqrKhKjAIIGPX/1SNsvxy63+ayEGocGhQg==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-5.0.0.tgz", + "integrity": "sha1-45Stmz/KkxI5QK/4hcBuRKt+aOQ=", "dev": true, "requires": { "pug-error": "1.3.2", @@ -4048,24 +4045,24 @@ } }, "pug-runtime": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-2.0.3.tgz", - "integrity": "sha1-mBYmB7D86eJU1CfzOYelrucWi9o=", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-2.0.4.tgz", + "integrity": "sha1-4XjhvaaKsujArPybztLFT9iM61g=", "dev": true }, "pug-strip-comments": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-1.0.2.tgz", - "integrity": "sha1-0xOvoBvMN0mA4TmeI+vy65vchRM=", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-1.0.3.tgz", + "integrity": "sha1-8VWVkiBu3G+FMQ2s9K+0igJa9Z8=", "dev": true, "requires": { "pug-error": "1.3.2" } }, "pug-walk": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-1.1.5.tgz", - "integrity": "sha512-rJlH1lXerCIAtImXBze3dtKq/ykZMA4rpO9FnPcIgsWcxZLOvd8zltaoeOVFyBSSqCkhhJWbEbTMga8UxWUUSA==", + "version": "1.1.7", + "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-1.1.7.tgz", + "integrity": "sha1-wA1cUSi6xYBr7BXSt+fNq+QlMfM=", "dev": true }, "punycode": { @@ -4117,7 +4114,7 @@ "integrity": "sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=", "dev": true, "requires": { - "resolve": "1.5.0" + "resolve": "1.6.0" } }, "regenerator-runtime": { @@ -4161,9 +4158,9 @@ "dev": true }, "request": { - "version": "2.83.0", - "resolved": "https://registry.npmjs.org/request/-/request-2.83.0.tgz", - "integrity": "sha512-lR3gD69osqm6EYLk9wB/G1W/laGWjzH90t1vEa2xuxHD5KUrSzp9pUSfTm+YC5Nxt2T8nMPEvKlhbQayU7bgFw==", + "version": "2.85.0", + "resolved": "https://registry.npmjs.org/request/-/request-2.85.0.tgz", + "integrity": "sha512-8H7Ehijd4js+s6wuVPLjwORxD4zeuyjYugprdOXlPSqaApmL/QOy+EB/beICHVCHkGMKNh5rvihb5ov+IDw4mg==", "requires": { "aws-sign2": "0.7.0", "aws4": "1.6.0", @@ -4184,7 +4181,7 @@ "qs": "6.5.1", "safe-buffer": "5.1.1", "stringstream": "0.0.5", - "tough-cookie": "2.3.3", + "tough-cookie": "2.3.4", "tunnel-agent": "0.6.0", "uuid": "3.2.1" } @@ -4204,7 +4201,7 @@ "requires": { "request-promise-core": "1.1.1", "stealthy-require": "1.1.1", - "tough-cookie": "2.3.3" + "tough-cookie": "2.3.4" } }, "require-directory": { @@ -4237,9 +4234,9 @@ } }, "resolve": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.5.0.tgz", - "integrity": "sha512-hgoSGrc3pjzAPHNBg+KnFcK2HwlHTs/YrAGUr6qgTVUZmXv1UEXXl0bZNBKMA9fud6lRYFdPGz0xXxycPzmmiw==", + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.6.0.tgz", + "integrity": "sha512-mw7JQNu5ExIkcw4LPih0owX/TZXjD/ZUF/ZQ/pDnkw3ZKhDcZZw5klmBlj6gVMwjQ3Pz5Jgu7F3d0jcDVuEWdw==", "dev": true, "requires": { "path-parse": "1.0.5" @@ -4296,42 +4293,42 @@ "integrity": "sha512-52ThA+Z7h6BnvpSVbURwChl10XZrps5q7ytjTwWcIe9bmJwnVP6cpEVK2NvDOUhGupoqAvNbUz3cpnJDp4+/pg==", "dev": true, "requires": { - "chalk": "2.3.1", + "chalk": "2.3.2", "htmlparser2": "3.9.2", "lodash.clonedeep": "4.5.0", "lodash.escaperegexp": "4.1.2", "lodash.isplainobject": "4.0.6", "lodash.isstring": "4.0.1", "lodash.mergewith": "4.6.1", - "postcss": "6.0.19", + "postcss": "6.0.21", "srcset": "1.0.0", "xtend": "4.0.1" }, "dependencies": { "ansi-styles": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz", - "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==", + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { "color-convert": "1.9.1" } }, "chalk": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.3.1.tgz", - "integrity": "sha512-QUU4ofkDoMIVO7hcx1iPTISs88wsO8jA92RQIm4JAwZvFGGAV2hSAA1NX7oVj2Ej2Q6NDTcRDjPTFrMCRZoJ6g==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.3.2.tgz", + "integrity": "sha512-ZM4j2/ld/YZDc3Ma8PgN7gyAk+kHMMMyzLNryCPGhWrsfAuDVeuid5bpRFTDgMH9JBK2lA4dyyAkkZYF/WcqDQ==", "dev": true, "requires": { - "ansi-styles": "3.2.0", + "ansi-styles": "3.2.1", "escape-string-regexp": "1.0.5", - "supports-color": "5.2.0" + "supports-color": "5.3.0" } }, "supports-color": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.2.0.tgz", - "integrity": "sha512-F39vS48la4YvTZUPVeTqsjsFNrvcMwrV3RLZINsmHo+7djCvuUzSIeXOnZ5hmjef4bajL1dNccN+tg5XAliO5Q==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.3.0.tgz", + "integrity": "sha512-0aP01LLIskjKs3lq52EC0aGBAJhLq7B2Rd8HC/DR/PtNNpcLilNmHC12O+hu0usQpo7wtHNRqtrhBwtDb0+dNg==", "dev": true, "requires": { "has-flag": "3.0.0" @@ -4362,15 +4359,6 @@ "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=", "dev": true }, - "set-getter": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/set-getter/-/set-getter-0.1.0.tgz", - "integrity": "sha1-12nBgsnVpR9AkUXy+6guXoboA3Y=", - "dev": true, - "requires": { - "to-object-path": "0.3.0" - } - }, "set-value": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz", @@ -4407,9 +4395,9 @@ "dev": true }, "snapdragon": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.1.tgz", - "integrity": "sha1-4StUh/re0+PeoKyR6UAL91tAE3A=", + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", + "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", "dev": true, "requires": { "base": "0.11.2", @@ -4419,7 +4407,7 @@ "map-cache": "0.2.2", "source-map": "0.5.7", "source-map-resolve": "0.5.1", - "use": "2.0.2" + "use": "3.1.0" }, "dependencies": { "define-property": { @@ -4496,6 +4484,12 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", "dev": true + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true } } }, @@ -4550,9 +4544,9 @@ } }, "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" }, "source-map-resolve": { "version": "0.5.1", @@ -4580,24 +4574,35 @@ "dev": true }, "spdx-correct": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-1.0.2.tgz", - "integrity": "sha1-SzBz2TP/UfORLwOsVRlJikFQ20A=", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.0.0.tgz", + "integrity": "sha512-N19o9z5cEyc8yQQPukRCZ9EUmb4HUpnrmaL/fxS2pBo2jbfcFRVuFZ/oFC+vZz0MNNk0h80iMn5/S6qGZOL5+g==", "dev": true, "requires": { - "spdx-license-ids": "1.2.2" + "spdx-expression-parse": "3.0.0", + "spdx-license-ids": "3.0.0" } }, - "spdx-expression-parse": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-1.0.4.tgz", - "integrity": "sha1-m98vIOH0DtRH++JzJmGR/O1RYmw=", + "spdx-exceptions": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.1.0.tgz", + "integrity": "sha512-4K1NsmrlCU1JJgUrtgEeTVyfx8VaYea9J9LvARxhbHtVtohPs/gFGG5yy49beySjlIMhhXZ4QqujIZEfS4l6Cg==", "dev": true }, + "spdx-expression-parse": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz", + "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==", + "dev": true, + "requires": { + "spdx-exceptions": "2.1.0", + "spdx-license-ids": "3.0.0" + } + }, "spdx-license-ids": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz", - "integrity": "sha1-yd96NCRZSt5r0RkA1ZZpbcBrrFc=", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.0.tgz", + "integrity": "sha512-2+EPwgbnmOIl8HjGBXXMd9NAu02vLjOO1nWw4kmeRDFyHn+M/ETfHxQUK0oXg8ctgVnl9t3rosNVsZ1jG61nDA==", "dev": true }, "split-string": { @@ -4620,9 +4625,9 @@ } }, "sshpk": { - "version": "1.13.1", - "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.13.1.tgz", - "integrity": "sha1-US322mKHFEMW3EwY/hzx2UBzm+M=", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.14.1.tgz", + "integrity": "sha1-Ew9Zde3a2WPx1W+SuaxsUfqfg+s=", "requires": { "asn1": "0.2.3", "assert-plus": "1.0.0", @@ -4799,7 +4804,7 @@ "integrity": "sha1-AARWmzfHx0ujnEPzzteNGtlBQL4=", "dev": true, "requires": { - "readable-stream": "2.3.4", + "readable-stream": "2.3.5", "xtend": "4.0.1" }, "dependencies": { @@ -4810,9 +4815,9 @@ "dev": true }, "readable-stream": { - "version": "2.3.4", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.4.tgz", - "integrity": "sha512-vuYxeWYM+fde14+rajzqgeohAI7YoJcHE7kXDAc4Nk0EbuKnJfqtY9YtRkLo/tqkuF7MsBQRhPnPeyjYITp3ZQ==", + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.5.tgz", + "integrity": "sha512-tK0yDhrkygt/knjowCUiWP9YdV7c5R+8cR0r/kt9ZhBU906Fs6RpQJCEilamRJj1Nx2rWI6LkW9gKqjTkshhEw==", "dev": true, "requires": { "core-util-is": "1.0.2", @@ -4851,19 +4856,19 @@ "dev": true }, "timers-ext": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/timers-ext/-/timers-ext-0.1.2.tgz", - "integrity": "sha1-YcxHp2wavTGV8UUn+XjViulMUgQ=", + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/timers-ext/-/timers-ext-0.1.5.tgz", + "integrity": "sha512-tsEStd7kmACHENhsUPaxb8Jf8/+GZZxyNFQbZD07HQOyooOa6At1rQqjffgvg7n+dxscQa9cjjMdWhJtsP2sxg==", "dev": true, "requires": { - "es5-ext": "0.10.39", + "es5-ext": "0.10.41", "next-tick": "1.0.0" } }, "tmp": { - "version": "0.0.28", - "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.28.tgz", - "integrity": "sha1-Fyc1t/YU6nrzlmT6hM8N5OUV0SA=", + "version": "0.0.33", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", + "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", "dev": true, "requires": { "os-tmpdir": "1.0.2" @@ -4924,9 +4929,9 @@ "dev": true }, "tough-cookie": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.3.tgz", - "integrity": "sha1-C2GKVWW23qkL80JdBNVe3EdadWE=", + "version": "2.3.4", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.4.tgz", + "integrity": "sha512-TZ6TTfI5NtZnuyy/Kecv+CnoROnyXn2DN97LontgQpCwsX2XyLYCC0ENhYkehSOwAp8rTQKc/NUIF7BkQ5rKLA==", "requires": { "punycode": "1.4.1" } @@ -4999,6 +5004,14 @@ "source-map": "0.5.7", "uglify-to-browserify": "1.0.2", "yargs": "3.10.0" + }, + "dependencies": { + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true + } } }, "uglify-to-browserify": { @@ -5131,82 +5144,12 @@ "dev": true }, "use": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/use/-/use-2.0.2.tgz", - "integrity": "sha1-riig1y+TvyJCKhii43mZMRLeyOg=", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/use/-/use-3.1.0.tgz", + "integrity": "sha512-6UJEQM/L+mzC3ZJNM56Q4DFGLX/evKGRg15UJHGB9X5j5Z3AFbgZvjUh2yq/UJUY4U5dh7Fal++XbNg1uzpRAw==", "dev": true, "requires": { - "define-property": "0.2.5", - "isobject": "3.0.1", - "lazy-cache": "2.0.2" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "0.1.6" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "dev": true, - "requires": { - "kind-of": "3.2.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "1.1.6" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "dev": true, - "requires": { - "kind-of": "3.2.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "1.1.6" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "0.1.6", - "is-data-descriptor": "0.1.4", - "kind-of": "5.1.0" - } - }, - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } + "kind-of": "6.0.2" } }, "user-home": { @@ -5236,13 +5179,13 @@ } }, "validate-npm-package-license": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz", - "integrity": "sha1-KAS6vnEq0zeUWaz74kdGqywwP7w=", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.3.tgz", + "integrity": "sha512-63ZOUnL4SIXj4L0NixR3L1lcjO38crAbgrTpl28t8jjrfuiOBL5Iygm+60qPs/KsZGzPNg6Smnc/oY16QTjF0g==", "dev": true, "requires": { - "spdx-correct": "1.0.2", - "spdx-expression-parse": "1.0.4" + "spdx-correct": "3.0.0", + "spdx-expression-parse": "3.0.0" } }, "verror": { @@ -5261,7 +5204,7 @@ "integrity": "sha1-sEVbOPxeDPMNQyUTLkYZcMIJHN4=", "dev": true, "requires": { - "clone": "1.0.3", + "clone": "1.0.4", "clone-stats": "0.0.1", "replace-ext": "0.0.1" } @@ -5329,6 +5272,14 @@ "dev": true, "requires": { "source-map": "0.5.7" + }, + "dependencies": { + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true + } } }, "void-elements": { diff --git a/package.json b/package.json index 3e5d9b0..93d7ab7 100644 --- a/package.json +++ b/package.json @@ -1,29 +1,29 @@ { "name": "xmeter", - "version": "6.3.0", + "version": "6.4.0", "description": "A default stylesheet with a set of tools that make designing with vertical rhythm easy.", "main": "index.js", "dependencies": { "aria-patterns": "^0.2.0", - "extrajs-dom": "^4.0.0", + "extrajs-dom": "^4.1.0", "extrajs-view": "^1.1.2" }, "devDependencies": { "gulp": "^3.9.1", - "gulp-autoprefixer": "^4.1.0", - "gulp-clean-css": "^3.9.2", - "gulp-jsdoc3": "^1.0.1", - "gulp-less": "^3.4.0", + "gulp-autoprefixer": "^5.0.0", + "gulp-clean-css": "^3.9.3", + "gulp-jsdoc3": "^2.0.0", + "gulp-less": "^4.0.0", "gulp-pug": "^3.3.0", "gulp-sourcemaps": "^2.6.4", "kss": "^3.0.0-beta.18", - "normalize.css": "^6.0.0", + "normalize.css": "^8.0.0", "sitepage": "^1.0.0" }, "scripts": { "test": "node test.js", "unbuild:docs": "rm -r docs/{styleguide,api}/ && rm docs/{{index,base}.html,css/docs.css}", - "unbuild": "npm run unbuild:docs && rm css/xmeter.css{,.map}", + "unbuild": "npm run unbuild:docs && rm -r css/dist/ && rm css/xmeter.css{,.map}", "build": "gulp build" }, "repository": {