From a6df078133cad6112fd6093fef775f93dff2ce8e Mon Sep 17 00:00:00 2001 From: tristen Date: Mon, 5 Oct 2026 11:55:31 -0400 Subject: [PATCH 1/8] Add gap, gridbox, aspect-ratio, object-fit and transform utilities New CSS on top of the UnoCSS port (sand/uno): - gap, gapx, gapy on the padding scale - gridbox (CSS Grid) and its modifiers, track counts and child spans - aspect-ratio and object-fit - flex--space-around-main and flex--space-evenly-main - rotate, scale and translate, plus dynamic rules for off-scale values - dynamic fractions for w-N/M and h-viewport/hmax-viewport-N/M Also adds media variants for the new classes, docs, layout-scale tables, and an updated JIT example that uses them. This reverts commit 2014f1a. Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01BUG94ZjU1irRPAYaWcVBoX --- CHANGELOG.md | 5 +- MIGRATION_GUIDES.md | 6 + docs/.vitepress/theme/LayoutScales.vue | 35 + docs/.vitepress/theme/site-nav.js | 5 + docs/documentation/layout.md | 231 ++++ examples/jit/assembly.css | 24 +- examples/jit/index.html | 73 +- src/preset/layout-scales.js | 111 ++ src/preset/media-classes.js | 20 + src/preset/utilities.js | 20 + src/scales.json | 14 + test/__snapshots__/build-css.jest.js.snap | 1528 +++++++++++++++++++++ test/build-css.jest.js | 27 + test/examples-jit.jest.js | 7 +- test/generate-jit.mjs | 11 +- test/preset.jest.js | 25 + 16 files changed, 2096 insertions(+), 46 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8eb743cb..92e9f7ac 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,7 +4,10 @@ - [breaking] Rebuild Assembly's CSS pipeline on [UnoCSS](https://unocss.dev/). Class names and `buildUserAssets` stay compatible; the generated stylesheet's formatting, comments, and source maps may differ. Node.js 18+ is required. - [add] Export `presetAssembly()` for on-demand UnoCSS builds that keep Assembly class names. Pass `{ safelist: true }` only when you want the full prebuilt utility set. -- [add] `examples/jit` — a sample app that generates only the utilities used in its markup (no reset or component preflight). +- [add] `gap{size}`, `gapx{size}`, and `gapy{size}` on the padding scale, with `*-mm` / `*-ml` / `*-mxl` variants. Use with `flex` or `gridbox`; do not combine with `grid--gut*` or percentage `w-*` columns on `grid`. +- [add] CSS Grid via `gridbox` / `inline-gridbox`, `gridbox--cols{n}` / `gridbox--rows{n}` (1–12), child spans, auto-flow, and alignment. The existing `grid` / `col` 12-column flex system is unchanged. +- [add] `examples/jit` — a sample app that generates only the utilities used in its markup (no reset or component preflight). On-demand builds can also emit off-scale transforms (`rotate*`, `scale*`, `translate-*`) and arbitrary percentage sizes (`w-2/5`, `h-viewport-2/5`); pixel utilities stay on the documented scale. +- [add] `aspect-{ratio}` / `aspect-auto`, `object-{contain,cover,fill,none,scale-down}`, `flex--space-around-main` / `flex--space-evenly-main`, `gridbox--space-around` / `gridbox--space-evenly`, and transform utilities (`rotate{deg}`, `scale{percent}`, `translate-x{n}` / `translate-y{n}`). - [internal] Assembly utilities are UnoCSS rules in `src/preset/`. Reset and component CSS live in `src/preset/base.js`. The package build is `src/build-*.js`. The documentation site is VitePress under `docs/`. ## 1.16.0 diff --git a/MIGRATION_GUIDES.md b/MIGRATION_GUIDES.md index bfa7dac7..0e15dc6d 100644 --- a/MIGRATION_GUIDES.md +++ b/MIGRATION_GUIDES.md @@ -25,6 +25,12 @@ export default defineConfig({ `presetAssembly()` tree-shakes utilities from your source. The prebuilt `assembly.css` uses `presetAssembly({ safelist: true })`. Reset, forms, buttons, and other component CSS are preflight and always included. +New layout utilities, additive with 1.x class names: + +- `gap12` / `gapx12` / `gapy12` (padding scale) for flex and CSS Grid spacing. +- `gridbox` for CSS Grid. Keep `grid` / `col` / `grid--gut*` for the 12-column flex system. +- `aspect-16/9`, `object-cover`, `flex--space-evenly-main`, `rotate90`, `scale50`, `translate-x12`. + ## 1.0.0+ Version 1.0.0 of Assembly introduces breaking changes – learn how to resolve them with this handy guide. diff --git a/docs/.vitepress/theme/LayoutScales.vue b/docs/.vitepress/theme/LayoutScales.vue index 1a9ae282..bcbbd346 100644 --- a/docs/.vitepress/theme/LayoutScales.vue +++ b/docs/.vitepress/theme/LayoutScales.vue @@ -22,6 +22,41 @@ const classSets = [ classPatterns: ['px{n}', 'py{n}', 'pl{n}', 'pt{n}', 'pr{n}', 'pb{n}'], scale: scales.padding }, + { + name: 'Gaps', + classPatterns: ['gap{n}', 'gapx{n}', 'gapy{n}'], + scale: scales.gap + }, + { + name: 'Gridbox tracks', + classPatterns: [ + 'gridbox--cols{n}', + 'gridbox--rows{n}', + 'gridbox-child-col{n}', + 'gridbox-child-row{n}' + ], + scale: scales.gridTrack + }, + { + name: 'Aspect ratios', + classPatterns: ['aspect-{ratio}'], + scale: scales.aspectRatio + }, + { + name: 'Rotations', + classPatterns: ['rotate{n}'], + scale: scales.rotate + }, + { + name: 'Scales', + classPatterns: ['scale{n}'], + scale: scales.scale + }, + { + name: 'Translates', + classPatterns: ['translate-x{n}', 'translate-y{n}'], + scale: scales.margin + }, { name: 'Widths', classPatterns: ['w{n}'], diff --git a/docs/.vitepress/theme/site-nav.js b/docs/.vitepress/theme/site-nav.js index 398b32bc..a4e053cb 100644 --- a/docs/.vitepress/theme/site-nav.js +++ b/docs/.vitepress/theme/site-nav.js @@ -77,8 +77,13 @@ const nav = [ 'Positioning', 'Margins', 'Padding', + 'Gap', 'Sizing', 'Flexbox', + 'Gridbox', + 'Aspect ratio', + 'Object fit', + 'Transforms', 'Layout utils' ]) }, diff --git a/docs/documentation/layout.md b/docs/documentation/layout.md index fabe7157..f3f47a96 100644 --- a/docs/documentation/layout.md +++ b/docs/documentation/layout.md @@ -5,6 +5,7 @@ Define the size, shape, and content flow of your markup. ## Grid Assembly uses a 12-column flexible grid with optional gutters. +`grid` is flexbox (`display: flex`). For CSS Grid, use [`gridbox`](#gridbox). ### Grids require at minimum two elements: A parent with the class `grid` and a child with the class `col` @@ -250,6 +251,47 @@ Apply padding on the left.
pl24
``` +## Gap + +Gap utilities fit `gap{size}`, `gapx{size}`, and `gapy{size}` on the padding scale. +Class sets include `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. +Use with `flex`, `inline-flex`, or `gridbox`. Do not combine with `grid--gut*` or percentage `w-*` columns on `grid`. + +### Apply `gap` on both axes. Use with `flex`, `inline-flex`, or `gridbox` + +Apply `gap` on both axes. Use with `flex`, `inline-flex`, or `gridbox`. +Do not combine with `grid--gut*` or percentage `w-*` columns on `grid`. + +```example +
+
a
+
b
+
c
+
+``` + +### Apply `column-gap` (horizontal gap) + +Apply `column-gap` (horizontal gap). + +```example +
+
a
+
b
+
+``` + +### Apply `row-gap` (vertical gap) + +Apply `row-gap` (vertical gap). + +```example +
+
a
+
b
+
+``` + ## Sizing All sizing classes fit the following pattern: `` or `-full` for `100%`. @@ -503,6 +545,28 @@ and last child is at the end. ``` +### Distribute children with equal space around each item on the main axis + +Distribute children with equal space around each item on the main axis. + +```example +
+
child
+
child
+
+``` + +### Distribute children with equal space between and around items on the main axis + +Distribute children with equal space between and around items on the main axis. + +```example +
+
child
+
child
+
+``` + ### Make a child grow to fill whatever space is available in the main axis of the parent container Make a child grow to fill whatever space is available in the main axis of the parent container. @@ -533,6 +597,173 @@ This class prevents that default shrinkage, forcing siblings to accommodate the ``` +## Gridbox + +CSS Grid utilities. All class sets include `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. + +`gridbox` does not replace [`grid`](#grid). Keep using `grid` / `col` / `grid--gut*` for the 12-column flex system. + +Usage: +- Put `gridbox` or `inline-gridbox` on the parent. +- Set columns with `gridbox--cols{n}` (1–12). Use `gap{size}` for spacing. +- Span children with `gridbox-child-col{n}` and `gridbox-child-row{n}`. + +### Establish an element as a CSS Grid parent + +Establish an element as a CSS Grid parent. + +```example +
+
1
+
2
+
3
+
+``` + +### Set `grid-auto-flow`. `gridbox--row` is the CSS default; use it to override a column flow + +Set `grid-auto-flow`. `gridbox--row` is the CSS default; use it to override a column flow. + +```example +
+
1
+
2
+
3
+
+``` + +### Align items inside their grid areas with `place-items` + +Align items inside their grid areas with `place-items`. + +```example +
+
center
+
center
+
+``` + +### Distribute extra space between grid tracks + +Distribute extra space between grid tracks. + +```example +
+
1
+
2
+
3
+
+``` + +### Set the number of equal columns on a `gridbox` + +Set the number of equal columns on a `gridbox`. + +```example +
+
1
+
2
+
3
+
+``` + +### Set the number of equal rows on a `gridbox` + +Set the number of equal rows on a `gridbox`. + +```example +
+
1
+
2
+
3
+
4
+
+``` + +### Span columns on a `gridbox` child + +Span columns on a `gridbox` child. + +```example +
+
span 2
+
1
+
1
+
+``` + +### Span rows on a `gridbox` child + +Span rows on a `gridbox` child. + +```example +
+
span 2 rows
+
1
+
1
+
+``` + +## Aspect ratio + +Aspect-ratio classes fit `aspect-{ratio}` (`aspect-1/1`, `aspect-16/9`, `aspect-auto`). +Class sets include `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. + +### Set `aspect-ratio`. `aspect-auto` resets it + +Set `aspect-ratio`. `aspect-auto` resets it. + +```example +
aspect-16/9
+``` + +## Object fit + +Set `object-fit` on replaced elements such as `img` and `video`. +Class set includes `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. + +```example +
object-cover
+``` + +## Transforms + +Transform utilities use the individual `rotate`, `scale`, and `translate` properties so they compose. +Rotate and scale classes fit `rotate{deg}` / `scale{percent}`; translate classes fit `translate-x{n}` / `translate-y{n}` on the margin scale. +Class sets include `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. + +### Rotate an element. Combines with `scale*` and `translate-*` + +Rotate an element. Combines with `scale*` and `translate-*`. + +```example +
+``` + +### Scale an element. `scale100` is `1`. Combines with `rotate*` and `translate-*` + +Scale an element. `scale100` is `1`. Combines with `rotate*` and `translate-*`. + +```example +
+``` + +### Translate on the x axis. Uses the margin scale, including negatives + +Translate on the x axis. Uses the margin scale, including negatives. + +```example +
+``` + +### Translate on the y axis. Uses the margin scale, including negatives + +Translate on the y axis. Uses the margin scale, including negatives. + +```example +
+``` + ## Layout utils Extra layout utilities. diff --git a/examples/jit/assembly.css b/examples/jit/assembly.css index a6d5729d..c026040a 100644 --- a/examples/jit/assembly.css +++ b/examples/jit/assembly.css @@ -9,26 +9,30 @@ .txt-xs{font-size:10px;line-height:15px;} .border{border-style:solid;border-width:1px;} .round{border-radius:4px !important;} -.grid{display:flex !important;flex-wrap:wrap !important;} -.col{display:block;max-width:100%;flex-shrink:1;} .mx-auto{margin-left:auto !important;margin-right:auto !important;} .flex{display:flex !important;} .flex--center-cross{align-items:center !important;} .flex--wrap{flex-wrap:wrap !important;} -.grid--gut12{ margin-left:-12px; } -.grid--gut12 > .col, -.grid--gut12 > .col-mm, -.grid--gut12 > .col-ml, -.grid--gut12 > .col-mxl{ padding-left:12px; } +.gridbox{display:grid !important;} .mt6{margin-top:6px !important;} .mb6{margin-bottom:6px !important;} -.mr12{margin-right:12px !important;} .mb12{margin-bottom:12px !important;} +.mt18{margin-top:18px !important;} .mb18{margin-bottom:18px !important;} +.ml36{margin-left:36px !important;} +.gap12{gap:12px !important;} +.gridbox--cols1{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} +.py6{padding-top:6px !important;padding-bottom:6px !important;} +.px6{padding-left:6px !important;padding-right:6px !important;} .px12{padding-left:12px !important;padding-right:12px !important;} .py18{padding-top:18px !important;padding-bottom:18px !important;} +.w60{width:60px !important;} .w-full{width:100% !important;} .wmax600{max-width:600px !important;} +.h60{height:60px !important;} +.rotate30{rotate:30deg !important;} +.translate-x48{translate:48px 0 !important;} +.w-2\/5{width:40% !important;} .color-gray{ color:#757D82 !important; } .color-white{ color:#fff !important; } .bg-gray-faint{ background-color:#F7F8F8 !important; } @@ -36,6 +40,6 @@ .bg-white{ background-color:#fff !important; } .border--gray-light{ border-color:#C7CACC !important; } @media screen and (min-width: 800px){ -.w-1\/3-ml{width:33.3333% !important;} -.w-2\/3-ml{width:66.6666% !important;} +.gridbox-child-col2-ml{grid-column:span 2 !important;} +.gridbox--cols3-ml{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} } \ No newline at end of file diff --git a/examples/jit/index.html b/examples/jit/index.html index 6758bc57..4993fe40 100644 --- a/examples/jit/index.html +++ b/examples/jit/index.html @@ -18,38 +18,53 @@

Assembly JIT

-
- - +
+ + Skip to cards
-
-
-
-

Flex

-

- flex lays out the buttons above. -

-
-
-
-
-

Grid

-

- grid and - col are the 12-column flex system. -

-
-
-
-
-

Tree-shaken

-

- Unused utilities such as large padding or other colors are not in - assembly.css. -

-
+
+
+

Flex + gap

+

+ gap12 spaces the buttons above. +

+
+
+

CSS Grid

+

+ gridbox is real CSS Grid. + grid stays the flex 12-column system. +

+
+
+

Tree-shaken

+

+ Unused utilities such as large padding or other colors are not in + assembly.css. +

+
+
+ +
+

Values outside the prebuilt scale

+

+ Pixel utilities stay on the documented scale. Transforms and + percentage widths do not, so on-demand CSS can emit + rotate30, + translate-x48, and + w-2/5. +

+
+
+
+
+ w-2/5 +
+
diff --git a/src/preset/layout-scales.js b/src/preset/layout-scales.js index 99954f98..7409f207 100644 --- a/src/preset/layout-scales.js +++ b/src/preset/layout-scales.js @@ -23,17 +23,39 @@ function fractionName(raw) { return raw.replace(/\\/g, ''); } +function fractionPercent(numer, denom) { + const d = Number(denom); + if (!d) return; + return (Number(numer) / d) * 100; +} + function wrapMediaFromSelector(rawSelector, css) { const media = rawSelector.match(/-m(m|l|xl)$/); if (!media) return css; return `@media (--${media[1]}-screen) {\n${css}\n}`; } +function rotateDeg(scale) { + if (String(scale).indexOf('neg') !== -1) { + return `-${String(scale).replace('-neg', '')}deg`; + } + return `${scale}deg`; +} + +const NUMERIC_SUFFIX = '(-neg\\d+|\\d+)'; + function addStaticScale(rules, safelist, className, decls) { rules.push([className, decls]); withMediaClasses(className).forEach(token => safelist.push(token)); } +function addDynamicNumeric(rules, prefix, declsFromScale) { + rules.push([ + new RegExp(`^${prefix}${NUMERIC_SUFFIX}$`), + ([, scale]) => declsFromScale(scale) + ]); +} + function layoutScaleRules() { const rules = []; const safelist = []; @@ -91,6 +113,60 @@ function layoutScaleRules() { }); }); + layoutScales.gap.forEach(scale => { + const value = important(cssValue(scale)); + addStaticScale(rules, safelist, `gap${scale}`, { gap: value }); + addStaticScale(rules, safelist, `gapx${scale}`, { 'column-gap': value }); + addStaticScale(rules, safelist, `gapy${scale}`, { 'row-gap': value }); + }); + + layoutScales.gridTrack.forEach(n => { + addStaticScale(rules, safelist, `gridbox--cols${n}`, { + 'grid-template-columns': important(`repeat(${n}, minmax(0, 1fr))`) + }); + addStaticScale(rules, safelist, `gridbox--rows${n}`, { + 'grid-template-rows': important(`repeat(${n}, minmax(0, 1fr))`) + }); + addStaticScale(rules, safelist, `gridbox-child-col${n}`, { + 'grid-column': important(`span ${n}`) + }); + addStaticScale(rules, safelist, `gridbox-child-row${n}`, { + 'grid-row': important(`span ${n}`) + }); + }); + + addStaticScale(rules, safelist, 'aspect-auto', { + 'aspect-ratio': important('auto') + }); + layoutScales.aspectRatio.forEach(scale => { + const name = fractionName(scale[0]); + addStaticScale(rules, safelist, `aspect-${name}`, { + 'aspect-ratio': important(scale[1]) + }); + }); + + layoutScales.rotate.forEach(scale => { + addStaticScale(rules, safelist, `rotate${scale}`, { + rotate: important(rotateDeg(scale)) + }); + }); + + layoutScales.scale.forEach(scale => { + addStaticScale(rules, safelist, `scale${scale}`, { + scale: important(String(scale / 100)) + }); + }); + + layoutScales.margin.forEach(scale => { + const value = cssValue(scale); + addStaticScale(rules, safelist, `translate-x${scale}`, { + translate: important(`${value} 0`) + }); + addStaticScale(rules, safelist, `translate-y${scale}`, { + translate: important(`0 ${value}`) + }); + }); + layoutScales.padding.forEach(scale => { const value = important(cssValue(scale)); addStaticScale(rules, safelist, `py${scale}`, { @@ -150,6 +226,41 @@ function layoutScaleRules() { 'max-height': important('100vh') }); + addDynamicNumeric(rules, 'rotate', scale => ({ + rotate: important(rotateDeg(scale)) + })); + addDynamicNumeric(rules, 'translate-x', scale => ({ + translate: important(`${cssValue(scale)} 0`) + })); + addDynamicNumeric(rules, 'translate-y', scale => ({ + translate: important(`0 ${cssValue(scale)}`) + })); + + rules.push([ + /^scale(\d+)$/, + ([, scale]) => ({ scale: important(String(Number(scale) / 100)) }) + ]); + + rules.push([ + /^w-(\d+)\/(\d+)$/, + ([, numer, denom]) => { + const pct = fractionPercent(numer, denom); + if (pct == null) return; + return { width: important(`${pct}%`) }; + } + ]); + + rules.push([ + /^(h|hmax)-viewport-(\d+)\/(\d+)$/, + ([, prefix, numer, denom]) => { + const pct = fractionPercent(numer, denom); + if (pct == null) return; + const value = important(`${pct}vh`); + if (prefix === 'h') return { height: value }; + return { 'max-height': value }; + } + ]); + return { rules, safelist }; } diff --git a/src/preset/media-classes.js b/src/preset/media-classes.js index 29fe9387..d355b925 100644 --- a/src/preset/media-classes.js +++ b/src/preset/media-classes.js @@ -44,8 +44,28 @@ const MEDIA_VARIANT_CLASSES = [ 'flex--center-cross', 'flex--stretch-cross', 'flex--space-between-main', + 'flex--space-around-main', + 'flex--space-evenly-main', 'flex-child-grow', 'flex-child-no-shrink', + 'gridbox', + 'inline-gridbox', + 'gridbox--row', + 'gridbox--column', + 'gridbox--dense', + 'gridbox--column-dense', + 'gridbox--center', + 'gridbox--stretch', + 'gridbox--start', + 'gridbox--end', + 'gridbox--space-between', + 'gridbox--space-around', + 'gridbox--space-evenly', + 'object-contain', + 'object-cover', + 'object-fill', + 'object-none', + 'object-scale-down', 'bleed', 'bleed-r', 'bleed-l', diff --git a/src/preset/utilities.js b/src/preset/utilities.js index 8368a0e3..e1d9fee9 100644 --- a/src/preset/utilities.js +++ b/src/preset/utilities.js @@ -525,8 +525,28 @@ const UTILITY_RULES = [ 'flex--space-between-main', { 'justify-content': 'space-between !important' } ], + ['flex--space-around-main', { 'justify-content': 'space-around !important' }], + ['flex--space-evenly-main', { 'justify-content': 'space-evenly !important' }], ['flex-child-grow', { 'flex-grow': '1 !important', 'min-width': '0' }], ['flex-child-no-shrink', { 'flex-shrink': '0 !important' }], + ['gridbox', { display: 'grid !important' }], + ['inline-gridbox', { display: 'inline-grid !important' }], + ['gridbox--row', { 'grid-auto-flow': 'row !important' }], + ['gridbox--column', { 'grid-auto-flow': 'column !important' }], + ['gridbox--dense', { 'grid-auto-flow': 'dense !important' }], + ['gridbox--column-dense', { 'grid-auto-flow': 'column dense !important' }], + ['gridbox--center', { 'place-items': 'center !important' }], + ['gridbox--stretch', { 'place-items': 'stretch !important' }], + ['gridbox--start', { 'place-items': 'start !important' }], + ['gridbox--end', { 'place-items': 'end !important' }], + ['gridbox--space-between', { 'place-content': 'space-between !important' }], + ['gridbox--space-around', { 'place-content': 'space-around !important' }], + ['gridbox--space-evenly', { 'place-content': 'space-evenly !important' }], + ['object-contain', { 'object-fit': 'contain !important' }], + ['object-cover', { 'object-fit': 'cover !important' }], + ['object-fill', { 'object-fit': 'fill !important' }], + ['object-none', { 'object-fit': 'none !important' }], + ['object-scale-down', { 'object-fit': 'scale-down !important' }], [ 'bleed', { 'margin-left': 'calc(50% - 50vw)', 'margin-right': 'calc(50% - 50vw)' } diff --git a/src/scales.json b/src/scales.json index 4bbeda83..872916c7 100644 --- a/src/scales.json +++ b/src/scales.json @@ -2,6 +2,20 @@ "gutter": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120], "margin": ["-neg1", "-neg2", "-neg3", "-neg6", "-neg12", "-neg18", "-neg24", "-neg30", "-neg36", "-neg60", "-neg120", "-neg180", "-neg240", "-neg300", "-neg360", 0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360], "padding": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360], + "gap": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360], + "gridTrack": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], + "aspectRatio": [ + ["1\\/1", "1/1"], + ["4\\/3", "4/3"], + ["3\\/2", "3/2"], + ["16\\/9", "16/9"], + ["21\\/9", "21/9"], + ["3\\/4", "3/4"], + ["9\\/16", "9/16"] + ], + "rotate": [0, 45, 90, 180, 270, "-neg45", "-neg90", "-neg180", "-neg270"], + "scale": [0, 50, 75, 100, 125, 150], + "translate": [], "width": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, "-full", "-auto"], "maxWidth": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, "-full", "-none"], "maxWidth": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, 1200, 1800, "-full", "-none"], diff --git a/test/__snapshots__/build-css.jest.js.snap b/test/__snapshots__/build-css.jest.js.snap index 625a33d6..629add3b 100644 --- a/test/__snapshots__/build-css.jest.js.snap +++ b/test/__snapshots__/build-css.jest.js.snap @@ -174,8 +174,28 @@ exports[`buildCss all options 1`] = ` .flex--wrap{flex-wrap:wrap !important;} .flex--stretch-cross{align-items:stretch !important;} .flex--space-between-main{justify-content:space-between !important;} +.flex--space-around-main{justify-content:space-around !important;} +.flex--space-evenly-main{justify-content:space-evenly !important;} .flex-child-grow{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink{flex-shrink:0 !important;} +.gridbox{display:grid !important;} +.inline-gridbox{display:inline-grid !important;} +.gridbox--row{grid-auto-flow:row !important;} +.gridbox--column{grid-auto-flow:column !important;} +.gridbox--dense{grid-auto-flow:dense !important;} +.gridbox--column-dense{grid-auto-flow:column dense !important;} +.gridbox--center{place-items:center !important;} +.gridbox--stretch{place-items:stretch !important;} +.gridbox--start{place-items:start !important;} +.gridbox--end{place-items:end !important;} +.gridbox--space-between{place-content:space-between !important;} +.gridbox--space-around{place-content:space-around !important;} +.gridbox--space-evenly{place-content:space-evenly !important;} +.object-contain{object-fit:contain !important;} +.object-cover{object-fit:cover !important;} +.object-fill{object-fit:fill !important;} +.object-none{object-fit:none !important;} +.object-scale-down{object-fit:scale-down !important;} .bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} .bleed-r{flex-grow:1;margin-right:calc(50% - 50vw);} .bleed-l{flex-grow:1;margin-left:calc(50% - 50vw);} @@ -707,6 +727,177 @@ exports[`buildCss all options 1`] = ` .w-11\\/12{width:91.6666% !important;} .h-viewport-11\\/12{height:91.6666vh !important;} .hmax-viewport-11\\/12{max-height:91.6666vh !important;} +.gap0{gap:0 !important;} +.gapx0{column-gap:0 !important;} +.gapy0{row-gap:0 !important;} +.gap3{gap:3px !important;} +.gapx3{column-gap:3px !important;} +.gapy3{row-gap:3px !important;} +.gap6{gap:6px !important;} +.gapx6{column-gap:6px !important;} +.gapy6{row-gap:6px !important;} +.gap12{gap:12px !important;} +.gapx12{column-gap:12px !important;} +.gapy12{row-gap:12px !important;} +.gap18{gap:18px !important;} +.gapx18{column-gap:18px !important;} +.gapy18{row-gap:18px !important;} +.gap24{gap:24px !important;} +.gapx24{column-gap:24px !important;} +.gapy24{row-gap:24px !important;} +.gap30{gap:30px !important;} +.gapx30{column-gap:30px !important;} +.gapy30{row-gap:30px !important;} +.gap36{gap:36px !important;} +.gapx36{column-gap:36px !important;} +.gapy36{row-gap:36px !important;} +.gap60{gap:60px !important;} +.gapx60{column-gap:60px !important;} +.gapy60{row-gap:60px !important;} +.gap120{gap:120px !important;} +.gapx120{column-gap:120px !important;} +.gapy120{row-gap:120px !important;} +.gap180{gap:180px !important;} +.gapx180{column-gap:180px !important;} +.gapy180{row-gap:180px !important;} +.gap240{gap:240px !important;} +.gapx240{column-gap:240px !important;} +.gapy240{row-gap:240px !important;} +.gap300{gap:300px !important;} +.gapx300{column-gap:300px !important;} +.gapy300{row-gap:300px !important;} +.gap360{gap:360px !important;} +.gapx360{column-gap:360px !important;} +.gapy360{row-gap:360px !important;} +.gridbox--cols1{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} +.gridbox--rows1{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} +.gridbox-child-col1{grid-column:span 1 !important;} +.gridbox-child-row1{grid-row:span 1 !important;} +.gridbox--cols2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} +.gridbox--rows2{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} +.gridbox-child-col2{grid-column:span 2 !important;} +.gridbox-child-row2{grid-row:span 2 !important;} +.gridbox--cols3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} +.gridbox--rows3{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} +.gridbox-child-col3{grid-column:span 3 !important;} +.gridbox-child-row3{grid-row:span 3 !important;} +.gridbox--cols4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} +.gridbox--rows4{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} +.gridbox-child-col4{grid-column:span 4 !important;} +.gridbox-child-row4{grid-row:span 4 !important;} +.gridbox--cols5{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} +.gridbox--rows5{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} +.gridbox-child-col5{grid-column:span 5 !important;} +.gridbox-child-row5{grid-row:span 5 !important;} +.gridbox--cols6{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} +.gridbox--rows6{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} +.gridbox-child-col6{grid-column:span 6 !important;} +.gridbox-child-row6{grid-row:span 6 !important;} +.gridbox--cols7{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} +.gridbox--rows7{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} +.gridbox-child-col7{grid-column:span 7 !important;} +.gridbox-child-row7{grid-row:span 7 !important;} +.gridbox--cols8{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} +.gridbox--rows8{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} +.gridbox-child-col8{grid-column:span 8 !important;} +.gridbox-child-row8{grid-row:span 8 !important;} +.gridbox--cols9{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} +.gridbox--rows9{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} +.gridbox-child-col9{grid-column:span 9 !important;} +.gridbox-child-row9{grid-row:span 9 !important;} +.gridbox--cols10{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} +.gridbox--rows10{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} +.gridbox-child-col10{grid-column:span 10 !important;} +.gridbox-child-row10{grid-row:span 10 !important;} +.gridbox--cols11{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} +.gridbox--rows11{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} +.gridbox-child-col11{grid-column:span 11 !important;} +.gridbox-child-row11{grid-row:span 11 !important;} +.gridbox--cols12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.gridbox--rows12{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} +.gridbox-child-col12{grid-column:span 12 !important;} +.gridbox-child-row12{grid-row:span 12 !important;} +.aspect-auto{aspect-ratio:auto !important;} +.aspect-1\\/1{aspect-ratio:1/1 !important;} +.aspect-4\\/3{aspect-ratio:4/3 !important;} +.aspect-3\\/2{aspect-ratio:3/2 !important;} +.aspect-16\\/9{aspect-ratio:16/9 !important;} +.aspect-21\\/9{aspect-ratio:21/9 !important;} +.aspect-3\\/4{aspect-ratio:3/4 !important;} +.aspect-9\\/16{aspect-ratio:9/16 !important;} +.rotate0{rotate:0deg !important;} +.rotate45{rotate:45deg !important;} +.rotate90{rotate:90deg !important;} +.rotate180{rotate:180deg !important;} +.rotate270{rotate:270deg !important;} +.rotate-neg45{rotate:-45deg !important;} +.rotate-neg90{rotate:-90deg !important;} +.rotate-neg180{rotate:-180deg !important;} +.rotate-neg270{rotate:-270deg !important;} +.scale0{scale:0 !important;} +.scale50{scale:0.5 !important;} +.scale75{scale:0.75 !important;} +.scale100{scale:1 !important;} +.scale125{scale:1.25 !important;} +.scale150{scale:1.5 !important;} +.translate-x-neg1{translate:-1px 0 !important;} +.translate-y-neg1{translate:0 -1px !important;} +.translate-x-neg2{translate:-2px 0 !important;} +.translate-y-neg2{translate:0 -2px !important;} +.translate-x-neg3{translate:-3px 0 !important;} +.translate-y-neg3{translate:0 -3px !important;} +.translate-x-neg6{translate:-6px 0 !important;} +.translate-y-neg6{translate:0 -6px !important;} +.translate-x-neg12{translate:-12px 0 !important;} +.translate-y-neg12{translate:0 -12px !important;} +.translate-x-neg18{translate:-18px 0 !important;} +.translate-y-neg18{translate:0 -18px !important;} +.translate-x-neg24{translate:-24px 0 !important;} +.translate-y-neg24{translate:0 -24px !important;} +.translate-x-neg30{translate:-30px 0 !important;} +.translate-y-neg30{translate:0 -30px !important;} +.translate-x-neg36{translate:-36px 0 !important;} +.translate-y-neg36{translate:0 -36px !important;} +.translate-x-neg60{translate:-60px 0 !important;} +.translate-y-neg60{translate:0 -60px !important;} +.translate-x-neg120{translate:-120px 0 !important;} +.translate-y-neg120{translate:0 -120px !important;} +.translate-x-neg180{translate:-180px 0 !important;} +.translate-y-neg180{translate:0 -180px !important;} +.translate-x-neg240{translate:-240px 0 !important;} +.translate-y-neg240{translate:0 -240px !important;} +.translate-x-neg300{translate:-300px 0 !important;} +.translate-y-neg300{translate:0 -300px !important;} +.translate-x-neg360{translate:-360px 0 !important;} +.translate-y-neg360{translate:0 -360px !important;} +.translate-x0, +.translate-y0{translate:0 0 !important;} +.translate-x3{translate:3px 0 !important;} +.translate-y3{translate:0 3px !important;} +.translate-x6{translate:6px 0 !important;} +.translate-y6{translate:0 6px !important;} +.translate-x12{translate:12px 0 !important;} +.translate-y12{translate:0 12px !important;} +.translate-x18{translate:18px 0 !important;} +.translate-y18{translate:0 18px !important;} +.translate-x24{translate:24px 0 !important;} +.translate-y24{translate:0 24px !important;} +.translate-x30{translate:30px 0 !important;} +.translate-y30{translate:0 30px !important;} +.translate-x36{translate:36px 0 !important;} +.translate-y36{translate:0 36px !important;} +.translate-x60{translate:60px 0 !important;} +.translate-y60{translate:0 60px !important;} +.translate-x120{translate:120px 0 !important;} +.translate-y120{translate:0 120px !important;} +.translate-x180{translate:180px 0 !important;} +.translate-y180{translate:0 180px !important;} +.translate-x240{translate:240px 0 !important;} +.translate-y240{translate:0 240px !important;} +.translate-x300{translate:300px 0 !important;} +.translate-y300{translate:0 300px !important;} +.translate-x360{translate:360px 0 !important;} +.translate-y360{translate:0 360px !important;} .py0{padding-top:0 !important;padding-bottom:0 !important;} .px0{padding-left:0 !important;padding-right:0 !important;} .pt0{padding-top:0 !important;} @@ -1819,8 +2010,28 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .flex--wrap-ml{flex-wrap:wrap !important;} .flex--stretch-cross-ml{align-items:stretch !important;} .flex--space-between-main-ml{justify-content:space-between !important;} +.flex--space-around-main-ml{justify-content:space-around !important;} +.flex--space-evenly-main-ml{justify-content:space-evenly !important;} .flex-child-grow-ml{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-ml{flex-shrink:0 !important;} +.gridbox-ml{display:grid !important;} +.inline-gridbox-ml{display:inline-grid !important;} +.gridbox--row-ml{grid-auto-flow:row !important;} +.gridbox--column-ml{grid-auto-flow:column !important;} +.gridbox--dense-ml{grid-auto-flow:dense !important;} +.gridbox--column-dense-ml{grid-auto-flow:column dense !important;} +.gridbox--center-ml{place-items:center !important;} +.gridbox--stretch-ml{place-items:stretch !important;} +.gridbox--start-ml{place-items:start !important;} +.gridbox--end-ml{place-items:end !important;} +.gridbox--space-between-ml{place-content:space-between !important;} +.gridbox--space-around-ml{place-content:space-around !important;} +.gridbox--space-evenly-ml{place-content:space-evenly !important;} +.object-contain-ml{object-fit:contain !important;} +.object-cover-ml{object-fit:cover !important;} +.object-fill-ml{object-fit:fill !important;} +.object-none-ml{object-fit:none !important;} +.object-scale-down-ml{object-fit:scale-down !important;} .bleed-ml{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} .bleed-r-ml{flex-grow:1;margin-right:calc(50% - 50vw);} .bleed-l-ml{flex-grow:1;margin-left:calc(50% - 50vw);} @@ -2061,6 +2272,177 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .w-11\\/12-ml{width:91.6666% !important;} .h-viewport-11\\/12-ml{height:91.6666vh !important;} .hmax-viewport-11\\/12-ml{max-height:91.6666vh !important;} +.gap0-ml{gap:0 !important;} +.gapx0-ml{column-gap:0 !important;} +.gapy0-ml{row-gap:0 !important;} +.gap3-ml{gap:3px !important;} +.gapx3-ml{column-gap:3px !important;} +.gapy3-ml{row-gap:3px !important;} +.gap6-ml{gap:6px !important;} +.gapx6-ml{column-gap:6px !important;} +.gapy6-ml{row-gap:6px !important;} +.gap12-ml{gap:12px !important;} +.gapx12-ml{column-gap:12px !important;} +.gapy12-ml{row-gap:12px !important;} +.gap18-ml{gap:18px !important;} +.gapx18-ml{column-gap:18px !important;} +.gapy18-ml{row-gap:18px !important;} +.gap24-ml{gap:24px !important;} +.gapx24-ml{column-gap:24px !important;} +.gapy24-ml{row-gap:24px !important;} +.gap30-ml{gap:30px !important;} +.gapx30-ml{column-gap:30px !important;} +.gapy30-ml{row-gap:30px !important;} +.gap36-ml{gap:36px !important;} +.gapx36-ml{column-gap:36px !important;} +.gapy36-ml{row-gap:36px !important;} +.gap60-ml{gap:60px !important;} +.gapx60-ml{column-gap:60px !important;} +.gapy60-ml{row-gap:60px !important;} +.gap120-ml{gap:120px !important;} +.gapx120-ml{column-gap:120px !important;} +.gapy120-ml{row-gap:120px !important;} +.gap180-ml{gap:180px !important;} +.gapx180-ml{column-gap:180px !important;} +.gapy180-ml{row-gap:180px !important;} +.gap240-ml{gap:240px !important;} +.gapx240-ml{column-gap:240px !important;} +.gapy240-ml{row-gap:240px !important;} +.gap300-ml{gap:300px !important;} +.gapx300-ml{column-gap:300px !important;} +.gapy300-ml{row-gap:300px !important;} +.gap360-ml{gap:360px !important;} +.gapx360-ml{column-gap:360px !important;} +.gapy360-ml{row-gap:360px !important;} +.gridbox--cols1-ml{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} +.gridbox--rows1-ml{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} +.gridbox-child-col1-ml{grid-column:span 1 !important;} +.gridbox-child-row1-ml{grid-row:span 1 !important;} +.gridbox--cols2-ml{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} +.gridbox--rows2-ml{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} +.gridbox-child-col2-ml{grid-column:span 2 !important;} +.gridbox-child-row2-ml{grid-row:span 2 !important;} +.gridbox--cols3-ml{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} +.gridbox--rows3-ml{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} +.gridbox-child-col3-ml{grid-column:span 3 !important;} +.gridbox-child-row3-ml{grid-row:span 3 !important;} +.gridbox--cols4-ml{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} +.gridbox--rows4-ml{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} +.gridbox-child-col4-ml{grid-column:span 4 !important;} +.gridbox-child-row4-ml{grid-row:span 4 !important;} +.gridbox--cols5-ml{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} +.gridbox--rows5-ml{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} +.gridbox-child-col5-ml{grid-column:span 5 !important;} +.gridbox-child-row5-ml{grid-row:span 5 !important;} +.gridbox--cols6-ml{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} +.gridbox--rows6-ml{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} +.gridbox-child-col6-ml{grid-column:span 6 !important;} +.gridbox-child-row6-ml{grid-row:span 6 !important;} +.gridbox--cols7-ml{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} +.gridbox--rows7-ml{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} +.gridbox-child-col7-ml{grid-column:span 7 !important;} +.gridbox-child-row7-ml{grid-row:span 7 !important;} +.gridbox--cols8-ml{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} +.gridbox--rows8-ml{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} +.gridbox-child-col8-ml{grid-column:span 8 !important;} +.gridbox-child-row8-ml{grid-row:span 8 !important;} +.gridbox--cols9-ml{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} +.gridbox--rows9-ml{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} +.gridbox-child-col9-ml{grid-column:span 9 !important;} +.gridbox-child-row9-ml{grid-row:span 9 !important;} +.gridbox--cols10-ml{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} +.gridbox--rows10-ml{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} +.gridbox-child-col10-ml{grid-column:span 10 !important;} +.gridbox-child-row10-ml{grid-row:span 10 !important;} +.gridbox--cols11-ml{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} +.gridbox--rows11-ml{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} +.gridbox-child-col11-ml{grid-column:span 11 !important;} +.gridbox-child-row11-ml{grid-row:span 11 !important;} +.gridbox--cols12-ml{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.gridbox--rows12-ml{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} +.gridbox-child-col12-ml{grid-column:span 12 !important;} +.gridbox-child-row12-ml{grid-row:span 12 !important;} +.aspect-auto-ml{aspect-ratio:auto !important;} +.aspect-1\\/1-ml{aspect-ratio:1/1 !important;} +.aspect-4\\/3-ml{aspect-ratio:4/3 !important;} +.aspect-3\\/2-ml{aspect-ratio:3/2 !important;} +.aspect-16\\/9-ml{aspect-ratio:16/9 !important;} +.aspect-21\\/9-ml{aspect-ratio:21/9 !important;} +.aspect-3\\/4-ml{aspect-ratio:3/4 !important;} +.aspect-9\\/16-ml{aspect-ratio:9/16 !important;} +.rotate0-ml{rotate:0deg !important;} +.rotate45-ml{rotate:45deg !important;} +.rotate90-ml{rotate:90deg !important;} +.rotate180-ml{rotate:180deg !important;} +.rotate270-ml{rotate:270deg !important;} +.rotate-neg45-ml{rotate:-45deg !important;} +.rotate-neg90-ml{rotate:-90deg !important;} +.rotate-neg180-ml{rotate:-180deg !important;} +.rotate-neg270-ml{rotate:-270deg !important;} +.scale0-ml{scale:0 !important;} +.scale50-ml{scale:0.5 !important;} +.scale75-ml{scale:0.75 !important;} +.scale100-ml{scale:1 !important;} +.scale125-ml{scale:1.25 !important;} +.scale150-ml{scale:1.5 !important;} +.translate-x-neg1-ml{translate:-1px 0 !important;} +.translate-y-neg1-ml{translate:0 -1px !important;} +.translate-x-neg2-ml{translate:-2px 0 !important;} +.translate-y-neg2-ml{translate:0 -2px !important;} +.translate-x-neg3-ml{translate:-3px 0 !important;} +.translate-y-neg3-ml{translate:0 -3px !important;} +.translate-x-neg6-ml{translate:-6px 0 !important;} +.translate-y-neg6-ml{translate:0 -6px !important;} +.translate-x-neg12-ml{translate:-12px 0 !important;} +.translate-y-neg12-ml{translate:0 -12px !important;} +.translate-x-neg18-ml{translate:-18px 0 !important;} +.translate-y-neg18-ml{translate:0 -18px !important;} +.translate-x-neg24-ml{translate:-24px 0 !important;} +.translate-y-neg24-ml{translate:0 -24px !important;} +.translate-x-neg30-ml{translate:-30px 0 !important;} +.translate-y-neg30-ml{translate:0 -30px !important;} +.translate-x-neg36-ml{translate:-36px 0 !important;} +.translate-y-neg36-ml{translate:0 -36px !important;} +.translate-x-neg60-ml{translate:-60px 0 !important;} +.translate-y-neg60-ml{translate:0 -60px !important;} +.translate-x-neg120-ml{translate:-120px 0 !important;} +.translate-y-neg120-ml{translate:0 -120px !important;} +.translate-x-neg180-ml{translate:-180px 0 !important;} +.translate-y-neg180-ml{translate:0 -180px !important;} +.translate-x-neg240-ml{translate:-240px 0 !important;} +.translate-y-neg240-ml{translate:0 -240px !important;} +.translate-x-neg300-ml{translate:-300px 0 !important;} +.translate-y-neg300-ml{translate:0 -300px !important;} +.translate-x-neg360-ml{translate:-360px 0 !important;} +.translate-y-neg360-ml{translate:0 -360px !important;} +.translate-x0-ml, +.translate-y0-ml{translate:0 0 !important;} +.translate-x3-ml{translate:3px 0 !important;} +.translate-y3-ml{translate:0 3px !important;} +.translate-x6-ml{translate:6px 0 !important;} +.translate-y6-ml{translate:0 6px !important;} +.translate-x12-ml{translate:12px 0 !important;} +.translate-y12-ml{translate:0 12px !important;} +.translate-x18-ml{translate:18px 0 !important;} +.translate-y18-ml{translate:0 18px !important;} +.translate-x24-ml{translate:24px 0 !important;} +.translate-y24-ml{translate:0 24px !important;} +.translate-x30-ml{translate:30px 0 !important;} +.translate-y30-ml{translate:0 30px !important;} +.translate-x36-ml{translate:36px 0 !important;} +.translate-y36-ml{translate:0 36px !important;} +.translate-x60-ml{translate:60px 0 !important;} +.translate-y60-ml{translate:0 60px !important;} +.translate-x120-ml{translate:120px 0 !important;} +.translate-y120-ml{translate:0 120px !important;} +.translate-x180-ml{translate:180px 0 !important;} +.translate-y180-ml{translate:0 180px !important;} +.translate-x240-ml{translate:240px 0 !important;} +.translate-y240-ml{translate:0 240px !important;} +.translate-x300-ml{translate:300px 0 !important;} +.translate-y300-ml{translate:0 300px !important;} +.translate-x360-ml{translate:360px 0 !important;} +.translate-y360-ml{translate:0 360px !important;} .py0-ml{padding-top:0 !important;padding-bottom:0 !important;} .px0-ml{padding-left:0 !important;padding-right:0 !important;} .pt0-ml{padding-top:0 !important;} @@ -2347,8 +2729,28 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .flex--wrap-mm{flex-wrap:wrap !important;} .flex--stretch-cross-mm{align-items:stretch !important;} .flex--space-between-main-mm{justify-content:space-between !important;} +.flex--space-around-main-mm{justify-content:space-around !important;} +.flex--space-evenly-main-mm{justify-content:space-evenly !important;} .flex-child-grow-mm{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-mm{flex-shrink:0 !important;} +.gridbox-mm{display:grid !important;} +.inline-gridbox-mm{display:inline-grid !important;} +.gridbox--row-mm{grid-auto-flow:row !important;} +.gridbox--column-mm{grid-auto-flow:column !important;} +.gridbox--dense-mm{grid-auto-flow:dense !important;} +.gridbox--column-dense-mm{grid-auto-flow:column dense !important;} +.gridbox--center-mm{place-items:center !important;} +.gridbox--stretch-mm{place-items:stretch !important;} +.gridbox--start-mm{place-items:start !important;} +.gridbox--end-mm{place-items:end !important;} +.gridbox--space-between-mm{place-content:space-between !important;} +.gridbox--space-around-mm{place-content:space-around !important;} +.gridbox--space-evenly-mm{place-content:space-evenly !important;} +.object-contain-mm{object-fit:contain !important;} +.object-cover-mm{object-fit:cover !important;} +.object-fill-mm{object-fit:fill !important;} +.object-none-mm{object-fit:none !important;} +.object-scale-down-mm{object-fit:scale-down !important;} .bleed-mm{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} .bleed-r-mm{flex-grow:1;margin-right:calc(50% - 50vw);} .bleed-l-mm{flex-grow:1;margin-left:calc(50% - 50vw);} @@ -2589,6 +2991,177 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .w-11\\/12-mm{width:91.6666% !important;} .h-viewport-11\\/12-mm{height:91.6666vh !important;} .hmax-viewport-11\\/12-mm{max-height:91.6666vh !important;} +.gap0-mm{gap:0 !important;} +.gapx0-mm{column-gap:0 !important;} +.gapy0-mm{row-gap:0 !important;} +.gap3-mm{gap:3px !important;} +.gapx3-mm{column-gap:3px !important;} +.gapy3-mm{row-gap:3px !important;} +.gap6-mm{gap:6px !important;} +.gapx6-mm{column-gap:6px !important;} +.gapy6-mm{row-gap:6px !important;} +.gap12-mm{gap:12px !important;} +.gapx12-mm{column-gap:12px !important;} +.gapy12-mm{row-gap:12px !important;} +.gap18-mm{gap:18px !important;} +.gapx18-mm{column-gap:18px !important;} +.gapy18-mm{row-gap:18px !important;} +.gap24-mm{gap:24px !important;} +.gapx24-mm{column-gap:24px !important;} +.gapy24-mm{row-gap:24px !important;} +.gap30-mm{gap:30px !important;} +.gapx30-mm{column-gap:30px !important;} +.gapy30-mm{row-gap:30px !important;} +.gap36-mm{gap:36px !important;} +.gapx36-mm{column-gap:36px !important;} +.gapy36-mm{row-gap:36px !important;} +.gap60-mm{gap:60px !important;} +.gapx60-mm{column-gap:60px !important;} +.gapy60-mm{row-gap:60px !important;} +.gap120-mm{gap:120px !important;} +.gapx120-mm{column-gap:120px !important;} +.gapy120-mm{row-gap:120px !important;} +.gap180-mm{gap:180px !important;} +.gapx180-mm{column-gap:180px !important;} +.gapy180-mm{row-gap:180px !important;} +.gap240-mm{gap:240px !important;} +.gapx240-mm{column-gap:240px !important;} +.gapy240-mm{row-gap:240px !important;} +.gap300-mm{gap:300px !important;} +.gapx300-mm{column-gap:300px !important;} +.gapy300-mm{row-gap:300px !important;} +.gap360-mm{gap:360px !important;} +.gapx360-mm{column-gap:360px !important;} +.gapy360-mm{row-gap:360px !important;} +.gridbox--cols1-mm{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} +.gridbox--rows1-mm{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} +.gridbox-child-col1-mm{grid-column:span 1 !important;} +.gridbox-child-row1-mm{grid-row:span 1 !important;} +.gridbox--cols2-mm{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} +.gridbox--rows2-mm{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} +.gridbox-child-col2-mm{grid-column:span 2 !important;} +.gridbox-child-row2-mm{grid-row:span 2 !important;} +.gridbox--cols3-mm{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} +.gridbox--rows3-mm{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} +.gridbox-child-col3-mm{grid-column:span 3 !important;} +.gridbox-child-row3-mm{grid-row:span 3 !important;} +.gridbox--cols4-mm{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} +.gridbox--rows4-mm{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} +.gridbox-child-col4-mm{grid-column:span 4 !important;} +.gridbox-child-row4-mm{grid-row:span 4 !important;} +.gridbox--cols5-mm{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} +.gridbox--rows5-mm{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} +.gridbox-child-col5-mm{grid-column:span 5 !important;} +.gridbox-child-row5-mm{grid-row:span 5 !important;} +.gridbox--cols6-mm{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} +.gridbox--rows6-mm{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} +.gridbox-child-col6-mm{grid-column:span 6 !important;} +.gridbox-child-row6-mm{grid-row:span 6 !important;} +.gridbox--cols7-mm{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} +.gridbox--rows7-mm{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} +.gridbox-child-col7-mm{grid-column:span 7 !important;} +.gridbox-child-row7-mm{grid-row:span 7 !important;} +.gridbox--cols8-mm{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} +.gridbox--rows8-mm{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} +.gridbox-child-col8-mm{grid-column:span 8 !important;} +.gridbox-child-row8-mm{grid-row:span 8 !important;} +.gridbox--cols9-mm{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} +.gridbox--rows9-mm{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} +.gridbox-child-col9-mm{grid-column:span 9 !important;} +.gridbox-child-row9-mm{grid-row:span 9 !important;} +.gridbox--cols10-mm{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} +.gridbox--rows10-mm{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} +.gridbox-child-col10-mm{grid-column:span 10 !important;} +.gridbox-child-row10-mm{grid-row:span 10 !important;} +.gridbox--cols11-mm{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} +.gridbox--rows11-mm{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} +.gridbox-child-col11-mm{grid-column:span 11 !important;} +.gridbox-child-row11-mm{grid-row:span 11 !important;} +.gridbox--cols12-mm{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.gridbox--rows12-mm{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} +.gridbox-child-col12-mm{grid-column:span 12 !important;} +.gridbox-child-row12-mm{grid-row:span 12 !important;} +.aspect-auto-mm{aspect-ratio:auto !important;} +.aspect-1\\/1-mm{aspect-ratio:1/1 !important;} +.aspect-4\\/3-mm{aspect-ratio:4/3 !important;} +.aspect-3\\/2-mm{aspect-ratio:3/2 !important;} +.aspect-16\\/9-mm{aspect-ratio:16/9 !important;} +.aspect-21\\/9-mm{aspect-ratio:21/9 !important;} +.aspect-3\\/4-mm{aspect-ratio:3/4 !important;} +.aspect-9\\/16-mm{aspect-ratio:9/16 !important;} +.rotate0-mm{rotate:0deg !important;} +.rotate45-mm{rotate:45deg !important;} +.rotate90-mm{rotate:90deg !important;} +.rotate180-mm{rotate:180deg !important;} +.rotate270-mm{rotate:270deg !important;} +.rotate-neg45-mm{rotate:-45deg !important;} +.rotate-neg90-mm{rotate:-90deg !important;} +.rotate-neg180-mm{rotate:-180deg !important;} +.rotate-neg270-mm{rotate:-270deg !important;} +.scale0-mm{scale:0 !important;} +.scale50-mm{scale:0.5 !important;} +.scale75-mm{scale:0.75 !important;} +.scale100-mm{scale:1 !important;} +.scale125-mm{scale:1.25 !important;} +.scale150-mm{scale:1.5 !important;} +.translate-x-neg1-mm{translate:-1px 0 !important;} +.translate-y-neg1-mm{translate:0 -1px !important;} +.translate-x-neg2-mm{translate:-2px 0 !important;} +.translate-y-neg2-mm{translate:0 -2px !important;} +.translate-x-neg3-mm{translate:-3px 0 !important;} +.translate-y-neg3-mm{translate:0 -3px !important;} +.translate-x-neg6-mm{translate:-6px 0 !important;} +.translate-y-neg6-mm{translate:0 -6px !important;} +.translate-x-neg12-mm{translate:-12px 0 !important;} +.translate-y-neg12-mm{translate:0 -12px !important;} +.translate-x-neg18-mm{translate:-18px 0 !important;} +.translate-y-neg18-mm{translate:0 -18px !important;} +.translate-x-neg24-mm{translate:-24px 0 !important;} +.translate-y-neg24-mm{translate:0 -24px !important;} +.translate-x-neg30-mm{translate:-30px 0 !important;} +.translate-y-neg30-mm{translate:0 -30px !important;} +.translate-x-neg36-mm{translate:-36px 0 !important;} +.translate-y-neg36-mm{translate:0 -36px !important;} +.translate-x-neg60-mm{translate:-60px 0 !important;} +.translate-y-neg60-mm{translate:0 -60px !important;} +.translate-x-neg120-mm{translate:-120px 0 !important;} +.translate-y-neg120-mm{translate:0 -120px !important;} +.translate-x-neg180-mm{translate:-180px 0 !important;} +.translate-y-neg180-mm{translate:0 -180px !important;} +.translate-x-neg240-mm{translate:-240px 0 !important;} +.translate-y-neg240-mm{translate:0 -240px !important;} +.translate-x-neg300-mm{translate:-300px 0 !important;} +.translate-y-neg300-mm{translate:0 -300px !important;} +.translate-x-neg360-mm{translate:-360px 0 !important;} +.translate-y-neg360-mm{translate:0 -360px !important;} +.translate-x0-mm, +.translate-y0-mm{translate:0 0 !important;} +.translate-x3-mm{translate:3px 0 !important;} +.translate-y3-mm{translate:0 3px !important;} +.translate-x6-mm{translate:6px 0 !important;} +.translate-y6-mm{translate:0 6px !important;} +.translate-x12-mm{translate:12px 0 !important;} +.translate-y12-mm{translate:0 12px !important;} +.translate-x18-mm{translate:18px 0 !important;} +.translate-y18-mm{translate:0 18px !important;} +.translate-x24-mm{translate:24px 0 !important;} +.translate-y24-mm{translate:0 24px !important;} +.translate-x30-mm{translate:30px 0 !important;} +.translate-y30-mm{translate:0 30px !important;} +.translate-x36-mm{translate:36px 0 !important;} +.translate-y36-mm{translate:0 36px !important;} +.translate-x60-mm{translate:60px 0 !important;} +.translate-y60-mm{translate:0 60px !important;} +.translate-x120-mm{translate:120px 0 !important;} +.translate-y120-mm{translate:0 120px !important;} +.translate-x180-mm{translate:180px 0 !important;} +.translate-y180-mm{translate:0 180px !important;} +.translate-x240-mm{translate:240px 0 !important;} +.translate-y240-mm{translate:0 240px !important;} +.translate-x300-mm{translate:300px 0 !important;} +.translate-y300-mm{translate:0 300px !important;} +.translate-x360-mm{translate:360px 0 !important;} +.translate-y360-mm{translate:0 360px !important;} .py0-mm{padding-top:0 !important;padding-bottom:0 !important;} .px0-mm{padding-left:0 !important;padding-right:0 !important;} .pt0-mm{padding-top:0 !important;} @@ -2875,8 +3448,28 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .flex--wrap-mxl{flex-wrap:wrap !important;} .flex--stretch-cross-mxl{align-items:stretch !important;} .flex--space-between-main-mxl{justify-content:space-between !important;} +.flex--space-around-main-mxl{justify-content:space-around !important;} +.flex--space-evenly-main-mxl{justify-content:space-evenly !important;} .flex-child-grow-mxl{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-mxl{flex-shrink:0 !important;} +.gridbox-mxl{display:grid !important;} +.inline-gridbox-mxl{display:inline-grid !important;} +.gridbox--row-mxl{grid-auto-flow:row !important;} +.gridbox--column-mxl{grid-auto-flow:column !important;} +.gridbox--dense-mxl{grid-auto-flow:dense !important;} +.gridbox--column-dense-mxl{grid-auto-flow:column dense !important;} +.gridbox--center-mxl{place-items:center !important;} +.gridbox--stretch-mxl{place-items:stretch !important;} +.gridbox--start-mxl{place-items:start !important;} +.gridbox--end-mxl{place-items:end !important;} +.gridbox--space-between-mxl{place-content:space-between !important;} +.gridbox--space-around-mxl{place-content:space-around !important;} +.gridbox--space-evenly-mxl{place-content:space-evenly !important;} +.object-contain-mxl{object-fit:contain !important;} +.object-cover-mxl{object-fit:cover !important;} +.object-fill-mxl{object-fit:fill !important;} +.object-none-mxl{object-fit:none !important;} +.object-scale-down-mxl{object-fit:scale-down !important;} .bleed-mxl{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} .bleed-r-mxl{flex-grow:1;margin-right:calc(50% - 50vw);} .bleed-l-mxl{flex-grow:1;margin-left:calc(50% - 50vw);} @@ -3117,6 +3710,177 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .w-11\\/12-mxl{width:91.6666% !important;} .h-viewport-11\\/12-mxl{height:91.6666vh !important;} .hmax-viewport-11\\/12-mxl{max-height:91.6666vh !important;} +.gap0-mxl{gap:0 !important;} +.gapx0-mxl{column-gap:0 !important;} +.gapy0-mxl{row-gap:0 !important;} +.gap3-mxl{gap:3px !important;} +.gapx3-mxl{column-gap:3px !important;} +.gapy3-mxl{row-gap:3px !important;} +.gap6-mxl{gap:6px !important;} +.gapx6-mxl{column-gap:6px !important;} +.gapy6-mxl{row-gap:6px !important;} +.gap12-mxl{gap:12px !important;} +.gapx12-mxl{column-gap:12px !important;} +.gapy12-mxl{row-gap:12px !important;} +.gap18-mxl{gap:18px !important;} +.gapx18-mxl{column-gap:18px !important;} +.gapy18-mxl{row-gap:18px !important;} +.gap24-mxl{gap:24px !important;} +.gapx24-mxl{column-gap:24px !important;} +.gapy24-mxl{row-gap:24px !important;} +.gap30-mxl{gap:30px !important;} +.gapx30-mxl{column-gap:30px !important;} +.gapy30-mxl{row-gap:30px !important;} +.gap36-mxl{gap:36px !important;} +.gapx36-mxl{column-gap:36px !important;} +.gapy36-mxl{row-gap:36px !important;} +.gap60-mxl{gap:60px !important;} +.gapx60-mxl{column-gap:60px !important;} +.gapy60-mxl{row-gap:60px !important;} +.gap120-mxl{gap:120px !important;} +.gapx120-mxl{column-gap:120px !important;} +.gapy120-mxl{row-gap:120px !important;} +.gap180-mxl{gap:180px !important;} +.gapx180-mxl{column-gap:180px !important;} +.gapy180-mxl{row-gap:180px !important;} +.gap240-mxl{gap:240px !important;} +.gapx240-mxl{column-gap:240px !important;} +.gapy240-mxl{row-gap:240px !important;} +.gap300-mxl{gap:300px !important;} +.gapx300-mxl{column-gap:300px !important;} +.gapy300-mxl{row-gap:300px !important;} +.gap360-mxl{gap:360px !important;} +.gapx360-mxl{column-gap:360px !important;} +.gapy360-mxl{row-gap:360px !important;} +.gridbox--cols1-mxl{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} +.gridbox--rows1-mxl{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} +.gridbox-child-col1-mxl{grid-column:span 1 !important;} +.gridbox-child-row1-mxl{grid-row:span 1 !important;} +.gridbox--cols2-mxl{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} +.gridbox--rows2-mxl{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} +.gridbox-child-col2-mxl{grid-column:span 2 !important;} +.gridbox-child-row2-mxl{grid-row:span 2 !important;} +.gridbox--cols3-mxl{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} +.gridbox--rows3-mxl{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} +.gridbox-child-col3-mxl{grid-column:span 3 !important;} +.gridbox-child-row3-mxl{grid-row:span 3 !important;} +.gridbox--cols4-mxl{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} +.gridbox--rows4-mxl{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} +.gridbox-child-col4-mxl{grid-column:span 4 !important;} +.gridbox-child-row4-mxl{grid-row:span 4 !important;} +.gridbox--cols5-mxl{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} +.gridbox--rows5-mxl{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} +.gridbox-child-col5-mxl{grid-column:span 5 !important;} +.gridbox-child-row5-mxl{grid-row:span 5 !important;} +.gridbox--cols6-mxl{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} +.gridbox--rows6-mxl{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} +.gridbox-child-col6-mxl{grid-column:span 6 !important;} +.gridbox-child-row6-mxl{grid-row:span 6 !important;} +.gridbox--cols7-mxl{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} +.gridbox--rows7-mxl{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} +.gridbox-child-col7-mxl{grid-column:span 7 !important;} +.gridbox-child-row7-mxl{grid-row:span 7 !important;} +.gridbox--cols8-mxl{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} +.gridbox--rows8-mxl{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} +.gridbox-child-col8-mxl{grid-column:span 8 !important;} +.gridbox-child-row8-mxl{grid-row:span 8 !important;} +.gridbox--cols9-mxl{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} +.gridbox--rows9-mxl{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} +.gridbox-child-col9-mxl{grid-column:span 9 !important;} +.gridbox-child-row9-mxl{grid-row:span 9 !important;} +.gridbox--cols10-mxl{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} +.gridbox--rows10-mxl{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} +.gridbox-child-col10-mxl{grid-column:span 10 !important;} +.gridbox-child-row10-mxl{grid-row:span 10 !important;} +.gridbox--cols11-mxl{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} +.gridbox--rows11-mxl{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} +.gridbox-child-col11-mxl{grid-column:span 11 !important;} +.gridbox-child-row11-mxl{grid-row:span 11 !important;} +.gridbox--cols12-mxl{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.gridbox--rows12-mxl{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} +.gridbox-child-col12-mxl{grid-column:span 12 !important;} +.gridbox-child-row12-mxl{grid-row:span 12 !important;} +.aspect-auto-mxl{aspect-ratio:auto !important;} +.aspect-1\\/1-mxl{aspect-ratio:1/1 !important;} +.aspect-4\\/3-mxl{aspect-ratio:4/3 !important;} +.aspect-3\\/2-mxl{aspect-ratio:3/2 !important;} +.aspect-16\\/9-mxl{aspect-ratio:16/9 !important;} +.aspect-21\\/9-mxl{aspect-ratio:21/9 !important;} +.aspect-3\\/4-mxl{aspect-ratio:3/4 !important;} +.aspect-9\\/16-mxl{aspect-ratio:9/16 !important;} +.rotate0-mxl{rotate:0deg !important;} +.rotate45-mxl{rotate:45deg !important;} +.rotate90-mxl{rotate:90deg !important;} +.rotate180-mxl{rotate:180deg !important;} +.rotate270-mxl{rotate:270deg !important;} +.rotate-neg45-mxl{rotate:-45deg !important;} +.rotate-neg90-mxl{rotate:-90deg !important;} +.rotate-neg180-mxl{rotate:-180deg !important;} +.rotate-neg270-mxl{rotate:-270deg !important;} +.scale0-mxl{scale:0 !important;} +.scale50-mxl{scale:0.5 !important;} +.scale75-mxl{scale:0.75 !important;} +.scale100-mxl{scale:1 !important;} +.scale125-mxl{scale:1.25 !important;} +.scale150-mxl{scale:1.5 !important;} +.translate-x-neg1-mxl{translate:-1px 0 !important;} +.translate-y-neg1-mxl{translate:0 -1px !important;} +.translate-x-neg2-mxl{translate:-2px 0 !important;} +.translate-y-neg2-mxl{translate:0 -2px !important;} +.translate-x-neg3-mxl{translate:-3px 0 !important;} +.translate-y-neg3-mxl{translate:0 -3px !important;} +.translate-x-neg6-mxl{translate:-6px 0 !important;} +.translate-y-neg6-mxl{translate:0 -6px !important;} +.translate-x-neg12-mxl{translate:-12px 0 !important;} +.translate-y-neg12-mxl{translate:0 -12px !important;} +.translate-x-neg18-mxl{translate:-18px 0 !important;} +.translate-y-neg18-mxl{translate:0 -18px !important;} +.translate-x-neg24-mxl{translate:-24px 0 !important;} +.translate-y-neg24-mxl{translate:0 -24px !important;} +.translate-x-neg30-mxl{translate:-30px 0 !important;} +.translate-y-neg30-mxl{translate:0 -30px !important;} +.translate-x-neg36-mxl{translate:-36px 0 !important;} +.translate-y-neg36-mxl{translate:0 -36px !important;} +.translate-x-neg60-mxl{translate:-60px 0 !important;} +.translate-y-neg60-mxl{translate:0 -60px !important;} +.translate-x-neg120-mxl{translate:-120px 0 !important;} +.translate-y-neg120-mxl{translate:0 -120px !important;} +.translate-x-neg180-mxl{translate:-180px 0 !important;} +.translate-y-neg180-mxl{translate:0 -180px !important;} +.translate-x-neg240-mxl{translate:-240px 0 !important;} +.translate-y-neg240-mxl{translate:0 -240px !important;} +.translate-x-neg300-mxl{translate:-300px 0 !important;} +.translate-y-neg300-mxl{translate:0 -300px !important;} +.translate-x-neg360-mxl{translate:-360px 0 !important;} +.translate-y-neg360-mxl{translate:0 -360px !important;} +.translate-x0-mxl, +.translate-y0-mxl{translate:0 0 !important;} +.translate-x3-mxl{translate:3px 0 !important;} +.translate-y3-mxl{translate:0 3px !important;} +.translate-x6-mxl{translate:6px 0 !important;} +.translate-y6-mxl{translate:0 6px !important;} +.translate-x12-mxl{translate:12px 0 !important;} +.translate-y12-mxl{translate:0 12px !important;} +.translate-x18-mxl{translate:18px 0 !important;} +.translate-y18-mxl{translate:0 18px !important;} +.translate-x24-mxl{translate:24px 0 !important;} +.translate-y24-mxl{translate:0 24px !important;} +.translate-x30-mxl{translate:30px 0 !important;} +.translate-y30-mxl{translate:0 30px !important;} +.translate-x36-mxl{translate:36px 0 !important;} +.translate-y36-mxl{translate:0 36px !important;} +.translate-x60-mxl{translate:60px 0 !important;} +.translate-y60-mxl{translate:0 60px !important;} +.translate-x120-mxl{translate:120px 0 !important;} +.translate-y120-mxl{translate:0 120px !important;} +.translate-x180-mxl{translate:180px 0 !important;} +.translate-y180-mxl{translate:0 180px !important;} +.translate-x240-mxl{translate:240px 0 !important;} +.translate-y240-mxl{translate:0 240px !important;} +.translate-x300-mxl{translate:300px 0 !important;} +.translate-y300-mxl{translate:0 300px !important;} +.translate-x360-mxl{translate:360px 0 !important;} +.translate-y360-mxl{translate:0 360px !important;} .py0-mxl{padding-top:0 !important;padding-bottom:0 !important;} .px0-mxl{padding-left:0 !important;padding-right:0 !important;} .pt0-mxl{padding-top:0 !important;} @@ -3496,8 +4260,28 @@ exports[`buildCss defaults 1`] = ` .flex--wrap{flex-wrap:wrap !important;} .flex--stretch-cross{align-items:stretch !important;} .flex--space-between-main{justify-content:space-between !important;} +.flex--space-around-main{justify-content:space-around !important;} +.flex--space-evenly-main{justify-content:space-evenly !important;} .flex-child-grow{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink{flex-shrink:0 !important;} +.gridbox{display:grid !important;} +.inline-gridbox{display:inline-grid !important;} +.gridbox--row{grid-auto-flow:row !important;} +.gridbox--column{grid-auto-flow:column !important;} +.gridbox--dense{grid-auto-flow:dense !important;} +.gridbox--column-dense{grid-auto-flow:column dense !important;} +.gridbox--center{place-items:center !important;} +.gridbox--stretch{place-items:stretch !important;} +.gridbox--start{place-items:start !important;} +.gridbox--end{place-items:end !important;} +.gridbox--space-between{place-content:space-between !important;} +.gridbox--space-around{place-content:space-around !important;} +.gridbox--space-evenly{place-content:space-evenly !important;} +.object-contain{object-fit:contain !important;} +.object-cover{object-fit:cover !important;} +.object-fill{object-fit:fill !important;} +.object-none{object-fit:none !important;} +.object-scale-down{object-fit:scale-down !important;} .bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} .bleed-r{flex-grow:1;margin-right:calc(50% - 50vw);} .bleed-l{flex-grow:1;margin-left:calc(50% - 50vw);} @@ -4029,6 +4813,177 @@ exports[`buildCss defaults 1`] = ` .w-11\\/12{width:91.6666% !important;} .h-viewport-11\\/12{height:91.6666vh !important;} .hmax-viewport-11\\/12{max-height:91.6666vh !important;} +.gap0{gap:0 !important;} +.gapx0{column-gap:0 !important;} +.gapy0{row-gap:0 !important;} +.gap3{gap:3px !important;} +.gapx3{column-gap:3px !important;} +.gapy3{row-gap:3px !important;} +.gap6{gap:6px !important;} +.gapx6{column-gap:6px !important;} +.gapy6{row-gap:6px !important;} +.gap12{gap:12px !important;} +.gapx12{column-gap:12px !important;} +.gapy12{row-gap:12px !important;} +.gap18{gap:18px !important;} +.gapx18{column-gap:18px !important;} +.gapy18{row-gap:18px !important;} +.gap24{gap:24px !important;} +.gapx24{column-gap:24px !important;} +.gapy24{row-gap:24px !important;} +.gap30{gap:30px !important;} +.gapx30{column-gap:30px !important;} +.gapy30{row-gap:30px !important;} +.gap36{gap:36px !important;} +.gapx36{column-gap:36px !important;} +.gapy36{row-gap:36px !important;} +.gap60{gap:60px !important;} +.gapx60{column-gap:60px !important;} +.gapy60{row-gap:60px !important;} +.gap120{gap:120px !important;} +.gapx120{column-gap:120px !important;} +.gapy120{row-gap:120px !important;} +.gap180{gap:180px !important;} +.gapx180{column-gap:180px !important;} +.gapy180{row-gap:180px !important;} +.gap240{gap:240px !important;} +.gapx240{column-gap:240px !important;} +.gapy240{row-gap:240px !important;} +.gap300{gap:300px !important;} +.gapx300{column-gap:300px !important;} +.gapy300{row-gap:300px !important;} +.gap360{gap:360px !important;} +.gapx360{column-gap:360px !important;} +.gapy360{row-gap:360px !important;} +.gridbox--cols1{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} +.gridbox--rows1{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} +.gridbox-child-col1{grid-column:span 1 !important;} +.gridbox-child-row1{grid-row:span 1 !important;} +.gridbox--cols2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} +.gridbox--rows2{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} +.gridbox-child-col2{grid-column:span 2 !important;} +.gridbox-child-row2{grid-row:span 2 !important;} +.gridbox--cols3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} +.gridbox--rows3{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} +.gridbox-child-col3{grid-column:span 3 !important;} +.gridbox-child-row3{grid-row:span 3 !important;} +.gridbox--cols4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} +.gridbox--rows4{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} +.gridbox-child-col4{grid-column:span 4 !important;} +.gridbox-child-row4{grid-row:span 4 !important;} +.gridbox--cols5{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} +.gridbox--rows5{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} +.gridbox-child-col5{grid-column:span 5 !important;} +.gridbox-child-row5{grid-row:span 5 !important;} +.gridbox--cols6{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} +.gridbox--rows6{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} +.gridbox-child-col6{grid-column:span 6 !important;} +.gridbox-child-row6{grid-row:span 6 !important;} +.gridbox--cols7{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} +.gridbox--rows7{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} +.gridbox-child-col7{grid-column:span 7 !important;} +.gridbox-child-row7{grid-row:span 7 !important;} +.gridbox--cols8{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} +.gridbox--rows8{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} +.gridbox-child-col8{grid-column:span 8 !important;} +.gridbox-child-row8{grid-row:span 8 !important;} +.gridbox--cols9{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} +.gridbox--rows9{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} +.gridbox-child-col9{grid-column:span 9 !important;} +.gridbox-child-row9{grid-row:span 9 !important;} +.gridbox--cols10{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} +.gridbox--rows10{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} +.gridbox-child-col10{grid-column:span 10 !important;} +.gridbox-child-row10{grid-row:span 10 !important;} +.gridbox--cols11{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} +.gridbox--rows11{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} +.gridbox-child-col11{grid-column:span 11 !important;} +.gridbox-child-row11{grid-row:span 11 !important;} +.gridbox--cols12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.gridbox--rows12{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} +.gridbox-child-col12{grid-column:span 12 !important;} +.gridbox-child-row12{grid-row:span 12 !important;} +.aspect-auto{aspect-ratio:auto !important;} +.aspect-1\\/1{aspect-ratio:1/1 !important;} +.aspect-4\\/3{aspect-ratio:4/3 !important;} +.aspect-3\\/2{aspect-ratio:3/2 !important;} +.aspect-16\\/9{aspect-ratio:16/9 !important;} +.aspect-21\\/9{aspect-ratio:21/9 !important;} +.aspect-3\\/4{aspect-ratio:3/4 !important;} +.aspect-9\\/16{aspect-ratio:9/16 !important;} +.rotate0{rotate:0deg !important;} +.rotate45{rotate:45deg !important;} +.rotate90{rotate:90deg !important;} +.rotate180{rotate:180deg !important;} +.rotate270{rotate:270deg !important;} +.rotate-neg45{rotate:-45deg !important;} +.rotate-neg90{rotate:-90deg !important;} +.rotate-neg180{rotate:-180deg !important;} +.rotate-neg270{rotate:-270deg !important;} +.scale0{scale:0 !important;} +.scale50{scale:0.5 !important;} +.scale75{scale:0.75 !important;} +.scale100{scale:1 !important;} +.scale125{scale:1.25 !important;} +.scale150{scale:1.5 !important;} +.translate-x-neg1{translate:-1px 0 !important;} +.translate-y-neg1{translate:0 -1px !important;} +.translate-x-neg2{translate:-2px 0 !important;} +.translate-y-neg2{translate:0 -2px !important;} +.translate-x-neg3{translate:-3px 0 !important;} +.translate-y-neg3{translate:0 -3px !important;} +.translate-x-neg6{translate:-6px 0 !important;} +.translate-y-neg6{translate:0 -6px !important;} +.translate-x-neg12{translate:-12px 0 !important;} +.translate-y-neg12{translate:0 -12px !important;} +.translate-x-neg18{translate:-18px 0 !important;} +.translate-y-neg18{translate:0 -18px !important;} +.translate-x-neg24{translate:-24px 0 !important;} +.translate-y-neg24{translate:0 -24px !important;} +.translate-x-neg30{translate:-30px 0 !important;} +.translate-y-neg30{translate:0 -30px !important;} +.translate-x-neg36{translate:-36px 0 !important;} +.translate-y-neg36{translate:0 -36px !important;} +.translate-x-neg60{translate:-60px 0 !important;} +.translate-y-neg60{translate:0 -60px !important;} +.translate-x-neg120{translate:-120px 0 !important;} +.translate-y-neg120{translate:0 -120px !important;} +.translate-x-neg180{translate:-180px 0 !important;} +.translate-y-neg180{translate:0 -180px !important;} +.translate-x-neg240{translate:-240px 0 !important;} +.translate-y-neg240{translate:0 -240px !important;} +.translate-x-neg300{translate:-300px 0 !important;} +.translate-y-neg300{translate:0 -300px !important;} +.translate-x-neg360{translate:-360px 0 !important;} +.translate-y-neg360{translate:0 -360px !important;} +.translate-x0, +.translate-y0{translate:0 0 !important;} +.translate-x3{translate:3px 0 !important;} +.translate-y3{translate:0 3px !important;} +.translate-x6{translate:6px 0 !important;} +.translate-y6{translate:0 6px !important;} +.translate-x12{translate:12px 0 !important;} +.translate-y12{translate:0 12px !important;} +.translate-x18{translate:18px 0 !important;} +.translate-y18{translate:0 18px !important;} +.translate-x24{translate:24px 0 !important;} +.translate-y24{translate:0 24px !important;} +.translate-x30{translate:30px 0 !important;} +.translate-y30{translate:0 30px !important;} +.translate-x36{translate:36px 0 !important;} +.translate-y36{translate:0 36px !important;} +.translate-x60{translate:60px 0 !important;} +.translate-y60{translate:0 60px !important;} +.translate-x120{translate:120px 0 !important;} +.translate-y120{translate:0 120px !important;} +.translate-x180{translate:180px 0 !important;} +.translate-y180{translate:0 180px !important;} +.translate-x240{translate:240px 0 !important;} +.translate-y240{translate:0 240px !important;} +.translate-x300{translate:300px 0 !important;} +.translate-y300{translate:0 300px !important;} +.translate-x360{translate:360px 0 !important;} +.translate-y360{translate:0 360px !important;} .py0{padding-top:0 !important;padding-bottom:0 !important;} .px0{padding-left:0 !important;padding-right:0 !important;} .pt0{padding-top:0 !important;} @@ -5157,8 +6112,28 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .flex--wrap-ml{flex-wrap:wrap !important;} .flex--stretch-cross-ml{align-items:stretch !important;} .flex--space-between-main-ml{justify-content:space-between !important;} +.flex--space-around-main-ml{justify-content:space-around !important;} +.flex--space-evenly-main-ml{justify-content:space-evenly !important;} .flex-child-grow-ml{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-ml{flex-shrink:0 !important;} +.gridbox-ml{display:grid !important;} +.inline-gridbox-ml{display:inline-grid !important;} +.gridbox--row-ml{grid-auto-flow:row !important;} +.gridbox--column-ml{grid-auto-flow:column !important;} +.gridbox--dense-ml{grid-auto-flow:dense !important;} +.gridbox--column-dense-ml{grid-auto-flow:column dense !important;} +.gridbox--center-ml{place-items:center !important;} +.gridbox--stretch-ml{place-items:stretch !important;} +.gridbox--start-ml{place-items:start !important;} +.gridbox--end-ml{place-items:end !important;} +.gridbox--space-between-ml{place-content:space-between !important;} +.gridbox--space-around-ml{place-content:space-around !important;} +.gridbox--space-evenly-ml{place-content:space-evenly !important;} +.object-contain-ml{object-fit:contain !important;} +.object-cover-ml{object-fit:cover !important;} +.object-fill-ml{object-fit:fill !important;} +.object-none-ml{object-fit:none !important;} +.object-scale-down-ml{object-fit:scale-down !important;} .bleed-ml{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} .bleed-r-ml{flex-grow:1;margin-right:calc(50% - 50vw);} .bleed-l-ml{flex-grow:1;margin-left:calc(50% - 50vw);} @@ -5399,6 +6374,177 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .w-11\\/12-ml{width:91.6666% !important;} .h-viewport-11\\/12-ml{height:91.6666vh !important;} .hmax-viewport-11\\/12-ml{max-height:91.6666vh !important;} +.gap0-ml{gap:0 !important;} +.gapx0-ml{column-gap:0 !important;} +.gapy0-ml{row-gap:0 !important;} +.gap3-ml{gap:3px !important;} +.gapx3-ml{column-gap:3px !important;} +.gapy3-ml{row-gap:3px !important;} +.gap6-ml{gap:6px !important;} +.gapx6-ml{column-gap:6px !important;} +.gapy6-ml{row-gap:6px !important;} +.gap12-ml{gap:12px !important;} +.gapx12-ml{column-gap:12px !important;} +.gapy12-ml{row-gap:12px !important;} +.gap18-ml{gap:18px !important;} +.gapx18-ml{column-gap:18px !important;} +.gapy18-ml{row-gap:18px !important;} +.gap24-ml{gap:24px !important;} +.gapx24-ml{column-gap:24px !important;} +.gapy24-ml{row-gap:24px !important;} +.gap30-ml{gap:30px !important;} +.gapx30-ml{column-gap:30px !important;} +.gapy30-ml{row-gap:30px !important;} +.gap36-ml{gap:36px !important;} +.gapx36-ml{column-gap:36px !important;} +.gapy36-ml{row-gap:36px !important;} +.gap60-ml{gap:60px !important;} +.gapx60-ml{column-gap:60px !important;} +.gapy60-ml{row-gap:60px !important;} +.gap120-ml{gap:120px !important;} +.gapx120-ml{column-gap:120px !important;} +.gapy120-ml{row-gap:120px !important;} +.gap180-ml{gap:180px !important;} +.gapx180-ml{column-gap:180px !important;} +.gapy180-ml{row-gap:180px !important;} +.gap240-ml{gap:240px !important;} +.gapx240-ml{column-gap:240px !important;} +.gapy240-ml{row-gap:240px !important;} +.gap300-ml{gap:300px !important;} +.gapx300-ml{column-gap:300px !important;} +.gapy300-ml{row-gap:300px !important;} +.gap360-ml{gap:360px !important;} +.gapx360-ml{column-gap:360px !important;} +.gapy360-ml{row-gap:360px !important;} +.gridbox--cols1-ml{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} +.gridbox--rows1-ml{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} +.gridbox-child-col1-ml{grid-column:span 1 !important;} +.gridbox-child-row1-ml{grid-row:span 1 !important;} +.gridbox--cols2-ml{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} +.gridbox--rows2-ml{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} +.gridbox-child-col2-ml{grid-column:span 2 !important;} +.gridbox-child-row2-ml{grid-row:span 2 !important;} +.gridbox--cols3-ml{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} +.gridbox--rows3-ml{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} +.gridbox-child-col3-ml{grid-column:span 3 !important;} +.gridbox-child-row3-ml{grid-row:span 3 !important;} +.gridbox--cols4-ml{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} +.gridbox--rows4-ml{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} +.gridbox-child-col4-ml{grid-column:span 4 !important;} +.gridbox-child-row4-ml{grid-row:span 4 !important;} +.gridbox--cols5-ml{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} +.gridbox--rows5-ml{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} +.gridbox-child-col5-ml{grid-column:span 5 !important;} +.gridbox-child-row5-ml{grid-row:span 5 !important;} +.gridbox--cols6-ml{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} +.gridbox--rows6-ml{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} +.gridbox-child-col6-ml{grid-column:span 6 !important;} +.gridbox-child-row6-ml{grid-row:span 6 !important;} +.gridbox--cols7-ml{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} +.gridbox--rows7-ml{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} +.gridbox-child-col7-ml{grid-column:span 7 !important;} +.gridbox-child-row7-ml{grid-row:span 7 !important;} +.gridbox--cols8-ml{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} +.gridbox--rows8-ml{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} +.gridbox-child-col8-ml{grid-column:span 8 !important;} +.gridbox-child-row8-ml{grid-row:span 8 !important;} +.gridbox--cols9-ml{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} +.gridbox--rows9-ml{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} +.gridbox-child-col9-ml{grid-column:span 9 !important;} +.gridbox-child-row9-ml{grid-row:span 9 !important;} +.gridbox--cols10-ml{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} +.gridbox--rows10-ml{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} +.gridbox-child-col10-ml{grid-column:span 10 !important;} +.gridbox-child-row10-ml{grid-row:span 10 !important;} +.gridbox--cols11-ml{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} +.gridbox--rows11-ml{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} +.gridbox-child-col11-ml{grid-column:span 11 !important;} +.gridbox-child-row11-ml{grid-row:span 11 !important;} +.gridbox--cols12-ml{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.gridbox--rows12-ml{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} +.gridbox-child-col12-ml{grid-column:span 12 !important;} +.gridbox-child-row12-ml{grid-row:span 12 !important;} +.aspect-auto-ml{aspect-ratio:auto !important;} +.aspect-1\\/1-ml{aspect-ratio:1/1 !important;} +.aspect-4\\/3-ml{aspect-ratio:4/3 !important;} +.aspect-3\\/2-ml{aspect-ratio:3/2 !important;} +.aspect-16\\/9-ml{aspect-ratio:16/9 !important;} +.aspect-21\\/9-ml{aspect-ratio:21/9 !important;} +.aspect-3\\/4-ml{aspect-ratio:3/4 !important;} +.aspect-9\\/16-ml{aspect-ratio:9/16 !important;} +.rotate0-ml{rotate:0deg !important;} +.rotate45-ml{rotate:45deg !important;} +.rotate90-ml{rotate:90deg !important;} +.rotate180-ml{rotate:180deg !important;} +.rotate270-ml{rotate:270deg !important;} +.rotate-neg45-ml{rotate:-45deg !important;} +.rotate-neg90-ml{rotate:-90deg !important;} +.rotate-neg180-ml{rotate:-180deg !important;} +.rotate-neg270-ml{rotate:-270deg !important;} +.scale0-ml{scale:0 !important;} +.scale50-ml{scale:0.5 !important;} +.scale75-ml{scale:0.75 !important;} +.scale100-ml{scale:1 !important;} +.scale125-ml{scale:1.25 !important;} +.scale150-ml{scale:1.5 !important;} +.translate-x-neg1-ml{translate:-1px 0 !important;} +.translate-y-neg1-ml{translate:0 -1px !important;} +.translate-x-neg2-ml{translate:-2px 0 !important;} +.translate-y-neg2-ml{translate:0 -2px !important;} +.translate-x-neg3-ml{translate:-3px 0 !important;} +.translate-y-neg3-ml{translate:0 -3px !important;} +.translate-x-neg6-ml{translate:-6px 0 !important;} +.translate-y-neg6-ml{translate:0 -6px !important;} +.translate-x-neg12-ml{translate:-12px 0 !important;} +.translate-y-neg12-ml{translate:0 -12px !important;} +.translate-x-neg18-ml{translate:-18px 0 !important;} +.translate-y-neg18-ml{translate:0 -18px !important;} +.translate-x-neg24-ml{translate:-24px 0 !important;} +.translate-y-neg24-ml{translate:0 -24px !important;} +.translate-x-neg30-ml{translate:-30px 0 !important;} +.translate-y-neg30-ml{translate:0 -30px !important;} +.translate-x-neg36-ml{translate:-36px 0 !important;} +.translate-y-neg36-ml{translate:0 -36px !important;} +.translate-x-neg60-ml{translate:-60px 0 !important;} +.translate-y-neg60-ml{translate:0 -60px !important;} +.translate-x-neg120-ml{translate:-120px 0 !important;} +.translate-y-neg120-ml{translate:0 -120px !important;} +.translate-x-neg180-ml{translate:-180px 0 !important;} +.translate-y-neg180-ml{translate:0 -180px !important;} +.translate-x-neg240-ml{translate:-240px 0 !important;} +.translate-y-neg240-ml{translate:0 -240px !important;} +.translate-x-neg300-ml{translate:-300px 0 !important;} +.translate-y-neg300-ml{translate:0 -300px !important;} +.translate-x-neg360-ml{translate:-360px 0 !important;} +.translate-y-neg360-ml{translate:0 -360px !important;} +.translate-x0-ml, +.translate-y0-ml{translate:0 0 !important;} +.translate-x3-ml{translate:3px 0 !important;} +.translate-y3-ml{translate:0 3px !important;} +.translate-x6-ml{translate:6px 0 !important;} +.translate-y6-ml{translate:0 6px !important;} +.translate-x12-ml{translate:12px 0 !important;} +.translate-y12-ml{translate:0 12px !important;} +.translate-x18-ml{translate:18px 0 !important;} +.translate-y18-ml{translate:0 18px !important;} +.translate-x24-ml{translate:24px 0 !important;} +.translate-y24-ml{translate:0 24px !important;} +.translate-x30-ml{translate:30px 0 !important;} +.translate-y30-ml{translate:0 30px !important;} +.translate-x36-ml{translate:36px 0 !important;} +.translate-y36-ml{translate:0 36px !important;} +.translate-x60-ml{translate:60px 0 !important;} +.translate-y60-ml{translate:0 60px !important;} +.translate-x120-ml{translate:120px 0 !important;} +.translate-y120-ml{translate:0 120px !important;} +.translate-x180-ml{translate:180px 0 !important;} +.translate-y180-ml{translate:0 180px !important;} +.translate-x240-ml{translate:240px 0 !important;} +.translate-y240-ml{translate:0 240px !important;} +.translate-x300-ml{translate:300px 0 !important;} +.translate-y300-ml{translate:0 300px !important;} +.translate-x360-ml{translate:360px 0 !important;} +.translate-y360-ml{translate:0 360px !important;} .py0-ml{padding-top:0 !important;padding-bottom:0 !important;} .px0-ml{padding-left:0 !important;padding-right:0 !important;} .pt0-ml{padding-top:0 !important;} @@ -5685,8 +6831,28 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .flex--wrap-mm{flex-wrap:wrap !important;} .flex--stretch-cross-mm{align-items:stretch !important;} .flex--space-between-main-mm{justify-content:space-between !important;} +.flex--space-around-main-mm{justify-content:space-around !important;} +.flex--space-evenly-main-mm{justify-content:space-evenly !important;} .flex-child-grow-mm{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-mm{flex-shrink:0 !important;} +.gridbox-mm{display:grid !important;} +.inline-gridbox-mm{display:inline-grid !important;} +.gridbox--row-mm{grid-auto-flow:row !important;} +.gridbox--column-mm{grid-auto-flow:column !important;} +.gridbox--dense-mm{grid-auto-flow:dense !important;} +.gridbox--column-dense-mm{grid-auto-flow:column dense !important;} +.gridbox--center-mm{place-items:center !important;} +.gridbox--stretch-mm{place-items:stretch !important;} +.gridbox--start-mm{place-items:start !important;} +.gridbox--end-mm{place-items:end !important;} +.gridbox--space-between-mm{place-content:space-between !important;} +.gridbox--space-around-mm{place-content:space-around !important;} +.gridbox--space-evenly-mm{place-content:space-evenly !important;} +.object-contain-mm{object-fit:contain !important;} +.object-cover-mm{object-fit:cover !important;} +.object-fill-mm{object-fit:fill !important;} +.object-none-mm{object-fit:none !important;} +.object-scale-down-mm{object-fit:scale-down !important;} .bleed-mm{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} .bleed-r-mm{flex-grow:1;margin-right:calc(50% - 50vw);} .bleed-l-mm{flex-grow:1;margin-left:calc(50% - 50vw);} @@ -5927,6 +7093,177 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .w-11\\/12-mm{width:91.6666% !important;} .h-viewport-11\\/12-mm{height:91.6666vh !important;} .hmax-viewport-11\\/12-mm{max-height:91.6666vh !important;} +.gap0-mm{gap:0 !important;} +.gapx0-mm{column-gap:0 !important;} +.gapy0-mm{row-gap:0 !important;} +.gap3-mm{gap:3px !important;} +.gapx3-mm{column-gap:3px !important;} +.gapy3-mm{row-gap:3px !important;} +.gap6-mm{gap:6px !important;} +.gapx6-mm{column-gap:6px !important;} +.gapy6-mm{row-gap:6px !important;} +.gap12-mm{gap:12px !important;} +.gapx12-mm{column-gap:12px !important;} +.gapy12-mm{row-gap:12px !important;} +.gap18-mm{gap:18px !important;} +.gapx18-mm{column-gap:18px !important;} +.gapy18-mm{row-gap:18px !important;} +.gap24-mm{gap:24px !important;} +.gapx24-mm{column-gap:24px !important;} +.gapy24-mm{row-gap:24px !important;} +.gap30-mm{gap:30px !important;} +.gapx30-mm{column-gap:30px !important;} +.gapy30-mm{row-gap:30px !important;} +.gap36-mm{gap:36px !important;} +.gapx36-mm{column-gap:36px !important;} +.gapy36-mm{row-gap:36px !important;} +.gap60-mm{gap:60px !important;} +.gapx60-mm{column-gap:60px !important;} +.gapy60-mm{row-gap:60px !important;} +.gap120-mm{gap:120px !important;} +.gapx120-mm{column-gap:120px !important;} +.gapy120-mm{row-gap:120px !important;} +.gap180-mm{gap:180px !important;} +.gapx180-mm{column-gap:180px !important;} +.gapy180-mm{row-gap:180px !important;} +.gap240-mm{gap:240px !important;} +.gapx240-mm{column-gap:240px !important;} +.gapy240-mm{row-gap:240px !important;} +.gap300-mm{gap:300px !important;} +.gapx300-mm{column-gap:300px !important;} +.gapy300-mm{row-gap:300px !important;} +.gap360-mm{gap:360px !important;} +.gapx360-mm{column-gap:360px !important;} +.gapy360-mm{row-gap:360px !important;} +.gridbox--cols1-mm{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} +.gridbox--rows1-mm{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} +.gridbox-child-col1-mm{grid-column:span 1 !important;} +.gridbox-child-row1-mm{grid-row:span 1 !important;} +.gridbox--cols2-mm{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} +.gridbox--rows2-mm{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} +.gridbox-child-col2-mm{grid-column:span 2 !important;} +.gridbox-child-row2-mm{grid-row:span 2 !important;} +.gridbox--cols3-mm{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} +.gridbox--rows3-mm{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} +.gridbox-child-col3-mm{grid-column:span 3 !important;} +.gridbox-child-row3-mm{grid-row:span 3 !important;} +.gridbox--cols4-mm{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} +.gridbox--rows4-mm{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} +.gridbox-child-col4-mm{grid-column:span 4 !important;} +.gridbox-child-row4-mm{grid-row:span 4 !important;} +.gridbox--cols5-mm{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} +.gridbox--rows5-mm{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} +.gridbox-child-col5-mm{grid-column:span 5 !important;} +.gridbox-child-row5-mm{grid-row:span 5 !important;} +.gridbox--cols6-mm{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} +.gridbox--rows6-mm{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} +.gridbox-child-col6-mm{grid-column:span 6 !important;} +.gridbox-child-row6-mm{grid-row:span 6 !important;} +.gridbox--cols7-mm{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} +.gridbox--rows7-mm{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} +.gridbox-child-col7-mm{grid-column:span 7 !important;} +.gridbox-child-row7-mm{grid-row:span 7 !important;} +.gridbox--cols8-mm{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} +.gridbox--rows8-mm{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} +.gridbox-child-col8-mm{grid-column:span 8 !important;} +.gridbox-child-row8-mm{grid-row:span 8 !important;} +.gridbox--cols9-mm{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} +.gridbox--rows9-mm{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} +.gridbox-child-col9-mm{grid-column:span 9 !important;} +.gridbox-child-row9-mm{grid-row:span 9 !important;} +.gridbox--cols10-mm{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} +.gridbox--rows10-mm{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} +.gridbox-child-col10-mm{grid-column:span 10 !important;} +.gridbox-child-row10-mm{grid-row:span 10 !important;} +.gridbox--cols11-mm{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} +.gridbox--rows11-mm{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} +.gridbox-child-col11-mm{grid-column:span 11 !important;} +.gridbox-child-row11-mm{grid-row:span 11 !important;} +.gridbox--cols12-mm{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.gridbox--rows12-mm{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} +.gridbox-child-col12-mm{grid-column:span 12 !important;} +.gridbox-child-row12-mm{grid-row:span 12 !important;} +.aspect-auto-mm{aspect-ratio:auto !important;} +.aspect-1\\/1-mm{aspect-ratio:1/1 !important;} +.aspect-4\\/3-mm{aspect-ratio:4/3 !important;} +.aspect-3\\/2-mm{aspect-ratio:3/2 !important;} +.aspect-16\\/9-mm{aspect-ratio:16/9 !important;} +.aspect-21\\/9-mm{aspect-ratio:21/9 !important;} +.aspect-3\\/4-mm{aspect-ratio:3/4 !important;} +.aspect-9\\/16-mm{aspect-ratio:9/16 !important;} +.rotate0-mm{rotate:0deg !important;} +.rotate45-mm{rotate:45deg !important;} +.rotate90-mm{rotate:90deg !important;} +.rotate180-mm{rotate:180deg !important;} +.rotate270-mm{rotate:270deg !important;} +.rotate-neg45-mm{rotate:-45deg !important;} +.rotate-neg90-mm{rotate:-90deg !important;} +.rotate-neg180-mm{rotate:-180deg !important;} +.rotate-neg270-mm{rotate:-270deg !important;} +.scale0-mm{scale:0 !important;} +.scale50-mm{scale:0.5 !important;} +.scale75-mm{scale:0.75 !important;} +.scale100-mm{scale:1 !important;} +.scale125-mm{scale:1.25 !important;} +.scale150-mm{scale:1.5 !important;} +.translate-x-neg1-mm{translate:-1px 0 !important;} +.translate-y-neg1-mm{translate:0 -1px !important;} +.translate-x-neg2-mm{translate:-2px 0 !important;} +.translate-y-neg2-mm{translate:0 -2px !important;} +.translate-x-neg3-mm{translate:-3px 0 !important;} +.translate-y-neg3-mm{translate:0 -3px !important;} +.translate-x-neg6-mm{translate:-6px 0 !important;} +.translate-y-neg6-mm{translate:0 -6px !important;} +.translate-x-neg12-mm{translate:-12px 0 !important;} +.translate-y-neg12-mm{translate:0 -12px !important;} +.translate-x-neg18-mm{translate:-18px 0 !important;} +.translate-y-neg18-mm{translate:0 -18px !important;} +.translate-x-neg24-mm{translate:-24px 0 !important;} +.translate-y-neg24-mm{translate:0 -24px !important;} +.translate-x-neg30-mm{translate:-30px 0 !important;} +.translate-y-neg30-mm{translate:0 -30px !important;} +.translate-x-neg36-mm{translate:-36px 0 !important;} +.translate-y-neg36-mm{translate:0 -36px !important;} +.translate-x-neg60-mm{translate:-60px 0 !important;} +.translate-y-neg60-mm{translate:0 -60px !important;} +.translate-x-neg120-mm{translate:-120px 0 !important;} +.translate-y-neg120-mm{translate:0 -120px !important;} +.translate-x-neg180-mm{translate:-180px 0 !important;} +.translate-y-neg180-mm{translate:0 -180px !important;} +.translate-x-neg240-mm{translate:-240px 0 !important;} +.translate-y-neg240-mm{translate:0 -240px !important;} +.translate-x-neg300-mm{translate:-300px 0 !important;} +.translate-y-neg300-mm{translate:0 -300px !important;} +.translate-x-neg360-mm{translate:-360px 0 !important;} +.translate-y-neg360-mm{translate:0 -360px !important;} +.translate-x0-mm, +.translate-y0-mm{translate:0 0 !important;} +.translate-x3-mm{translate:3px 0 !important;} +.translate-y3-mm{translate:0 3px !important;} +.translate-x6-mm{translate:6px 0 !important;} +.translate-y6-mm{translate:0 6px !important;} +.translate-x12-mm{translate:12px 0 !important;} +.translate-y12-mm{translate:0 12px !important;} +.translate-x18-mm{translate:18px 0 !important;} +.translate-y18-mm{translate:0 18px !important;} +.translate-x24-mm{translate:24px 0 !important;} +.translate-y24-mm{translate:0 24px !important;} +.translate-x30-mm{translate:30px 0 !important;} +.translate-y30-mm{translate:0 30px !important;} +.translate-x36-mm{translate:36px 0 !important;} +.translate-y36-mm{translate:0 36px !important;} +.translate-x60-mm{translate:60px 0 !important;} +.translate-y60-mm{translate:0 60px !important;} +.translate-x120-mm{translate:120px 0 !important;} +.translate-y120-mm{translate:0 120px !important;} +.translate-x180-mm{translate:180px 0 !important;} +.translate-y180-mm{translate:0 180px !important;} +.translate-x240-mm{translate:240px 0 !important;} +.translate-y240-mm{translate:0 240px !important;} +.translate-x300-mm{translate:300px 0 !important;} +.translate-y300-mm{translate:0 300px !important;} +.translate-x360-mm{translate:360px 0 !important;} +.translate-y360-mm{translate:0 360px !important;} .py0-mm{padding-top:0 !important;padding-bottom:0 !important;} .px0-mm{padding-left:0 !important;padding-right:0 !important;} .pt0-mm{padding-top:0 !important;} @@ -6213,8 +7550,28 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .flex--wrap-mxl{flex-wrap:wrap !important;} .flex--stretch-cross-mxl{align-items:stretch !important;} .flex--space-between-main-mxl{justify-content:space-between !important;} +.flex--space-around-main-mxl{justify-content:space-around !important;} +.flex--space-evenly-main-mxl{justify-content:space-evenly !important;} .flex-child-grow-mxl{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-mxl{flex-shrink:0 !important;} +.gridbox-mxl{display:grid !important;} +.inline-gridbox-mxl{display:inline-grid !important;} +.gridbox--row-mxl{grid-auto-flow:row !important;} +.gridbox--column-mxl{grid-auto-flow:column !important;} +.gridbox--dense-mxl{grid-auto-flow:dense !important;} +.gridbox--column-dense-mxl{grid-auto-flow:column dense !important;} +.gridbox--center-mxl{place-items:center !important;} +.gridbox--stretch-mxl{place-items:stretch !important;} +.gridbox--start-mxl{place-items:start !important;} +.gridbox--end-mxl{place-items:end !important;} +.gridbox--space-between-mxl{place-content:space-between !important;} +.gridbox--space-around-mxl{place-content:space-around !important;} +.gridbox--space-evenly-mxl{place-content:space-evenly !important;} +.object-contain-mxl{object-fit:contain !important;} +.object-cover-mxl{object-fit:cover !important;} +.object-fill-mxl{object-fit:fill !important;} +.object-none-mxl{object-fit:none !important;} +.object-scale-down-mxl{object-fit:scale-down !important;} .bleed-mxl{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} .bleed-r-mxl{flex-grow:1;margin-right:calc(50% - 50vw);} .bleed-l-mxl{flex-grow:1;margin-left:calc(50% - 50vw);} @@ -6455,6 +7812,177 @@ input:checked + .switch--dot-transparent::after{ background-color:transparent; } .w-11\\/12-mxl{width:91.6666% !important;} .h-viewport-11\\/12-mxl{height:91.6666vh !important;} .hmax-viewport-11\\/12-mxl{max-height:91.6666vh !important;} +.gap0-mxl{gap:0 !important;} +.gapx0-mxl{column-gap:0 !important;} +.gapy0-mxl{row-gap:0 !important;} +.gap3-mxl{gap:3px !important;} +.gapx3-mxl{column-gap:3px !important;} +.gapy3-mxl{row-gap:3px !important;} +.gap6-mxl{gap:6px !important;} +.gapx6-mxl{column-gap:6px !important;} +.gapy6-mxl{row-gap:6px !important;} +.gap12-mxl{gap:12px !important;} +.gapx12-mxl{column-gap:12px !important;} +.gapy12-mxl{row-gap:12px !important;} +.gap18-mxl{gap:18px !important;} +.gapx18-mxl{column-gap:18px !important;} +.gapy18-mxl{row-gap:18px !important;} +.gap24-mxl{gap:24px !important;} +.gapx24-mxl{column-gap:24px !important;} +.gapy24-mxl{row-gap:24px !important;} +.gap30-mxl{gap:30px !important;} +.gapx30-mxl{column-gap:30px !important;} +.gapy30-mxl{row-gap:30px !important;} +.gap36-mxl{gap:36px !important;} +.gapx36-mxl{column-gap:36px !important;} +.gapy36-mxl{row-gap:36px !important;} +.gap60-mxl{gap:60px !important;} +.gapx60-mxl{column-gap:60px !important;} +.gapy60-mxl{row-gap:60px !important;} +.gap120-mxl{gap:120px !important;} +.gapx120-mxl{column-gap:120px !important;} +.gapy120-mxl{row-gap:120px !important;} +.gap180-mxl{gap:180px !important;} +.gapx180-mxl{column-gap:180px !important;} +.gapy180-mxl{row-gap:180px !important;} +.gap240-mxl{gap:240px !important;} +.gapx240-mxl{column-gap:240px !important;} +.gapy240-mxl{row-gap:240px !important;} +.gap300-mxl{gap:300px !important;} +.gapx300-mxl{column-gap:300px !important;} +.gapy300-mxl{row-gap:300px !important;} +.gap360-mxl{gap:360px !important;} +.gapx360-mxl{column-gap:360px !important;} +.gapy360-mxl{row-gap:360px !important;} +.gridbox--cols1-mxl{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} +.gridbox--rows1-mxl{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} +.gridbox-child-col1-mxl{grid-column:span 1 !important;} +.gridbox-child-row1-mxl{grid-row:span 1 !important;} +.gridbox--cols2-mxl{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} +.gridbox--rows2-mxl{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} +.gridbox-child-col2-mxl{grid-column:span 2 !important;} +.gridbox-child-row2-mxl{grid-row:span 2 !important;} +.gridbox--cols3-mxl{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} +.gridbox--rows3-mxl{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} +.gridbox-child-col3-mxl{grid-column:span 3 !important;} +.gridbox-child-row3-mxl{grid-row:span 3 !important;} +.gridbox--cols4-mxl{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} +.gridbox--rows4-mxl{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} +.gridbox-child-col4-mxl{grid-column:span 4 !important;} +.gridbox-child-row4-mxl{grid-row:span 4 !important;} +.gridbox--cols5-mxl{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} +.gridbox--rows5-mxl{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} +.gridbox-child-col5-mxl{grid-column:span 5 !important;} +.gridbox-child-row5-mxl{grid-row:span 5 !important;} +.gridbox--cols6-mxl{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} +.gridbox--rows6-mxl{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} +.gridbox-child-col6-mxl{grid-column:span 6 !important;} +.gridbox-child-row6-mxl{grid-row:span 6 !important;} +.gridbox--cols7-mxl{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} +.gridbox--rows7-mxl{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} +.gridbox-child-col7-mxl{grid-column:span 7 !important;} +.gridbox-child-row7-mxl{grid-row:span 7 !important;} +.gridbox--cols8-mxl{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} +.gridbox--rows8-mxl{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} +.gridbox-child-col8-mxl{grid-column:span 8 !important;} +.gridbox-child-row8-mxl{grid-row:span 8 !important;} +.gridbox--cols9-mxl{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} +.gridbox--rows9-mxl{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} +.gridbox-child-col9-mxl{grid-column:span 9 !important;} +.gridbox-child-row9-mxl{grid-row:span 9 !important;} +.gridbox--cols10-mxl{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} +.gridbox--rows10-mxl{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} +.gridbox-child-col10-mxl{grid-column:span 10 !important;} +.gridbox-child-row10-mxl{grid-row:span 10 !important;} +.gridbox--cols11-mxl{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} +.gridbox--rows11-mxl{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} +.gridbox-child-col11-mxl{grid-column:span 11 !important;} +.gridbox-child-row11-mxl{grid-row:span 11 !important;} +.gridbox--cols12-mxl{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.gridbox--rows12-mxl{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} +.gridbox-child-col12-mxl{grid-column:span 12 !important;} +.gridbox-child-row12-mxl{grid-row:span 12 !important;} +.aspect-auto-mxl{aspect-ratio:auto !important;} +.aspect-1\\/1-mxl{aspect-ratio:1/1 !important;} +.aspect-4\\/3-mxl{aspect-ratio:4/3 !important;} +.aspect-3\\/2-mxl{aspect-ratio:3/2 !important;} +.aspect-16\\/9-mxl{aspect-ratio:16/9 !important;} +.aspect-21\\/9-mxl{aspect-ratio:21/9 !important;} +.aspect-3\\/4-mxl{aspect-ratio:3/4 !important;} +.aspect-9\\/16-mxl{aspect-ratio:9/16 !important;} +.rotate0-mxl{rotate:0deg !important;} +.rotate45-mxl{rotate:45deg !important;} +.rotate90-mxl{rotate:90deg !important;} +.rotate180-mxl{rotate:180deg !important;} +.rotate270-mxl{rotate:270deg !important;} +.rotate-neg45-mxl{rotate:-45deg !important;} +.rotate-neg90-mxl{rotate:-90deg !important;} +.rotate-neg180-mxl{rotate:-180deg !important;} +.rotate-neg270-mxl{rotate:-270deg !important;} +.scale0-mxl{scale:0 !important;} +.scale50-mxl{scale:0.5 !important;} +.scale75-mxl{scale:0.75 !important;} +.scale100-mxl{scale:1 !important;} +.scale125-mxl{scale:1.25 !important;} +.scale150-mxl{scale:1.5 !important;} +.translate-x-neg1-mxl{translate:-1px 0 !important;} +.translate-y-neg1-mxl{translate:0 -1px !important;} +.translate-x-neg2-mxl{translate:-2px 0 !important;} +.translate-y-neg2-mxl{translate:0 -2px !important;} +.translate-x-neg3-mxl{translate:-3px 0 !important;} +.translate-y-neg3-mxl{translate:0 -3px !important;} +.translate-x-neg6-mxl{translate:-6px 0 !important;} +.translate-y-neg6-mxl{translate:0 -6px !important;} +.translate-x-neg12-mxl{translate:-12px 0 !important;} +.translate-y-neg12-mxl{translate:0 -12px !important;} +.translate-x-neg18-mxl{translate:-18px 0 !important;} +.translate-y-neg18-mxl{translate:0 -18px !important;} +.translate-x-neg24-mxl{translate:-24px 0 !important;} +.translate-y-neg24-mxl{translate:0 -24px !important;} +.translate-x-neg30-mxl{translate:-30px 0 !important;} +.translate-y-neg30-mxl{translate:0 -30px !important;} +.translate-x-neg36-mxl{translate:-36px 0 !important;} +.translate-y-neg36-mxl{translate:0 -36px !important;} +.translate-x-neg60-mxl{translate:-60px 0 !important;} +.translate-y-neg60-mxl{translate:0 -60px !important;} +.translate-x-neg120-mxl{translate:-120px 0 !important;} +.translate-y-neg120-mxl{translate:0 -120px !important;} +.translate-x-neg180-mxl{translate:-180px 0 !important;} +.translate-y-neg180-mxl{translate:0 -180px !important;} +.translate-x-neg240-mxl{translate:-240px 0 !important;} +.translate-y-neg240-mxl{translate:0 -240px !important;} +.translate-x-neg300-mxl{translate:-300px 0 !important;} +.translate-y-neg300-mxl{translate:0 -300px !important;} +.translate-x-neg360-mxl{translate:-360px 0 !important;} +.translate-y-neg360-mxl{translate:0 -360px !important;} +.translate-x0-mxl, +.translate-y0-mxl{translate:0 0 !important;} +.translate-x3-mxl{translate:3px 0 !important;} +.translate-y3-mxl{translate:0 3px !important;} +.translate-x6-mxl{translate:6px 0 !important;} +.translate-y6-mxl{translate:0 6px !important;} +.translate-x12-mxl{translate:12px 0 !important;} +.translate-y12-mxl{translate:0 12px !important;} +.translate-x18-mxl{translate:18px 0 !important;} +.translate-y18-mxl{translate:0 18px !important;} +.translate-x24-mxl{translate:24px 0 !important;} +.translate-y24-mxl{translate:0 24px !important;} +.translate-x30-mxl{translate:30px 0 !important;} +.translate-y30-mxl{translate:0 30px !important;} +.translate-x36-mxl{translate:36px 0 !important;} +.translate-y36-mxl{translate:0 36px !important;} +.translate-x60-mxl{translate:60px 0 !important;} +.translate-y60-mxl{translate:0 60px !important;} +.translate-x120-mxl{translate:120px 0 !important;} +.translate-y120-mxl{translate:0 120px !important;} +.translate-x180-mxl{translate:180px 0 !important;} +.translate-y180-mxl{translate:0 180px !important;} +.translate-x240-mxl{translate:240px 0 !important;} +.translate-y240-mxl{translate:0 240px !important;} +.translate-x300-mxl{translate:300px 0 !important;} +.translate-y300-mxl{translate:0 300px !important;} +.translate-x360-mxl{translate:360px 0 !important;} +.translate-y360-mxl{translate:0 360px !important;} .py0-mxl{padding-top:0 !important;padding-bottom:0 !important;} .px0-mxl{padding-left:0 !important;padding-right:0 !important;} .pt0-mxl{padding-top:0 !important;} diff --git a/test/build-css.jest.js b/test/build-css.jest.js index f069e573..3425270b 100644 --- a/test/build-css.jest.js +++ b/test/build-css.jest.js @@ -77,10 +77,37 @@ describe('buildCss', () => { expect(declsForSelector(stripped, '.grid--gut12')).toEqual({ 'margin-left': '-12px' }); + expect(declsForSelector(stripped, '.gap12')).toEqual({ + gap: '12px !important' + }); expect(declsForSelector(stripped, '.grid')).toEqual({ display: 'flex !important', 'flex-wrap': 'wrap !important' }); + expect(declsForSelector(stripped, '.gridbox')).toEqual({ + display: 'grid !important' + }); + expect(declsForSelector(stripped, '.gridbox--cols3')).toEqual({ + 'grid-template-columns': 'repeat(3, minmax(0, 1fr)) !important' + }); + expect(declsForSelector(stripped, '.aspect-16\\/9')).toEqual({ + 'aspect-ratio': '16/9 !important' + }); + expect(declsForSelector(stripped, '.object-cover')).toEqual({ + 'object-fit': 'cover !important' + }); + expect(declsForSelector(stripped, '.flex--space-evenly-main')).toEqual({ + 'justify-content': 'space-evenly !important' + }); + expect(declsForSelector(stripped, '.rotate90')).toEqual({ + rotate: '90deg !important' + }); + expect(declsForSelector(stripped, '.scale50')).toEqual({ + scale: '0.5 !important' + }); + expect(declsForSelector(stripped, '.translate-x12')).toEqual({ + translate: '12px 0 !important' + }); expect(declsForSelector(stripped, '.btn')['background-color']).toBe( '#0F71FA' ); diff --git a/test/examples-jit.jest.js b/test/examples-jit.jest.js index 1456f009..f2a25732 100644 --- a/test/examples-jit.jest.js +++ b/test/examples-jit.jest.js @@ -60,8 +60,11 @@ describe('examples/jit', () => { 'px24', 'py24', 'bg-red', - 'grid--gut24', - 'w-1/2', + 'gap24', + 'grid', + 'grid--gut12', + 'gridbox--cols3', + 'gridbox--cols12', 'flex-mm', 'animation-pulse' ].forEach(name => { diff --git a/test/generate-jit.mjs b/test/generate-jit.mjs index 52b2b100..333822a1 100644 --- a/test/generate-jit.mjs +++ b/test/generate-jit.mjs @@ -8,9 +8,12 @@ const uno = await createGenerator({ presets: [presetAssembly()] }); -const generated = await uno.generate('px12 flex bg-blue mt48 mr-2/5', { - preflights: false, - safelist: false -}); +const generated = await uno.generate( + 'px12 flex bg-blue gap12 gridbox gridbox--cols3 rotate30 translate-x48 w-2/5 mt48 mr-2/5', + { + preflights: false, + safelist: false + } +); process.stdout.write(generated.css); diff --git a/test/preset.jest.js b/test/preset.jest.js index 5c97ce1f..c21ca630 100644 --- a/test/preset.jest.js +++ b/test/preset.jest.js @@ -26,6 +26,20 @@ describe('presetAssembly', () => { expect(preset.safelist).toContain('px12-mxl'); expect(preset.safelist).toContain('w-1/2'); expect(preset.safelist).toContain('grid--gut12-ml'); + expect(preset.safelist).toContain('gap12'); + expect(preset.safelist).toContain('gap12-mm'); + expect(preset.safelist).toContain('gridbox'); + expect(preset.safelist).toContain('gridbox-mm'); + expect(preset.safelist).toContain('gridbox--cols3'); + expect(preset.safelist).toContain('gridbox--cols3-ml'); + expect(preset.safelist).toContain('gridbox-child-col2'); + expect(preset.safelist).toContain('aspect-16/9'); + expect(preset.safelist).toContain('aspect-16/9-ml'); + expect(preset.safelist).toContain('object-cover'); + expect(preset.safelist).toContain('flex--space-evenly-main'); + expect(preset.safelist).toContain('rotate90'); + expect(preset.safelist).toContain('scale50'); + expect(preset.safelist).toContain('translate-x12-mm'); expect(preset.safelist).toContain('bg-blue'); MEDIA_VARIANT_CLASSES.forEach(className => { expect(preset.safelist).toContain(`${className}-mm`); @@ -39,10 +53,21 @@ describe('presetAssembly', () => { expect(stdout).toContain('.px12'); expect(stdout).toContain('.flex'); expect(stdout).toContain('.bg-blue'); + expect(stdout).toContain('.gap12'); + expect(stdout).toContain('.gridbox'); + expect(stdout).toContain('.gridbox--cols3'); + expect(stdout).toContain('.rotate30'); + expect(stdout).toContain('rotate:30deg'); + expect(stdout).toContain('.translate-x48'); + expect(stdout).toContain('translate:48px 0'); + expect(stdout).toContain('.w-2\\/5'); + expect(stdout).toContain('width:40%'); expect(stdout).not.toContain('.mt48'); expect(stdout).not.toContain('.mr-2\\/5'); expect(stdout).not.toContain('.px24'); expect(stdout).not.toContain('.flex-mm'); expect(stdout).not.toContain('.bg-red'); + expect(stdout).not.toContain('.gap24'); + expect(stdout).not.toContain('.gridbox--cols4'); }); }); From ffccfcfa55e54ebe8f8acfb71c845f9b907e9298 Mon Sep 17 00:00:00 2001 From: tristen Date: Mon, 19 Oct 2026 12:47:24 -0400 Subject: [PATCH 2/8] Remove duplicative `maxWidth` --- src/scales.json | 1 - 1 file changed, 1 deletion(-) diff --git a/src/scales.json b/src/scales.json index 872916c7..d7497602 100644 --- a/src/scales.json +++ b/src/scales.json @@ -17,7 +17,6 @@ "scale": [0, 50, 75, 100, 125, 150], "translate": [], "width": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, "-full", "-auto"], - "maxWidth": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, "-full", "-none"], "maxWidth": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, 1200, 1800, "-full", "-none"], "minWidth": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, "-full"], "height": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, "-full", "-auto"], From c761efc0770df1d5bbe4040f30b1db50785c2e77 Mon Sep 17 00:00:00 2001 From: tristen Date: Mon, 19 Oct 2026 13:17:30 -0400 Subject: [PATCH 3/8] Fold gridbox into the existing grid --- examples/jit/assembly.css | 9 +- examples/jit/index.html | 16 +- src/preset/layout-scales.js | 57 +- src/preset/media-classes.js | 14 - src/preset/utilities.js | 43 +- src/scales.json | 1 - test/__snapshots__/build-css.jest.js.snap | 1128 +++++---------------- test/build-css.jest.js | 34 +- test/examples-jit.jest.js | 5 +- test/preset.jest.js | 33 +- 10 files changed, 385 insertions(+), 955 deletions(-) diff --git a/examples/jit/assembly.css b/examples/jit/assembly.css index 99db9df6..e7c349fa 100644 --- a/examples/jit/assembly.css +++ b/examples/jit/assembly.css @@ -9,11 +9,13 @@ .txt-xs{font-size:10px;line-height:15px;} .border{border-style:solid;border-width:1px;} .round{border-radius:4px !important;} +.grid{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid > .col, .grid > .col-mm, .grid > .col-ml, .grid > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col{min-width:0;} .mx-auto{margin-left:auto !important;margin-right:auto !important;} .flex{display:flex !important;} .flex--center-cross{align-items:center !important;} .flex--wrap{flex-wrap:wrap !important;} -.gridbox{display:grid !important;} .mt6{margin-top:6px !important;} .mb6{margin-bottom:6px !important;} .mb12{margin-bottom:12px !important;} @@ -21,7 +23,6 @@ .mb18{margin-bottom:18px !important;} .ml36{margin-left:36px !important;} .gap12{gap:12px !important;} -.gridbox--cols1{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} .py6{padding-top:6px !important;padding-bottom:6px !important;} .px6{padding-left:6px !important;padding-right:6px !important;} .px12{padding-left:12px !important;padding-right:12px !important;} @@ -34,8 +35,8 @@ .translate-x48{translate:48px 0 !important;} .w-2\/5{width:40% !important;} @media screen and (min-width: 800px){ -.gridbox-child-col2-ml{grid-column:span 2 !important;} -.gridbox--cols3-ml{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} +.w-1\/3-ml{width:33.3333% !important;grid-column-end:span 4 !important;} +.w-2\/3-ml{width:66.6666% !important;grid-column-end:span 8 !important;} } .color-gray{color:#757D82 !important;} .color-white{color:#fff !important;} diff --git a/examples/jit/index.html b/examples/jit/index.html index 4993fe40..58ed658b 100644 --- a/examples/jit/index.html +++ b/examples/jit/index.html @@ -24,23 +24,27 @@

Assembly JIT

Skip to cards -
-
+
+

Flex + gap

gap12 spaces the buttons above.

CSS Grid

- gridbox is real CSS Grid. - grid stays the flex 12-column system. + grid is a 12-column CSS Grid. + w-2/3-ml spans 8 columns.

-
+

Tree-shaken

Unused utilities such as large padding or other colors are not in diff --git a/src/preset/layout-scales.js b/src/preset/layout-scales.js index 857e3790..9b54bdbd 100644 --- a/src/preset/layout-scales.js +++ b/src/preset/layout-scales.js @@ -54,28 +54,10 @@ function layoutScaleRules() { const safelist = []; layoutScales.gutter.forEach(scale => { - withMediaClasses(`grid--gut${scale}`).forEach(token => - safelist.push(token) - ); + addStaticScale(rules, safelist, `grid--gut${scale}`, { + 'column-gap': cssValue(scale) + }); }); - const gutterScale = new Set(layoutScales.gutter.map(String)); - rules.push([ - /^grid--gut(.+)$/, - ([, scale], { symbols }) => { - if (!gutterScale.has(scale)) return; - const val = cssValue(scale); - return [ - { 'margin-left': `-${val}` }, - { - [symbols.selector]: s => - ['col', 'col-mm', 'col-ml', 'col-mxl'] - .map(col => `${s} > .${col}`) - .join(', '), - 'padding-left': val - } - ]; - } - ]); layoutScales.margin.forEach(scale => { const value = important(cssValue(scale)); @@ -96,9 +78,16 @@ function layoutScaleRules() { layoutScales.fractions.forEach(scale => { const name = fractionName(scale[0]); const value = important(`${scale[1]}%`); + const span = Math.round((scale[1] * 12) / 100); addStaticScale(rules, safelist, `mr-${name}`, { 'margin-right': value }); - addStaticScale(rules, safelist, `ml-${name}`, { 'margin-left': value }); - addStaticScale(rules, safelist, `w-${name}`, { width: value }); + addStaticScale(rules, safelist, `ml-${name}`, { + 'margin-left': value, + 'grid-column-start': important(String(span + 1)) + }); + addStaticScale(rules, safelist, `w-${name}`, { + width: value, + 'grid-column-end': important(`span ${span}`) + }); addStaticScale(rules, safelist, `h-viewport-${name}`, { height: important(`${scale[1]}vh`) }); @@ -114,21 +103,6 @@ function layoutScaleRules() { addStaticScale(rules, safelist, `gapy${scale}`, { 'row-gap': value }); }); - layoutScales.gridTrack.forEach(n => { - addStaticScale(rules, safelist, `gridbox--cols${n}`, { - 'grid-template-columns': important(`repeat(${n}, minmax(0, 1fr))`) - }); - addStaticScale(rules, safelist, `gridbox--rows${n}`, { - 'grid-template-rows': important(`repeat(${n}, minmax(0, 1fr))`) - }); - addStaticScale(rules, safelist, `gridbox-child-col${n}`, { - 'grid-column': important(`span ${n}`) - }); - addStaticScale(rules, safelist, `gridbox-child-row${n}`, { - 'grid-row': important(`span ${n}`) - }); - }); - addStaticScale(rules, safelist, 'aspect-auto', { 'aspect-ratio': important('auto') }); @@ -240,7 +214,12 @@ function layoutScaleRules() { ([, numer, denom]) => { const pct = fractionPercent(numer, denom); if (pct == null) return; - return { width: important(`${pct}%`) }; + const decls = { width: important(`${pct}%`) }; + const span = (numer * 12) / denom; + if (Number.isInteger(span) && span > 0 && span <= 12) { + decls['grid-column-end'] = important(`span ${span}`); + } + return decls; } ]); diff --git a/src/preset/media-classes.js b/src/preset/media-classes.js index 6f69077d..a1b2e411 100644 --- a/src/preset/media-classes.js +++ b/src/preset/media-classes.js @@ -7,7 +7,6 @@ const MEDIA_VARIANT_CLASSES = [ 'grid', 'col', - 'col--auto', 'inline', 'block', 'inline-block', @@ -48,19 +47,6 @@ const MEDIA_VARIANT_CLASSES = [ 'flex--space-evenly-main', 'flex-child-grow', 'flex-child-no-shrink', - 'gridbox', - 'inline-gridbox', - 'gridbox--row', - 'gridbox--column', - 'gridbox--dense', - 'gridbox--column-dense', - 'gridbox--center', - 'gridbox--stretch', - 'gridbox--start', - 'gridbox--end', - 'gridbox--space-between', - 'gridbox--space-around', - 'gridbox--space-evenly', 'object-contain', 'object-cover', 'object-fill', diff --git a/src/preset/utilities.js b/src/preset/utilities.js index e1d9fee9..cd3666fd 100644 --- a/src/preset/utilities.js +++ b/src/preset/utilities.js @@ -1,5 +1,7 @@ 'use strict'; +const { withMediaClasses } = require('./media-classes'); + const UTILITY_RULES = [ ['table--fixed', { 'table-layout': 'fixed' }], [ @@ -478,9 +480,27 @@ const UTILITY_RULES = [ 'icon', { display: 'block', fill: 'currentColor', height: '1em', width: '1em' } ], - ['grid', { display: 'flex !important', 'flex-wrap': 'wrap !important' }], - ['col', { display: 'block', 'max-width': '100%', 'flex-shrink': '1' }], - ['col--auto', { width: 'auto !important', flex: 'auto', 'flex-basis': '0' }], + [ + /^grid$/, + (_, { symbols }) => [ + { + display: 'grid !important', + 'grid-template-columns': 'repeat(12, minmax(0, 1fr)) !important' + }, + { + [symbols.selector]: s => + withMediaClasses('col') + .map(col => `${s} > .${col}`) + .join(', '), + 'grid-column-end': 'span 12', + width: 'auto !important', + 'margin-left': '0 !important', + 'margin-right': '0 !important' + } + ], + { autocomplete: 'grid' } + ], + ['col', { 'min-width': '0' }], ['inline', { display: 'inline !important' }], ['block', { display: 'block !important' }], ['inline-block', { display: 'inline-block !important' }], @@ -529,19 +549,6 @@ const UTILITY_RULES = [ ['flex--space-evenly-main', { 'justify-content': 'space-evenly !important' }], ['flex-child-grow', { 'flex-grow': '1 !important', 'min-width': '0' }], ['flex-child-no-shrink', { 'flex-shrink': '0 !important' }], - ['gridbox', { display: 'grid !important' }], - ['inline-gridbox', { display: 'inline-grid !important' }], - ['gridbox--row', { 'grid-auto-flow': 'row !important' }], - ['gridbox--column', { 'grid-auto-flow': 'column !important' }], - ['gridbox--dense', { 'grid-auto-flow': 'dense !important' }], - ['gridbox--column-dense', { 'grid-auto-flow': 'column dense !important' }], - ['gridbox--center', { 'place-items': 'center !important' }], - ['gridbox--stretch', { 'place-items': 'stretch !important' }], - ['gridbox--start', { 'place-items': 'start !important' }], - ['gridbox--end', { 'place-items': 'end !important' }], - ['gridbox--space-between', { 'place-content': 'space-between !important' }], - ['gridbox--space-around', { 'place-content': 'space-around !important' }], - ['gridbox--space-evenly', { 'place-content': 'space-evenly !important' }], ['object-contain', { 'object-fit': 'contain !important' }], ['object-cover', { 'object-fit': 'cover !important' }], ['object-fill', { 'object-fit': 'fill !important' }], @@ -705,7 +712,9 @@ const UTILITY_RULES = [ function utilityRules() { return { rules: UTILITY_RULES, - tokens: UTILITY_RULES.map(rule => rule[0]) + tokens: UTILITY_RULES.map( + rule => (typeof rule[0] === 'string' ? rule[0] : rule[2].autocomplete) + ) }; } diff --git a/src/scales.json b/src/scales.json index d7497602..72fe0d48 100644 --- a/src/scales.json +++ b/src/scales.json @@ -3,7 +3,6 @@ "margin": ["-neg1", "-neg2", "-neg3", "-neg6", "-neg12", "-neg18", "-neg24", "-neg30", "-neg36", "-neg60", "-neg120", "-neg180", "-neg240", "-neg300", "-neg360", 0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360], "padding": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360], "gap": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360], - "gridTrack": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], "aspectRatio": [ ["1\\/1", "1/1"], ["4\\/3", "4/3"], diff --git a/test/__snapshots__/build-css.jest.js.snap b/test/__snapshots__/build-css.jest.js.snap index 2ea23ca5..400d8174 100644 --- a/test/__snapshots__/build-css.jest.js.snap +++ b/test/__snapshots__/build-css.jest.js.snap @@ -1290,9 +1290,9 @@ textarea{ .opacity75{opacity:0.75 !important;} .opacity100{opacity:1 !important;} .icon{display:block;fill:currentColor;height:1em;width:1em;} -.grid{display:flex !important;flex-wrap:wrap !important;} -.col{display:block;max-width:100%;flex-shrink:1;} -.col--auto{width:auto !important;flex:auto;flex-basis:0;} +.grid{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid > .col, .grid > .col-mm, .grid > .col-ml, .grid > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col{min-width:0;} .inline{display:inline !important;} .block{display:block !important;} .inline-block{display:inline-block !important;} @@ -1335,19 +1335,6 @@ textarea{ .flex--space-evenly-main{justify-content:space-evenly !important;} .flex-child-grow{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink{flex-shrink:0 !important;} -.gridbox{display:grid !important;} -.inline-gridbox{display:inline-grid !important;} -.gridbox--row{grid-auto-flow:row !important;} -.gridbox--column{grid-auto-flow:column !important;} -.gridbox--dense{grid-auto-flow:dense !important;} -.gridbox--column-dense{grid-auto-flow:column dense !important;} -.gridbox--center{place-items:center !important;} -.gridbox--stretch{place-items:stretch !important;} -.gridbox--start{place-items:start !important;} -.gridbox--end{place-items:end !important;} -.gridbox--space-between{place-content:space-between !important;} -.gridbox--space-around{place-content:space-around !important;} -.gridbox--space-evenly{place-content:space-evenly !important;} .object-contain{object-fit:contain !important;} .object-cover{object-fit:cover !important;} .object-fill{object-fit:fill !important;} @@ -1395,26 +1382,16 @@ textarea{ .overflow-auto{overflow:auto !important;-webkit-overflow-scrolling:touch;} .overflow-hidden{overflow:hidden !important;} .hide-visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;} -.grid--gut0{margin-left:-0;} -.grid--gut0 > .col, .grid--gut0 > .col-mm, .grid--gut0 > .col-ml, .grid--gut0 > .col-mxl{padding-left:0;} -.grid--gut12{margin-left:-12px;} -.grid--gut12 > .col, .grid--gut12 > .col-mm, .grid--gut12 > .col-ml, .grid--gut12 > .col-mxl{padding-left:12px;} -.grid--gut120{margin-left:-120px;} -.grid--gut120 > .col, .grid--gut120 > .col-mm, .grid--gut120 > .col-ml, .grid--gut120 > .col-mxl{padding-left:120px;} -.grid--gut18{margin-left:-18px;} -.grid--gut18 > .col, .grid--gut18 > .col-mm, .grid--gut18 > .col-ml, .grid--gut18 > .col-mxl{padding-left:18px;} -.grid--gut24{margin-left:-24px;} -.grid--gut24 > .col, .grid--gut24 > .col-mm, .grid--gut24 > .col-ml, .grid--gut24 > .col-mxl{padding-left:24px;} -.grid--gut3{margin-left:-3px;} -.grid--gut3 > .col, .grid--gut3 > .col-mm, .grid--gut3 > .col-ml, .grid--gut3 > .col-mxl{padding-left:3px;} -.grid--gut30{margin-left:-30px;} -.grid--gut30 > .col, .grid--gut30 > .col-mm, .grid--gut30 > .col-ml, .grid--gut30 > .col-mxl{padding-left:30px;} -.grid--gut36{margin-left:-36px;} -.grid--gut36 > .col, .grid--gut36 > .col-mm, .grid--gut36 > .col-ml, .grid--gut36 > .col-mxl{padding-left:36px;} -.grid--gut6{margin-left:-6px;} -.grid--gut6 > .col, .grid--gut6 > .col-mm, .grid--gut6 > .col-ml, .grid--gut6 > .col-mxl{padding-left:6px;} -.grid--gut60{margin-left:-60px;} -.grid--gut60 > .col, .grid--gut60 > .col-mm, .grid--gut60 > .col-ml, .grid--gut60 > .col-mxl{padding-left:60px;} +.grid--gut0{column-gap:0;} +.grid--gut3{column-gap:3px;} +.grid--gut6{column-gap:6px;} +.grid--gut12{column-gap:12px;} +.grid--gut18{column-gap:18px;} +.grid--gut24{column-gap:24px;} +.grid--gut30{column-gap:30px;} +.grid--gut36{column-gap:36px;} +.grid--gut60{column-gap:60px;} +.grid--gut120{column-gap:120px;} .my-neg1{margin-top:-1px !important;margin-bottom:-1px !important;} .mx-neg1{margin-left:-1px !important;margin-right:-1px !important;} .mt-neg1{margin-top:-1px !important;} @@ -1590,58 +1567,58 @@ textarea{ .mb360{margin-bottom:360px !important;} .ml360{margin-left:360px !important;} .mr-1\\/12{margin-right:8.3333% !important;} -.ml-1\\/12{margin-left:8.3333% !important;} -.w-1\\/12{width:8.3333% !important;} +.ml-1\\/12{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12{width:8.3333% !important;grid-column-end:span 1 !important;} .h-viewport-1\\/12{height:8.3333vh !important;} .hmax-viewport-1\\/12{max-height:8.3333vh !important;} .mr-1\\/6{margin-right:16.6666% !important;} -.ml-1\\/6{margin-left:16.6666% !important;} -.w-1\\/6{width:16.6666% !important;} +.ml-1\\/6{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6{width:16.6666% !important;grid-column-end:span 2 !important;} .h-viewport-1\\/6{height:16.6666vh !important;} .hmax-viewport-1\\/6{max-height:16.6666vh !important;} .mr-1\\/4{margin-right:25% !important;} -.ml-1\\/4{margin-left:25% !important;} -.w-1\\/4{width:25% !important;} +.ml-1\\/4{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4{width:25% !important;grid-column-end:span 3 !important;} .h-viewport-1\\/4{height:25vh !important;} .hmax-viewport-1\\/4{max-height:25vh !important;} .mr-1\\/3{margin-right:33.3333% !important;} -.ml-1\\/3{margin-left:33.3333% !important;} -.w-1\\/3{width:33.3333% !important;} +.ml-1\\/3{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3{width:33.3333% !important;grid-column-end:span 4 !important;} .h-viewport-1\\/3{height:33.3333vh !important;} .hmax-viewport-1\\/3{max-height:33.3333vh !important;} .mr-5\\/12{margin-right:41.6666% !important;} -.ml-5\\/12{margin-left:41.6666% !important;} -.w-5\\/12{width:41.6666% !important;} +.ml-5\\/12{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12{width:41.6666% !important;grid-column-end:span 5 !important;} .h-viewport-5\\/12{height:41.6666vh !important;} .hmax-viewport-5\\/12{max-height:41.6666vh !important;} .mr-1\\/2{margin-right:50% !important;} -.ml-1\\/2{margin-left:50% !important;} -.w-1\\/2{width:50% !important;} +.ml-1\\/2{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2{width:50% !important;grid-column-end:span 6 !important;} .h-viewport-1\\/2{height:50vh !important;} .hmax-viewport-1\\/2{max-height:50vh !important;} .mr-7\\/12{margin-right:58.3333% !important;} -.ml-7\\/12{margin-left:58.3333% !important;} -.w-7\\/12{width:58.3333% !important;} +.ml-7\\/12{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12{width:58.3333% !important;grid-column-end:span 7 !important;} .h-viewport-7\\/12{height:58.3333vh !important;} .hmax-viewport-7\\/12{max-height:58.3333vh !important;} .mr-2\\/3{margin-right:66.6666% !important;} -.ml-2\\/3{margin-left:66.6666% !important;} -.w-2\\/3{width:66.6666% !important;} +.ml-2\\/3{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3{width:66.6666% !important;grid-column-end:span 8 !important;} .h-viewport-2\\/3{height:66.6666vh !important;} .hmax-viewport-2\\/3{max-height:66.6666vh !important;} .mr-3\\/4{margin-right:75% !important;} -.ml-3\\/4{margin-left:75% !important;} -.w-3\\/4{width:75% !important;} +.ml-3\\/4{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4{width:75% !important;grid-column-end:span 9 !important;} .h-viewport-3\\/4{height:75vh !important;} .hmax-viewport-3\\/4{max-height:75vh !important;} .mr-5\\/6{margin-right:83.3333% !important;} -.ml-5\\/6{margin-left:83.3333% !important;} -.w-5\\/6{width:83.3333% !important;} +.ml-5\\/6{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6{width:83.3333% !important;grid-column-end:span 10 !important;} .h-viewport-5\\/6{height:83.3333vh !important;} .hmax-viewport-5\\/6{max-height:83.3333vh !important;} .mr-11\\/12{margin-right:91.6666% !important;} -.ml-11\\/12{margin-left:91.6666% !important;} -.w-11\\/12{width:91.6666% !important;} +.ml-11\\/12{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12{width:91.6666% !important;grid-column-end:span 11 !important;} .h-viewport-11\\/12{height:91.6666vh !important;} .hmax-viewport-11\\/12{max-height:91.6666vh !important;} .gap0{gap:0 !important;} @@ -1686,54 +1663,6 @@ textarea{ .gap360{gap:360px !important;} .gapx360{column-gap:360px !important;} .gapy360{row-gap:360px !important;} -.gridbox--cols1{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} -.gridbox--rows1{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} -.gridbox-child-col1{grid-column:span 1 !important;} -.gridbox-child-row1{grid-row:span 1 !important;} -.gridbox--cols2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} -.gridbox--rows2{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} -.gridbox-child-col2{grid-column:span 2 !important;} -.gridbox-child-row2{grid-row:span 2 !important;} -.gridbox--cols3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} -.gridbox--rows3{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} -.gridbox-child-col3{grid-column:span 3 !important;} -.gridbox-child-row3{grid-row:span 3 !important;} -.gridbox--cols4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} -.gridbox--rows4{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} -.gridbox-child-col4{grid-column:span 4 !important;} -.gridbox-child-row4{grid-row:span 4 !important;} -.gridbox--cols5{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} -.gridbox--rows5{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} -.gridbox-child-col5{grid-column:span 5 !important;} -.gridbox-child-row5{grid-row:span 5 !important;} -.gridbox--cols6{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} -.gridbox--rows6{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} -.gridbox-child-col6{grid-column:span 6 !important;} -.gridbox-child-row6{grid-row:span 6 !important;} -.gridbox--cols7{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} -.gridbox--rows7{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} -.gridbox-child-col7{grid-column:span 7 !important;} -.gridbox-child-row7{grid-row:span 7 !important;} -.gridbox--cols8{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} -.gridbox--rows8{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} -.gridbox-child-col8{grid-column:span 8 !important;} -.gridbox-child-row8{grid-row:span 8 !important;} -.gridbox--cols9{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} -.gridbox--rows9{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} -.gridbox-child-col9{grid-column:span 9 !important;} -.gridbox-child-row9{grid-row:span 9 !important;} -.gridbox--cols10{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} -.gridbox--rows10{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} -.gridbox-child-col10{grid-column:span 10 !important;} -.gridbox-child-row10{grid-row:span 10 !important;} -.gridbox--cols11{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} -.gridbox--rows11{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} -.gridbox-child-col11{grid-column:span 11 !important;} -.gridbox-child-row11{grid-row:span 11 !important;} -.gridbox--cols12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.gridbox--rows12{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} -.gridbox-child-col12{grid-column:span 12 !important;} -.gridbox-child-row12{grid-row:span 12 !important;} .aspect-auto{aspect-ratio:auto !important;} .aspect-1\\/1{aspect-ratio:1/1 !important;} .aspect-4\\/3{aspect-ratio:4/3 !important;} @@ -2061,9 +1990,9 @@ textarea{ .unround-tr-ml{border-top-right-radius:0 !important;} .unround-br-ml{border-bottom-right-radius:0 !important;} .unround-bl-ml{border-bottom-left-radius:0 !important;} -.grid-ml{display:flex !important;flex-wrap:wrap !important;} -.col-ml{display:block;max-width:100%;flex-shrink:1;} -.col--auto-ml{width:auto !important;flex:auto;flex-basis:0;} +.grid-ml{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid-ml > .col, .grid-ml > .col-mm, .grid-ml > .col-ml, .grid-ml > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col-ml{min-width:0;} .inline-ml{display:inline !important;} .block-ml{display:block !important;} .inline-block-ml{display:inline-block !important;} @@ -2104,19 +2033,6 @@ textarea{ .flex--space-evenly-main-ml{justify-content:space-evenly !important;} .flex-child-grow-ml{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-ml{flex-shrink:0 !important;} -.gridbox-ml{display:grid !important;} -.inline-gridbox-ml{display:inline-grid !important;} -.gridbox--row-ml{grid-auto-flow:row !important;} -.gridbox--column-ml{grid-auto-flow:column !important;} -.gridbox--dense-ml{grid-auto-flow:dense !important;} -.gridbox--column-dense-ml{grid-auto-flow:column dense !important;} -.gridbox--center-ml{place-items:center !important;} -.gridbox--stretch-ml{place-items:stretch !important;} -.gridbox--start-ml{place-items:start !important;} -.gridbox--end-ml{place-items:end !important;} -.gridbox--space-between-ml{place-content:space-between !important;} -.gridbox--space-around-ml{place-content:space-around !important;} -.gridbox--space-evenly-ml{place-content:space-evenly !important;} .object-contain-ml{object-fit:contain !important;} .object-cover-ml{object-fit:cover !important;} .object-fill-ml{object-fit:fill !important;} @@ -2133,26 +2049,16 @@ textarea{ .events-all-ml{-webkit-touch-callout:default;pointer-events:all;} .unselectable-ml{-webkit-user-select:none;user-select:none;} .selectable-ml{-webkit-user-select:text;user-select:text;} -.grid--gut0-ml{margin-left:-0;} -.grid--gut0-ml > .col, .grid--gut0-ml > .col-mm, .grid--gut0-ml > .col-ml, .grid--gut0-ml > .col-mxl{padding-left:0;} -.grid--gut12-ml{margin-left:-12px;} -.grid--gut12-ml > .col, .grid--gut12-ml > .col-mm, .grid--gut12-ml > .col-ml, .grid--gut12-ml > .col-mxl{padding-left:12px;} -.grid--gut120-ml{margin-left:-120px;} -.grid--gut120-ml > .col, .grid--gut120-ml > .col-mm, .grid--gut120-ml > .col-ml, .grid--gut120-ml > .col-mxl{padding-left:120px;} -.grid--gut18-ml{margin-left:-18px;} -.grid--gut18-ml > .col, .grid--gut18-ml > .col-mm, .grid--gut18-ml > .col-ml, .grid--gut18-ml > .col-mxl{padding-left:18px;} -.grid--gut24-ml{margin-left:-24px;} -.grid--gut24-ml > .col, .grid--gut24-ml > .col-mm, .grid--gut24-ml > .col-ml, .grid--gut24-ml > .col-mxl{padding-left:24px;} -.grid--gut3-ml{margin-left:-3px;} -.grid--gut3-ml > .col, .grid--gut3-ml > .col-mm, .grid--gut3-ml > .col-ml, .grid--gut3-ml > .col-mxl{padding-left:3px;} -.grid--gut30-ml{margin-left:-30px;} -.grid--gut30-ml > .col, .grid--gut30-ml > .col-mm, .grid--gut30-ml > .col-ml, .grid--gut30-ml > .col-mxl{padding-left:30px;} -.grid--gut36-ml{margin-left:-36px;} -.grid--gut36-ml > .col, .grid--gut36-ml > .col-mm, .grid--gut36-ml > .col-ml, .grid--gut36-ml > .col-mxl{padding-left:36px;} -.grid--gut6-ml{margin-left:-6px;} -.grid--gut6-ml > .col, .grid--gut6-ml > .col-mm, .grid--gut6-ml > .col-ml, .grid--gut6-ml > .col-mxl{padding-left:6px;} -.grid--gut60-ml{margin-left:-60px;} -.grid--gut60-ml > .col, .grid--gut60-ml > .col-mm, .grid--gut60-ml > .col-ml, .grid--gut60-ml > .col-mxl{padding-left:60px;} +.grid--gut0-ml{column-gap:0;} +.grid--gut3-ml{column-gap:3px;} +.grid--gut6-ml{column-gap:6px;} +.grid--gut12-ml{column-gap:12px;} +.grid--gut18-ml{column-gap:18px;} +.grid--gut24-ml{column-gap:24px;} +.grid--gut30-ml{column-gap:30px;} +.grid--gut36-ml{column-gap:36px;} +.grid--gut60-ml{column-gap:60px;} +.grid--gut120-ml{column-gap:120px;} .my-neg1-ml{margin-top:-1px !important;margin-bottom:-1px !important;} .mx-neg1-ml{margin-left:-1px !important;margin-right:-1px !important;} .mt-neg1-ml{margin-top:-1px !important;} @@ -2328,58 +2234,58 @@ textarea{ .mb360-ml{margin-bottom:360px !important;} .ml360-ml{margin-left:360px !important;} .mr-1\\/12-ml{margin-right:8.3333% !important;} -.ml-1\\/12-ml{margin-left:8.3333% !important;} -.w-1\\/12-ml{width:8.3333% !important;} +.ml-1\\/12-ml{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12-ml{width:8.3333% !important;grid-column-end:span 1 !important;} .h-viewport-1\\/12-ml{height:8.3333vh !important;} .hmax-viewport-1\\/12-ml{max-height:8.3333vh !important;} .mr-1\\/6-ml{margin-right:16.6666% !important;} -.ml-1\\/6-ml{margin-left:16.6666% !important;} -.w-1\\/6-ml{width:16.6666% !important;} +.ml-1\\/6-ml{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6-ml{width:16.6666% !important;grid-column-end:span 2 !important;} .h-viewport-1\\/6-ml{height:16.6666vh !important;} .hmax-viewport-1\\/6-ml{max-height:16.6666vh !important;} .mr-1\\/4-ml{margin-right:25% !important;} -.ml-1\\/4-ml{margin-left:25% !important;} -.w-1\\/4-ml{width:25% !important;} +.ml-1\\/4-ml{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4-ml{width:25% !important;grid-column-end:span 3 !important;} .h-viewport-1\\/4-ml{height:25vh !important;} .hmax-viewport-1\\/4-ml{max-height:25vh !important;} .mr-1\\/3-ml{margin-right:33.3333% !important;} -.ml-1\\/3-ml{margin-left:33.3333% !important;} -.w-1\\/3-ml{width:33.3333% !important;} +.ml-1\\/3-ml{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3-ml{width:33.3333% !important;grid-column-end:span 4 !important;} .h-viewport-1\\/3-ml{height:33.3333vh !important;} .hmax-viewport-1\\/3-ml{max-height:33.3333vh !important;} .mr-5\\/12-ml{margin-right:41.6666% !important;} -.ml-5\\/12-ml{margin-left:41.6666% !important;} -.w-5\\/12-ml{width:41.6666% !important;} +.ml-5\\/12-ml{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12-ml{width:41.6666% !important;grid-column-end:span 5 !important;} .h-viewport-5\\/12-ml{height:41.6666vh !important;} .hmax-viewport-5\\/12-ml{max-height:41.6666vh !important;} .mr-1\\/2-ml{margin-right:50% !important;} -.ml-1\\/2-ml{margin-left:50% !important;} -.w-1\\/2-ml{width:50% !important;} +.ml-1\\/2-ml{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2-ml{width:50% !important;grid-column-end:span 6 !important;} .h-viewport-1\\/2-ml{height:50vh !important;} .hmax-viewport-1\\/2-ml{max-height:50vh !important;} .mr-7\\/12-ml{margin-right:58.3333% !important;} -.ml-7\\/12-ml{margin-left:58.3333% !important;} -.w-7\\/12-ml{width:58.3333% !important;} +.ml-7\\/12-ml{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12-ml{width:58.3333% !important;grid-column-end:span 7 !important;} .h-viewport-7\\/12-ml{height:58.3333vh !important;} .hmax-viewport-7\\/12-ml{max-height:58.3333vh !important;} .mr-2\\/3-ml{margin-right:66.6666% !important;} -.ml-2\\/3-ml{margin-left:66.6666% !important;} -.w-2\\/3-ml{width:66.6666% !important;} +.ml-2\\/3-ml{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3-ml{width:66.6666% !important;grid-column-end:span 8 !important;} .h-viewport-2\\/3-ml{height:66.6666vh !important;} .hmax-viewport-2\\/3-ml{max-height:66.6666vh !important;} .mr-3\\/4-ml{margin-right:75% !important;} -.ml-3\\/4-ml{margin-left:75% !important;} -.w-3\\/4-ml{width:75% !important;} +.ml-3\\/4-ml{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4-ml{width:75% !important;grid-column-end:span 9 !important;} .h-viewport-3\\/4-ml{height:75vh !important;} .hmax-viewport-3\\/4-ml{max-height:75vh !important;} .mr-5\\/6-ml{margin-right:83.3333% !important;} -.ml-5\\/6-ml{margin-left:83.3333% !important;} -.w-5\\/6-ml{width:83.3333% !important;} +.ml-5\\/6-ml{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6-ml{width:83.3333% !important;grid-column-end:span 10 !important;} .h-viewport-5\\/6-ml{height:83.3333vh !important;} .hmax-viewport-5\\/6-ml{max-height:83.3333vh !important;} .mr-11\\/12-ml{margin-right:91.6666% !important;} -.ml-11\\/12-ml{margin-left:91.6666% !important;} -.w-11\\/12-ml{width:91.6666% !important;} +.ml-11\\/12-ml{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12-ml{width:91.6666% !important;grid-column-end:span 11 !important;} .h-viewport-11\\/12-ml{height:91.6666vh !important;} .hmax-viewport-11\\/12-ml{max-height:91.6666vh !important;} .gap0-ml{gap:0 !important;} @@ -2424,54 +2330,6 @@ textarea{ .gap360-ml{gap:360px !important;} .gapx360-ml{column-gap:360px !important;} .gapy360-ml{row-gap:360px !important;} -.gridbox--cols1-ml{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} -.gridbox--rows1-ml{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} -.gridbox-child-col1-ml{grid-column:span 1 !important;} -.gridbox-child-row1-ml{grid-row:span 1 !important;} -.gridbox--cols2-ml{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} -.gridbox--rows2-ml{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} -.gridbox-child-col2-ml{grid-column:span 2 !important;} -.gridbox-child-row2-ml{grid-row:span 2 !important;} -.gridbox--cols3-ml{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} -.gridbox--rows3-ml{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} -.gridbox-child-col3-ml{grid-column:span 3 !important;} -.gridbox-child-row3-ml{grid-row:span 3 !important;} -.gridbox--cols4-ml{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} -.gridbox--rows4-ml{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} -.gridbox-child-col4-ml{grid-column:span 4 !important;} -.gridbox-child-row4-ml{grid-row:span 4 !important;} -.gridbox--cols5-ml{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} -.gridbox--rows5-ml{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} -.gridbox-child-col5-ml{grid-column:span 5 !important;} -.gridbox-child-row5-ml{grid-row:span 5 !important;} -.gridbox--cols6-ml{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} -.gridbox--rows6-ml{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} -.gridbox-child-col6-ml{grid-column:span 6 !important;} -.gridbox-child-row6-ml{grid-row:span 6 !important;} -.gridbox--cols7-ml{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} -.gridbox--rows7-ml{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} -.gridbox-child-col7-ml{grid-column:span 7 !important;} -.gridbox-child-row7-ml{grid-row:span 7 !important;} -.gridbox--cols8-ml{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} -.gridbox--rows8-ml{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} -.gridbox-child-col8-ml{grid-column:span 8 !important;} -.gridbox-child-row8-ml{grid-row:span 8 !important;} -.gridbox--cols9-ml{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} -.gridbox--rows9-ml{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} -.gridbox-child-col9-ml{grid-column:span 9 !important;} -.gridbox-child-row9-ml{grid-row:span 9 !important;} -.gridbox--cols10-ml{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} -.gridbox--rows10-ml{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} -.gridbox-child-col10-ml{grid-column:span 10 !important;} -.gridbox-child-row10-ml{grid-row:span 10 !important;} -.gridbox--cols11-ml{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} -.gridbox--rows11-ml{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} -.gridbox-child-col11-ml{grid-column:span 11 !important;} -.gridbox-child-row11-ml{grid-row:span 11 !important;} -.gridbox--cols12-ml{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.gridbox--rows12-ml{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} -.gridbox-child-col12-ml{grid-column:span 12 !important;} -.gridbox-child-row12-ml{grid-row:span 12 !important;} .aspect-auto-ml{aspect-ratio:auto !important;} .aspect-1\\/1-ml{aspect-ratio:1/1 !important;} .aspect-4\\/3-ml{aspect-ratio:4/3 !important;} @@ -2800,9 +2658,9 @@ textarea{ .unround-tr-mm{border-top-right-radius:0 !important;} .unround-br-mm{border-bottom-right-radius:0 !important;} .unround-bl-mm{border-bottom-left-radius:0 !important;} -.grid-mm{display:flex !important;flex-wrap:wrap !important;} -.col-mm{display:block;max-width:100%;flex-shrink:1;} -.col--auto-mm{width:auto !important;flex:auto;flex-basis:0;} +.grid-mm{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid-mm > .col, .grid-mm > .col-mm, .grid-mm > .col-ml, .grid-mm > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col-mm{min-width:0;} .inline-mm{display:inline !important;} .block-mm{display:block !important;} .inline-block-mm{display:inline-block !important;} @@ -2843,19 +2701,6 @@ textarea{ .flex--space-evenly-main-mm{justify-content:space-evenly !important;} .flex-child-grow-mm{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-mm{flex-shrink:0 !important;} -.gridbox-mm{display:grid !important;} -.inline-gridbox-mm{display:inline-grid !important;} -.gridbox--row-mm{grid-auto-flow:row !important;} -.gridbox--column-mm{grid-auto-flow:column !important;} -.gridbox--dense-mm{grid-auto-flow:dense !important;} -.gridbox--column-dense-mm{grid-auto-flow:column dense !important;} -.gridbox--center-mm{place-items:center !important;} -.gridbox--stretch-mm{place-items:stretch !important;} -.gridbox--start-mm{place-items:start !important;} -.gridbox--end-mm{place-items:end !important;} -.gridbox--space-between-mm{place-content:space-between !important;} -.gridbox--space-around-mm{place-content:space-around !important;} -.gridbox--space-evenly-mm{place-content:space-evenly !important;} .object-contain-mm{object-fit:contain !important;} .object-cover-mm{object-fit:cover !important;} .object-fill-mm{object-fit:fill !important;} @@ -2872,26 +2717,16 @@ textarea{ .events-all-mm{-webkit-touch-callout:default;pointer-events:all;} .unselectable-mm{-webkit-user-select:none;user-select:none;} .selectable-mm{-webkit-user-select:text;user-select:text;} -.grid--gut0-mm{margin-left:-0;} -.grid--gut0-mm > .col, .grid--gut0-mm > .col-mm, .grid--gut0-mm > .col-ml, .grid--gut0-mm > .col-mxl{padding-left:0;} -.grid--gut12-mm{margin-left:-12px;} -.grid--gut12-mm > .col, .grid--gut12-mm > .col-mm, .grid--gut12-mm > .col-ml, .grid--gut12-mm > .col-mxl{padding-left:12px;} -.grid--gut120-mm{margin-left:-120px;} -.grid--gut120-mm > .col, .grid--gut120-mm > .col-mm, .grid--gut120-mm > .col-ml, .grid--gut120-mm > .col-mxl{padding-left:120px;} -.grid--gut18-mm{margin-left:-18px;} -.grid--gut18-mm > .col, .grid--gut18-mm > .col-mm, .grid--gut18-mm > .col-ml, .grid--gut18-mm > .col-mxl{padding-left:18px;} -.grid--gut24-mm{margin-left:-24px;} -.grid--gut24-mm > .col, .grid--gut24-mm > .col-mm, .grid--gut24-mm > .col-ml, .grid--gut24-mm > .col-mxl{padding-left:24px;} -.grid--gut3-mm{margin-left:-3px;} -.grid--gut3-mm > .col, .grid--gut3-mm > .col-mm, .grid--gut3-mm > .col-ml, .grid--gut3-mm > .col-mxl{padding-left:3px;} -.grid--gut30-mm{margin-left:-30px;} -.grid--gut30-mm > .col, .grid--gut30-mm > .col-mm, .grid--gut30-mm > .col-ml, .grid--gut30-mm > .col-mxl{padding-left:30px;} -.grid--gut36-mm{margin-left:-36px;} -.grid--gut36-mm > .col, .grid--gut36-mm > .col-mm, .grid--gut36-mm > .col-ml, .grid--gut36-mm > .col-mxl{padding-left:36px;} -.grid--gut6-mm{margin-left:-6px;} -.grid--gut6-mm > .col, .grid--gut6-mm > .col-mm, .grid--gut6-mm > .col-ml, .grid--gut6-mm > .col-mxl{padding-left:6px;} -.grid--gut60-mm{margin-left:-60px;} -.grid--gut60-mm > .col, .grid--gut60-mm > .col-mm, .grid--gut60-mm > .col-ml, .grid--gut60-mm > .col-mxl{padding-left:60px;} +.grid--gut0-mm{column-gap:0;} +.grid--gut3-mm{column-gap:3px;} +.grid--gut6-mm{column-gap:6px;} +.grid--gut12-mm{column-gap:12px;} +.grid--gut18-mm{column-gap:18px;} +.grid--gut24-mm{column-gap:24px;} +.grid--gut30-mm{column-gap:30px;} +.grid--gut36-mm{column-gap:36px;} +.grid--gut60-mm{column-gap:60px;} +.grid--gut120-mm{column-gap:120px;} .my-neg1-mm{margin-top:-1px !important;margin-bottom:-1px !important;} .mx-neg1-mm{margin-left:-1px !important;margin-right:-1px !important;} .mt-neg1-mm{margin-top:-1px !important;} @@ -3067,58 +2902,58 @@ textarea{ .mb360-mm{margin-bottom:360px !important;} .ml360-mm{margin-left:360px !important;} .mr-1\\/12-mm{margin-right:8.3333% !important;} -.ml-1\\/12-mm{margin-left:8.3333% !important;} -.w-1\\/12-mm{width:8.3333% !important;} +.ml-1\\/12-mm{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12-mm{width:8.3333% !important;grid-column-end:span 1 !important;} .h-viewport-1\\/12-mm{height:8.3333vh !important;} .hmax-viewport-1\\/12-mm{max-height:8.3333vh !important;} .mr-1\\/6-mm{margin-right:16.6666% !important;} -.ml-1\\/6-mm{margin-left:16.6666% !important;} -.w-1\\/6-mm{width:16.6666% !important;} +.ml-1\\/6-mm{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6-mm{width:16.6666% !important;grid-column-end:span 2 !important;} .h-viewport-1\\/6-mm{height:16.6666vh !important;} .hmax-viewport-1\\/6-mm{max-height:16.6666vh !important;} .mr-1\\/4-mm{margin-right:25% !important;} -.ml-1\\/4-mm{margin-left:25% !important;} -.w-1\\/4-mm{width:25% !important;} +.ml-1\\/4-mm{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4-mm{width:25% !important;grid-column-end:span 3 !important;} .h-viewport-1\\/4-mm{height:25vh !important;} .hmax-viewport-1\\/4-mm{max-height:25vh !important;} .mr-1\\/3-mm{margin-right:33.3333% !important;} -.ml-1\\/3-mm{margin-left:33.3333% !important;} -.w-1\\/3-mm{width:33.3333% !important;} +.ml-1\\/3-mm{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3-mm{width:33.3333% !important;grid-column-end:span 4 !important;} .h-viewport-1\\/3-mm{height:33.3333vh !important;} .hmax-viewport-1\\/3-mm{max-height:33.3333vh !important;} .mr-5\\/12-mm{margin-right:41.6666% !important;} -.ml-5\\/12-mm{margin-left:41.6666% !important;} -.w-5\\/12-mm{width:41.6666% !important;} +.ml-5\\/12-mm{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12-mm{width:41.6666% !important;grid-column-end:span 5 !important;} .h-viewport-5\\/12-mm{height:41.6666vh !important;} .hmax-viewport-5\\/12-mm{max-height:41.6666vh !important;} .mr-1\\/2-mm{margin-right:50% !important;} -.ml-1\\/2-mm{margin-left:50% !important;} -.w-1\\/2-mm{width:50% !important;} +.ml-1\\/2-mm{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2-mm{width:50% !important;grid-column-end:span 6 !important;} .h-viewport-1\\/2-mm{height:50vh !important;} .hmax-viewport-1\\/2-mm{max-height:50vh !important;} .mr-7\\/12-mm{margin-right:58.3333% !important;} -.ml-7\\/12-mm{margin-left:58.3333% !important;} -.w-7\\/12-mm{width:58.3333% !important;} +.ml-7\\/12-mm{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12-mm{width:58.3333% !important;grid-column-end:span 7 !important;} .h-viewport-7\\/12-mm{height:58.3333vh !important;} .hmax-viewport-7\\/12-mm{max-height:58.3333vh !important;} .mr-2\\/3-mm{margin-right:66.6666% !important;} -.ml-2\\/3-mm{margin-left:66.6666% !important;} -.w-2\\/3-mm{width:66.6666% !important;} +.ml-2\\/3-mm{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3-mm{width:66.6666% !important;grid-column-end:span 8 !important;} .h-viewport-2\\/3-mm{height:66.6666vh !important;} .hmax-viewport-2\\/3-mm{max-height:66.6666vh !important;} .mr-3\\/4-mm{margin-right:75% !important;} -.ml-3\\/4-mm{margin-left:75% !important;} -.w-3\\/4-mm{width:75% !important;} +.ml-3\\/4-mm{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4-mm{width:75% !important;grid-column-end:span 9 !important;} .h-viewport-3\\/4-mm{height:75vh !important;} .hmax-viewport-3\\/4-mm{max-height:75vh !important;} .mr-5\\/6-mm{margin-right:83.3333% !important;} -.ml-5\\/6-mm{margin-left:83.3333% !important;} -.w-5\\/6-mm{width:83.3333% !important;} +.ml-5\\/6-mm{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6-mm{width:83.3333% !important;grid-column-end:span 10 !important;} .h-viewport-5\\/6-mm{height:83.3333vh !important;} .hmax-viewport-5\\/6-mm{max-height:83.3333vh !important;} .mr-11\\/12-mm{margin-right:91.6666% !important;} -.ml-11\\/12-mm{margin-left:91.6666% !important;} -.w-11\\/12-mm{width:91.6666% !important;} +.ml-11\\/12-mm{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12-mm{width:91.6666% !important;grid-column-end:span 11 !important;} .h-viewport-11\\/12-mm{height:91.6666vh !important;} .hmax-viewport-11\\/12-mm{max-height:91.6666vh !important;} .gap0-mm{gap:0 !important;} @@ -3163,54 +2998,6 @@ textarea{ .gap360-mm{gap:360px !important;} .gapx360-mm{column-gap:360px !important;} .gapy360-mm{row-gap:360px !important;} -.gridbox--cols1-mm{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} -.gridbox--rows1-mm{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} -.gridbox-child-col1-mm{grid-column:span 1 !important;} -.gridbox-child-row1-mm{grid-row:span 1 !important;} -.gridbox--cols2-mm{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} -.gridbox--rows2-mm{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} -.gridbox-child-col2-mm{grid-column:span 2 !important;} -.gridbox-child-row2-mm{grid-row:span 2 !important;} -.gridbox--cols3-mm{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} -.gridbox--rows3-mm{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} -.gridbox-child-col3-mm{grid-column:span 3 !important;} -.gridbox-child-row3-mm{grid-row:span 3 !important;} -.gridbox--cols4-mm{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} -.gridbox--rows4-mm{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} -.gridbox-child-col4-mm{grid-column:span 4 !important;} -.gridbox-child-row4-mm{grid-row:span 4 !important;} -.gridbox--cols5-mm{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} -.gridbox--rows5-mm{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} -.gridbox-child-col5-mm{grid-column:span 5 !important;} -.gridbox-child-row5-mm{grid-row:span 5 !important;} -.gridbox--cols6-mm{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} -.gridbox--rows6-mm{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} -.gridbox-child-col6-mm{grid-column:span 6 !important;} -.gridbox-child-row6-mm{grid-row:span 6 !important;} -.gridbox--cols7-mm{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} -.gridbox--rows7-mm{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} -.gridbox-child-col7-mm{grid-column:span 7 !important;} -.gridbox-child-row7-mm{grid-row:span 7 !important;} -.gridbox--cols8-mm{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} -.gridbox--rows8-mm{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} -.gridbox-child-col8-mm{grid-column:span 8 !important;} -.gridbox-child-row8-mm{grid-row:span 8 !important;} -.gridbox--cols9-mm{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} -.gridbox--rows9-mm{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} -.gridbox-child-col9-mm{grid-column:span 9 !important;} -.gridbox-child-row9-mm{grid-row:span 9 !important;} -.gridbox--cols10-mm{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} -.gridbox--rows10-mm{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} -.gridbox-child-col10-mm{grid-column:span 10 !important;} -.gridbox-child-row10-mm{grid-row:span 10 !important;} -.gridbox--cols11-mm{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} -.gridbox--rows11-mm{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} -.gridbox-child-col11-mm{grid-column:span 11 !important;} -.gridbox-child-row11-mm{grid-row:span 11 !important;} -.gridbox--cols12-mm{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.gridbox--rows12-mm{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} -.gridbox-child-col12-mm{grid-column:span 12 !important;} -.gridbox-child-row12-mm{grid-row:span 12 !important;} .aspect-auto-mm{aspect-ratio:auto !important;} .aspect-1\\/1-mm{aspect-ratio:1/1 !important;} .aspect-4\\/3-mm{aspect-ratio:4/3 !important;} @@ -3539,9 +3326,9 @@ textarea{ .unround-tr-mxl{border-top-right-radius:0 !important;} .unround-br-mxl{border-bottom-right-radius:0 !important;} .unround-bl-mxl{border-bottom-left-radius:0 !important;} -.grid-mxl{display:flex !important;flex-wrap:wrap !important;} -.col-mxl{display:block;max-width:100%;flex-shrink:1;} -.col--auto-mxl{width:auto !important;flex:auto;flex-basis:0;} +.grid-mxl{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid-mxl > .col, .grid-mxl > .col-mm, .grid-mxl > .col-ml, .grid-mxl > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col-mxl{min-width:0;} .inline-mxl{display:inline !important;} .block-mxl{display:block !important;} .inline-block-mxl{display:inline-block !important;} @@ -3582,19 +3369,6 @@ textarea{ .flex--space-evenly-main-mxl{justify-content:space-evenly !important;} .flex-child-grow-mxl{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-mxl{flex-shrink:0 !important;} -.gridbox-mxl{display:grid !important;} -.inline-gridbox-mxl{display:inline-grid !important;} -.gridbox--row-mxl{grid-auto-flow:row !important;} -.gridbox--column-mxl{grid-auto-flow:column !important;} -.gridbox--dense-mxl{grid-auto-flow:dense !important;} -.gridbox--column-dense-mxl{grid-auto-flow:column dense !important;} -.gridbox--center-mxl{place-items:center !important;} -.gridbox--stretch-mxl{place-items:stretch !important;} -.gridbox--start-mxl{place-items:start !important;} -.gridbox--end-mxl{place-items:end !important;} -.gridbox--space-between-mxl{place-content:space-between !important;} -.gridbox--space-around-mxl{place-content:space-around !important;} -.gridbox--space-evenly-mxl{place-content:space-evenly !important;} .object-contain-mxl{object-fit:contain !important;} .object-cover-mxl{object-fit:cover !important;} .object-fill-mxl{object-fit:fill !important;} @@ -3611,26 +3385,16 @@ textarea{ .events-all-mxl{-webkit-touch-callout:default;pointer-events:all;} .unselectable-mxl{-webkit-user-select:none;user-select:none;} .selectable-mxl{-webkit-user-select:text;user-select:text;} -.grid--gut0-mxl{margin-left:-0;} -.grid--gut0-mxl > .col, .grid--gut0-mxl > .col-mm, .grid--gut0-mxl > .col-ml, .grid--gut0-mxl > .col-mxl{padding-left:0;} -.grid--gut12-mxl{margin-left:-12px;} -.grid--gut12-mxl > .col, .grid--gut12-mxl > .col-mm, .grid--gut12-mxl > .col-ml, .grid--gut12-mxl > .col-mxl{padding-left:12px;} -.grid--gut120-mxl{margin-left:-120px;} -.grid--gut120-mxl > .col, .grid--gut120-mxl > .col-mm, .grid--gut120-mxl > .col-ml, .grid--gut120-mxl > .col-mxl{padding-left:120px;} -.grid--gut18-mxl{margin-left:-18px;} -.grid--gut18-mxl > .col, .grid--gut18-mxl > .col-mm, .grid--gut18-mxl > .col-ml, .grid--gut18-mxl > .col-mxl{padding-left:18px;} -.grid--gut24-mxl{margin-left:-24px;} -.grid--gut24-mxl > .col, .grid--gut24-mxl > .col-mm, .grid--gut24-mxl > .col-ml, .grid--gut24-mxl > .col-mxl{padding-left:24px;} -.grid--gut3-mxl{margin-left:-3px;} -.grid--gut3-mxl > .col, .grid--gut3-mxl > .col-mm, .grid--gut3-mxl > .col-ml, .grid--gut3-mxl > .col-mxl{padding-left:3px;} -.grid--gut30-mxl{margin-left:-30px;} -.grid--gut30-mxl > .col, .grid--gut30-mxl > .col-mm, .grid--gut30-mxl > .col-ml, .grid--gut30-mxl > .col-mxl{padding-left:30px;} -.grid--gut36-mxl{margin-left:-36px;} -.grid--gut36-mxl > .col, .grid--gut36-mxl > .col-mm, .grid--gut36-mxl > .col-ml, .grid--gut36-mxl > .col-mxl{padding-left:36px;} -.grid--gut6-mxl{margin-left:-6px;} -.grid--gut6-mxl > .col, .grid--gut6-mxl > .col-mm, .grid--gut6-mxl > .col-ml, .grid--gut6-mxl > .col-mxl{padding-left:6px;} -.grid--gut60-mxl{margin-left:-60px;} -.grid--gut60-mxl > .col, .grid--gut60-mxl > .col-mm, .grid--gut60-mxl > .col-ml, .grid--gut60-mxl > .col-mxl{padding-left:60px;} +.grid--gut0-mxl{column-gap:0;} +.grid--gut3-mxl{column-gap:3px;} +.grid--gut6-mxl{column-gap:6px;} +.grid--gut12-mxl{column-gap:12px;} +.grid--gut18-mxl{column-gap:18px;} +.grid--gut24-mxl{column-gap:24px;} +.grid--gut30-mxl{column-gap:30px;} +.grid--gut36-mxl{column-gap:36px;} +.grid--gut60-mxl{column-gap:60px;} +.grid--gut120-mxl{column-gap:120px;} .my-neg1-mxl{margin-top:-1px !important;margin-bottom:-1px !important;} .mx-neg1-mxl{margin-left:-1px !important;margin-right:-1px !important;} .mt-neg1-mxl{margin-top:-1px !important;} @@ -3806,58 +3570,58 @@ textarea{ .mb360-mxl{margin-bottom:360px !important;} .ml360-mxl{margin-left:360px !important;} .mr-1\\/12-mxl{margin-right:8.3333% !important;} -.ml-1\\/12-mxl{margin-left:8.3333% !important;} -.w-1\\/12-mxl{width:8.3333% !important;} +.ml-1\\/12-mxl{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12-mxl{width:8.3333% !important;grid-column-end:span 1 !important;} .h-viewport-1\\/12-mxl{height:8.3333vh !important;} .hmax-viewport-1\\/12-mxl{max-height:8.3333vh !important;} .mr-1\\/6-mxl{margin-right:16.6666% !important;} -.ml-1\\/6-mxl{margin-left:16.6666% !important;} -.w-1\\/6-mxl{width:16.6666% !important;} +.ml-1\\/6-mxl{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6-mxl{width:16.6666% !important;grid-column-end:span 2 !important;} .h-viewport-1\\/6-mxl{height:16.6666vh !important;} .hmax-viewport-1\\/6-mxl{max-height:16.6666vh !important;} .mr-1\\/4-mxl{margin-right:25% !important;} -.ml-1\\/4-mxl{margin-left:25% !important;} -.w-1\\/4-mxl{width:25% !important;} +.ml-1\\/4-mxl{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4-mxl{width:25% !important;grid-column-end:span 3 !important;} .h-viewport-1\\/4-mxl{height:25vh !important;} .hmax-viewport-1\\/4-mxl{max-height:25vh !important;} .mr-1\\/3-mxl{margin-right:33.3333% !important;} -.ml-1\\/3-mxl{margin-left:33.3333% !important;} -.w-1\\/3-mxl{width:33.3333% !important;} +.ml-1\\/3-mxl{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3-mxl{width:33.3333% !important;grid-column-end:span 4 !important;} .h-viewport-1\\/3-mxl{height:33.3333vh !important;} .hmax-viewport-1\\/3-mxl{max-height:33.3333vh !important;} .mr-5\\/12-mxl{margin-right:41.6666% !important;} -.ml-5\\/12-mxl{margin-left:41.6666% !important;} -.w-5\\/12-mxl{width:41.6666% !important;} +.ml-5\\/12-mxl{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12-mxl{width:41.6666% !important;grid-column-end:span 5 !important;} .h-viewport-5\\/12-mxl{height:41.6666vh !important;} .hmax-viewport-5\\/12-mxl{max-height:41.6666vh !important;} .mr-1\\/2-mxl{margin-right:50% !important;} -.ml-1\\/2-mxl{margin-left:50% !important;} -.w-1\\/2-mxl{width:50% !important;} +.ml-1\\/2-mxl{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2-mxl{width:50% !important;grid-column-end:span 6 !important;} .h-viewport-1\\/2-mxl{height:50vh !important;} .hmax-viewport-1\\/2-mxl{max-height:50vh !important;} .mr-7\\/12-mxl{margin-right:58.3333% !important;} -.ml-7\\/12-mxl{margin-left:58.3333% !important;} -.w-7\\/12-mxl{width:58.3333% !important;} +.ml-7\\/12-mxl{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12-mxl{width:58.3333% !important;grid-column-end:span 7 !important;} .h-viewport-7\\/12-mxl{height:58.3333vh !important;} .hmax-viewport-7\\/12-mxl{max-height:58.3333vh !important;} .mr-2\\/3-mxl{margin-right:66.6666% !important;} -.ml-2\\/3-mxl{margin-left:66.6666% !important;} -.w-2\\/3-mxl{width:66.6666% !important;} +.ml-2\\/3-mxl{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3-mxl{width:66.6666% !important;grid-column-end:span 8 !important;} .h-viewport-2\\/3-mxl{height:66.6666vh !important;} .hmax-viewport-2\\/3-mxl{max-height:66.6666vh !important;} .mr-3\\/4-mxl{margin-right:75% !important;} -.ml-3\\/4-mxl{margin-left:75% !important;} -.w-3\\/4-mxl{width:75% !important;} +.ml-3\\/4-mxl{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4-mxl{width:75% !important;grid-column-end:span 9 !important;} .h-viewport-3\\/4-mxl{height:75vh !important;} .hmax-viewport-3\\/4-mxl{max-height:75vh !important;} .mr-5\\/6-mxl{margin-right:83.3333% !important;} -.ml-5\\/6-mxl{margin-left:83.3333% !important;} -.w-5\\/6-mxl{width:83.3333% !important;} +.ml-5\\/6-mxl{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6-mxl{width:83.3333% !important;grid-column-end:span 10 !important;} .h-viewport-5\\/6-mxl{height:83.3333vh !important;} .hmax-viewport-5\\/6-mxl{max-height:83.3333vh !important;} .mr-11\\/12-mxl{margin-right:91.6666% !important;} -.ml-11\\/12-mxl{margin-left:91.6666% !important;} -.w-11\\/12-mxl{width:91.6666% !important;} +.ml-11\\/12-mxl{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12-mxl{width:91.6666% !important;grid-column-end:span 11 !important;} .h-viewport-11\\/12-mxl{height:91.6666vh !important;} .hmax-viewport-11\\/12-mxl{max-height:91.6666vh !important;} .gap0-mxl{gap:0 !important;} @@ -3902,54 +3666,6 @@ textarea{ .gap360-mxl{gap:360px !important;} .gapx360-mxl{column-gap:360px !important;} .gapy360-mxl{row-gap:360px !important;} -.gridbox--cols1-mxl{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} -.gridbox--rows1-mxl{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} -.gridbox-child-col1-mxl{grid-column:span 1 !important;} -.gridbox-child-row1-mxl{grid-row:span 1 !important;} -.gridbox--cols2-mxl{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} -.gridbox--rows2-mxl{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} -.gridbox-child-col2-mxl{grid-column:span 2 !important;} -.gridbox-child-row2-mxl{grid-row:span 2 !important;} -.gridbox--cols3-mxl{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} -.gridbox--rows3-mxl{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} -.gridbox-child-col3-mxl{grid-column:span 3 !important;} -.gridbox-child-row3-mxl{grid-row:span 3 !important;} -.gridbox--cols4-mxl{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} -.gridbox--rows4-mxl{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} -.gridbox-child-col4-mxl{grid-column:span 4 !important;} -.gridbox-child-row4-mxl{grid-row:span 4 !important;} -.gridbox--cols5-mxl{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} -.gridbox--rows5-mxl{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} -.gridbox-child-col5-mxl{grid-column:span 5 !important;} -.gridbox-child-row5-mxl{grid-row:span 5 !important;} -.gridbox--cols6-mxl{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} -.gridbox--rows6-mxl{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} -.gridbox-child-col6-mxl{grid-column:span 6 !important;} -.gridbox-child-row6-mxl{grid-row:span 6 !important;} -.gridbox--cols7-mxl{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} -.gridbox--rows7-mxl{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} -.gridbox-child-col7-mxl{grid-column:span 7 !important;} -.gridbox-child-row7-mxl{grid-row:span 7 !important;} -.gridbox--cols8-mxl{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} -.gridbox--rows8-mxl{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} -.gridbox-child-col8-mxl{grid-column:span 8 !important;} -.gridbox-child-row8-mxl{grid-row:span 8 !important;} -.gridbox--cols9-mxl{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} -.gridbox--rows9-mxl{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} -.gridbox-child-col9-mxl{grid-column:span 9 !important;} -.gridbox-child-row9-mxl{grid-row:span 9 !important;} -.gridbox--cols10-mxl{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} -.gridbox--rows10-mxl{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} -.gridbox-child-col10-mxl{grid-column:span 10 !important;} -.gridbox-child-row10-mxl{grid-row:span 10 !important;} -.gridbox--cols11-mxl{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} -.gridbox--rows11-mxl{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} -.gridbox-child-col11-mxl{grid-column:span 11 !important;} -.gridbox-child-row11-mxl{grid-row:span 11 !important;} -.gridbox--cols12-mxl{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.gridbox--rows12-mxl{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} -.gridbox-child-col12-mxl{grid-column:span 12 !important;} -.gridbox-child-row12-mxl{grid-row:span 12 !important;} .aspect-auto-mxl{aspect-ratio:auto !important;} .aspect-1\\/1-mxl{aspect-ratio:1/1 !important;} .aspect-4\\/3-mxl{aspect-ratio:4/3 !important;} @@ -6548,9 +6264,9 @@ textarea{ .opacity75{opacity:0.75 !important;} .opacity100{opacity:1 !important;} .icon{display:block;fill:currentColor;height:1em;width:1em;} -.grid{display:flex !important;flex-wrap:wrap !important;} -.col{display:block;max-width:100%;flex-shrink:1;} -.col--auto{width:auto !important;flex:auto;flex-basis:0;} +.grid{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid > .col, .grid > .col-mm, .grid > .col-ml, .grid > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col{min-width:0;} .inline{display:inline !important;} .block{display:block !important;} .inline-block{display:inline-block !important;} @@ -6593,19 +6309,6 @@ textarea{ .flex--space-evenly-main{justify-content:space-evenly !important;} .flex-child-grow{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink{flex-shrink:0 !important;} -.gridbox{display:grid !important;} -.inline-gridbox{display:inline-grid !important;} -.gridbox--row{grid-auto-flow:row !important;} -.gridbox--column{grid-auto-flow:column !important;} -.gridbox--dense{grid-auto-flow:dense !important;} -.gridbox--column-dense{grid-auto-flow:column dense !important;} -.gridbox--center{place-items:center !important;} -.gridbox--stretch{place-items:stretch !important;} -.gridbox--start{place-items:start !important;} -.gridbox--end{place-items:end !important;} -.gridbox--space-between{place-content:space-between !important;} -.gridbox--space-around{place-content:space-around !important;} -.gridbox--space-evenly{place-content:space-evenly !important;} .object-contain{object-fit:contain !important;} .object-cover{object-fit:cover !important;} .object-fill{object-fit:fill !important;} @@ -6653,26 +6356,16 @@ textarea{ .overflow-auto{overflow:auto !important;-webkit-overflow-scrolling:touch;} .overflow-hidden{overflow:hidden !important;} .hide-visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;} -.grid--gut0{margin-left:-0;} -.grid--gut0 > .col, .grid--gut0 > .col-mm, .grid--gut0 > .col-ml, .grid--gut0 > .col-mxl{padding-left:0;} -.grid--gut12{margin-left:-12px;} -.grid--gut12 > .col, .grid--gut12 > .col-mm, .grid--gut12 > .col-ml, .grid--gut12 > .col-mxl{padding-left:12px;} -.grid--gut120{margin-left:-120px;} -.grid--gut120 > .col, .grid--gut120 > .col-mm, .grid--gut120 > .col-ml, .grid--gut120 > .col-mxl{padding-left:120px;} -.grid--gut18{margin-left:-18px;} -.grid--gut18 > .col, .grid--gut18 > .col-mm, .grid--gut18 > .col-ml, .grid--gut18 > .col-mxl{padding-left:18px;} -.grid--gut24{margin-left:-24px;} -.grid--gut24 > .col, .grid--gut24 > .col-mm, .grid--gut24 > .col-ml, .grid--gut24 > .col-mxl{padding-left:24px;} -.grid--gut3{margin-left:-3px;} -.grid--gut3 > .col, .grid--gut3 > .col-mm, .grid--gut3 > .col-ml, .grid--gut3 > .col-mxl{padding-left:3px;} -.grid--gut30{margin-left:-30px;} -.grid--gut30 > .col, .grid--gut30 > .col-mm, .grid--gut30 > .col-ml, .grid--gut30 > .col-mxl{padding-left:30px;} -.grid--gut36{margin-left:-36px;} -.grid--gut36 > .col, .grid--gut36 > .col-mm, .grid--gut36 > .col-ml, .grid--gut36 > .col-mxl{padding-left:36px;} -.grid--gut6{margin-left:-6px;} -.grid--gut6 > .col, .grid--gut6 > .col-mm, .grid--gut6 > .col-ml, .grid--gut6 > .col-mxl{padding-left:6px;} -.grid--gut60{margin-left:-60px;} -.grid--gut60 > .col, .grid--gut60 > .col-mm, .grid--gut60 > .col-ml, .grid--gut60 > .col-mxl{padding-left:60px;} +.grid--gut0{column-gap:0;} +.grid--gut3{column-gap:3px;} +.grid--gut6{column-gap:6px;} +.grid--gut12{column-gap:12px;} +.grid--gut18{column-gap:18px;} +.grid--gut24{column-gap:24px;} +.grid--gut30{column-gap:30px;} +.grid--gut36{column-gap:36px;} +.grid--gut60{column-gap:60px;} +.grid--gut120{column-gap:120px;} .my-neg1{margin-top:-1px !important;margin-bottom:-1px !important;} .mx-neg1{margin-left:-1px !important;margin-right:-1px !important;} .mt-neg1{margin-top:-1px !important;} @@ -6848,58 +6541,58 @@ textarea{ .mb360{margin-bottom:360px !important;} .ml360{margin-left:360px !important;} .mr-1\\/12{margin-right:8.3333% !important;} -.ml-1\\/12{margin-left:8.3333% !important;} -.w-1\\/12{width:8.3333% !important;} +.ml-1\\/12{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12{width:8.3333% !important;grid-column-end:span 1 !important;} .h-viewport-1\\/12{height:8.3333vh !important;} .hmax-viewport-1\\/12{max-height:8.3333vh !important;} .mr-1\\/6{margin-right:16.6666% !important;} -.ml-1\\/6{margin-left:16.6666% !important;} -.w-1\\/6{width:16.6666% !important;} +.ml-1\\/6{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6{width:16.6666% !important;grid-column-end:span 2 !important;} .h-viewport-1\\/6{height:16.6666vh !important;} .hmax-viewport-1\\/6{max-height:16.6666vh !important;} .mr-1\\/4{margin-right:25% !important;} -.ml-1\\/4{margin-left:25% !important;} -.w-1\\/4{width:25% !important;} +.ml-1\\/4{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4{width:25% !important;grid-column-end:span 3 !important;} .h-viewport-1\\/4{height:25vh !important;} .hmax-viewport-1\\/4{max-height:25vh !important;} .mr-1\\/3{margin-right:33.3333% !important;} -.ml-1\\/3{margin-left:33.3333% !important;} -.w-1\\/3{width:33.3333% !important;} +.ml-1\\/3{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3{width:33.3333% !important;grid-column-end:span 4 !important;} .h-viewport-1\\/3{height:33.3333vh !important;} .hmax-viewport-1\\/3{max-height:33.3333vh !important;} .mr-5\\/12{margin-right:41.6666% !important;} -.ml-5\\/12{margin-left:41.6666% !important;} -.w-5\\/12{width:41.6666% !important;} +.ml-5\\/12{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12{width:41.6666% !important;grid-column-end:span 5 !important;} .h-viewport-5\\/12{height:41.6666vh !important;} .hmax-viewport-5\\/12{max-height:41.6666vh !important;} .mr-1\\/2{margin-right:50% !important;} -.ml-1\\/2{margin-left:50% !important;} -.w-1\\/2{width:50% !important;} +.ml-1\\/2{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2{width:50% !important;grid-column-end:span 6 !important;} .h-viewport-1\\/2{height:50vh !important;} .hmax-viewport-1\\/2{max-height:50vh !important;} .mr-7\\/12{margin-right:58.3333% !important;} -.ml-7\\/12{margin-left:58.3333% !important;} -.w-7\\/12{width:58.3333% !important;} +.ml-7\\/12{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12{width:58.3333% !important;grid-column-end:span 7 !important;} .h-viewport-7\\/12{height:58.3333vh !important;} .hmax-viewport-7\\/12{max-height:58.3333vh !important;} .mr-2\\/3{margin-right:66.6666% !important;} -.ml-2\\/3{margin-left:66.6666% !important;} -.w-2\\/3{width:66.6666% !important;} +.ml-2\\/3{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3{width:66.6666% !important;grid-column-end:span 8 !important;} .h-viewport-2\\/3{height:66.6666vh !important;} .hmax-viewport-2\\/3{max-height:66.6666vh !important;} .mr-3\\/4{margin-right:75% !important;} -.ml-3\\/4{margin-left:75% !important;} -.w-3\\/4{width:75% !important;} +.ml-3\\/4{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4{width:75% !important;grid-column-end:span 9 !important;} .h-viewport-3\\/4{height:75vh !important;} .hmax-viewport-3\\/4{max-height:75vh !important;} .mr-5\\/6{margin-right:83.3333% !important;} -.ml-5\\/6{margin-left:83.3333% !important;} -.w-5\\/6{width:83.3333% !important;} +.ml-5\\/6{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6{width:83.3333% !important;grid-column-end:span 10 !important;} .h-viewport-5\\/6{height:83.3333vh !important;} .hmax-viewport-5\\/6{max-height:83.3333vh !important;} .mr-11\\/12{margin-right:91.6666% !important;} -.ml-11\\/12{margin-left:91.6666% !important;} -.w-11\\/12{width:91.6666% !important;} +.ml-11\\/12{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12{width:91.6666% !important;grid-column-end:span 11 !important;} .h-viewport-11\\/12{height:91.6666vh !important;} .hmax-viewport-11\\/12{max-height:91.6666vh !important;} .gap0{gap:0 !important;} @@ -6944,54 +6637,6 @@ textarea{ .gap360{gap:360px !important;} .gapx360{column-gap:360px !important;} .gapy360{row-gap:360px !important;} -.gridbox--cols1{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} -.gridbox--rows1{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} -.gridbox-child-col1{grid-column:span 1 !important;} -.gridbox-child-row1{grid-row:span 1 !important;} -.gridbox--cols2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} -.gridbox--rows2{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} -.gridbox-child-col2{grid-column:span 2 !important;} -.gridbox-child-row2{grid-row:span 2 !important;} -.gridbox--cols3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} -.gridbox--rows3{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} -.gridbox-child-col3{grid-column:span 3 !important;} -.gridbox-child-row3{grid-row:span 3 !important;} -.gridbox--cols4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} -.gridbox--rows4{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} -.gridbox-child-col4{grid-column:span 4 !important;} -.gridbox-child-row4{grid-row:span 4 !important;} -.gridbox--cols5{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} -.gridbox--rows5{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} -.gridbox-child-col5{grid-column:span 5 !important;} -.gridbox-child-row5{grid-row:span 5 !important;} -.gridbox--cols6{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} -.gridbox--rows6{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} -.gridbox-child-col6{grid-column:span 6 !important;} -.gridbox-child-row6{grid-row:span 6 !important;} -.gridbox--cols7{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} -.gridbox--rows7{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} -.gridbox-child-col7{grid-column:span 7 !important;} -.gridbox-child-row7{grid-row:span 7 !important;} -.gridbox--cols8{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} -.gridbox--rows8{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} -.gridbox-child-col8{grid-column:span 8 !important;} -.gridbox-child-row8{grid-row:span 8 !important;} -.gridbox--cols9{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} -.gridbox--rows9{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} -.gridbox-child-col9{grid-column:span 9 !important;} -.gridbox-child-row9{grid-row:span 9 !important;} -.gridbox--cols10{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} -.gridbox--rows10{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} -.gridbox-child-col10{grid-column:span 10 !important;} -.gridbox-child-row10{grid-row:span 10 !important;} -.gridbox--cols11{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} -.gridbox--rows11{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} -.gridbox-child-col11{grid-column:span 11 !important;} -.gridbox-child-row11{grid-row:span 11 !important;} -.gridbox--cols12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.gridbox--rows12{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} -.gridbox-child-col12{grid-column:span 12 !important;} -.gridbox-child-row12{grid-row:span 12 !important;} .aspect-auto{aspect-ratio:auto !important;} .aspect-1\\/1{aspect-ratio:1/1 !important;} .aspect-4\\/3{aspect-ratio:4/3 !important;} @@ -7319,9 +6964,9 @@ textarea{ .unround-tr-ml{border-top-right-radius:0 !important;} .unround-br-ml{border-bottom-right-radius:0 !important;} .unround-bl-ml{border-bottom-left-radius:0 !important;} -.grid-ml{display:flex !important;flex-wrap:wrap !important;} -.col-ml{display:block;max-width:100%;flex-shrink:1;} -.col--auto-ml{width:auto !important;flex:auto;flex-basis:0;} +.grid-ml{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid-ml > .col, .grid-ml > .col-mm, .grid-ml > .col-ml, .grid-ml > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col-ml{min-width:0;} .inline-ml{display:inline !important;} .block-ml{display:block !important;} .inline-block-ml{display:inline-block !important;} @@ -7362,19 +7007,6 @@ textarea{ .flex--space-evenly-main-ml{justify-content:space-evenly !important;} .flex-child-grow-ml{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-ml{flex-shrink:0 !important;} -.gridbox-ml{display:grid !important;} -.inline-gridbox-ml{display:inline-grid !important;} -.gridbox--row-ml{grid-auto-flow:row !important;} -.gridbox--column-ml{grid-auto-flow:column !important;} -.gridbox--dense-ml{grid-auto-flow:dense !important;} -.gridbox--column-dense-ml{grid-auto-flow:column dense !important;} -.gridbox--center-ml{place-items:center !important;} -.gridbox--stretch-ml{place-items:stretch !important;} -.gridbox--start-ml{place-items:start !important;} -.gridbox--end-ml{place-items:end !important;} -.gridbox--space-between-ml{place-content:space-between !important;} -.gridbox--space-around-ml{place-content:space-around !important;} -.gridbox--space-evenly-ml{place-content:space-evenly !important;} .object-contain-ml{object-fit:contain !important;} .object-cover-ml{object-fit:cover !important;} .object-fill-ml{object-fit:fill !important;} @@ -7391,26 +7023,16 @@ textarea{ .events-all-ml{-webkit-touch-callout:default;pointer-events:all;} .unselectable-ml{-webkit-user-select:none;user-select:none;} .selectable-ml{-webkit-user-select:text;user-select:text;} -.grid--gut0-ml{margin-left:-0;} -.grid--gut0-ml > .col, .grid--gut0-ml > .col-mm, .grid--gut0-ml > .col-ml, .grid--gut0-ml > .col-mxl{padding-left:0;} -.grid--gut12-ml{margin-left:-12px;} -.grid--gut12-ml > .col, .grid--gut12-ml > .col-mm, .grid--gut12-ml > .col-ml, .grid--gut12-ml > .col-mxl{padding-left:12px;} -.grid--gut120-ml{margin-left:-120px;} -.grid--gut120-ml > .col, .grid--gut120-ml > .col-mm, .grid--gut120-ml > .col-ml, .grid--gut120-ml > .col-mxl{padding-left:120px;} -.grid--gut18-ml{margin-left:-18px;} -.grid--gut18-ml > .col, .grid--gut18-ml > .col-mm, .grid--gut18-ml > .col-ml, .grid--gut18-ml > .col-mxl{padding-left:18px;} -.grid--gut24-ml{margin-left:-24px;} -.grid--gut24-ml > .col, .grid--gut24-ml > .col-mm, .grid--gut24-ml > .col-ml, .grid--gut24-ml > .col-mxl{padding-left:24px;} -.grid--gut3-ml{margin-left:-3px;} -.grid--gut3-ml > .col, .grid--gut3-ml > .col-mm, .grid--gut3-ml > .col-ml, .grid--gut3-ml > .col-mxl{padding-left:3px;} -.grid--gut30-ml{margin-left:-30px;} -.grid--gut30-ml > .col, .grid--gut30-ml > .col-mm, .grid--gut30-ml > .col-ml, .grid--gut30-ml > .col-mxl{padding-left:30px;} -.grid--gut36-ml{margin-left:-36px;} -.grid--gut36-ml > .col, .grid--gut36-ml > .col-mm, .grid--gut36-ml > .col-ml, .grid--gut36-ml > .col-mxl{padding-left:36px;} -.grid--gut6-ml{margin-left:-6px;} -.grid--gut6-ml > .col, .grid--gut6-ml > .col-mm, .grid--gut6-ml > .col-ml, .grid--gut6-ml > .col-mxl{padding-left:6px;} -.grid--gut60-ml{margin-left:-60px;} -.grid--gut60-ml > .col, .grid--gut60-ml > .col-mm, .grid--gut60-ml > .col-ml, .grid--gut60-ml > .col-mxl{padding-left:60px;} +.grid--gut0-ml{column-gap:0;} +.grid--gut3-ml{column-gap:3px;} +.grid--gut6-ml{column-gap:6px;} +.grid--gut12-ml{column-gap:12px;} +.grid--gut18-ml{column-gap:18px;} +.grid--gut24-ml{column-gap:24px;} +.grid--gut30-ml{column-gap:30px;} +.grid--gut36-ml{column-gap:36px;} +.grid--gut60-ml{column-gap:60px;} +.grid--gut120-ml{column-gap:120px;} .my-neg1-ml{margin-top:-1px !important;margin-bottom:-1px !important;} .mx-neg1-ml{margin-left:-1px !important;margin-right:-1px !important;} .mt-neg1-ml{margin-top:-1px !important;} @@ -7586,58 +7208,58 @@ textarea{ .mb360-ml{margin-bottom:360px !important;} .ml360-ml{margin-left:360px !important;} .mr-1\\/12-ml{margin-right:8.3333% !important;} -.ml-1\\/12-ml{margin-left:8.3333% !important;} -.w-1\\/12-ml{width:8.3333% !important;} +.ml-1\\/12-ml{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12-ml{width:8.3333% !important;grid-column-end:span 1 !important;} .h-viewport-1\\/12-ml{height:8.3333vh !important;} .hmax-viewport-1\\/12-ml{max-height:8.3333vh !important;} .mr-1\\/6-ml{margin-right:16.6666% !important;} -.ml-1\\/6-ml{margin-left:16.6666% !important;} -.w-1\\/6-ml{width:16.6666% !important;} +.ml-1\\/6-ml{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6-ml{width:16.6666% !important;grid-column-end:span 2 !important;} .h-viewport-1\\/6-ml{height:16.6666vh !important;} .hmax-viewport-1\\/6-ml{max-height:16.6666vh !important;} .mr-1\\/4-ml{margin-right:25% !important;} -.ml-1\\/4-ml{margin-left:25% !important;} -.w-1\\/4-ml{width:25% !important;} +.ml-1\\/4-ml{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4-ml{width:25% !important;grid-column-end:span 3 !important;} .h-viewport-1\\/4-ml{height:25vh !important;} .hmax-viewport-1\\/4-ml{max-height:25vh !important;} .mr-1\\/3-ml{margin-right:33.3333% !important;} -.ml-1\\/3-ml{margin-left:33.3333% !important;} -.w-1\\/3-ml{width:33.3333% !important;} +.ml-1\\/3-ml{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3-ml{width:33.3333% !important;grid-column-end:span 4 !important;} .h-viewport-1\\/3-ml{height:33.3333vh !important;} .hmax-viewport-1\\/3-ml{max-height:33.3333vh !important;} .mr-5\\/12-ml{margin-right:41.6666% !important;} -.ml-5\\/12-ml{margin-left:41.6666% !important;} -.w-5\\/12-ml{width:41.6666% !important;} +.ml-5\\/12-ml{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12-ml{width:41.6666% !important;grid-column-end:span 5 !important;} .h-viewport-5\\/12-ml{height:41.6666vh !important;} .hmax-viewport-5\\/12-ml{max-height:41.6666vh !important;} .mr-1\\/2-ml{margin-right:50% !important;} -.ml-1\\/2-ml{margin-left:50% !important;} -.w-1\\/2-ml{width:50% !important;} +.ml-1\\/2-ml{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2-ml{width:50% !important;grid-column-end:span 6 !important;} .h-viewport-1\\/2-ml{height:50vh !important;} .hmax-viewport-1\\/2-ml{max-height:50vh !important;} .mr-7\\/12-ml{margin-right:58.3333% !important;} -.ml-7\\/12-ml{margin-left:58.3333% !important;} -.w-7\\/12-ml{width:58.3333% !important;} +.ml-7\\/12-ml{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12-ml{width:58.3333% !important;grid-column-end:span 7 !important;} .h-viewport-7\\/12-ml{height:58.3333vh !important;} .hmax-viewport-7\\/12-ml{max-height:58.3333vh !important;} .mr-2\\/3-ml{margin-right:66.6666% !important;} -.ml-2\\/3-ml{margin-left:66.6666% !important;} -.w-2\\/3-ml{width:66.6666% !important;} +.ml-2\\/3-ml{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3-ml{width:66.6666% !important;grid-column-end:span 8 !important;} .h-viewport-2\\/3-ml{height:66.6666vh !important;} .hmax-viewport-2\\/3-ml{max-height:66.6666vh !important;} .mr-3\\/4-ml{margin-right:75% !important;} -.ml-3\\/4-ml{margin-left:75% !important;} -.w-3\\/4-ml{width:75% !important;} +.ml-3\\/4-ml{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4-ml{width:75% !important;grid-column-end:span 9 !important;} .h-viewport-3\\/4-ml{height:75vh !important;} .hmax-viewport-3\\/4-ml{max-height:75vh !important;} .mr-5\\/6-ml{margin-right:83.3333% !important;} -.ml-5\\/6-ml{margin-left:83.3333% !important;} -.w-5\\/6-ml{width:83.3333% !important;} +.ml-5\\/6-ml{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6-ml{width:83.3333% !important;grid-column-end:span 10 !important;} .h-viewport-5\\/6-ml{height:83.3333vh !important;} .hmax-viewport-5\\/6-ml{max-height:83.3333vh !important;} .mr-11\\/12-ml{margin-right:91.6666% !important;} -.ml-11\\/12-ml{margin-left:91.6666% !important;} -.w-11\\/12-ml{width:91.6666% !important;} +.ml-11\\/12-ml{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12-ml{width:91.6666% !important;grid-column-end:span 11 !important;} .h-viewport-11\\/12-ml{height:91.6666vh !important;} .hmax-viewport-11\\/12-ml{max-height:91.6666vh !important;} .gap0-ml{gap:0 !important;} @@ -7682,54 +7304,6 @@ textarea{ .gap360-ml{gap:360px !important;} .gapx360-ml{column-gap:360px !important;} .gapy360-ml{row-gap:360px !important;} -.gridbox--cols1-ml{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} -.gridbox--rows1-ml{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} -.gridbox-child-col1-ml{grid-column:span 1 !important;} -.gridbox-child-row1-ml{grid-row:span 1 !important;} -.gridbox--cols2-ml{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} -.gridbox--rows2-ml{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} -.gridbox-child-col2-ml{grid-column:span 2 !important;} -.gridbox-child-row2-ml{grid-row:span 2 !important;} -.gridbox--cols3-ml{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} -.gridbox--rows3-ml{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} -.gridbox-child-col3-ml{grid-column:span 3 !important;} -.gridbox-child-row3-ml{grid-row:span 3 !important;} -.gridbox--cols4-ml{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} -.gridbox--rows4-ml{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} -.gridbox-child-col4-ml{grid-column:span 4 !important;} -.gridbox-child-row4-ml{grid-row:span 4 !important;} -.gridbox--cols5-ml{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} -.gridbox--rows5-ml{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} -.gridbox-child-col5-ml{grid-column:span 5 !important;} -.gridbox-child-row5-ml{grid-row:span 5 !important;} -.gridbox--cols6-ml{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} -.gridbox--rows6-ml{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} -.gridbox-child-col6-ml{grid-column:span 6 !important;} -.gridbox-child-row6-ml{grid-row:span 6 !important;} -.gridbox--cols7-ml{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} -.gridbox--rows7-ml{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} -.gridbox-child-col7-ml{grid-column:span 7 !important;} -.gridbox-child-row7-ml{grid-row:span 7 !important;} -.gridbox--cols8-ml{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} -.gridbox--rows8-ml{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} -.gridbox-child-col8-ml{grid-column:span 8 !important;} -.gridbox-child-row8-ml{grid-row:span 8 !important;} -.gridbox--cols9-ml{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} -.gridbox--rows9-ml{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} -.gridbox-child-col9-ml{grid-column:span 9 !important;} -.gridbox-child-row9-ml{grid-row:span 9 !important;} -.gridbox--cols10-ml{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} -.gridbox--rows10-ml{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} -.gridbox-child-col10-ml{grid-column:span 10 !important;} -.gridbox-child-row10-ml{grid-row:span 10 !important;} -.gridbox--cols11-ml{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} -.gridbox--rows11-ml{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} -.gridbox-child-col11-ml{grid-column:span 11 !important;} -.gridbox-child-row11-ml{grid-row:span 11 !important;} -.gridbox--cols12-ml{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.gridbox--rows12-ml{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} -.gridbox-child-col12-ml{grid-column:span 12 !important;} -.gridbox-child-row12-ml{grid-row:span 12 !important;} .aspect-auto-ml{aspect-ratio:auto !important;} .aspect-1\\/1-ml{aspect-ratio:1/1 !important;} .aspect-4\\/3-ml{aspect-ratio:4/3 !important;} @@ -8058,9 +7632,9 @@ textarea{ .unround-tr-mm{border-top-right-radius:0 !important;} .unround-br-mm{border-bottom-right-radius:0 !important;} .unround-bl-mm{border-bottom-left-radius:0 !important;} -.grid-mm{display:flex !important;flex-wrap:wrap !important;} -.col-mm{display:block;max-width:100%;flex-shrink:1;} -.col--auto-mm{width:auto !important;flex:auto;flex-basis:0;} +.grid-mm{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid-mm > .col, .grid-mm > .col-mm, .grid-mm > .col-ml, .grid-mm > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col-mm{min-width:0;} .inline-mm{display:inline !important;} .block-mm{display:block !important;} .inline-block-mm{display:inline-block !important;} @@ -8101,19 +7675,6 @@ textarea{ .flex--space-evenly-main-mm{justify-content:space-evenly !important;} .flex-child-grow-mm{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-mm{flex-shrink:0 !important;} -.gridbox-mm{display:grid !important;} -.inline-gridbox-mm{display:inline-grid !important;} -.gridbox--row-mm{grid-auto-flow:row !important;} -.gridbox--column-mm{grid-auto-flow:column !important;} -.gridbox--dense-mm{grid-auto-flow:dense !important;} -.gridbox--column-dense-mm{grid-auto-flow:column dense !important;} -.gridbox--center-mm{place-items:center !important;} -.gridbox--stretch-mm{place-items:stretch !important;} -.gridbox--start-mm{place-items:start !important;} -.gridbox--end-mm{place-items:end !important;} -.gridbox--space-between-mm{place-content:space-between !important;} -.gridbox--space-around-mm{place-content:space-around !important;} -.gridbox--space-evenly-mm{place-content:space-evenly !important;} .object-contain-mm{object-fit:contain !important;} .object-cover-mm{object-fit:cover !important;} .object-fill-mm{object-fit:fill !important;} @@ -8130,26 +7691,16 @@ textarea{ .events-all-mm{-webkit-touch-callout:default;pointer-events:all;} .unselectable-mm{-webkit-user-select:none;user-select:none;} .selectable-mm{-webkit-user-select:text;user-select:text;} -.grid--gut0-mm{margin-left:-0;} -.grid--gut0-mm > .col, .grid--gut0-mm > .col-mm, .grid--gut0-mm > .col-ml, .grid--gut0-mm > .col-mxl{padding-left:0;} -.grid--gut12-mm{margin-left:-12px;} -.grid--gut12-mm > .col, .grid--gut12-mm > .col-mm, .grid--gut12-mm > .col-ml, .grid--gut12-mm > .col-mxl{padding-left:12px;} -.grid--gut120-mm{margin-left:-120px;} -.grid--gut120-mm > .col, .grid--gut120-mm > .col-mm, .grid--gut120-mm > .col-ml, .grid--gut120-mm > .col-mxl{padding-left:120px;} -.grid--gut18-mm{margin-left:-18px;} -.grid--gut18-mm > .col, .grid--gut18-mm > .col-mm, .grid--gut18-mm > .col-ml, .grid--gut18-mm > .col-mxl{padding-left:18px;} -.grid--gut24-mm{margin-left:-24px;} -.grid--gut24-mm > .col, .grid--gut24-mm > .col-mm, .grid--gut24-mm > .col-ml, .grid--gut24-mm > .col-mxl{padding-left:24px;} -.grid--gut3-mm{margin-left:-3px;} -.grid--gut3-mm > .col, .grid--gut3-mm > .col-mm, .grid--gut3-mm > .col-ml, .grid--gut3-mm > .col-mxl{padding-left:3px;} -.grid--gut30-mm{margin-left:-30px;} -.grid--gut30-mm > .col, .grid--gut30-mm > .col-mm, .grid--gut30-mm > .col-ml, .grid--gut30-mm > .col-mxl{padding-left:30px;} -.grid--gut36-mm{margin-left:-36px;} -.grid--gut36-mm > .col, .grid--gut36-mm > .col-mm, .grid--gut36-mm > .col-ml, .grid--gut36-mm > .col-mxl{padding-left:36px;} -.grid--gut6-mm{margin-left:-6px;} -.grid--gut6-mm > .col, .grid--gut6-mm > .col-mm, .grid--gut6-mm > .col-ml, .grid--gut6-mm > .col-mxl{padding-left:6px;} -.grid--gut60-mm{margin-left:-60px;} -.grid--gut60-mm > .col, .grid--gut60-mm > .col-mm, .grid--gut60-mm > .col-ml, .grid--gut60-mm > .col-mxl{padding-left:60px;} +.grid--gut0-mm{column-gap:0;} +.grid--gut3-mm{column-gap:3px;} +.grid--gut6-mm{column-gap:6px;} +.grid--gut12-mm{column-gap:12px;} +.grid--gut18-mm{column-gap:18px;} +.grid--gut24-mm{column-gap:24px;} +.grid--gut30-mm{column-gap:30px;} +.grid--gut36-mm{column-gap:36px;} +.grid--gut60-mm{column-gap:60px;} +.grid--gut120-mm{column-gap:120px;} .my-neg1-mm{margin-top:-1px !important;margin-bottom:-1px !important;} .mx-neg1-mm{margin-left:-1px !important;margin-right:-1px !important;} .mt-neg1-mm{margin-top:-1px !important;} @@ -8325,58 +7876,58 @@ textarea{ .mb360-mm{margin-bottom:360px !important;} .ml360-mm{margin-left:360px !important;} .mr-1\\/12-mm{margin-right:8.3333% !important;} -.ml-1\\/12-mm{margin-left:8.3333% !important;} -.w-1\\/12-mm{width:8.3333% !important;} +.ml-1\\/12-mm{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12-mm{width:8.3333% !important;grid-column-end:span 1 !important;} .h-viewport-1\\/12-mm{height:8.3333vh !important;} .hmax-viewport-1\\/12-mm{max-height:8.3333vh !important;} .mr-1\\/6-mm{margin-right:16.6666% !important;} -.ml-1\\/6-mm{margin-left:16.6666% !important;} -.w-1\\/6-mm{width:16.6666% !important;} +.ml-1\\/6-mm{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6-mm{width:16.6666% !important;grid-column-end:span 2 !important;} .h-viewport-1\\/6-mm{height:16.6666vh !important;} .hmax-viewport-1\\/6-mm{max-height:16.6666vh !important;} .mr-1\\/4-mm{margin-right:25% !important;} -.ml-1\\/4-mm{margin-left:25% !important;} -.w-1\\/4-mm{width:25% !important;} +.ml-1\\/4-mm{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4-mm{width:25% !important;grid-column-end:span 3 !important;} .h-viewport-1\\/4-mm{height:25vh !important;} .hmax-viewport-1\\/4-mm{max-height:25vh !important;} .mr-1\\/3-mm{margin-right:33.3333% !important;} -.ml-1\\/3-mm{margin-left:33.3333% !important;} -.w-1\\/3-mm{width:33.3333% !important;} +.ml-1\\/3-mm{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3-mm{width:33.3333% !important;grid-column-end:span 4 !important;} .h-viewport-1\\/3-mm{height:33.3333vh !important;} .hmax-viewport-1\\/3-mm{max-height:33.3333vh !important;} .mr-5\\/12-mm{margin-right:41.6666% !important;} -.ml-5\\/12-mm{margin-left:41.6666% !important;} -.w-5\\/12-mm{width:41.6666% !important;} +.ml-5\\/12-mm{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12-mm{width:41.6666% !important;grid-column-end:span 5 !important;} .h-viewport-5\\/12-mm{height:41.6666vh !important;} .hmax-viewport-5\\/12-mm{max-height:41.6666vh !important;} .mr-1\\/2-mm{margin-right:50% !important;} -.ml-1\\/2-mm{margin-left:50% !important;} -.w-1\\/2-mm{width:50% !important;} +.ml-1\\/2-mm{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2-mm{width:50% !important;grid-column-end:span 6 !important;} .h-viewport-1\\/2-mm{height:50vh !important;} .hmax-viewport-1\\/2-mm{max-height:50vh !important;} .mr-7\\/12-mm{margin-right:58.3333% !important;} -.ml-7\\/12-mm{margin-left:58.3333% !important;} -.w-7\\/12-mm{width:58.3333% !important;} +.ml-7\\/12-mm{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12-mm{width:58.3333% !important;grid-column-end:span 7 !important;} .h-viewport-7\\/12-mm{height:58.3333vh !important;} .hmax-viewport-7\\/12-mm{max-height:58.3333vh !important;} .mr-2\\/3-mm{margin-right:66.6666% !important;} -.ml-2\\/3-mm{margin-left:66.6666% !important;} -.w-2\\/3-mm{width:66.6666% !important;} +.ml-2\\/3-mm{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3-mm{width:66.6666% !important;grid-column-end:span 8 !important;} .h-viewport-2\\/3-mm{height:66.6666vh !important;} .hmax-viewport-2\\/3-mm{max-height:66.6666vh !important;} .mr-3\\/4-mm{margin-right:75% !important;} -.ml-3\\/4-mm{margin-left:75% !important;} -.w-3\\/4-mm{width:75% !important;} +.ml-3\\/4-mm{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4-mm{width:75% !important;grid-column-end:span 9 !important;} .h-viewport-3\\/4-mm{height:75vh !important;} .hmax-viewport-3\\/4-mm{max-height:75vh !important;} .mr-5\\/6-mm{margin-right:83.3333% !important;} -.ml-5\\/6-mm{margin-left:83.3333% !important;} -.w-5\\/6-mm{width:83.3333% !important;} +.ml-5\\/6-mm{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6-mm{width:83.3333% !important;grid-column-end:span 10 !important;} .h-viewport-5\\/6-mm{height:83.3333vh !important;} .hmax-viewport-5\\/6-mm{max-height:83.3333vh !important;} .mr-11\\/12-mm{margin-right:91.6666% !important;} -.ml-11\\/12-mm{margin-left:91.6666% !important;} -.w-11\\/12-mm{width:91.6666% !important;} +.ml-11\\/12-mm{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12-mm{width:91.6666% !important;grid-column-end:span 11 !important;} .h-viewport-11\\/12-mm{height:91.6666vh !important;} .hmax-viewport-11\\/12-mm{max-height:91.6666vh !important;} .gap0-mm{gap:0 !important;} @@ -8421,54 +7972,6 @@ textarea{ .gap360-mm{gap:360px !important;} .gapx360-mm{column-gap:360px !important;} .gapy360-mm{row-gap:360px !important;} -.gridbox--cols1-mm{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} -.gridbox--rows1-mm{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} -.gridbox-child-col1-mm{grid-column:span 1 !important;} -.gridbox-child-row1-mm{grid-row:span 1 !important;} -.gridbox--cols2-mm{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} -.gridbox--rows2-mm{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} -.gridbox-child-col2-mm{grid-column:span 2 !important;} -.gridbox-child-row2-mm{grid-row:span 2 !important;} -.gridbox--cols3-mm{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} -.gridbox--rows3-mm{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} -.gridbox-child-col3-mm{grid-column:span 3 !important;} -.gridbox-child-row3-mm{grid-row:span 3 !important;} -.gridbox--cols4-mm{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} -.gridbox--rows4-mm{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} -.gridbox-child-col4-mm{grid-column:span 4 !important;} -.gridbox-child-row4-mm{grid-row:span 4 !important;} -.gridbox--cols5-mm{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} -.gridbox--rows5-mm{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} -.gridbox-child-col5-mm{grid-column:span 5 !important;} -.gridbox-child-row5-mm{grid-row:span 5 !important;} -.gridbox--cols6-mm{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} -.gridbox--rows6-mm{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} -.gridbox-child-col6-mm{grid-column:span 6 !important;} -.gridbox-child-row6-mm{grid-row:span 6 !important;} -.gridbox--cols7-mm{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} -.gridbox--rows7-mm{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} -.gridbox-child-col7-mm{grid-column:span 7 !important;} -.gridbox-child-row7-mm{grid-row:span 7 !important;} -.gridbox--cols8-mm{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} -.gridbox--rows8-mm{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} -.gridbox-child-col8-mm{grid-column:span 8 !important;} -.gridbox-child-row8-mm{grid-row:span 8 !important;} -.gridbox--cols9-mm{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} -.gridbox--rows9-mm{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} -.gridbox-child-col9-mm{grid-column:span 9 !important;} -.gridbox-child-row9-mm{grid-row:span 9 !important;} -.gridbox--cols10-mm{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} -.gridbox--rows10-mm{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} -.gridbox-child-col10-mm{grid-column:span 10 !important;} -.gridbox-child-row10-mm{grid-row:span 10 !important;} -.gridbox--cols11-mm{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} -.gridbox--rows11-mm{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} -.gridbox-child-col11-mm{grid-column:span 11 !important;} -.gridbox-child-row11-mm{grid-row:span 11 !important;} -.gridbox--cols12-mm{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.gridbox--rows12-mm{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} -.gridbox-child-col12-mm{grid-column:span 12 !important;} -.gridbox-child-row12-mm{grid-row:span 12 !important;} .aspect-auto-mm{aspect-ratio:auto !important;} .aspect-1\\/1-mm{aspect-ratio:1/1 !important;} .aspect-4\\/3-mm{aspect-ratio:4/3 !important;} @@ -8797,9 +8300,9 @@ textarea{ .unround-tr-mxl{border-top-right-radius:0 !important;} .unround-br-mxl{border-bottom-right-radius:0 !important;} .unround-bl-mxl{border-bottom-left-radius:0 !important;} -.grid-mxl{display:flex !important;flex-wrap:wrap !important;} -.col-mxl{display:block;max-width:100%;flex-shrink:1;} -.col--auto-mxl{width:auto !important;flex:auto;flex-basis:0;} +.grid-mxl{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid-mxl > .col, .grid-mxl > .col-mm, .grid-mxl > .col-ml, .grid-mxl > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col-mxl{min-width:0;} .inline-mxl{display:inline !important;} .block-mxl{display:block !important;} .inline-block-mxl{display:inline-block !important;} @@ -8840,19 +8343,6 @@ textarea{ .flex--space-evenly-main-mxl{justify-content:space-evenly !important;} .flex-child-grow-mxl{flex-grow:1 !important;min-width:0;} .flex-child-no-shrink-mxl{flex-shrink:0 !important;} -.gridbox-mxl{display:grid !important;} -.inline-gridbox-mxl{display:inline-grid !important;} -.gridbox--row-mxl{grid-auto-flow:row !important;} -.gridbox--column-mxl{grid-auto-flow:column !important;} -.gridbox--dense-mxl{grid-auto-flow:dense !important;} -.gridbox--column-dense-mxl{grid-auto-flow:column dense !important;} -.gridbox--center-mxl{place-items:center !important;} -.gridbox--stretch-mxl{place-items:stretch !important;} -.gridbox--start-mxl{place-items:start !important;} -.gridbox--end-mxl{place-items:end !important;} -.gridbox--space-between-mxl{place-content:space-between !important;} -.gridbox--space-around-mxl{place-content:space-around !important;} -.gridbox--space-evenly-mxl{place-content:space-evenly !important;} .object-contain-mxl{object-fit:contain !important;} .object-cover-mxl{object-fit:cover !important;} .object-fill-mxl{object-fit:fill !important;} @@ -8869,26 +8359,16 @@ textarea{ .events-all-mxl{-webkit-touch-callout:default;pointer-events:all;} .unselectable-mxl{-webkit-user-select:none;user-select:none;} .selectable-mxl{-webkit-user-select:text;user-select:text;} -.grid--gut0-mxl{margin-left:-0;} -.grid--gut0-mxl > .col, .grid--gut0-mxl > .col-mm, .grid--gut0-mxl > .col-ml, .grid--gut0-mxl > .col-mxl{padding-left:0;} -.grid--gut12-mxl{margin-left:-12px;} -.grid--gut12-mxl > .col, .grid--gut12-mxl > .col-mm, .grid--gut12-mxl > .col-ml, .grid--gut12-mxl > .col-mxl{padding-left:12px;} -.grid--gut120-mxl{margin-left:-120px;} -.grid--gut120-mxl > .col, .grid--gut120-mxl > .col-mm, .grid--gut120-mxl > .col-ml, .grid--gut120-mxl > .col-mxl{padding-left:120px;} -.grid--gut18-mxl{margin-left:-18px;} -.grid--gut18-mxl > .col, .grid--gut18-mxl > .col-mm, .grid--gut18-mxl > .col-ml, .grid--gut18-mxl > .col-mxl{padding-left:18px;} -.grid--gut24-mxl{margin-left:-24px;} -.grid--gut24-mxl > .col, .grid--gut24-mxl > .col-mm, .grid--gut24-mxl > .col-ml, .grid--gut24-mxl > .col-mxl{padding-left:24px;} -.grid--gut3-mxl{margin-left:-3px;} -.grid--gut3-mxl > .col, .grid--gut3-mxl > .col-mm, .grid--gut3-mxl > .col-ml, .grid--gut3-mxl > .col-mxl{padding-left:3px;} -.grid--gut30-mxl{margin-left:-30px;} -.grid--gut30-mxl > .col, .grid--gut30-mxl > .col-mm, .grid--gut30-mxl > .col-ml, .grid--gut30-mxl > .col-mxl{padding-left:30px;} -.grid--gut36-mxl{margin-left:-36px;} -.grid--gut36-mxl > .col, .grid--gut36-mxl > .col-mm, .grid--gut36-mxl > .col-ml, .grid--gut36-mxl > .col-mxl{padding-left:36px;} -.grid--gut6-mxl{margin-left:-6px;} -.grid--gut6-mxl > .col, .grid--gut6-mxl > .col-mm, .grid--gut6-mxl > .col-ml, .grid--gut6-mxl > .col-mxl{padding-left:6px;} -.grid--gut60-mxl{margin-left:-60px;} -.grid--gut60-mxl > .col, .grid--gut60-mxl > .col-mm, .grid--gut60-mxl > .col-ml, .grid--gut60-mxl > .col-mxl{padding-left:60px;} +.grid--gut0-mxl{column-gap:0;} +.grid--gut3-mxl{column-gap:3px;} +.grid--gut6-mxl{column-gap:6px;} +.grid--gut12-mxl{column-gap:12px;} +.grid--gut18-mxl{column-gap:18px;} +.grid--gut24-mxl{column-gap:24px;} +.grid--gut30-mxl{column-gap:30px;} +.grid--gut36-mxl{column-gap:36px;} +.grid--gut60-mxl{column-gap:60px;} +.grid--gut120-mxl{column-gap:120px;} .my-neg1-mxl{margin-top:-1px !important;margin-bottom:-1px !important;} .mx-neg1-mxl{margin-left:-1px !important;margin-right:-1px !important;} .mt-neg1-mxl{margin-top:-1px !important;} @@ -9064,58 +8544,58 @@ textarea{ .mb360-mxl{margin-bottom:360px !important;} .ml360-mxl{margin-left:360px !important;} .mr-1\\/12-mxl{margin-right:8.3333% !important;} -.ml-1\\/12-mxl{margin-left:8.3333% !important;} -.w-1\\/12-mxl{width:8.3333% !important;} +.ml-1\\/12-mxl{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12-mxl{width:8.3333% !important;grid-column-end:span 1 !important;} .h-viewport-1\\/12-mxl{height:8.3333vh !important;} .hmax-viewport-1\\/12-mxl{max-height:8.3333vh !important;} .mr-1\\/6-mxl{margin-right:16.6666% !important;} -.ml-1\\/6-mxl{margin-left:16.6666% !important;} -.w-1\\/6-mxl{width:16.6666% !important;} +.ml-1\\/6-mxl{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6-mxl{width:16.6666% !important;grid-column-end:span 2 !important;} .h-viewport-1\\/6-mxl{height:16.6666vh !important;} .hmax-viewport-1\\/6-mxl{max-height:16.6666vh !important;} .mr-1\\/4-mxl{margin-right:25% !important;} -.ml-1\\/4-mxl{margin-left:25% !important;} -.w-1\\/4-mxl{width:25% !important;} +.ml-1\\/4-mxl{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4-mxl{width:25% !important;grid-column-end:span 3 !important;} .h-viewport-1\\/4-mxl{height:25vh !important;} .hmax-viewport-1\\/4-mxl{max-height:25vh !important;} .mr-1\\/3-mxl{margin-right:33.3333% !important;} -.ml-1\\/3-mxl{margin-left:33.3333% !important;} -.w-1\\/3-mxl{width:33.3333% !important;} +.ml-1\\/3-mxl{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3-mxl{width:33.3333% !important;grid-column-end:span 4 !important;} .h-viewport-1\\/3-mxl{height:33.3333vh !important;} .hmax-viewport-1\\/3-mxl{max-height:33.3333vh !important;} .mr-5\\/12-mxl{margin-right:41.6666% !important;} -.ml-5\\/12-mxl{margin-left:41.6666% !important;} -.w-5\\/12-mxl{width:41.6666% !important;} +.ml-5\\/12-mxl{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12-mxl{width:41.6666% !important;grid-column-end:span 5 !important;} .h-viewport-5\\/12-mxl{height:41.6666vh !important;} .hmax-viewport-5\\/12-mxl{max-height:41.6666vh !important;} .mr-1\\/2-mxl{margin-right:50% !important;} -.ml-1\\/2-mxl{margin-left:50% !important;} -.w-1\\/2-mxl{width:50% !important;} +.ml-1\\/2-mxl{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2-mxl{width:50% !important;grid-column-end:span 6 !important;} .h-viewport-1\\/2-mxl{height:50vh !important;} .hmax-viewport-1\\/2-mxl{max-height:50vh !important;} .mr-7\\/12-mxl{margin-right:58.3333% !important;} -.ml-7\\/12-mxl{margin-left:58.3333% !important;} -.w-7\\/12-mxl{width:58.3333% !important;} +.ml-7\\/12-mxl{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12-mxl{width:58.3333% !important;grid-column-end:span 7 !important;} .h-viewport-7\\/12-mxl{height:58.3333vh !important;} .hmax-viewport-7\\/12-mxl{max-height:58.3333vh !important;} .mr-2\\/3-mxl{margin-right:66.6666% !important;} -.ml-2\\/3-mxl{margin-left:66.6666% !important;} -.w-2\\/3-mxl{width:66.6666% !important;} +.ml-2\\/3-mxl{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3-mxl{width:66.6666% !important;grid-column-end:span 8 !important;} .h-viewport-2\\/3-mxl{height:66.6666vh !important;} .hmax-viewport-2\\/3-mxl{max-height:66.6666vh !important;} .mr-3\\/4-mxl{margin-right:75% !important;} -.ml-3\\/4-mxl{margin-left:75% !important;} -.w-3\\/4-mxl{width:75% !important;} +.ml-3\\/4-mxl{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4-mxl{width:75% !important;grid-column-end:span 9 !important;} .h-viewport-3\\/4-mxl{height:75vh !important;} .hmax-viewport-3\\/4-mxl{max-height:75vh !important;} .mr-5\\/6-mxl{margin-right:83.3333% !important;} -.ml-5\\/6-mxl{margin-left:83.3333% !important;} -.w-5\\/6-mxl{width:83.3333% !important;} +.ml-5\\/6-mxl{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6-mxl{width:83.3333% !important;grid-column-end:span 10 !important;} .h-viewport-5\\/6-mxl{height:83.3333vh !important;} .hmax-viewport-5\\/6-mxl{max-height:83.3333vh !important;} .mr-11\\/12-mxl{margin-right:91.6666% !important;} -.ml-11\\/12-mxl{margin-left:91.6666% !important;} -.w-11\\/12-mxl{width:91.6666% !important;} +.ml-11\\/12-mxl{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12-mxl{width:91.6666% !important;grid-column-end:span 11 !important;} .h-viewport-11\\/12-mxl{height:91.6666vh !important;} .hmax-viewport-11\\/12-mxl{max-height:91.6666vh !important;} .gap0-mxl{gap:0 !important;} @@ -9160,54 +8640,6 @@ textarea{ .gap360-mxl{gap:360px !important;} .gapx360-mxl{column-gap:360px !important;} .gapy360-mxl{row-gap:360px !important;} -.gridbox--cols1-mxl{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;} -.gridbox--rows1-mxl{grid-template-rows:repeat(1, minmax(0, 1fr)) !important;} -.gridbox-child-col1-mxl{grid-column:span 1 !important;} -.gridbox-child-row1-mxl{grid-row:span 1 !important;} -.gridbox--cols2-mxl{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} -.gridbox--rows2-mxl{grid-template-rows:repeat(2, minmax(0, 1fr)) !important;} -.gridbox-child-col2-mxl{grid-column:span 2 !important;} -.gridbox-child-row2-mxl{grid-row:span 2 !important;} -.gridbox--cols3-mxl{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;} -.gridbox--rows3-mxl{grid-template-rows:repeat(3, minmax(0, 1fr)) !important;} -.gridbox-child-col3-mxl{grid-column:span 3 !important;} -.gridbox-child-row3-mxl{grid-row:span 3 !important;} -.gridbox--cols4-mxl{grid-template-columns:repeat(4, minmax(0, 1fr)) !important;} -.gridbox--rows4-mxl{grid-template-rows:repeat(4, minmax(0, 1fr)) !important;} -.gridbox-child-col4-mxl{grid-column:span 4 !important;} -.gridbox-child-row4-mxl{grid-row:span 4 !important;} -.gridbox--cols5-mxl{grid-template-columns:repeat(5, minmax(0, 1fr)) !important;} -.gridbox--rows5-mxl{grid-template-rows:repeat(5, minmax(0, 1fr)) !important;} -.gridbox-child-col5-mxl{grid-column:span 5 !important;} -.gridbox-child-row5-mxl{grid-row:span 5 !important;} -.gridbox--cols6-mxl{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;} -.gridbox--rows6-mxl{grid-template-rows:repeat(6, minmax(0, 1fr)) !important;} -.gridbox-child-col6-mxl{grid-column:span 6 !important;} -.gridbox-child-row6-mxl{grid-row:span 6 !important;} -.gridbox--cols7-mxl{grid-template-columns:repeat(7, minmax(0, 1fr)) !important;} -.gridbox--rows7-mxl{grid-template-rows:repeat(7, minmax(0, 1fr)) !important;} -.gridbox-child-col7-mxl{grid-column:span 7 !important;} -.gridbox-child-row7-mxl{grid-row:span 7 !important;} -.gridbox--cols8-mxl{grid-template-columns:repeat(8, minmax(0, 1fr)) !important;} -.gridbox--rows8-mxl{grid-template-rows:repeat(8, minmax(0, 1fr)) !important;} -.gridbox-child-col8-mxl{grid-column:span 8 !important;} -.gridbox-child-row8-mxl{grid-row:span 8 !important;} -.gridbox--cols9-mxl{grid-template-columns:repeat(9, minmax(0, 1fr)) !important;} -.gridbox--rows9-mxl{grid-template-rows:repeat(9, minmax(0, 1fr)) !important;} -.gridbox-child-col9-mxl{grid-column:span 9 !important;} -.gridbox-child-row9-mxl{grid-row:span 9 !important;} -.gridbox--cols10-mxl{grid-template-columns:repeat(10, minmax(0, 1fr)) !important;} -.gridbox--rows10-mxl{grid-template-rows:repeat(10, minmax(0, 1fr)) !important;} -.gridbox-child-col10-mxl{grid-column:span 10 !important;} -.gridbox-child-row10-mxl{grid-row:span 10 !important;} -.gridbox--cols11-mxl{grid-template-columns:repeat(11, minmax(0, 1fr)) !important;} -.gridbox--rows11-mxl{grid-template-rows:repeat(11, minmax(0, 1fr)) !important;} -.gridbox-child-col11-mxl{grid-column:span 11 !important;} -.gridbox-child-row11-mxl{grid-row:span 11 !important;} -.gridbox--cols12-mxl{grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.gridbox--rows12-mxl{grid-template-rows:repeat(12, minmax(0, 1fr)) !important;} -.gridbox-child-col12-mxl{grid-column:span 12 !important;} -.gridbox-child-row12-mxl{grid-row:span 12 !important;} .aspect-auto-mxl{aspect-ratio:auto !important;} .aspect-1\\/1-mxl{aspect-ratio:1/1 !important;} .aspect-4\\/3-mxl{aspect-ratio:4/3 !important;} diff --git a/test/build-css.jest.js b/test/build-css.jest.js index 64971cef..526511be 100644 --- a/test/build-css.jest.js +++ b/test/build-css.jest.js @@ -71,24 +71,36 @@ describe('buildCss', () => { 'background-color': '#0F71FA !important' }); expect(declsForSelector(stripped, '.w-1\\/2')).toEqual({ - width: '50% !important' + width: '50% !important', + 'grid-column-end': 'span 6 !important' + }); + expect(declsForSelector(stripped, '.w-1\\/3')).toEqual({ + width: '33.3333% !important', + 'grid-column-end': 'span 4 !important' + }); + expect(declsForSelector(stripped, '.ml-1\\/2')).toEqual({ + 'margin-left': '50% !important', + 'grid-column-start': '7 !important' }); expect(declsForSelector(stripped, '.grid--gut12')).toEqual({ - 'margin-left': '-12px' + 'column-gap': '12px' }); expect(declsForSelector(stripped, '.gap12')).toEqual({ gap: '12px !important' }); expect(declsForSelector(stripped, '.grid')).toEqual({ - display: 'flex !important', - 'flex-wrap': 'wrap !important' - }); - expect(declsForSelector(stripped, '.gridbox')).toEqual({ - display: 'grid !important' - }); - expect(declsForSelector(stripped, '.gridbox--cols3')).toEqual({ - 'grid-template-columns': 'repeat(3, minmax(0, 1fr)) !important' - }); + display: 'grid !important', + 'grid-template-columns': 'repeat(12, minmax(0, 1fr)) !important' + }); + expect(declsForSelector(stripped, '.grid > .col')).toEqual({ + 'grid-column-end': 'span 12', + width: 'auto !important', + 'margin-left': '0 !important', + 'margin-right': '0 !important' + }); + expect(declsForSelector(stripped, '.col')).toEqual({ 'min-width': '0' }); + expect(stripped).not.toContain('gridbox'); + expect(stripped).not.toContain('col--auto'); expect(declsForSelector(stripped, '.aspect-16\\/9')).toEqual({ 'aspect-ratio': '16/9 !important' }); diff --git a/test/examples-jit.jest.js b/test/examples-jit.jest.js index f2a25732..fa563765 100644 --- a/test/examples-jit.jest.js +++ b/test/examples-jit.jest.js @@ -61,10 +61,9 @@ describe('examples/jit', () => { 'py24', 'bg-red', 'gap24', - 'grid', + 'grid-mm', 'grid--gut12', - 'gridbox--cols3', - 'gridbox--cols12', + 'w-1/2-ml', 'flex-mm', 'animation-pulse' ].forEach(name => { diff --git a/test/preset.jest.js b/test/preset.jest.js index 8e028148..21584127 100644 --- a/test/preset.jest.js +++ b/test/preset.jest.js @@ -30,11 +30,11 @@ describe('presetAssembly', () => { expect(preset.safelist).toContain('grid--gut12-ml'); expect(preset.safelist).toContain('gap12'); expect(preset.safelist).toContain('gap12-mm'); - expect(preset.safelist).toContain('gridbox'); - expect(preset.safelist).toContain('gridbox-mm'); - expect(preset.safelist).toContain('gridbox--cols3'); - expect(preset.safelist).toContain('gridbox--cols3-ml'); - expect(preset.safelist).toContain('gridbox-child-col2'); + expect(preset.safelist).toContain('grid'); + expect(preset.safelist).toContain('grid-mm'); + expect(preset.safelist.some(token => token.includes('gridbox'))).toBe( + false + ); expect(preset.safelist).toContain('aspect-16/9'); expect(preset.safelist).toContain('aspect-16/9-ml'); expect(preset.safelist).toContain('object-cover'); @@ -50,38 +50,47 @@ describe('presetAssembly', () => { test('JIT generate emits only requested utilities', async () => { const css = await generateJit( - 'px12 flex bg-blue gap12 gridbox gridbox--cols3 rotate30 translate-x48 w-2/5 mt48 mr-2/5' + 'px12 flex bg-blue gap12 grid rotate30 translate-x48 w-2/5 mt48 mr-2/5' ); expect(css).toContain('.px12'); expect(css).toContain('.flex'); expect(css).toContain('.bg-blue'); expect(css).toContain('.gap12'); - expect(css).toContain('.gridbox'); - expect(css).toContain('.gridbox--cols3'); + expect(css).toContain( + '.grid{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;}' + ); + expect(css).toContain('.grid > .col, .grid > .col-mm'); expect(css).toContain('.rotate30'); expect(css).toContain('rotate:30deg'); expect(css).toContain('.translate-x48'); expect(css).toContain('translate:48px 0'); expect(css).toContain('.w-2\\/5'); - expect(css).toContain('width:40%'); + expect(css).toContain('width:40% !important;}'); expect(css).not.toContain('.mt48'); expect(css).not.toContain('.mr-2\\/5'); expect(css).not.toContain('.px24'); expect(css).not.toContain('.flex-mm'); expect(css).not.toContain('.bg-red'); expect(css).not.toContain('.gap24'); - expect(css).not.toContain('.gridbox--cols4'); + expect(css).not.toContain('.grid--gut'); }); test('media variants wrap color utilities', async () => { - const css = await generateJit('bg-blue-mm btn--red-ml grid--gut12-mxl'); + const css = await generateJit( + 'bg-blue-mm btn--red-ml grid-ml grid--gut12-mxl' + ); expect(css).toMatch( /@media \(--m-screen\)\{\n\.bg-blue-mm\{background-color:var\(--blue\) !important;\}/ ); expect(css).toContain( '.btn--stroke.btn--red-ml:hover, .btn--stroke.btn--red-ml.is-active' ); - expect(css).toContain('.grid--gut12-mxl > .col'); + expect(css).toMatch( + /@media \(--l-screen\)\{\n\.grid-ml\{[^}]*\}\n\.grid-ml > \.col,/ + ); + expect(css).toMatch( + /@media \(--xl-screen\)\{\n\.grid--gut12-mxl\{column-gap:12px;\}/ + ); expect(css).not.toMatch(/\.bg-blue\{/); expect(css).not.toMatch(/\.btn--red[{:.,\s]/); }); From 68bde58d1931a84e3cb805405bbcc3cc200bc783 Mon Sep 17 00:00:00 2001 From: tristen Date: Mon, 19 Oct 2026 13:31:12 -0400 Subject: [PATCH 4/8] Remove on-demand viewport/width definitions --- CHANGELOG.md | 2 +- examples/jit/assembly.css | 5 ----- examples/jit/index.html | 18 +++++------------- src/preset/layout-scales.js | 31 ------------------------------- test/preset.jest.js | 4 +--- 5 files changed, 7 insertions(+), 53 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 5f77f509..3bc95335 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,7 +6,7 @@ - [add] Export `presetAssembly()` for on-demand UnoCSS builds that keep Assembly class names. Pass `{ safelist: true }` only when you want the full prebuilt utility set. - [add] `gap{size}`, `gapx{size}`, and `gapy{size}` on the padding scale, with `*-mm` / `*-ml` / `*-mxl` variants. Use with `flex` or `gridbox`; do not combine with `grid--gut*` or percentage `w-*` columns on `grid`. - [add] CSS Grid via `gridbox` / `inline-gridbox`, `gridbox--cols{n}` / `gridbox--rows{n}` (1–12), child spans, auto-flow, and alignment. The existing `grid` / `col` 12-column flex system is unchanged. -- [add] `examples/jit` — a sample app that generates only the utilities used in its markup (no reset or component preflight). On-demand builds can also emit off-scale transforms (`rotate*`, `scale*`, `translate-*`) and arbitrary percentage sizes (`w-2/5`, `h-viewport-2/5`); pixel utilities stay on the documented scale. +- [add] `examples/jit` — a sample app that generates only the utilities used in its markup (no reset or component preflight). On-demand builds can also emit off-scale transforms (`rotate*`, `scale*`, `translate-*`); pixel utilities stay on the documented scale. - [add] `aspect-{ratio}` / `aspect-auto`, `object-{contain,cover,fill,none,scale-down}`, `flex--space-around-main` / `flex--space-evenly-main`, `gridbox--space-around` / `gridbox--space-evenly`, and transform utilities (`rotate{deg}`, `scale{percent}`, `translate-x{n}` / `translate-y{n}`). - [internal] Assembly utilities are UnoCSS rules in `src/preset/`. Reset and component CSS live in `src/preset/base.css`. The package build is `src/build-*.js`. The documentation site is VitePress under `docs/`. diff --git a/examples/jit/assembly.css b/examples/jit/assembly.css index e7c349fa..704d5e4f 100644 --- a/examples/jit/assembly.css +++ b/examples/jit/assembly.css @@ -21,19 +21,14 @@ .mb12{margin-bottom:12px !important;} .mt18{margin-top:18px !important;} .mb18{margin-bottom:18px !important;} -.ml36{margin-left:36px !important;} .gap12{gap:12px !important;} -.py6{padding-top:6px !important;padding-bottom:6px !important;} -.px6{padding-left:6px !important;padding-right:6px !important;} .px12{padding-left:12px !important;padding-right:12px !important;} .py18{padding-top:18px !important;padding-bottom:18px !important;} .w60{width:60px !important;} -.w-full{width:100% !important;} .wmax600{max-width:600px !important;} .h60{height:60px !important;} .rotate30{rotate:30deg !important;} .translate-x48{translate:48px 0 !important;} -.w-2\/5{width:40% !important;} @media screen and (min-width: 800px){ .w-1\/3-ml{width:33.3333% !important;grid-column-end:span 4 !important;} .w-2\/3-ml{width:66.6666% !important;grid-column-end:span 8 !important;} diff --git a/examples/jit/index.html b/examples/jit/index.html index 58ed658b..7ee6e3af 100644 --- a/examples/jit/index.html +++ b/examples/jit/index.html @@ -56,20 +56,12 @@

Tree-shaken

Values outside the prebuilt scale

- Pixel utilities stay on the documented scale. Transforms and - percentage widths do not, so on-demand CSS can emit - rotate30, - translate-x48, and - w-2/5. + Pixel utilities stay on the documented scale. Transforms do not, so + on-demand CSS can emit + rotate30 and + translate-x48.

-
-
-
-
- w-2/5 -
-
-
+
diff --git a/src/preset/layout-scales.js b/src/preset/layout-scales.js index 9b54bdbd..96003ed4 100644 --- a/src/preset/layout-scales.js +++ b/src/preset/layout-scales.js @@ -22,12 +22,6 @@ function fractionName(raw) { return raw.replace(/\\/g, ''); } -function fractionPercent(numer, denom) { - const d = Number(denom); - if (!d) return; - return (Number(numer) / d) * 100; -} - function rotateDeg(scale) { if (String(scale).indexOf('neg') !== -1) { return `-${String(scale).replace('-neg', '')}deg`; @@ -209,31 +203,6 @@ function layoutScaleRules() { ([, scale]) => ({ scale: important(String(Number(scale) / 100)) }) ]); - rules.push([ - /^w-(\d+)\/(\d+)$/, - ([, numer, denom]) => { - const pct = fractionPercent(numer, denom); - if (pct == null) return; - const decls = { width: important(`${pct}%`) }; - const span = (numer * 12) / denom; - if (Number.isInteger(span) && span > 0 && span <= 12) { - decls['grid-column-end'] = important(`span ${span}`); - } - return decls; - } - ]); - - rules.push([ - /^(h|hmax)-viewport-(\d+)\/(\d+)$/, - ([, prefix, numer, denom]) => { - const pct = fractionPercent(numer, denom); - if (pct == null) return; - const value = important(`${pct}vh`); - if (prefix === 'h') return { height: value }; - return { 'max-height': value }; - } - ]); - return { rules, safelist }; } diff --git a/test/preset.jest.js b/test/preset.jest.js index 21584127..f62e23aa 100644 --- a/test/preset.jest.js +++ b/test/preset.jest.js @@ -50,7 +50,7 @@ describe('presetAssembly', () => { test('JIT generate emits only requested utilities', async () => { const css = await generateJit( - 'px12 flex bg-blue gap12 grid rotate30 translate-x48 w-2/5 mt48 mr-2/5' + 'px12 flex bg-blue gap12 grid rotate30 translate-x48 mt48 mr-2/5' ); expect(css).toContain('.px12'); expect(css).toContain('.flex'); @@ -64,8 +64,6 @@ describe('presetAssembly', () => { expect(css).toContain('rotate:30deg'); expect(css).toContain('.translate-x48'); expect(css).toContain('translate:48px 0'); - expect(css).toContain('.w-2\\/5'); - expect(css).toContain('width:40% !important;}'); expect(css).not.toContain('.mt48'); expect(css).not.toContain('.mr-2\\/5'); expect(css).not.toContain('.px24'); From be4fa7d6a7e222a7ccc8be3df39d54930252530c Mon Sep 17 00:00:00 2001 From: tristen Date: Mon, 19 Oct 2026 14:32:27 -0400 Subject: [PATCH 5/8] Add relevannt CSS candidates from Studio --- CHANGELOG.md | 2 + docs/documentation/animations.md | 14 + docs/documentation/miscellaneous.md | 26 + docs/documentation/typography.md | 2 +- src/preset/base.css | 44 + src/preset/utilities.js | 20 +- src/preset/variants.js | 4 +- test/__snapshots__/build-css.jest.js.snap | 10044 ++++++++++---------- test/preset.jest.js | 6 +- 9 files changed, 5182 insertions(+), 4980 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 3bc95335..3c535c2f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -8,6 +8,8 @@ - [add] CSS Grid via `gridbox` / `inline-gridbox`, `gridbox--cols{n}` / `gridbox--rows{n}` (1–12), child spans, auto-flow, and alignment. The existing `grid` / `col` 12-column flex system is unchanged. - [add] `examples/jit` — a sample app that generates only the utilities used in its markup (no reset or component preflight). On-demand builds can also emit off-scale transforms (`rotate*`, `scale*`, `translate-*`); pixel utilities stay on the documented scale. - [add] `aspect-{ratio}` / `aspect-auto`, `object-{contain,cover,fill,none,scale-down}`, `flex--space-around-main` / `flex--space-evenly-main`, `gridbox--space-around` / `gridbox--space-evenly`, and transform utilities (`rotate{deg}`, `scale{percent}`, `translate-x{n}` / `translate-y{n}`). +- [breaking] `txt-break-word` uses `overflow-wrap: anywhere`, so words break only when they would overflow, instead of `word-break: break-all`. +- [add] `animation-shimmer`, `visible-on-parent-hover`, `bg-canvas`, and `bg-canvas--dark`. - [internal] Assembly utilities are UnoCSS rules in `src/preset/`. Reset and component CSS live in `src/preset/base.css`. The package build is `src/build-*.js`. The documentation site is VitePress under `docs/`. ## 1.16.0 diff --git a/docs/documentation/animations.md b/docs/documentation/animations.md index 45567baa..4b36bc08 100644 --- a/docs/documentation/animations.md +++ b/docs/documentation/animations.md @@ -22,6 +22,20 @@ Transition and reaction animations. By default, these run once for 1.5 seconds.
``` +```selectors +.animation-shimmer +``` + +Sweep a highlight across an element to show it is loading or updating. Works on any background color except white. Runs infinitely for 1.5 seconds per sweep; use the speed and delay modifiers below to change it. + +```example +
+
+
+
+
+``` + ```selectors .animation--speed-025 .animation--speed-05 diff --git a/docs/documentation/miscellaneous.md b/docs/documentation/miscellaneous.md index 5289be2e..ccd0bdf7 100644 --- a/docs/documentation/miscellaneous.md +++ b/docs/documentation/miscellaneous.md @@ -38,6 +38,32 @@ Use `color-*` classes to apply a custom color to the spinner handle. ``` +```selectors +.visible-on-parent-hover +``` + +Hide an element until its parent is hovered or contains keyboard focus. + +```example +
+ Hover this row + +
+``` + +```selectors +.bg-canvas +.bg-canvas--dark +``` + +Fill an element with a checkerboard, for previewing transparent images and colors. +On dark backgrounds, add the `bg-canvas--dark` modifier. + +```example +
+
+``` + ```selectors .events-none ``` diff --git a/docs/documentation/typography.md b/docs/documentation/typography.md index cbd6a9b3..27cb3d52 100644 --- a/docs/documentation/typography.md +++ b/docs/documentation/typography.md @@ -302,7 +302,7 @@ Prevent text from wrapping. .txt-break-word ``` -Allow words to break across lines. +Break a word across lines only when it would overflow its container. ```example
diff --git a/src/preset/base.css b/src/preset/base.css index a8149fa7..5237ec37 100644 --- a/src/preset/base.css +++ b/src/preset/base.css @@ -1055,6 +1055,13 @@ textarea { display: block !important; clear: both !important; } +.visible-on-parent-hover { + visibility: hidden; +} +:hover > .visible-on-parent-hover, +:focus-within > .visible-on-parent-hover { + visibility: visible; +} @keyframes pulse { 0% { transform: scale(0.5); @@ -1118,6 +1125,43 @@ textarea { transform: translate3d(12px, 0, 0); } } +.animation-shimmer { + position: relative; + overflow: hidden; + animation-duration: 1.5s; + animation-iteration-count: infinite; +} +.animation-shimmer::before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + pointer-events: none; + animation-name: shimmer; + animation-duration: inherit; + animation-delay: inherit; + animation-iteration-count: inherit; + background-image: linear-gradient( + to right, + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.8), + rgba(255, 255, 255, 0) + ); + background-size: 50% 100%; + background-repeat: no-repeat; + mix-blend-mode: soft-light; +} +@keyframes shimmer { + from { + background-position: -100%; + } + to { + background-position: 200%; + } +} .scroll-styled::-webkit-scrollbar { width: 6px; height: 6px; diff --git a/src/preset/utilities.js b/src/preset/utilities.js index cd3666fd..d996fbbe 100644 --- a/src/preset/utilities.js +++ b/src/preset/utilities.js @@ -2,6 +2,15 @@ const { withMediaClasses } = require('./media-classes'); +function canvasImage(color) { + return [ + `linear-gradient(-45deg, transparent 75%, ${color} 75%)`, + `linear-gradient(45deg, transparent 75%, ${color} 75%)`, + `linear-gradient(45deg, ${color} 25%, transparent 25%)`, + `linear-gradient(-45deg, ${color} 25%, transparent 25%)` + ].join(', '); +} + const UTILITY_RULES = [ ['table--fixed', { 'table-layout': 'fixed' }], [ @@ -255,7 +264,7 @@ const UTILITY_RULES = [ ['txt-capitalize-first', { 'text-transform': 'lowercase !important' }], ['txt-underline', { 'text-decoration': 'underline !important' }], ['txt-nowrap', { 'white-space': 'nowrap !important' }], - ['txt-break-word', { 'word-break': 'break-all !important' }], + ['txt-break-word', { 'overflow-wrap': 'anywhere !important' }], [ 'txt-truncate', { @@ -675,6 +684,15 @@ const UTILITY_RULES = [ } ], ['loading--s', { height: '18px', width: '18px' }], + [ + 'bg-canvas', + { + 'background-image': canvasImage('var(--gray-faint)'), + 'background-size': '12px 12px', + 'background-position': '0 0, 0 -6px, 6px 0, -6px -6px' + } + ], + ['bg-canvas--dark', { 'background-image': canvasImage('var(--lighten10)') }], [ 'events-none', { '-webkit-touch-callout': 'none', 'pointer-events': 'none' } diff --git a/src/preset/variants.js b/src/preset/variants.js index bd59dc55..4c4289ac 100644 --- a/src/preset/variants.js +++ b/src/preset/variants.js @@ -1,5 +1,7 @@ 'use strict'; +const MEDIA_ORDER = { m: 1, l: 2, xl: 3 }; + function mediaVariant() { return { name: 'assembly-media', @@ -8,7 +10,7 @@ function mediaVariant() { if (!found) return; return { matcher: found[1], - parent: `@media (--${found[2]}-screen)` + parent: [`@media (--${found[2]}-screen)`, MEDIA_ORDER[found[2]]] }; } }; diff --git a/test/__snapshots__/build-css.jest.js.snap b/test/__snapshots__/build-css.jest.js.snap index 400d8174..a205588a 100644 --- a/test/__snapshots__/build-css.jest.js.snap +++ b/test/__snapshots__/build-css.jest.js.snap @@ -1047,6 +1047,13 @@ textarea{ display:block !important; clear:both !important; } +.visible-on-parent-hover{ + visibility:hidden; +} +:hover > .visible-on-parent-hover, +:focus-within > .visible-on-parent-hover{ + visibility:visible; +} @keyframes pulse{ 0%{ transform:scale(0.5); @@ -1110,6 +1117,43 @@ textarea{ transform:translate3d(12px, 0, 0); } } +.animation-shimmer{ + position:relative; + overflow:hidden; + animation-duration:1.5s; + animation-iteration-count:infinite; +} +.animation-shimmer::before{ + content:''; + position:absolute; + top:0; + right:0; + bottom:0; + left:0; + z-index:2; + pointer-events:none; + animation-name:shimmer; + animation-duration:inherit; + animation-delay:inherit; + animation-iteration-count:inherit; + background-image:linear-gradient( + to right, + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.8), + rgba(255, 255, 255, 0) + ); + background-size:50% 100%; + background-repeat:no-repeat; + mix-blend-mode:soft-light; +} +@keyframes shimmer{ + from{ + background-position:-100%; + } + to{ + background-position:200%; + } +} .scroll-styled::-webkit-scrollbar{ width:6px; height:6px; @@ -1205,7 +1249,7 @@ textarea{ .txt-capitalize{text-transform:capitalize !important;} .txt-underline{text-decoration:underline !important;} .txt-nowrap{white-space:nowrap !important;} -.txt-break-word{word-break:break-all !important;} +.txt-break-word{overflow-wrap:anywhere !important;} .txt-truncate{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .txt-spacing05{letter-spacing:0.05em !important;} .txt-spacing1{letter-spacing:0.1em !important;} @@ -1372,6 +1416,8 @@ textarea{ .animation--infinite{animation-iteration-count:infinite;} .loading--dark{color:#fff;border-left-color:rgba(255, 255, 255, 0.25);border-right-color:rgba(255, 255, 255, 0.25);border-bottom-color:rgba(255, 255, 255, 0.25);} .loading--s{height:18px;width:18px;} +.bg-canvas{background-image:linear-gradient(-45deg, transparent 75%, #F7F8F8 75%), linear-gradient(45deg, transparent 75%, #F7F8F8 75%), linear-gradient(45deg, #F7F8F8 25%, transparent 25%), linear-gradient(-45deg, #F7F8F8 25%, transparent 25%);background-size:12px 12px;background-position:0 0, 0 -6px, 6px 0, -6px -6px;} +.bg-canvas--dark{background-image:linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.1) 75%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.1) 75%), linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%);} .events-none{-webkit-touch-callout:none;pointer-events:none;} .events-all{-webkit-touch-callout:default;pointer-events:all;} .unselectable{-webkit-user-select:none;user-select:none;} @@ -1932,4981 +1978,675 @@ textarea{ .hmin-full{min-height:100% !important;} .h-viewport-full{height:100vh !important;} .hmax-viewport-full{max-height:100vh !important;} -@media screen and (min-width: 760px){ -.txt-h1-ml{font-size:36px;line-height:45px;} -.txt-h2-ml{font-size:30px;line-height:36px;} -.txt-h3-ml{font-size:24px;line-height:30px;} -.txt-h4-ml{font-size:20px;line-height:25px;} -.txt-h5-ml{font-size:16px;line-height:20px;} -.txt-xl-ml{font-size:30px;line-height:45px;} -.txt-l-ml{font-size:20px;line-height:30px;} -.txt-m-ml{font-size:16px;line-height:24px;} -.txt-ms-ml{font-size:14px;line-height:21px;} -.txt-s-ml{font-size:12px;line-height:18px;} -.txt-xs-ml{font-size:10px;line-height:15px;} -.border-ml{border-style:solid;border-width:1px;} -.border-t-ml{border-style:solid;border-top-width:1px;} -.border-r-ml{border-style:solid;border-right-width:1px;} -.border-b-ml{border-style:solid;border-bottom-width:1px;} -.border-l-ml{border-style:solid;border-left-width:1px;} -.border--0-ml{border-width:0 !important;} -.border-t--0-ml{border-top-width:0 !important;} -.border-r--0-ml{border-right-width:0 !important;} -.border-b--0-ml{border-bottom-width:0 !important;} -.border-l--0-ml{border-left-width:0 !important;} -.round-ml{border-radius:4px !important;} -.round-t-ml{border-radius:4px 4px 0 0 !important;} -.round-r-ml{border-radius:0 4px 4px 0 !important;} -.round-b-ml{border-radius:0 0 4px 4px !important;} -.round-l-ml{border-radius:4px 0 0 4px !important;} -.round-tl-ml{border-top-left-radius:4px !important;} -.round-tr-ml{border-top-right-radius:4px !important;} -.round-br-ml{border-bottom-right-radius:4px !important;} -.round-bl-ml{border-bottom-left-radius:4px !important;} -.round-bold-ml{border-radius:8px !important;} -.round-t-bold-ml{border-radius:8px 8px 0 0 !important;} -.round-r-bold-ml{border-radius:0 8px 8px 0 !important;} -.round-b-bold-ml{border-radius:0 0 8px 8px !important;} -.round-l-bold-ml{border-radius:8px 0 0 8px !important;} -.round-tl-bold-ml{border-top-left-radius:8px !important;} -.round-tr-bold-ml{border-top-right-radius:8px !important;} -.round-br-bold-ml{border-bottom-right-radius:8px !important;} -.round-bl-bold-ml{border-bottom-left-radius:8px !important;} -.round-full-ml{border-radius:9999px !important;} -.round-t-full-ml{border-radius:9999px 9999px 0 0 !important;} -.round-r-full-ml{border-radius:0 9999px 9999px 0 !important;} -.round-b-full-ml{border-radius:0 0 9999px 9999px !important;} -.round-l-full-ml{border-radius:9999px 0 0 9999px !important;} -.round-tl-full-ml{border-top-left-radius:9999px !important;} -.round-tr-full-ml{border-top-right-radius:9999px !important;} -.round-br-full-ml{border-bottom-right-radius:9999px !important;} -.round-bl-full-ml{border-bottom-left-radius:9999px !important;} -.unround-ml{border-radius:0 !important;} -.unround-t-ml{border-top-left-radius:0 !important;border-top-right-radius:0 !important;} -.unround-r-ml{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;} -.unround-b-ml{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;} -.unround-l-ml{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;} -.unround-tl-ml{border-top-left-radius:0 !important;} -.unround-tr-ml{border-top-right-radius:0 !important;} -.unround-br-ml{border-bottom-right-radius:0 !important;} -.unround-bl-ml{border-bottom-left-radius:0 !important;} -.grid-ml{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.grid-ml > .col, .grid-ml > .col-mm, .grid-ml > .col-ml, .grid-ml > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} -.col-ml{min-width:0;} -.inline-ml{display:inline !important;} -.block-ml{display:block !important;} -.inline-block-ml{display:inline-block !important;} -.none-ml{display:none !important;} -.fixed-ml{position:fixed !important;} -.absolute-ml{position:absolute !important;} -.relative-ml{position:relative !important;} -.static-ml{position:static !important;} -.sticky-ml{position:sticky !important;} -.top-ml{top:0 !important;} -.right-ml{right:0 !important;} -.left-ml{left:0 !important;} -.bottom-ml{bottom:0 !important;} -.z-neg1-ml{z-index:-1 !important;} -.z0-ml{z-index:0 !important;} -.z1-ml{z-index:1 !important;} -.z2-ml{z-index:2 !important;} -.z3-ml{z-index:3 !important;} -.z4-ml{z-index:4 !important;} -.z5-ml{z-index:5 !important;} -.mx-auto-ml{margin-left:auto !important;margin-right:auto !important;} -.flex-ml{display:flex !important;} -.inline-flex-ml{display:inline-flex !important;} -.flex--column-ml{flex-direction:column !important;} -.flex--column-reverse-ml{flex-direction:column-reverse !important;} -.flex--row-ml{flex-direction:row !important;} -.flex--row-reverse-ml{flex-direction:row-reverse !important;} -.flex--center-main-ml{justify-content:center !important;} -.flex--center-cross-ml{align-items:center !important;} -.flex--start-cross-ml{align-items:flex-start !important;} -.flex--start-main-ml{justify-content:flex-start !important;} -.flex--end-cross-ml{align-items:flex-end !important;} -.flex--end-main-ml{justify-content:flex-end !important;} -.flex--wrap-ml{flex-wrap:wrap !important;} -.flex--stretch-cross-ml{align-items:stretch !important;} -.flex--space-between-main-ml{justify-content:space-between !important;} -.flex--space-around-main-ml{justify-content:space-around !important;} -.flex--space-evenly-main-ml{justify-content:space-evenly !important;} -.flex-child-grow-ml{flex-grow:1 !important;min-width:0;} -.flex-child-no-shrink-ml{flex-shrink:0 !important;} -.object-contain-ml{object-fit:contain !important;} -.object-cover-ml{object-fit:cover !important;} -.object-fill-ml{object-fit:fill !important;} -.object-none-ml{object-fit:none !important;} -.object-scale-down-ml{object-fit:scale-down !important;} -.bleed-ml{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} -.bleed-r-ml{flex-grow:1;margin-right:calc(50% - 50vw);} -.bleed-l-ml{flex-grow:1;margin-left:calc(50% - 50vw);} -.unbleed-ml{flex-grow:0;margin-left:0;margin-right:0;} -.fl-ml{float:left !important;} -.fr-ml{float:right !important;} -.unfloat-ml{float:none !important;} -.events-none-ml{-webkit-touch-callout:none;pointer-events:none;} -.events-all-ml{-webkit-touch-callout:default;pointer-events:all;} -.unselectable-ml{-webkit-user-select:none;user-select:none;} -.selectable-ml{-webkit-user-select:text;user-select:text;} -.grid--gut0-ml{column-gap:0;} -.grid--gut3-ml{column-gap:3px;} -.grid--gut6-ml{column-gap:6px;} -.grid--gut12-ml{column-gap:12px;} -.grid--gut18-ml{column-gap:18px;} -.grid--gut24-ml{column-gap:24px;} -.grid--gut30-ml{column-gap:30px;} -.grid--gut36-ml{column-gap:36px;} -.grid--gut60-ml{column-gap:60px;} -.grid--gut120-ml{column-gap:120px;} -.my-neg1-ml{margin-top:-1px !important;margin-bottom:-1px !important;} -.mx-neg1-ml{margin-left:-1px !important;margin-right:-1px !important;} -.mt-neg1-ml{margin-top:-1px !important;} -.mr-neg1-ml{margin-right:-1px !important;} -.mb-neg1-ml{margin-bottom:-1px !important;} -.ml-neg1-ml{margin-left:-1px !important;} -.my-neg2-ml{margin-top:-2px !important;margin-bottom:-2px !important;} -.mx-neg2-ml{margin-left:-2px !important;margin-right:-2px !important;} -.mt-neg2-ml{margin-top:-2px !important;} -.mr-neg2-ml{margin-right:-2px !important;} -.mb-neg2-ml{margin-bottom:-2px !important;} -.ml-neg2-ml{margin-left:-2px !important;} -.my-neg3-ml{margin-top:-3px !important;margin-bottom:-3px !important;} -.mx-neg3-ml{margin-left:-3px !important;margin-right:-3px !important;} -.mt-neg3-ml{margin-top:-3px !important;} -.mr-neg3-ml{margin-right:-3px !important;} -.mb-neg3-ml{margin-bottom:-3px !important;} -.ml-neg3-ml{margin-left:-3px !important;} -.my-neg6-ml{margin-top:-6px !important;margin-bottom:-6px !important;} -.mx-neg6-ml{margin-left:-6px !important;margin-right:-6px !important;} -.mt-neg6-ml{margin-top:-6px !important;} -.mr-neg6-ml{margin-right:-6px !important;} -.mb-neg6-ml{margin-bottom:-6px !important;} -.ml-neg6-ml{margin-left:-6px !important;} -.my-neg12-ml{margin-top:-12px !important;margin-bottom:-12px !important;} -.mx-neg12-ml{margin-left:-12px !important;margin-right:-12px !important;} -.mt-neg12-ml{margin-top:-12px !important;} -.mr-neg12-ml{margin-right:-12px !important;} -.mb-neg12-ml{margin-bottom:-12px !important;} -.ml-neg12-ml{margin-left:-12px !important;} -.my-neg18-ml{margin-top:-18px !important;margin-bottom:-18px !important;} -.mx-neg18-ml{margin-left:-18px !important;margin-right:-18px !important;} -.mt-neg18-ml{margin-top:-18px !important;} -.mr-neg18-ml{margin-right:-18px !important;} -.mb-neg18-ml{margin-bottom:-18px !important;} -.ml-neg18-ml{margin-left:-18px !important;} -.my-neg24-ml{margin-top:-24px !important;margin-bottom:-24px !important;} -.mx-neg24-ml{margin-left:-24px !important;margin-right:-24px !important;} -.mt-neg24-ml{margin-top:-24px !important;} -.mr-neg24-ml{margin-right:-24px !important;} -.mb-neg24-ml{margin-bottom:-24px !important;} -.ml-neg24-ml{margin-left:-24px !important;} -.my-neg30-ml{margin-top:-30px !important;margin-bottom:-30px !important;} -.mx-neg30-ml{margin-left:-30px !important;margin-right:-30px !important;} -.mt-neg30-ml{margin-top:-30px !important;} -.mr-neg30-ml{margin-right:-30px !important;} -.mb-neg30-ml{margin-bottom:-30px !important;} -.ml-neg30-ml{margin-left:-30px !important;} -.my-neg36-ml{margin-top:-36px !important;margin-bottom:-36px !important;} -.mx-neg36-ml{margin-left:-36px !important;margin-right:-36px !important;} -.mt-neg36-ml{margin-top:-36px !important;} -.mr-neg36-ml{margin-right:-36px !important;} -.mb-neg36-ml{margin-bottom:-36px !important;} -.ml-neg36-ml{margin-left:-36px !important;} -.my-neg60-ml{margin-top:-60px !important;margin-bottom:-60px !important;} -.mx-neg60-ml{margin-left:-60px !important;margin-right:-60px !important;} -.mt-neg60-ml{margin-top:-60px !important;} -.mr-neg60-ml{margin-right:-60px !important;} -.mb-neg60-ml{margin-bottom:-60px !important;} -.ml-neg60-ml{margin-left:-60px !important;} -.my-neg120-ml{margin-top:-120px !important;margin-bottom:-120px !important;} -.mx-neg120-ml{margin-left:-120px !important;margin-right:-120px !important;} -.mt-neg120-ml{margin-top:-120px !important;} -.mr-neg120-ml{margin-right:-120px !important;} -.mb-neg120-ml{margin-bottom:-120px !important;} -.ml-neg120-ml{margin-left:-120px !important;} -.my-neg180-ml{margin-top:-180px !important;margin-bottom:-180px !important;} -.mx-neg180-ml{margin-left:-180px !important;margin-right:-180px !important;} -.mt-neg180-ml{margin-top:-180px !important;} -.mr-neg180-ml{margin-right:-180px !important;} -.mb-neg180-ml{margin-bottom:-180px !important;} -.ml-neg180-ml{margin-left:-180px !important;} -.my-neg240-ml{margin-top:-240px !important;margin-bottom:-240px !important;} -.mx-neg240-ml{margin-left:-240px !important;margin-right:-240px !important;} -.mt-neg240-ml{margin-top:-240px !important;} -.mr-neg240-ml{margin-right:-240px !important;} -.mb-neg240-ml{margin-bottom:-240px !important;} -.ml-neg240-ml{margin-left:-240px !important;} -.my-neg300-ml{margin-top:-300px !important;margin-bottom:-300px !important;} -.mx-neg300-ml{margin-left:-300px !important;margin-right:-300px !important;} -.mt-neg300-ml{margin-top:-300px !important;} -.mr-neg300-ml{margin-right:-300px !important;} -.mb-neg300-ml{margin-bottom:-300px !important;} -.ml-neg300-ml{margin-left:-300px !important;} -.my-neg360-ml{margin-top:-360px !important;margin-bottom:-360px !important;} -.mx-neg360-ml{margin-left:-360px !important;margin-right:-360px !important;} -.mt-neg360-ml{margin-top:-360px !important;} -.mr-neg360-ml{margin-right:-360px !important;} -.mb-neg360-ml{margin-bottom:-360px !important;} -.ml-neg360-ml{margin-left:-360px !important;} -.my0-ml{margin-top:0 !important;margin-bottom:0 !important;} -.mx0-ml{margin-left:0 !important;margin-right:0 !important;} -.mt0-ml{margin-top:0 !important;} -.mr0-ml{margin-right:0 !important;} -.mb0-ml{margin-bottom:0 !important;} -.ml0-ml{margin-left:0 !important;} -.my3-ml{margin-top:3px !important;margin-bottom:3px !important;} -.mx3-ml{margin-left:3px !important;margin-right:3px !important;} -.mt3-ml{margin-top:3px !important;} -.mr3-ml{margin-right:3px !important;} -.mb3-ml{margin-bottom:3px !important;} -.ml3-ml{margin-left:3px !important;} -.my6-ml{margin-top:6px !important;margin-bottom:6px !important;} -.mx6-ml{margin-left:6px !important;margin-right:6px !important;} -.mt6-ml{margin-top:6px !important;} -.mr6-ml{margin-right:6px !important;} -.mb6-ml{margin-bottom:6px !important;} -.ml6-ml{margin-left:6px !important;} -.my12-ml{margin-top:12px !important;margin-bottom:12px !important;} -.mx12-ml{margin-left:12px !important;margin-right:12px !important;} -.mt12-ml{margin-top:12px !important;} -.mr12-ml{margin-right:12px !important;} -.mb12-ml{margin-bottom:12px !important;} -.ml12-ml{margin-left:12px !important;} -.my18-ml{margin-top:18px !important;margin-bottom:18px !important;} -.mx18-ml{margin-left:18px !important;margin-right:18px !important;} -.mt18-ml{margin-top:18px !important;} -.mr18-ml{margin-right:18px !important;} -.mb18-ml{margin-bottom:18px !important;} -.ml18-ml{margin-left:18px !important;} -.my24-ml{margin-top:24px !important;margin-bottom:24px !important;} -.mx24-ml{margin-left:24px !important;margin-right:24px !important;} -.mt24-ml{margin-top:24px !important;} -.mr24-ml{margin-right:24px !important;} -.mb24-ml{margin-bottom:24px !important;} -.ml24-ml{margin-left:24px !important;} -.my30-ml{margin-top:30px !important;margin-bottom:30px !important;} -.mx30-ml{margin-left:30px !important;margin-right:30px !important;} -.mt30-ml{margin-top:30px !important;} -.mr30-ml{margin-right:30px !important;} -.mb30-ml{margin-bottom:30px !important;} -.ml30-ml{margin-left:30px !important;} -.my36-ml{margin-top:36px !important;margin-bottom:36px !important;} -.mx36-ml{margin-left:36px !important;margin-right:36px !important;} -.mt36-ml{margin-top:36px !important;} -.mr36-ml{margin-right:36px !important;} -.mb36-ml{margin-bottom:36px !important;} -.ml36-ml{margin-left:36px !important;} -.my60-ml{margin-top:60px !important;margin-bottom:60px !important;} -.mx60-ml{margin-left:60px !important;margin-right:60px !important;} -.mt60-ml{margin-top:60px !important;} -.mr60-ml{margin-right:60px !important;} -.mb60-ml{margin-bottom:60px !important;} -.ml60-ml{margin-left:60px !important;} -.my120-ml{margin-top:120px !important;margin-bottom:120px !important;} -.mx120-ml{margin-left:120px !important;margin-right:120px !important;} -.mt120-ml{margin-top:120px !important;} -.mr120-ml{margin-right:120px !important;} -.mb120-ml{margin-bottom:120px !important;} -.ml120-ml{margin-left:120px !important;} -.my180-ml{margin-top:180px !important;margin-bottom:180px !important;} -.mx180-ml{margin-left:180px !important;margin-right:180px !important;} -.mt180-ml{margin-top:180px !important;} -.mr180-ml{margin-right:180px !important;} -.mb180-ml{margin-bottom:180px !important;} -.ml180-ml{margin-left:180px !important;} -.my240-ml{margin-top:240px !important;margin-bottom:240px !important;} -.mx240-ml{margin-left:240px !important;margin-right:240px !important;} -.mt240-ml{margin-top:240px !important;} -.mr240-ml{margin-right:240px !important;} -.mb240-ml{margin-bottom:240px !important;} -.ml240-ml{margin-left:240px !important;} -.my300-ml{margin-top:300px !important;margin-bottom:300px !important;} -.mx300-ml{margin-left:300px !important;margin-right:300px !important;} -.mt300-ml{margin-top:300px !important;} -.mr300-ml{margin-right:300px !important;} -.mb300-ml{margin-bottom:300px !important;} -.ml300-ml{margin-left:300px !important;} -.my360-ml{margin-top:360px !important;margin-bottom:360px !important;} -.mx360-ml{margin-left:360px !important;margin-right:360px !important;} -.mt360-ml{margin-top:360px !important;} -.mr360-ml{margin-right:360px !important;} -.mb360-ml{margin-bottom:360px !important;} -.ml360-ml{margin-left:360px !important;} -.mr-1\\/12-ml{margin-right:8.3333% !important;} -.ml-1\\/12-ml{margin-left:8.3333% !important;grid-column-start:2 !important;} -.w-1\\/12-ml{width:8.3333% !important;grid-column-end:span 1 !important;} -.h-viewport-1\\/12-ml{height:8.3333vh !important;} -.hmax-viewport-1\\/12-ml{max-height:8.3333vh !important;} -.mr-1\\/6-ml{margin-right:16.6666% !important;} -.ml-1\\/6-ml{margin-left:16.6666% !important;grid-column-start:3 !important;} -.w-1\\/6-ml{width:16.6666% !important;grid-column-end:span 2 !important;} -.h-viewport-1\\/6-ml{height:16.6666vh !important;} -.hmax-viewport-1\\/6-ml{max-height:16.6666vh !important;} -.mr-1\\/4-ml{margin-right:25% !important;} -.ml-1\\/4-ml{margin-left:25% !important;grid-column-start:4 !important;} -.w-1\\/4-ml{width:25% !important;grid-column-end:span 3 !important;} -.h-viewport-1\\/4-ml{height:25vh !important;} -.hmax-viewport-1\\/4-ml{max-height:25vh !important;} -.mr-1\\/3-ml{margin-right:33.3333% !important;} -.ml-1\\/3-ml{margin-left:33.3333% !important;grid-column-start:5 !important;} -.w-1\\/3-ml{width:33.3333% !important;grid-column-end:span 4 !important;} -.h-viewport-1\\/3-ml{height:33.3333vh !important;} -.hmax-viewport-1\\/3-ml{max-height:33.3333vh !important;} -.mr-5\\/12-ml{margin-right:41.6666% !important;} -.ml-5\\/12-ml{margin-left:41.6666% !important;grid-column-start:6 !important;} -.w-5\\/12-ml{width:41.6666% !important;grid-column-end:span 5 !important;} -.h-viewport-5\\/12-ml{height:41.6666vh !important;} -.hmax-viewport-5\\/12-ml{max-height:41.6666vh !important;} -.mr-1\\/2-ml{margin-right:50% !important;} -.ml-1\\/2-ml{margin-left:50% !important;grid-column-start:7 !important;} -.w-1\\/2-ml{width:50% !important;grid-column-end:span 6 !important;} -.h-viewport-1\\/2-ml{height:50vh !important;} -.hmax-viewport-1\\/2-ml{max-height:50vh !important;} -.mr-7\\/12-ml{margin-right:58.3333% !important;} -.ml-7\\/12-ml{margin-left:58.3333% !important;grid-column-start:8 !important;} -.w-7\\/12-ml{width:58.3333% !important;grid-column-end:span 7 !important;} -.h-viewport-7\\/12-ml{height:58.3333vh !important;} -.hmax-viewport-7\\/12-ml{max-height:58.3333vh !important;} -.mr-2\\/3-ml{margin-right:66.6666% !important;} -.ml-2\\/3-ml{margin-left:66.6666% !important;grid-column-start:9 !important;} -.w-2\\/3-ml{width:66.6666% !important;grid-column-end:span 8 !important;} -.h-viewport-2\\/3-ml{height:66.6666vh !important;} -.hmax-viewport-2\\/3-ml{max-height:66.6666vh !important;} -.mr-3\\/4-ml{margin-right:75% !important;} -.ml-3\\/4-ml{margin-left:75% !important;grid-column-start:10 !important;} -.w-3\\/4-ml{width:75% !important;grid-column-end:span 9 !important;} -.h-viewport-3\\/4-ml{height:75vh !important;} -.hmax-viewport-3\\/4-ml{max-height:75vh !important;} -.mr-5\\/6-ml{margin-right:83.3333% !important;} -.ml-5\\/6-ml{margin-left:83.3333% !important;grid-column-start:11 !important;} -.w-5\\/6-ml{width:83.3333% !important;grid-column-end:span 10 !important;} -.h-viewport-5\\/6-ml{height:83.3333vh !important;} -.hmax-viewport-5\\/6-ml{max-height:83.3333vh !important;} -.mr-11\\/12-ml{margin-right:91.6666% !important;} -.ml-11\\/12-ml{margin-left:91.6666% !important;grid-column-start:12 !important;} -.w-11\\/12-ml{width:91.6666% !important;grid-column-end:span 11 !important;} -.h-viewport-11\\/12-ml{height:91.6666vh !important;} -.hmax-viewport-11\\/12-ml{max-height:91.6666vh !important;} -.gap0-ml{gap:0 !important;} -.gapx0-ml{column-gap:0 !important;} -.gapy0-ml{row-gap:0 !important;} -.gap3-ml{gap:3px !important;} -.gapx3-ml{column-gap:3px !important;} -.gapy3-ml{row-gap:3px !important;} -.gap6-ml{gap:6px !important;} -.gapx6-ml{column-gap:6px !important;} -.gapy6-ml{row-gap:6px !important;} -.gap12-ml{gap:12px !important;} -.gapx12-ml{column-gap:12px !important;} -.gapy12-ml{row-gap:12px !important;} -.gap18-ml{gap:18px !important;} -.gapx18-ml{column-gap:18px !important;} -.gapy18-ml{row-gap:18px !important;} -.gap24-ml{gap:24px !important;} -.gapx24-ml{column-gap:24px !important;} -.gapy24-ml{row-gap:24px !important;} -.gap30-ml{gap:30px !important;} -.gapx30-ml{column-gap:30px !important;} -.gapy30-ml{row-gap:30px !important;} -.gap36-ml{gap:36px !important;} -.gapx36-ml{column-gap:36px !important;} -.gapy36-ml{row-gap:36px !important;} -.gap60-ml{gap:60px !important;} -.gapx60-ml{column-gap:60px !important;} -.gapy60-ml{row-gap:60px !important;} -.gap120-ml{gap:120px !important;} -.gapx120-ml{column-gap:120px !important;} -.gapy120-ml{row-gap:120px !important;} -.gap180-ml{gap:180px !important;} -.gapx180-ml{column-gap:180px !important;} -.gapy180-ml{row-gap:180px !important;} -.gap240-ml{gap:240px !important;} -.gapx240-ml{column-gap:240px !important;} -.gapy240-ml{row-gap:240px !important;} -.gap300-ml{gap:300px !important;} -.gapx300-ml{column-gap:300px !important;} -.gapy300-ml{row-gap:300px !important;} -.gap360-ml{gap:360px !important;} -.gapx360-ml{column-gap:360px !important;} -.gapy360-ml{row-gap:360px !important;} -.aspect-auto-ml{aspect-ratio:auto !important;} -.aspect-1\\/1-ml{aspect-ratio:1/1 !important;} -.aspect-4\\/3-ml{aspect-ratio:4/3 !important;} -.aspect-3\\/2-ml{aspect-ratio:3/2 !important;} -.aspect-16\\/9-ml{aspect-ratio:16/9 !important;} -.aspect-21\\/9-ml{aspect-ratio:21/9 !important;} -.aspect-3\\/4-ml{aspect-ratio:3/4 !important;} -.aspect-9\\/16-ml{aspect-ratio:9/16 !important;} -.rotate0-ml{rotate:0deg !important;} -.rotate45-ml{rotate:45deg !important;} -.rotate90-ml{rotate:90deg !important;} -.rotate180-ml{rotate:180deg !important;} -.rotate270-ml{rotate:270deg !important;} -.rotate-neg45-ml{rotate:-45deg !important;} -.rotate-neg90-ml{rotate:-90deg !important;} -.rotate-neg180-ml{rotate:-180deg !important;} -.rotate-neg270-ml{rotate:-270deg !important;} -.scale0-ml{scale:0 !important;} -.scale50-ml{scale:0.5 !important;} -.scale75-ml{scale:0.75 !important;} -.scale100-ml{scale:1 !important;} -.scale125-ml{scale:1.25 !important;} -.scale150-ml{scale:1.5 !important;} -.translate-x-neg1-ml{translate:-1px 0 !important;} -.translate-y-neg1-ml{translate:0 -1px !important;} -.translate-x-neg2-ml{translate:-2px 0 !important;} -.translate-y-neg2-ml{translate:0 -2px !important;} -.translate-x-neg3-ml{translate:-3px 0 !important;} -.translate-y-neg3-ml{translate:0 -3px !important;} -.translate-x-neg6-ml{translate:-6px 0 !important;} -.translate-y-neg6-ml{translate:0 -6px !important;} -.translate-x-neg12-ml{translate:-12px 0 !important;} -.translate-y-neg12-ml{translate:0 -12px !important;} -.translate-x-neg18-ml{translate:-18px 0 !important;} -.translate-y-neg18-ml{translate:0 -18px !important;} -.translate-x-neg24-ml{translate:-24px 0 !important;} -.translate-y-neg24-ml{translate:0 -24px !important;} -.translate-x-neg30-ml{translate:-30px 0 !important;} -.translate-y-neg30-ml{translate:0 -30px !important;} -.translate-x-neg36-ml{translate:-36px 0 !important;} -.translate-y-neg36-ml{translate:0 -36px !important;} -.translate-x-neg60-ml{translate:-60px 0 !important;} -.translate-y-neg60-ml{translate:0 -60px !important;} -.translate-x-neg120-ml{translate:-120px 0 !important;} -.translate-y-neg120-ml{translate:0 -120px !important;} -.translate-x-neg180-ml{translate:-180px 0 !important;} -.translate-y-neg180-ml{translate:0 -180px !important;} -.translate-x-neg240-ml{translate:-240px 0 !important;} -.translate-y-neg240-ml{translate:0 -240px !important;} -.translate-x-neg300-ml{translate:-300px 0 !important;} -.translate-y-neg300-ml{translate:0 -300px !important;} -.translate-x-neg360-ml{translate:-360px 0 !important;} -.translate-y-neg360-ml{translate:0 -360px !important;} -.translate-x0-ml, -.translate-y0-ml{translate:0 0 !important;} -.translate-x3-ml{translate:3px 0 !important;} -.translate-y3-ml{translate:0 3px !important;} -.translate-x6-ml{translate:6px 0 !important;} -.translate-y6-ml{translate:0 6px !important;} -.translate-x12-ml{translate:12px 0 !important;} -.translate-y12-ml{translate:0 12px !important;} -.translate-x18-ml{translate:18px 0 !important;} -.translate-y18-ml{translate:0 18px !important;} -.translate-x24-ml{translate:24px 0 !important;} -.translate-y24-ml{translate:0 24px !important;} -.translate-x30-ml{translate:30px 0 !important;} -.translate-y30-ml{translate:0 30px !important;} -.translate-x36-ml{translate:36px 0 !important;} -.translate-y36-ml{translate:0 36px !important;} -.translate-x60-ml{translate:60px 0 !important;} -.translate-y60-ml{translate:0 60px !important;} -.translate-x120-ml{translate:120px 0 !important;} -.translate-y120-ml{translate:0 120px !important;} -.translate-x180-ml{translate:180px 0 !important;} -.translate-y180-ml{translate:0 180px !important;} -.translate-x240-ml{translate:240px 0 !important;} -.translate-y240-ml{translate:0 240px !important;} -.translate-x300-ml{translate:300px 0 !important;} -.translate-y300-ml{translate:0 300px !important;} -.translate-x360-ml{translate:360px 0 !important;} -.translate-y360-ml{translate:0 360px !important;} -.py0-ml{padding-top:0 !important;padding-bottom:0 !important;} -.px0-ml{padding-left:0 !important;padding-right:0 !important;} -.pt0-ml{padding-top:0 !important;} -.pr0-ml{padding-right:0 !important;} -.pb0-ml{padding-bottom:0 !important;} -.pl0-ml{padding-left:0 !important;} -.py3-ml{padding-top:3px !important;padding-bottom:3px !important;} -.px3-ml{padding-left:3px !important;padding-right:3px !important;} -.pt3-ml{padding-top:3px !important;} -.pr3-ml{padding-right:3px !important;} -.pb3-ml{padding-bottom:3px !important;} -.pl3-ml{padding-left:3px !important;} -.py6-ml{padding-top:6px !important;padding-bottom:6px !important;} -.px6-ml{padding-left:6px !important;padding-right:6px !important;} -.pt6-ml{padding-top:6px !important;} -.pr6-ml{padding-right:6px !important;} -.pb6-ml{padding-bottom:6px !important;} -.pl6-ml{padding-left:6px !important;} -.py12-ml{padding-top:12px !important;padding-bottom:12px !important;} -.px12-ml{padding-left:12px !important;padding-right:12px !important;} -.pt12-ml{padding-top:12px !important;} -.pr12-ml{padding-right:12px !important;} -.pb12-ml{padding-bottom:12px !important;} -.pl12-ml{padding-left:12px !important;} -.py18-ml{padding-top:18px !important;padding-bottom:18px !important;} -.px18-ml{padding-left:18px !important;padding-right:18px !important;} -.pt18-ml{padding-top:18px !important;} -.pr18-ml{padding-right:18px !important;} -.pb18-ml{padding-bottom:18px !important;} -.pl18-ml{padding-left:18px !important;} -.py24-ml{padding-top:24px !important;padding-bottom:24px !important;} -.px24-ml{padding-left:24px !important;padding-right:24px !important;} -.pt24-ml{padding-top:24px !important;} -.pr24-ml{padding-right:24px !important;} -.pb24-ml{padding-bottom:24px !important;} -.pl24-ml{padding-left:24px !important;} -.py30-ml{padding-top:30px !important;padding-bottom:30px !important;} -.px30-ml{padding-left:30px !important;padding-right:30px !important;} -.pt30-ml{padding-top:30px !important;} -.pr30-ml{padding-right:30px !important;} -.pb30-ml{padding-bottom:30px !important;} -.pl30-ml{padding-left:30px !important;} -.py36-ml{padding-top:36px !important;padding-bottom:36px !important;} -.px36-ml{padding-left:36px !important;padding-right:36px !important;} -.pt36-ml{padding-top:36px !important;} -.pr36-ml{padding-right:36px !important;} -.pb36-ml{padding-bottom:36px !important;} -.pl36-ml{padding-left:36px !important;} -.py60-ml{padding-top:60px !important;padding-bottom:60px !important;} -.px60-ml{padding-left:60px !important;padding-right:60px !important;} -.pt60-ml{padding-top:60px !important;} -.pr60-ml{padding-right:60px !important;} -.pb60-ml{padding-bottom:60px !important;} -.pl60-ml{padding-left:60px !important;} -.py120-ml{padding-top:120px !important;padding-bottom:120px !important;} -.px120-ml{padding-left:120px !important;padding-right:120px !important;} -.pt120-ml{padding-top:120px !important;} -.pr120-ml{padding-right:120px !important;} -.pb120-ml{padding-bottom:120px !important;} -.pl120-ml{padding-left:120px !important;} -.py180-ml{padding-top:180px !important;padding-bottom:180px !important;} -.px180-ml{padding-left:180px !important;padding-right:180px !important;} -.pt180-ml{padding-top:180px !important;} -.pr180-ml{padding-right:180px !important;} -.pb180-ml{padding-bottom:180px !important;} -.pl180-ml{padding-left:180px !important;} -.py240-ml{padding-top:240px !important;padding-bottom:240px !important;} -.px240-ml{padding-left:240px !important;padding-right:240px !important;} -.pt240-ml{padding-top:240px !important;} -.pr240-ml{padding-right:240px !important;} -.pb240-ml{padding-bottom:240px !important;} -.pl240-ml{padding-left:240px !important;} -.py300-ml{padding-top:300px !important;padding-bottom:300px !important;} -.px300-ml{padding-left:300px !important;padding-right:300px !important;} -.pt300-ml{padding-top:300px !important;} -.pr300-ml{padding-right:300px !important;} -.pb300-ml{padding-bottom:300px !important;} -.pl300-ml{padding-left:300px !important;} -.py360-ml{padding-top:360px !important;padding-bottom:360px !important;} -.px360-ml{padding-left:360px !important;padding-right:360px !important;} -.pt360-ml{padding-top:360px !important;} -.pr360-ml{padding-right:360px !important;} -.pb360-ml{padding-bottom:360px !important;} -.pl360-ml{padding-left:360px !important;} -.w0-ml{width:0 !important;} -.w3-ml{width:3px !important;} -.w6-ml{width:6px !important;} -.w12-ml{width:12px !important;} -.w18-ml{width:18px !important;} -.w24-ml{width:24px !important;} -.w30-ml{width:30px !important;} -.w36-ml{width:36px !important;} -.w60-ml{width:60px !important;} -.w120-ml{width:120px !important;} -.w180-ml{width:180px !important;} -.w240-ml{width:240px !important;} -.w300-ml{width:300px !important;} -.w360-ml{width:360px !important;} -.w600-ml{width:600px !important;} -.w-full-ml{width:100% !important;} -.w-auto-ml{width:auto !important;} -.wmax0-ml{max-width:0 !important;} -.wmax3-ml{max-width:3px !important;} -.wmax6-ml{max-width:6px !important;} -.wmax12-ml{max-width:12px !important;} -.wmax18-ml{max-width:18px !important;} -.wmax24-ml{max-width:24px !important;} -.wmax30-ml{max-width:30px !important;} -.wmax36-ml{max-width:36px !important;} -.wmax60-ml{max-width:60px !important;} -.wmax120-ml{max-width:120px !important;} -.wmax180-ml{max-width:180px !important;} -.wmax240-ml{max-width:240px !important;} -.wmax300-ml{max-width:300px !important;} -.wmax360-ml{max-width:360px !important;} -.wmax600-ml{max-width:600px !important;} -.wmax1200-ml{max-width:1200px !important;} -.wmax1800-ml{max-width:1800px !important;} -.wmax-full-ml{max-width:100% !important;} -.wmax-none-ml{max-width:none !important;} -.wmin0-ml{min-width:0 !important;} -.wmin3-ml{min-width:3px !important;} -.wmin6-ml{min-width:6px !important;} -.wmin12-ml{min-width:12px !important;} -.wmin18-ml{min-width:18px !important;} -.wmin24-ml{min-width:24px !important;} -.wmin30-ml{min-width:30px !important;} -.wmin36-ml{min-width:36px !important;} -.wmin60-ml{min-width:60px !important;} -.wmin120-ml{min-width:120px !important;} -.wmin180-ml{min-width:180px !important;} -.wmin240-ml{min-width:240px !important;} -.wmin300-ml{min-width:300px !important;} -.wmin360-ml{min-width:360px !important;} -.wmin600-ml{min-width:600px !important;} -.wmin-full-ml{min-width:100% !important;} -.h0-ml{height:0 !important;} -.h3-ml{height:3px !important;} -.h6-ml{height:6px !important;} -.h12-ml{height:12px !important;} -.h18-ml{height:18px !important;} -.h24-ml{height:24px !important;} -.h30-ml{height:30px !important;} -.h36-ml{height:36px !important;} -.h60-ml{height:60px !important;} -.h120-ml{height:120px !important;} -.h180-ml{height:180px !important;} -.h240-ml{height:240px !important;} -.h300-ml{height:300px !important;} -.h360-ml{height:360px !important;} -.h600-ml{height:600px !important;} -.h-full-ml{height:100% !important;} -.h-auto-ml{height:auto !important;} -.hmax0-ml{max-height:0 !important;} -.hmax3-ml{max-height:3px !important;} -.hmax6-ml{max-height:6px !important;} -.hmax12-ml{max-height:12px !important;} -.hmax18-ml{max-height:18px !important;} -.hmax24-ml{max-height:24px !important;} -.hmax30-ml{max-height:30px !important;} -.hmax36-ml{max-height:36px !important;} -.hmax60-ml{max-height:60px !important;} -.hmax120-ml{max-height:120px !important;} -.hmax180-ml{max-height:180px !important;} -.hmax240-ml{max-height:240px !important;} -.hmax300-ml{max-height:300px !important;} -.hmax360-ml{max-height:360px !important;} -.hmax600-ml{max-height:600px !important;} -.hmax-full-ml{max-height:100% !important;} -.hmax-none-ml{max-height:none !important;} -.hmin0-ml{min-height:0 !important;} -.hmin3-ml{min-height:3px !important;} -.hmin6-ml{min-height:6px !important;} -.hmin12-ml{min-height:12px !important;} -.hmin18-ml{min-height:18px !important;} -.hmin24-ml{min-height:24px !important;} -.hmin30-ml{min-height:30px !important;} -.hmin36-ml{min-height:36px !important;} -.hmin60-ml{min-height:60px !important;} -.hmin120-ml{min-height:120px !important;} -.hmin180-ml{min-height:180px !important;} -.hmin240-ml{min-height:240px !important;} -.hmin300-ml{min-height:300px !important;} -.hmin360-ml{min-height:360px !important;} -.hmin600-ml{min-height:600px !important;} -.hmin-full-ml{min-height:100% !important;} -.h-viewport-full-ml{height:100vh !important;} -.hmax-viewport-full-ml{max-height:100vh !important;} -} -@media screen and (min-width: 640px){ -.txt-h1-mm{font-size:36px;line-height:45px;} -.txt-h2-mm{font-size:30px;line-height:36px;} -.txt-h3-mm{font-size:24px;line-height:30px;} -.txt-h4-mm{font-size:20px;line-height:25px;} -.txt-h5-mm{font-size:16px;line-height:20px;} -.txt-xl-mm{font-size:30px;line-height:45px;} -.txt-l-mm{font-size:20px;line-height:30px;} -.txt-m-mm{font-size:16px;line-height:24px;} -.txt-ms-mm{font-size:14px;line-height:21px;} -.txt-s-mm{font-size:12px;line-height:18px;} -.txt-xs-mm{font-size:10px;line-height:15px;} -.border-mm{border-style:solid;border-width:1px;} -.border-t-mm{border-style:solid;border-top-width:1px;} -.border-r-mm{border-style:solid;border-right-width:1px;} -.border-b-mm{border-style:solid;border-bottom-width:1px;} -.border-l-mm{border-style:solid;border-left-width:1px;} -.border--0-mm{border-width:0 !important;} -.border-t--0-mm{border-top-width:0 !important;} -.border-r--0-mm{border-right-width:0 !important;} -.border-b--0-mm{border-bottom-width:0 !important;} -.border-l--0-mm{border-left-width:0 !important;} -.round-mm{border-radius:4px !important;} -.round-t-mm{border-radius:4px 4px 0 0 !important;} -.round-r-mm{border-radius:0 4px 4px 0 !important;} -.round-b-mm{border-radius:0 0 4px 4px !important;} -.round-l-mm{border-radius:4px 0 0 4px !important;} -.round-tl-mm{border-top-left-radius:4px !important;} -.round-tr-mm{border-top-right-radius:4px !important;} -.round-br-mm{border-bottom-right-radius:4px !important;} -.round-bl-mm{border-bottom-left-radius:4px !important;} -.round-bold-mm{border-radius:8px !important;} -.round-t-bold-mm{border-radius:8px 8px 0 0 !important;} -.round-r-bold-mm{border-radius:0 8px 8px 0 !important;} -.round-b-bold-mm{border-radius:0 0 8px 8px !important;} -.round-l-bold-mm{border-radius:8px 0 0 8px !important;} -.round-tl-bold-mm{border-top-left-radius:8px !important;} -.round-tr-bold-mm{border-top-right-radius:8px !important;} -.round-br-bold-mm{border-bottom-right-radius:8px !important;} -.round-bl-bold-mm{border-bottom-left-radius:8px !important;} -.round-full-mm{border-radius:9999px !important;} -.round-t-full-mm{border-radius:9999px 9999px 0 0 !important;} -.round-r-full-mm{border-radius:0 9999px 9999px 0 !important;} -.round-b-full-mm{border-radius:0 0 9999px 9999px !important;} -.round-l-full-mm{border-radius:9999px 0 0 9999px !important;} -.round-tl-full-mm{border-top-left-radius:9999px !important;} -.round-tr-full-mm{border-top-right-radius:9999px !important;} -.round-br-full-mm{border-bottom-right-radius:9999px !important;} -.round-bl-full-mm{border-bottom-left-radius:9999px !important;} -.unround-mm{border-radius:0 !important;} -.unround-t-mm{border-top-left-radius:0 !important;border-top-right-radius:0 !important;} -.unround-r-mm{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;} -.unround-b-mm{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;} -.unround-l-mm{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;} -.unround-tl-mm{border-top-left-radius:0 !important;} -.unround-tr-mm{border-top-right-radius:0 !important;} -.unround-br-mm{border-bottom-right-radius:0 !important;} -.unround-bl-mm{border-bottom-left-radius:0 !important;} -.grid-mm{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.grid-mm > .col, .grid-mm > .col-mm, .grid-mm > .col-ml, .grid-mm > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} -.col-mm{min-width:0;} -.inline-mm{display:inline !important;} -.block-mm{display:block !important;} -.inline-block-mm{display:inline-block !important;} -.none-mm{display:none !important;} -.fixed-mm{position:fixed !important;} -.absolute-mm{position:absolute !important;} -.relative-mm{position:relative !important;} -.static-mm{position:static !important;} -.sticky-mm{position:sticky !important;} -.top-mm{top:0 !important;} -.right-mm{right:0 !important;} -.left-mm{left:0 !important;} -.bottom-mm{bottom:0 !important;} -.z-neg1-mm{z-index:-1 !important;} -.z0-mm{z-index:0 !important;} -.z1-mm{z-index:1 !important;} -.z2-mm{z-index:2 !important;} -.z3-mm{z-index:3 !important;} -.z4-mm{z-index:4 !important;} -.z5-mm{z-index:5 !important;} -.mx-auto-mm{margin-left:auto !important;margin-right:auto !important;} -.flex-mm{display:flex !important;} -.inline-flex-mm{display:inline-flex !important;} -.flex--column-mm{flex-direction:column !important;} -.flex--column-reverse-mm{flex-direction:column-reverse !important;} -.flex--row-mm{flex-direction:row !important;} -.flex--row-reverse-mm{flex-direction:row-reverse !important;} -.flex--center-main-mm{justify-content:center !important;} -.flex--center-cross-mm{align-items:center !important;} -.flex--start-cross-mm{align-items:flex-start !important;} -.flex--start-main-mm{justify-content:flex-start !important;} -.flex--end-cross-mm{align-items:flex-end !important;} -.flex--end-main-mm{justify-content:flex-end !important;} -.flex--wrap-mm{flex-wrap:wrap !important;} -.flex--stretch-cross-mm{align-items:stretch !important;} -.flex--space-between-main-mm{justify-content:space-between !important;} -.flex--space-around-main-mm{justify-content:space-around !important;} -.flex--space-evenly-main-mm{justify-content:space-evenly !important;} -.flex-child-grow-mm{flex-grow:1 !important;min-width:0;} -.flex-child-no-shrink-mm{flex-shrink:0 !important;} -.object-contain-mm{object-fit:contain !important;} -.object-cover-mm{object-fit:cover !important;} -.object-fill-mm{object-fit:fill !important;} -.object-none-mm{object-fit:none !important;} -.object-scale-down-mm{object-fit:scale-down !important;} -.bleed-mm{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} -.bleed-r-mm{flex-grow:1;margin-right:calc(50% - 50vw);} -.bleed-l-mm{flex-grow:1;margin-left:calc(50% - 50vw);} -.unbleed-mm{flex-grow:0;margin-left:0;margin-right:0;} -.fl-mm{float:left !important;} -.fr-mm{float:right !important;} -.unfloat-mm{float:none !important;} -.events-none-mm{-webkit-touch-callout:none;pointer-events:none;} -.events-all-mm{-webkit-touch-callout:default;pointer-events:all;} -.unselectable-mm{-webkit-user-select:none;user-select:none;} -.selectable-mm{-webkit-user-select:text;user-select:text;} -.grid--gut0-mm{column-gap:0;} -.grid--gut3-mm{column-gap:3px;} -.grid--gut6-mm{column-gap:6px;} -.grid--gut12-mm{column-gap:12px;} -.grid--gut18-mm{column-gap:18px;} -.grid--gut24-mm{column-gap:24px;} -.grid--gut30-mm{column-gap:30px;} -.grid--gut36-mm{column-gap:36px;} -.grid--gut60-mm{column-gap:60px;} -.grid--gut120-mm{column-gap:120px;} -.my-neg1-mm{margin-top:-1px !important;margin-bottom:-1px !important;} -.mx-neg1-mm{margin-left:-1px !important;margin-right:-1px !important;} -.mt-neg1-mm{margin-top:-1px !important;} -.mr-neg1-mm{margin-right:-1px !important;} -.mb-neg1-mm{margin-bottom:-1px !important;} -.ml-neg1-mm{margin-left:-1px !important;} -.my-neg2-mm{margin-top:-2px !important;margin-bottom:-2px !important;} -.mx-neg2-mm{margin-left:-2px !important;margin-right:-2px !important;} -.mt-neg2-mm{margin-top:-2px !important;} -.mr-neg2-mm{margin-right:-2px !important;} -.mb-neg2-mm{margin-bottom:-2px !important;} -.ml-neg2-mm{margin-left:-2px !important;} -.my-neg3-mm{margin-top:-3px !important;margin-bottom:-3px !important;} -.mx-neg3-mm{margin-left:-3px !important;margin-right:-3px !important;} -.mt-neg3-mm{margin-top:-3px !important;} -.mr-neg3-mm{margin-right:-3px !important;} -.mb-neg3-mm{margin-bottom:-3px !important;} -.ml-neg3-mm{margin-left:-3px !important;} -.my-neg6-mm{margin-top:-6px !important;margin-bottom:-6px !important;} -.mx-neg6-mm{margin-left:-6px !important;margin-right:-6px !important;} -.mt-neg6-mm{margin-top:-6px !important;} -.mr-neg6-mm{margin-right:-6px !important;} -.mb-neg6-mm{margin-bottom:-6px !important;} -.ml-neg6-mm{margin-left:-6px !important;} -.my-neg12-mm{margin-top:-12px !important;margin-bottom:-12px !important;} -.mx-neg12-mm{margin-left:-12px !important;margin-right:-12px !important;} -.mt-neg12-mm{margin-top:-12px !important;} -.mr-neg12-mm{margin-right:-12px !important;} -.mb-neg12-mm{margin-bottom:-12px !important;} -.ml-neg12-mm{margin-left:-12px !important;} -.my-neg18-mm{margin-top:-18px !important;margin-bottom:-18px !important;} -.mx-neg18-mm{margin-left:-18px !important;margin-right:-18px !important;} -.mt-neg18-mm{margin-top:-18px !important;} -.mr-neg18-mm{margin-right:-18px !important;} -.mb-neg18-mm{margin-bottom:-18px !important;} -.ml-neg18-mm{margin-left:-18px !important;} -.my-neg24-mm{margin-top:-24px !important;margin-bottom:-24px !important;} -.mx-neg24-mm{margin-left:-24px !important;margin-right:-24px !important;} -.mt-neg24-mm{margin-top:-24px !important;} -.mr-neg24-mm{margin-right:-24px !important;} -.mb-neg24-mm{margin-bottom:-24px !important;} -.ml-neg24-mm{margin-left:-24px !important;} -.my-neg30-mm{margin-top:-30px !important;margin-bottom:-30px !important;} -.mx-neg30-mm{margin-left:-30px !important;margin-right:-30px !important;} -.mt-neg30-mm{margin-top:-30px !important;} -.mr-neg30-mm{margin-right:-30px !important;} -.mb-neg30-mm{margin-bottom:-30px !important;} -.ml-neg30-mm{margin-left:-30px !important;} -.my-neg36-mm{margin-top:-36px !important;margin-bottom:-36px !important;} -.mx-neg36-mm{margin-left:-36px !important;margin-right:-36px !important;} -.mt-neg36-mm{margin-top:-36px !important;} -.mr-neg36-mm{margin-right:-36px !important;} -.mb-neg36-mm{margin-bottom:-36px !important;} -.ml-neg36-mm{margin-left:-36px !important;} -.my-neg60-mm{margin-top:-60px !important;margin-bottom:-60px !important;} -.mx-neg60-mm{margin-left:-60px !important;margin-right:-60px !important;} -.mt-neg60-mm{margin-top:-60px !important;} -.mr-neg60-mm{margin-right:-60px !important;} -.mb-neg60-mm{margin-bottom:-60px !important;} -.ml-neg60-mm{margin-left:-60px !important;} -.my-neg120-mm{margin-top:-120px !important;margin-bottom:-120px !important;} -.mx-neg120-mm{margin-left:-120px !important;margin-right:-120px !important;} -.mt-neg120-mm{margin-top:-120px !important;} -.mr-neg120-mm{margin-right:-120px !important;} -.mb-neg120-mm{margin-bottom:-120px !important;} -.ml-neg120-mm{margin-left:-120px !important;} -.my-neg180-mm{margin-top:-180px !important;margin-bottom:-180px !important;} -.mx-neg180-mm{margin-left:-180px !important;margin-right:-180px !important;} -.mt-neg180-mm{margin-top:-180px !important;} -.mr-neg180-mm{margin-right:-180px !important;} -.mb-neg180-mm{margin-bottom:-180px !important;} -.ml-neg180-mm{margin-left:-180px !important;} -.my-neg240-mm{margin-top:-240px !important;margin-bottom:-240px !important;} -.mx-neg240-mm{margin-left:-240px !important;margin-right:-240px !important;} -.mt-neg240-mm{margin-top:-240px !important;} -.mr-neg240-mm{margin-right:-240px !important;} -.mb-neg240-mm{margin-bottom:-240px !important;} -.ml-neg240-mm{margin-left:-240px !important;} -.my-neg300-mm{margin-top:-300px !important;margin-bottom:-300px !important;} -.mx-neg300-mm{margin-left:-300px !important;margin-right:-300px !important;} -.mt-neg300-mm{margin-top:-300px !important;} -.mr-neg300-mm{margin-right:-300px !important;} -.mb-neg300-mm{margin-bottom:-300px !important;} -.ml-neg300-mm{margin-left:-300px !important;} -.my-neg360-mm{margin-top:-360px !important;margin-bottom:-360px !important;} -.mx-neg360-mm{margin-left:-360px !important;margin-right:-360px !important;} -.mt-neg360-mm{margin-top:-360px !important;} -.mr-neg360-mm{margin-right:-360px !important;} -.mb-neg360-mm{margin-bottom:-360px !important;} -.ml-neg360-mm{margin-left:-360px !important;} -.my0-mm{margin-top:0 !important;margin-bottom:0 !important;} -.mx0-mm{margin-left:0 !important;margin-right:0 !important;} -.mt0-mm{margin-top:0 !important;} -.mr0-mm{margin-right:0 !important;} -.mb0-mm{margin-bottom:0 !important;} -.ml0-mm{margin-left:0 !important;} -.my3-mm{margin-top:3px !important;margin-bottom:3px !important;} -.mx3-mm{margin-left:3px !important;margin-right:3px !important;} -.mt3-mm{margin-top:3px !important;} -.mr3-mm{margin-right:3px !important;} -.mb3-mm{margin-bottom:3px !important;} -.ml3-mm{margin-left:3px !important;} -.my6-mm{margin-top:6px !important;margin-bottom:6px !important;} -.mx6-mm{margin-left:6px !important;margin-right:6px !important;} -.mt6-mm{margin-top:6px !important;} -.mr6-mm{margin-right:6px !important;} -.mb6-mm{margin-bottom:6px !important;} -.ml6-mm{margin-left:6px !important;} -.my12-mm{margin-top:12px !important;margin-bottom:12px !important;} -.mx12-mm{margin-left:12px !important;margin-right:12px !important;} -.mt12-mm{margin-top:12px !important;} -.mr12-mm{margin-right:12px !important;} -.mb12-mm{margin-bottom:12px !important;} -.ml12-mm{margin-left:12px !important;} -.my18-mm{margin-top:18px !important;margin-bottom:18px !important;} -.mx18-mm{margin-left:18px !important;margin-right:18px !important;} -.mt18-mm{margin-top:18px !important;} -.mr18-mm{margin-right:18px !important;} -.mb18-mm{margin-bottom:18px !important;} -.ml18-mm{margin-left:18px !important;} -.my24-mm{margin-top:24px !important;margin-bottom:24px !important;} -.mx24-mm{margin-left:24px !important;margin-right:24px !important;} -.mt24-mm{margin-top:24px !important;} -.mr24-mm{margin-right:24px !important;} -.mb24-mm{margin-bottom:24px !important;} -.ml24-mm{margin-left:24px !important;} -.my30-mm{margin-top:30px !important;margin-bottom:30px !important;} -.mx30-mm{margin-left:30px !important;margin-right:30px !important;} -.mt30-mm{margin-top:30px !important;} -.mr30-mm{margin-right:30px !important;} -.mb30-mm{margin-bottom:30px !important;} -.ml30-mm{margin-left:30px !important;} -.my36-mm{margin-top:36px !important;margin-bottom:36px !important;} -.mx36-mm{margin-left:36px !important;margin-right:36px !important;} -.mt36-mm{margin-top:36px !important;} -.mr36-mm{margin-right:36px !important;} -.mb36-mm{margin-bottom:36px !important;} -.ml36-mm{margin-left:36px !important;} -.my60-mm{margin-top:60px !important;margin-bottom:60px !important;} -.mx60-mm{margin-left:60px !important;margin-right:60px !important;} -.mt60-mm{margin-top:60px !important;} -.mr60-mm{margin-right:60px !important;} -.mb60-mm{margin-bottom:60px !important;} -.ml60-mm{margin-left:60px !important;} -.my120-mm{margin-top:120px !important;margin-bottom:120px !important;} -.mx120-mm{margin-left:120px !important;margin-right:120px !important;} -.mt120-mm{margin-top:120px !important;} -.mr120-mm{margin-right:120px !important;} -.mb120-mm{margin-bottom:120px !important;} -.ml120-mm{margin-left:120px !important;} -.my180-mm{margin-top:180px !important;margin-bottom:180px !important;} -.mx180-mm{margin-left:180px !important;margin-right:180px !important;} -.mt180-mm{margin-top:180px !important;} -.mr180-mm{margin-right:180px !important;} -.mb180-mm{margin-bottom:180px !important;} -.ml180-mm{margin-left:180px !important;} -.my240-mm{margin-top:240px !important;margin-bottom:240px !important;} -.mx240-mm{margin-left:240px !important;margin-right:240px !important;} -.mt240-mm{margin-top:240px !important;} -.mr240-mm{margin-right:240px !important;} -.mb240-mm{margin-bottom:240px !important;} -.ml240-mm{margin-left:240px !important;} -.my300-mm{margin-top:300px !important;margin-bottom:300px !important;} -.mx300-mm{margin-left:300px !important;margin-right:300px !important;} -.mt300-mm{margin-top:300px !important;} -.mr300-mm{margin-right:300px !important;} -.mb300-mm{margin-bottom:300px !important;} -.ml300-mm{margin-left:300px !important;} -.my360-mm{margin-top:360px !important;margin-bottom:360px !important;} -.mx360-mm{margin-left:360px !important;margin-right:360px !important;} -.mt360-mm{margin-top:360px !important;} -.mr360-mm{margin-right:360px !important;} -.mb360-mm{margin-bottom:360px !important;} -.ml360-mm{margin-left:360px !important;} -.mr-1\\/12-mm{margin-right:8.3333% !important;} -.ml-1\\/12-mm{margin-left:8.3333% !important;grid-column-start:2 !important;} -.w-1\\/12-mm{width:8.3333% !important;grid-column-end:span 1 !important;} -.h-viewport-1\\/12-mm{height:8.3333vh !important;} -.hmax-viewport-1\\/12-mm{max-height:8.3333vh !important;} -.mr-1\\/6-mm{margin-right:16.6666% !important;} -.ml-1\\/6-mm{margin-left:16.6666% !important;grid-column-start:3 !important;} -.w-1\\/6-mm{width:16.6666% !important;grid-column-end:span 2 !important;} -.h-viewport-1\\/6-mm{height:16.6666vh !important;} -.hmax-viewport-1\\/6-mm{max-height:16.6666vh !important;} -.mr-1\\/4-mm{margin-right:25% !important;} -.ml-1\\/4-mm{margin-left:25% !important;grid-column-start:4 !important;} -.w-1\\/4-mm{width:25% !important;grid-column-end:span 3 !important;} -.h-viewport-1\\/4-mm{height:25vh !important;} -.hmax-viewport-1\\/4-mm{max-height:25vh !important;} -.mr-1\\/3-mm{margin-right:33.3333% !important;} -.ml-1\\/3-mm{margin-left:33.3333% !important;grid-column-start:5 !important;} -.w-1\\/3-mm{width:33.3333% !important;grid-column-end:span 4 !important;} -.h-viewport-1\\/3-mm{height:33.3333vh !important;} -.hmax-viewport-1\\/3-mm{max-height:33.3333vh !important;} -.mr-5\\/12-mm{margin-right:41.6666% !important;} -.ml-5\\/12-mm{margin-left:41.6666% !important;grid-column-start:6 !important;} -.w-5\\/12-mm{width:41.6666% !important;grid-column-end:span 5 !important;} -.h-viewport-5\\/12-mm{height:41.6666vh !important;} -.hmax-viewport-5\\/12-mm{max-height:41.6666vh !important;} -.mr-1\\/2-mm{margin-right:50% !important;} -.ml-1\\/2-mm{margin-left:50% !important;grid-column-start:7 !important;} -.w-1\\/2-mm{width:50% !important;grid-column-end:span 6 !important;} -.h-viewport-1\\/2-mm{height:50vh !important;} -.hmax-viewport-1\\/2-mm{max-height:50vh !important;} -.mr-7\\/12-mm{margin-right:58.3333% !important;} -.ml-7\\/12-mm{margin-left:58.3333% !important;grid-column-start:8 !important;} -.w-7\\/12-mm{width:58.3333% !important;grid-column-end:span 7 !important;} -.h-viewport-7\\/12-mm{height:58.3333vh !important;} -.hmax-viewport-7\\/12-mm{max-height:58.3333vh !important;} -.mr-2\\/3-mm{margin-right:66.6666% !important;} -.ml-2\\/3-mm{margin-left:66.6666% !important;grid-column-start:9 !important;} -.w-2\\/3-mm{width:66.6666% !important;grid-column-end:span 8 !important;} -.h-viewport-2\\/3-mm{height:66.6666vh !important;} -.hmax-viewport-2\\/3-mm{max-height:66.6666vh !important;} -.mr-3\\/4-mm{margin-right:75% !important;} -.ml-3\\/4-mm{margin-left:75% !important;grid-column-start:10 !important;} -.w-3\\/4-mm{width:75% !important;grid-column-end:span 9 !important;} -.h-viewport-3\\/4-mm{height:75vh !important;} -.hmax-viewport-3\\/4-mm{max-height:75vh !important;} -.mr-5\\/6-mm{margin-right:83.3333% !important;} -.ml-5\\/6-mm{margin-left:83.3333% !important;grid-column-start:11 !important;} -.w-5\\/6-mm{width:83.3333% !important;grid-column-end:span 10 !important;} -.h-viewport-5\\/6-mm{height:83.3333vh !important;} -.hmax-viewport-5\\/6-mm{max-height:83.3333vh !important;} -.mr-11\\/12-mm{margin-right:91.6666% !important;} -.ml-11\\/12-mm{margin-left:91.6666% !important;grid-column-start:12 !important;} -.w-11\\/12-mm{width:91.6666% !important;grid-column-end:span 11 !important;} -.h-viewport-11\\/12-mm{height:91.6666vh !important;} -.hmax-viewport-11\\/12-mm{max-height:91.6666vh !important;} -.gap0-mm{gap:0 !important;} -.gapx0-mm{column-gap:0 !important;} -.gapy0-mm{row-gap:0 !important;} -.gap3-mm{gap:3px !important;} -.gapx3-mm{column-gap:3px !important;} -.gapy3-mm{row-gap:3px !important;} -.gap6-mm{gap:6px !important;} -.gapx6-mm{column-gap:6px !important;} -.gapy6-mm{row-gap:6px !important;} -.gap12-mm{gap:12px !important;} -.gapx12-mm{column-gap:12px !important;} -.gapy12-mm{row-gap:12px !important;} -.gap18-mm{gap:18px !important;} -.gapx18-mm{column-gap:18px !important;} -.gapy18-mm{row-gap:18px !important;} -.gap24-mm{gap:24px !important;} -.gapx24-mm{column-gap:24px !important;} -.gapy24-mm{row-gap:24px !important;} -.gap30-mm{gap:30px !important;} -.gapx30-mm{column-gap:30px !important;} -.gapy30-mm{row-gap:30px !important;} -.gap36-mm{gap:36px !important;} -.gapx36-mm{column-gap:36px !important;} -.gapy36-mm{row-gap:36px !important;} -.gap60-mm{gap:60px !important;} -.gapx60-mm{column-gap:60px !important;} -.gapy60-mm{row-gap:60px !important;} -.gap120-mm{gap:120px !important;} -.gapx120-mm{column-gap:120px !important;} -.gapy120-mm{row-gap:120px !important;} -.gap180-mm{gap:180px !important;} -.gapx180-mm{column-gap:180px !important;} -.gapy180-mm{row-gap:180px !important;} -.gap240-mm{gap:240px !important;} -.gapx240-mm{column-gap:240px !important;} -.gapy240-mm{row-gap:240px !important;} -.gap300-mm{gap:300px !important;} -.gapx300-mm{column-gap:300px !important;} -.gapy300-mm{row-gap:300px !important;} -.gap360-mm{gap:360px !important;} -.gapx360-mm{column-gap:360px !important;} -.gapy360-mm{row-gap:360px !important;} -.aspect-auto-mm{aspect-ratio:auto !important;} -.aspect-1\\/1-mm{aspect-ratio:1/1 !important;} -.aspect-4\\/3-mm{aspect-ratio:4/3 !important;} -.aspect-3\\/2-mm{aspect-ratio:3/2 !important;} -.aspect-16\\/9-mm{aspect-ratio:16/9 !important;} -.aspect-21\\/9-mm{aspect-ratio:21/9 !important;} -.aspect-3\\/4-mm{aspect-ratio:3/4 !important;} -.aspect-9\\/16-mm{aspect-ratio:9/16 !important;} -.rotate0-mm{rotate:0deg !important;} -.rotate45-mm{rotate:45deg !important;} -.rotate90-mm{rotate:90deg !important;} -.rotate180-mm{rotate:180deg !important;} -.rotate270-mm{rotate:270deg !important;} -.rotate-neg45-mm{rotate:-45deg !important;} -.rotate-neg90-mm{rotate:-90deg !important;} -.rotate-neg180-mm{rotate:-180deg !important;} -.rotate-neg270-mm{rotate:-270deg !important;} -.scale0-mm{scale:0 !important;} -.scale50-mm{scale:0.5 !important;} -.scale75-mm{scale:0.75 !important;} -.scale100-mm{scale:1 !important;} -.scale125-mm{scale:1.25 !important;} -.scale150-mm{scale:1.5 !important;} -.translate-x-neg1-mm{translate:-1px 0 !important;} -.translate-y-neg1-mm{translate:0 -1px !important;} -.translate-x-neg2-mm{translate:-2px 0 !important;} -.translate-y-neg2-mm{translate:0 -2px !important;} -.translate-x-neg3-mm{translate:-3px 0 !important;} -.translate-y-neg3-mm{translate:0 -3px !important;} -.translate-x-neg6-mm{translate:-6px 0 !important;} -.translate-y-neg6-mm{translate:0 -6px !important;} -.translate-x-neg12-mm{translate:-12px 0 !important;} -.translate-y-neg12-mm{translate:0 -12px !important;} -.translate-x-neg18-mm{translate:-18px 0 !important;} -.translate-y-neg18-mm{translate:0 -18px !important;} -.translate-x-neg24-mm{translate:-24px 0 !important;} -.translate-y-neg24-mm{translate:0 -24px !important;} -.translate-x-neg30-mm{translate:-30px 0 !important;} -.translate-y-neg30-mm{translate:0 -30px !important;} -.translate-x-neg36-mm{translate:-36px 0 !important;} -.translate-y-neg36-mm{translate:0 -36px !important;} -.translate-x-neg60-mm{translate:-60px 0 !important;} -.translate-y-neg60-mm{translate:0 -60px !important;} -.translate-x-neg120-mm{translate:-120px 0 !important;} -.translate-y-neg120-mm{translate:0 -120px !important;} -.translate-x-neg180-mm{translate:-180px 0 !important;} -.translate-y-neg180-mm{translate:0 -180px !important;} -.translate-x-neg240-mm{translate:-240px 0 !important;} -.translate-y-neg240-mm{translate:0 -240px !important;} -.translate-x-neg300-mm{translate:-300px 0 !important;} -.translate-y-neg300-mm{translate:0 -300px !important;} -.translate-x-neg360-mm{translate:-360px 0 !important;} -.translate-y-neg360-mm{translate:0 -360px !important;} -.translate-x0-mm, -.translate-y0-mm{translate:0 0 !important;} -.translate-x3-mm{translate:3px 0 !important;} -.translate-y3-mm{translate:0 3px !important;} -.translate-x6-mm{translate:6px 0 !important;} -.translate-y6-mm{translate:0 6px !important;} -.translate-x12-mm{translate:12px 0 !important;} -.translate-y12-mm{translate:0 12px !important;} -.translate-x18-mm{translate:18px 0 !important;} -.translate-y18-mm{translate:0 18px !important;} -.translate-x24-mm{translate:24px 0 !important;} -.translate-y24-mm{translate:0 24px !important;} -.translate-x30-mm{translate:30px 0 !important;} -.translate-y30-mm{translate:0 30px !important;} -.translate-x36-mm{translate:36px 0 !important;} -.translate-y36-mm{translate:0 36px !important;} -.translate-x60-mm{translate:60px 0 !important;} -.translate-y60-mm{translate:0 60px !important;} -.translate-x120-mm{translate:120px 0 !important;} -.translate-y120-mm{translate:0 120px !important;} -.translate-x180-mm{translate:180px 0 !important;} -.translate-y180-mm{translate:0 180px !important;} -.translate-x240-mm{translate:240px 0 !important;} -.translate-y240-mm{translate:0 240px !important;} -.translate-x300-mm{translate:300px 0 !important;} -.translate-y300-mm{translate:0 300px !important;} -.translate-x360-mm{translate:360px 0 !important;} -.translate-y360-mm{translate:0 360px !important;} -.py0-mm{padding-top:0 !important;padding-bottom:0 !important;} -.px0-mm{padding-left:0 !important;padding-right:0 !important;} -.pt0-mm{padding-top:0 !important;} -.pr0-mm{padding-right:0 !important;} -.pb0-mm{padding-bottom:0 !important;} -.pl0-mm{padding-left:0 !important;} -.py3-mm{padding-top:3px !important;padding-bottom:3px !important;} -.px3-mm{padding-left:3px !important;padding-right:3px !important;} -.pt3-mm{padding-top:3px !important;} -.pr3-mm{padding-right:3px !important;} -.pb3-mm{padding-bottom:3px !important;} -.pl3-mm{padding-left:3px !important;} -.py6-mm{padding-top:6px !important;padding-bottom:6px !important;} -.px6-mm{padding-left:6px !important;padding-right:6px !important;} -.pt6-mm{padding-top:6px !important;} -.pr6-mm{padding-right:6px !important;} -.pb6-mm{padding-bottom:6px !important;} -.pl6-mm{padding-left:6px !important;} -.py12-mm{padding-top:12px !important;padding-bottom:12px !important;} -.px12-mm{padding-left:12px !important;padding-right:12px !important;} -.pt12-mm{padding-top:12px !important;} -.pr12-mm{padding-right:12px !important;} -.pb12-mm{padding-bottom:12px !important;} -.pl12-mm{padding-left:12px !important;} -.py18-mm{padding-top:18px !important;padding-bottom:18px !important;} -.px18-mm{padding-left:18px !important;padding-right:18px !important;} -.pt18-mm{padding-top:18px !important;} -.pr18-mm{padding-right:18px !important;} -.pb18-mm{padding-bottom:18px !important;} -.pl18-mm{padding-left:18px !important;} -.py24-mm{padding-top:24px !important;padding-bottom:24px !important;} -.px24-mm{padding-left:24px !important;padding-right:24px !important;} -.pt24-mm{padding-top:24px !important;} -.pr24-mm{padding-right:24px !important;} -.pb24-mm{padding-bottom:24px !important;} -.pl24-mm{padding-left:24px !important;} -.py30-mm{padding-top:30px !important;padding-bottom:30px !important;} -.px30-mm{padding-left:30px !important;padding-right:30px !important;} -.pt30-mm{padding-top:30px !important;} -.pr30-mm{padding-right:30px !important;} -.pb30-mm{padding-bottom:30px !important;} -.pl30-mm{padding-left:30px !important;} -.py36-mm{padding-top:36px !important;padding-bottom:36px !important;} -.px36-mm{padding-left:36px !important;padding-right:36px !important;} -.pt36-mm{padding-top:36px !important;} -.pr36-mm{padding-right:36px !important;} -.pb36-mm{padding-bottom:36px !important;} -.pl36-mm{padding-left:36px !important;} -.py60-mm{padding-top:60px !important;padding-bottom:60px !important;} -.px60-mm{padding-left:60px !important;padding-right:60px !important;} -.pt60-mm{padding-top:60px !important;} -.pr60-mm{padding-right:60px !important;} -.pb60-mm{padding-bottom:60px !important;} -.pl60-mm{padding-left:60px !important;} -.py120-mm{padding-top:120px !important;padding-bottom:120px !important;} -.px120-mm{padding-left:120px !important;padding-right:120px !important;} -.pt120-mm{padding-top:120px !important;} -.pr120-mm{padding-right:120px !important;} -.pb120-mm{padding-bottom:120px !important;} -.pl120-mm{padding-left:120px !important;} -.py180-mm{padding-top:180px !important;padding-bottom:180px !important;} -.px180-mm{padding-left:180px !important;padding-right:180px !important;} -.pt180-mm{padding-top:180px !important;} -.pr180-mm{padding-right:180px !important;} -.pb180-mm{padding-bottom:180px !important;} -.pl180-mm{padding-left:180px !important;} -.py240-mm{padding-top:240px !important;padding-bottom:240px !important;} -.px240-mm{padding-left:240px !important;padding-right:240px !important;} -.pt240-mm{padding-top:240px !important;} -.pr240-mm{padding-right:240px !important;} -.pb240-mm{padding-bottom:240px !important;} -.pl240-mm{padding-left:240px !important;} -.py300-mm{padding-top:300px !important;padding-bottom:300px !important;} -.px300-mm{padding-left:300px !important;padding-right:300px !important;} -.pt300-mm{padding-top:300px !important;} -.pr300-mm{padding-right:300px !important;} -.pb300-mm{padding-bottom:300px !important;} -.pl300-mm{padding-left:300px !important;} -.py360-mm{padding-top:360px !important;padding-bottom:360px !important;} -.px360-mm{padding-left:360px !important;padding-right:360px !important;} -.pt360-mm{padding-top:360px !important;} -.pr360-mm{padding-right:360px !important;} -.pb360-mm{padding-bottom:360px !important;} -.pl360-mm{padding-left:360px !important;} -.w0-mm{width:0 !important;} -.w3-mm{width:3px !important;} -.w6-mm{width:6px !important;} -.w12-mm{width:12px !important;} -.w18-mm{width:18px !important;} -.w24-mm{width:24px !important;} -.w30-mm{width:30px !important;} -.w36-mm{width:36px !important;} -.w60-mm{width:60px !important;} -.w120-mm{width:120px !important;} -.w180-mm{width:180px !important;} -.w240-mm{width:240px !important;} -.w300-mm{width:300px !important;} -.w360-mm{width:360px !important;} -.w600-mm{width:600px !important;} -.w-full-mm{width:100% !important;} -.w-auto-mm{width:auto !important;} -.wmax0-mm{max-width:0 !important;} -.wmax3-mm{max-width:3px !important;} -.wmax6-mm{max-width:6px !important;} -.wmax12-mm{max-width:12px !important;} -.wmax18-mm{max-width:18px !important;} -.wmax24-mm{max-width:24px !important;} -.wmax30-mm{max-width:30px !important;} -.wmax36-mm{max-width:36px !important;} -.wmax60-mm{max-width:60px !important;} -.wmax120-mm{max-width:120px !important;} -.wmax180-mm{max-width:180px !important;} -.wmax240-mm{max-width:240px !important;} -.wmax300-mm{max-width:300px !important;} -.wmax360-mm{max-width:360px !important;} -.wmax600-mm{max-width:600px !important;} -.wmax1200-mm{max-width:1200px !important;} -.wmax1800-mm{max-width:1800px !important;} -.wmax-full-mm{max-width:100% !important;} -.wmax-none-mm{max-width:none !important;} -.wmin0-mm{min-width:0 !important;} -.wmin3-mm{min-width:3px !important;} -.wmin6-mm{min-width:6px !important;} -.wmin12-mm{min-width:12px !important;} -.wmin18-mm{min-width:18px !important;} -.wmin24-mm{min-width:24px !important;} -.wmin30-mm{min-width:30px !important;} -.wmin36-mm{min-width:36px !important;} -.wmin60-mm{min-width:60px !important;} -.wmin120-mm{min-width:120px !important;} -.wmin180-mm{min-width:180px !important;} -.wmin240-mm{min-width:240px !important;} -.wmin300-mm{min-width:300px !important;} -.wmin360-mm{min-width:360px !important;} -.wmin600-mm{min-width:600px !important;} -.wmin-full-mm{min-width:100% !important;} -.h0-mm{height:0 !important;} -.h3-mm{height:3px !important;} -.h6-mm{height:6px !important;} -.h12-mm{height:12px !important;} -.h18-mm{height:18px !important;} -.h24-mm{height:24px !important;} -.h30-mm{height:30px !important;} -.h36-mm{height:36px !important;} -.h60-mm{height:60px !important;} -.h120-mm{height:120px !important;} -.h180-mm{height:180px !important;} -.h240-mm{height:240px !important;} -.h300-mm{height:300px !important;} -.h360-mm{height:360px !important;} -.h600-mm{height:600px !important;} -.h-full-mm{height:100% !important;} -.h-auto-mm{height:auto !important;} -.hmax0-mm{max-height:0 !important;} -.hmax3-mm{max-height:3px !important;} -.hmax6-mm{max-height:6px !important;} -.hmax12-mm{max-height:12px !important;} -.hmax18-mm{max-height:18px !important;} -.hmax24-mm{max-height:24px !important;} -.hmax30-mm{max-height:30px !important;} -.hmax36-mm{max-height:36px !important;} -.hmax60-mm{max-height:60px !important;} -.hmax120-mm{max-height:120px !important;} -.hmax180-mm{max-height:180px !important;} -.hmax240-mm{max-height:240px !important;} -.hmax300-mm{max-height:300px !important;} -.hmax360-mm{max-height:360px !important;} -.hmax600-mm{max-height:600px !important;} -.hmax-full-mm{max-height:100% !important;} -.hmax-none-mm{max-height:none !important;} -.hmin0-mm{min-height:0 !important;} -.hmin3-mm{min-height:3px !important;} -.hmin6-mm{min-height:6px !important;} -.hmin12-mm{min-height:12px !important;} -.hmin18-mm{min-height:18px !important;} -.hmin24-mm{min-height:24px !important;} -.hmin30-mm{min-height:30px !important;} -.hmin36-mm{min-height:36px !important;} -.hmin60-mm{min-height:60px !important;} -.hmin120-mm{min-height:120px !important;} -.hmin180-mm{min-height:180px !important;} -.hmin240-mm{min-height:240px !important;} -.hmin300-mm{min-height:300px !important;} -.hmin360-mm{min-height:360px !important;} -.hmin600-mm{min-height:600px !important;} -.hmin-full-mm{min-height:100% !important;} -.h-viewport-full-mm{height:100vh !important;} -.hmax-viewport-full-mm{max-height:100vh !important;} -} -@media screen and (min-width: 1200px){ -.txt-h1-mxl{font-size:36px;line-height:45px;} -.txt-h2-mxl{font-size:30px;line-height:36px;} -.txt-h3-mxl{font-size:24px;line-height:30px;} -.txt-h4-mxl{font-size:20px;line-height:25px;} -.txt-h5-mxl{font-size:16px;line-height:20px;} -.txt-xl-mxl{font-size:30px;line-height:45px;} -.txt-l-mxl{font-size:20px;line-height:30px;} -.txt-m-mxl{font-size:16px;line-height:24px;} -.txt-ms-mxl{font-size:14px;line-height:21px;} -.txt-s-mxl{font-size:12px;line-height:18px;} -.txt-xs-mxl{font-size:10px;line-height:15px;} -.border-mxl{border-style:solid;border-width:1px;} -.border-t-mxl{border-style:solid;border-top-width:1px;} -.border-r-mxl{border-style:solid;border-right-width:1px;} -.border-b-mxl{border-style:solid;border-bottom-width:1px;} -.border-l-mxl{border-style:solid;border-left-width:1px;} -.border--0-mxl{border-width:0 !important;} -.border-t--0-mxl{border-top-width:0 !important;} -.border-r--0-mxl{border-right-width:0 !important;} -.border-b--0-mxl{border-bottom-width:0 !important;} -.border-l--0-mxl{border-left-width:0 !important;} -.round-mxl{border-radius:4px !important;} -.round-t-mxl{border-radius:4px 4px 0 0 !important;} -.round-r-mxl{border-radius:0 4px 4px 0 !important;} -.round-b-mxl{border-radius:0 0 4px 4px !important;} -.round-l-mxl{border-radius:4px 0 0 4px !important;} -.round-tl-mxl{border-top-left-radius:4px !important;} -.round-tr-mxl{border-top-right-radius:4px !important;} -.round-br-mxl{border-bottom-right-radius:4px !important;} -.round-bl-mxl{border-bottom-left-radius:4px !important;} -.round-bold-mxl{border-radius:8px !important;} -.round-t-bold-mxl{border-radius:8px 8px 0 0 !important;} -.round-r-bold-mxl{border-radius:0 8px 8px 0 !important;} -.round-b-bold-mxl{border-radius:0 0 8px 8px !important;} -.round-l-bold-mxl{border-radius:8px 0 0 8px !important;} -.round-tl-bold-mxl{border-top-left-radius:8px !important;} -.round-tr-bold-mxl{border-top-right-radius:8px !important;} -.round-br-bold-mxl{border-bottom-right-radius:8px !important;} -.round-bl-bold-mxl{border-bottom-left-radius:8px !important;} -.round-full-mxl{border-radius:9999px !important;} -.round-t-full-mxl{border-radius:9999px 9999px 0 0 !important;} -.round-r-full-mxl{border-radius:0 9999px 9999px 0 !important;} -.round-b-full-mxl{border-radius:0 0 9999px 9999px !important;} -.round-l-full-mxl{border-radius:9999px 0 0 9999px !important;} -.round-tl-full-mxl{border-top-left-radius:9999px !important;} -.round-tr-full-mxl{border-top-right-radius:9999px !important;} -.round-br-full-mxl{border-bottom-right-radius:9999px !important;} -.round-bl-full-mxl{border-bottom-left-radius:9999px !important;} -.unround-mxl{border-radius:0 !important;} -.unround-t-mxl{border-top-left-radius:0 !important;border-top-right-radius:0 !important;} -.unround-r-mxl{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;} -.unround-b-mxl{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;} -.unround-l-mxl{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;} -.unround-tl-mxl{border-top-left-radius:0 !important;} -.unround-tr-mxl{border-top-right-radius:0 !important;} -.unround-br-mxl{border-bottom-right-radius:0 !important;} -.unround-bl-mxl{border-bottom-left-radius:0 !important;} -.grid-mxl{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.grid-mxl > .col, .grid-mxl > .col-mm, .grid-mxl > .col-ml, .grid-mxl > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} -.col-mxl{min-width:0;} -.inline-mxl{display:inline !important;} -.block-mxl{display:block !important;} -.inline-block-mxl{display:inline-block !important;} -.none-mxl{display:none !important;} -.fixed-mxl{position:fixed !important;} -.absolute-mxl{position:absolute !important;} -.relative-mxl{position:relative !important;} -.static-mxl{position:static !important;} -.sticky-mxl{position:sticky !important;} -.top-mxl{top:0 !important;} -.right-mxl{right:0 !important;} -.left-mxl{left:0 !important;} -.bottom-mxl{bottom:0 !important;} -.z-neg1-mxl{z-index:-1 !important;} -.z0-mxl{z-index:0 !important;} -.z1-mxl{z-index:1 !important;} -.z2-mxl{z-index:2 !important;} -.z3-mxl{z-index:3 !important;} -.z4-mxl{z-index:4 !important;} -.z5-mxl{z-index:5 !important;} -.mx-auto-mxl{margin-left:auto !important;margin-right:auto !important;} -.flex-mxl{display:flex !important;} -.inline-flex-mxl{display:inline-flex !important;} -.flex--column-mxl{flex-direction:column !important;} -.flex--column-reverse-mxl{flex-direction:column-reverse !important;} -.flex--row-mxl{flex-direction:row !important;} -.flex--row-reverse-mxl{flex-direction:row-reverse !important;} -.flex--center-main-mxl{justify-content:center !important;} -.flex--center-cross-mxl{align-items:center !important;} -.flex--start-cross-mxl{align-items:flex-start !important;} -.flex--start-main-mxl{justify-content:flex-start !important;} -.flex--end-cross-mxl{align-items:flex-end !important;} -.flex--end-main-mxl{justify-content:flex-end !important;} -.flex--wrap-mxl{flex-wrap:wrap !important;} -.flex--stretch-cross-mxl{align-items:stretch !important;} -.flex--space-between-main-mxl{justify-content:space-between !important;} -.flex--space-around-main-mxl{justify-content:space-around !important;} -.flex--space-evenly-main-mxl{justify-content:space-evenly !important;} -.flex-child-grow-mxl{flex-grow:1 !important;min-width:0;} -.flex-child-no-shrink-mxl{flex-shrink:0 !important;} -.object-contain-mxl{object-fit:contain !important;} -.object-cover-mxl{object-fit:cover !important;} -.object-fill-mxl{object-fit:fill !important;} -.object-none-mxl{object-fit:none !important;} -.object-scale-down-mxl{object-fit:scale-down !important;} -.bleed-mxl{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} -.bleed-r-mxl{flex-grow:1;margin-right:calc(50% - 50vw);} -.bleed-l-mxl{flex-grow:1;margin-left:calc(50% - 50vw);} -.unbleed-mxl{flex-grow:0;margin-left:0;margin-right:0;} -.fl-mxl{float:left !important;} -.fr-mxl{float:right !important;} -.unfloat-mxl{float:none !important;} -.events-none-mxl{-webkit-touch-callout:none;pointer-events:none;} -.events-all-mxl{-webkit-touch-callout:default;pointer-events:all;} -.unselectable-mxl{-webkit-user-select:none;user-select:none;} -.selectable-mxl{-webkit-user-select:text;user-select:text;} -.grid--gut0-mxl{column-gap:0;} -.grid--gut3-mxl{column-gap:3px;} -.grid--gut6-mxl{column-gap:6px;} -.grid--gut12-mxl{column-gap:12px;} -.grid--gut18-mxl{column-gap:18px;} -.grid--gut24-mxl{column-gap:24px;} -.grid--gut30-mxl{column-gap:30px;} -.grid--gut36-mxl{column-gap:36px;} -.grid--gut60-mxl{column-gap:60px;} -.grid--gut120-mxl{column-gap:120px;} -.my-neg1-mxl{margin-top:-1px !important;margin-bottom:-1px !important;} -.mx-neg1-mxl{margin-left:-1px !important;margin-right:-1px !important;} -.mt-neg1-mxl{margin-top:-1px !important;} -.mr-neg1-mxl{margin-right:-1px !important;} -.mb-neg1-mxl{margin-bottom:-1px !important;} -.ml-neg1-mxl{margin-left:-1px !important;} -.my-neg2-mxl{margin-top:-2px !important;margin-bottom:-2px !important;} -.mx-neg2-mxl{margin-left:-2px !important;margin-right:-2px !important;} -.mt-neg2-mxl{margin-top:-2px !important;} -.mr-neg2-mxl{margin-right:-2px !important;} -.mb-neg2-mxl{margin-bottom:-2px !important;} -.ml-neg2-mxl{margin-left:-2px !important;} -.my-neg3-mxl{margin-top:-3px !important;margin-bottom:-3px !important;} -.mx-neg3-mxl{margin-left:-3px !important;margin-right:-3px !important;} -.mt-neg3-mxl{margin-top:-3px !important;} -.mr-neg3-mxl{margin-right:-3px !important;} -.mb-neg3-mxl{margin-bottom:-3px !important;} -.ml-neg3-mxl{margin-left:-3px !important;} -.my-neg6-mxl{margin-top:-6px !important;margin-bottom:-6px !important;} -.mx-neg6-mxl{margin-left:-6px !important;margin-right:-6px !important;} -.mt-neg6-mxl{margin-top:-6px !important;} -.mr-neg6-mxl{margin-right:-6px !important;} -.mb-neg6-mxl{margin-bottom:-6px !important;} -.ml-neg6-mxl{margin-left:-6px !important;} -.my-neg12-mxl{margin-top:-12px !important;margin-bottom:-12px !important;} -.mx-neg12-mxl{margin-left:-12px !important;margin-right:-12px !important;} -.mt-neg12-mxl{margin-top:-12px !important;} -.mr-neg12-mxl{margin-right:-12px !important;} -.mb-neg12-mxl{margin-bottom:-12px !important;} -.ml-neg12-mxl{margin-left:-12px !important;} -.my-neg18-mxl{margin-top:-18px !important;margin-bottom:-18px !important;} -.mx-neg18-mxl{margin-left:-18px !important;margin-right:-18px !important;} -.mt-neg18-mxl{margin-top:-18px !important;} -.mr-neg18-mxl{margin-right:-18px !important;} -.mb-neg18-mxl{margin-bottom:-18px !important;} -.ml-neg18-mxl{margin-left:-18px !important;} -.my-neg24-mxl{margin-top:-24px !important;margin-bottom:-24px !important;} -.mx-neg24-mxl{margin-left:-24px !important;margin-right:-24px !important;} -.mt-neg24-mxl{margin-top:-24px !important;} -.mr-neg24-mxl{margin-right:-24px !important;} -.mb-neg24-mxl{margin-bottom:-24px !important;} -.ml-neg24-mxl{margin-left:-24px !important;} -.my-neg30-mxl{margin-top:-30px !important;margin-bottom:-30px !important;} -.mx-neg30-mxl{margin-left:-30px !important;margin-right:-30px !important;} -.mt-neg30-mxl{margin-top:-30px !important;} -.mr-neg30-mxl{margin-right:-30px !important;} -.mb-neg30-mxl{margin-bottom:-30px !important;} -.ml-neg30-mxl{margin-left:-30px !important;} -.my-neg36-mxl{margin-top:-36px !important;margin-bottom:-36px !important;} -.mx-neg36-mxl{margin-left:-36px !important;margin-right:-36px !important;} -.mt-neg36-mxl{margin-top:-36px !important;} -.mr-neg36-mxl{margin-right:-36px !important;} -.mb-neg36-mxl{margin-bottom:-36px !important;} -.ml-neg36-mxl{margin-left:-36px !important;} -.my-neg60-mxl{margin-top:-60px !important;margin-bottom:-60px !important;} -.mx-neg60-mxl{margin-left:-60px !important;margin-right:-60px !important;} -.mt-neg60-mxl{margin-top:-60px !important;} -.mr-neg60-mxl{margin-right:-60px !important;} -.mb-neg60-mxl{margin-bottom:-60px !important;} -.ml-neg60-mxl{margin-left:-60px !important;} -.my-neg120-mxl{margin-top:-120px !important;margin-bottom:-120px !important;} -.mx-neg120-mxl{margin-left:-120px !important;margin-right:-120px !important;} -.mt-neg120-mxl{margin-top:-120px !important;} -.mr-neg120-mxl{margin-right:-120px !important;} -.mb-neg120-mxl{margin-bottom:-120px !important;} -.ml-neg120-mxl{margin-left:-120px !important;} -.my-neg180-mxl{margin-top:-180px !important;margin-bottom:-180px !important;} -.mx-neg180-mxl{margin-left:-180px !important;margin-right:-180px !important;} -.mt-neg180-mxl{margin-top:-180px !important;} -.mr-neg180-mxl{margin-right:-180px !important;} -.mb-neg180-mxl{margin-bottom:-180px !important;} -.ml-neg180-mxl{margin-left:-180px !important;} -.my-neg240-mxl{margin-top:-240px !important;margin-bottom:-240px !important;} -.mx-neg240-mxl{margin-left:-240px !important;margin-right:-240px !important;} -.mt-neg240-mxl{margin-top:-240px !important;} -.mr-neg240-mxl{margin-right:-240px !important;} -.mb-neg240-mxl{margin-bottom:-240px !important;} -.ml-neg240-mxl{margin-left:-240px !important;} -.my-neg300-mxl{margin-top:-300px !important;margin-bottom:-300px !important;} -.mx-neg300-mxl{margin-left:-300px !important;margin-right:-300px !important;} -.mt-neg300-mxl{margin-top:-300px !important;} -.mr-neg300-mxl{margin-right:-300px !important;} -.mb-neg300-mxl{margin-bottom:-300px !important;} -.ml-neg300-mxl{margin-left:-300px !important;} -.my-neg360-mxl{margin-top:-360px !important;margin-bottom:-360px !important;} -.mx-neg360-mxl{margin-left:-360px !important;margin-right:-360px !important;} -.mt-neg360-mxl{margin-top:-360px !important;} -.mr-neg360-mxl{margin-right:-360px !important;} -.mb-neg360-mxl{margin-bottom:-360px !important;} -.ml-neg360-mxl{margin-left:-360px !important;} -.my0-mxl{margin-top:0 !important;margin-bottom:0 !important;} -.mx0-mxl{margin-left:0 !important;margin-right:0 !important;} -.mt0-mxl{margin-top:0 !important;} -.mr0-mxl{margin-right:0 !important;} -.mb0-mxl{margin-bottom:0 !important;} -.ml0-mxl{margin-left:0 !important;} -.my3-mxl{margin-top:3px !important;margin-bottom:3px !important;} -.mx3-mxl{margin-left:3px !important;margin-right:3px !important;} -.mt3-mxl{margin-top:3px !important;} -.mr3-mxl{margin-right:3px !important;} -.mb3-mxl{margin-bottom:3px !important;} -.ml3-mxl{margin-left:3px !important;} -.my6-mxl{margin-top:6px !important;margin-bottom:6px !important;} -.mx6-mxl{margin-left:6px !important;margin-right:6px !important;} -.mt6-mxl{margin-top:6px !important;} -.mr6-mxl{margin-right:6px !important;} -.mb6-mxl{margin-bottom:6px !important;} -.ml6-mxl{margin-left:6px !important;} -.my12-mxl{margin-top:12px !important;margin-bottom:12px !important;} -.mx12-mxl{margin-left:12px !important;margin-right:12px !important;} -.mt12-mxl{margin-top:12px !important;} -.mr12-mxl{margin-right:12px !important;} -.mb12-mxl{margin-bottom:12px !important;} -.ml12-mxl{margin-left:12px !important;} -.my18-mxl{margin-top:18px !important;margin-bottom:18px !important;} -.mx18-mxl{margin-left:18px !important;margin-right:18px !important;} -.mt18-mxl{margin-top:18px !important;} -.mr18-mxl{margin-right:18px !important;} -.mb18-mxl{margin-bottom:18px !important;} -.ml18-mxl{margin-left:18px !important;} -.my24-mxl{margin-top:24px !important;margin-bottom:24px !important;} -.mx24-mxl{margin-left:24px !important;margin-right:24px !important;} -.mt24-mxl{margin-top:24px !important;} -.mr24-mxl{margin-right:24px !important;} -.mb24-mxl{margin-bottom:24px !important;} -.ml24-mxl{margin-left:24px !important;} -.my30-mxl{margin-top:30px !important;margin-bottom:30px !important;} -.mx30-mxl{margin-left:30px !important;margin-right:30px !important;} -.mt30-mxl{margin-top:30px !important;} -.mr30-mxl{margin-right:30px !important;} -.mb30-mxl{margin-bottom:30px !important;} -.ml30-mxl{margin-left:30px !important;} -.my36-mxl{margin-top:36px !important;margin-bottom:36px !important;} -.mx36-mxl{margin-left:36px !important;margin-right:36px !important;} -.mt36-mxl{margin-top:36px !important;} -.mr36-mxl{margin-right:36px !important;} -.mb36-mxl{margin-bottom:36px !important;} -.ml36-mxl{margin-left:36px !important;} -.my60-mxl{margin-top:60px !important;margin-bottom:60px !important;} -.mx60-mxl{margin-left:60px !important;margin-right:60px !important;} -.mt60-mxl{margin-top:60px !important;} -.mr60-mxl{margin-right:60px !important;} -.mb60-mxl{margin-bottom:60px !important;} -.ml60-mxl{margin-left:60px !important;} -.my120-mxl{margin-top:120px !important;margin-bottom:120px !important;} -.mx120-mxl{margin-left:120px !important;margin-right:120px !important;} -.mt120-mxl{margin-top:120px !important;} -.mr120-mxl{margin-right:120px !important;} -.mb120-mxl{margin-bottom:120px !important;} -.ml120-mxl{margin-left:120px !important;} -.my180-mxl{margin-top:180px !important;margin-bottom:180px !important;} -.mx180-mxl{margin-left:180px !important;margin-right:180px !important;} -.mt180-mxl{margin-top:180px !important;} -.mr180-mxl{margin-right:180px !important;} -.mb180-mxl{margin-bottom:180px !important;} -.ml180-mxl{margin-left:180px !important;} -.my240-mxl{margin-top:240px !important;margin-bottom:240px !important;} -.mx240-mxl{margin-left:240px !important;margin-right:240px !important;} -.mt240-mxl{margin-top:240px !important;} -.mr240-mxl{margin-right:240px !important;} -.mb240-mxl{margin-bottom:240px !important;} -.ml240-mxl{margin-left:240px !important;} -.my300-mxl{margin-top:300px !important;margin-bottom:300px !important;} -.mx300-mxl{margin-left:300px !important;margin-right:300px !important;} -.mt300-mxl{margin-top:300px !important;} -.mr300-mxl{margin-right:300px !important;} -.mb300-mxl{margin-bottom:300px !important;} -.ml300-mxl{margin-left:300px !important;} -.my360-mxl{margin-top:360px !important;margin-bottom:360px !important;} -.mx360-mxl{margin-left:360px !important;margin-right:360px !important;} -.mt360-mxl{margin-top:360px !important;} -.mr360-mxl{margin-right:360px !important;} -.mb360-mxl{margin-bottom:360px !important;} -.ml360-mxl{margin-left:360px !important;} -.mr-1\\/12-mxl{margin-right:8.3333% !important;} -.ml-1\\/12-mxl{margin-left:8.3333% !important;grid-column-start:2 !important;} -.w-1\\/12-mxl{width:8.3333% !important;grid-column-end:span 1 !important;} -.h-viewport-1\\/12-mxl{height:8.3333vh !important;} -.hmax-viewport-1\\/12-mxl{max-height:8.3333vh !important;} -.mr-1\\/6-mxl{margin-right:16.6666% !important;} -.ml-1\\/6-mxl{margin-left:16.6666% !important;grid-column-start:3 !important;} -.w-1\\/6-mxl{width:16.6666% !important;grid-column-end:span 2 !important;} -.h-viewport-1\\/6-mxl{height:16.6666vh !important;} -.hmax-viewport-1\\/6-mxl{max-height:16.6666vh !important;} -.mr-1\\/4-mxl{margin-right:25% !important;} -.ml-1\\/4-mxl{margin-left:25% !important;grid-column-start:4 !important;} -.w-1\\/4-mxl{width:25% !important;grid-column-end:span 3 !important;} -.h-viewport-1\\/4-mxl{height:25vh !important;} -.hmax-viewport-1\\/4-mxl{max-height:25vh !important;} -.mr-1\\/3-mxl{margin-right:33.3333% !important;} -.ml-1\\/3-mxl{margin-left:33.3333% !important;grid-column-start:5 !important;} -.w-1\\/3-mxl{width:33.3333% !important;grid-column-end:span 4 !important;} -.h-viewport-1\\/3-mxl{height:33.3333vh !important;} -.hmax-viewport-1\\/3-mxl{max-height:33.3333vh !important;} -.mr-5\\/12-mxl{margin-right:41.6666% !important;} -.ml-5\\/12-mxl{margin-left:41.6666% !important;grid-column-start:6 !important;} -.w-5\\/12-mxl{width:41.6666% !important;grid-column-end:span 5 !important;} -.h-viewport-5\\/12-mxl{height:41.6666vh !important;} -.hmax-viewport-5\\/12-mxl{max-height:41.6666vh !important;} -.mr-1\\/2-mxl{margin-right:50% !important;} -.ml-1\\/2-mxl{margin-left:50% !important;grid-column-start:7 !important;} -.w-1\\/2-mxl{width:50% !important;grid-column-end:span 6 !important;} -.h-viewport-1\\/2-mxl{height:50vh !important;} -.hmax-viewport-1\\/2-mxl{max-height:50vh !important;} -.mr-7\\/12-mxl{margin-right:58.3333% !important;} -.ml-7\\/12-mxl{margin-left:58.3333% !important;grid-column-start:8 !important;} -.w-7\\/12-mxl{width:58.3333% !important;grid-column-end:span 7 !important;} -.h-viewport-7\\/12-mxl{height:58.3333vh !important;} -.hmax-viewport-7\\/12-mxl{max-height:58.3333vh !important;} -.mr-2\\/3-mxl{margin-right:66.6666% !important;} -.ml-2\\/3-mxl{margin-left:66.6666% !important;grid-column-start:9 !important;} -.w-2\\/3-mxl{width:66.6666% !important;grid-column-end:span 8 !important;} -.h-viewport-2\\/3-mxl{height:66.6666vh !important;} -.hmax-viewport-2\\/3-mxl{max-height:66.6666vh !important;} -.mr-3\\/4-mxl{margin-right:75% !important;} -.ml-3\\/4-mxl{margin-left:75% !important;grid-column-start:10 !important;} -.w-3\\/4-mxl{width:75% !important;grid-column-end:span 9 !important;} -.h-viewport-3\\/4-mxl{height:75vh !important;} -.hmax-viewport-3\\/4-mxl{max-height:75vh !important;} -.mr-5\\/6-mxl{margin-right:83.3333% !important;} -.ml-5\\/6-mxl{margin-left:83.3333% !important;grid-column-start:11 !important;} -.w-5\\/6-mxl{width:83.3333% !important;grid-column-end:span 10 !important;} -.h-viewport-5\\/6-mxl{height:83.3333vh !important;} -.hmax-viewport-5\\/6-mxl{max-height:83.3333vh !important;} -.mr-11\\/12-mxl{margin-right:91.6666% !important;} -.ml-11\\/12-mxl{margin-left:91.6666% !important;grid-column-start:12 !important;} -.w-11\\/12-mxl{width:91.6666% !important;grid-column-end:span 11 !important;} -.h-viewport-11\\/12-mxl{height:91.6666vh !important;} -.hmax-viewport-11\\/12-mxl{max-height:91.6666vh !important;} -.gap0-mxl{gap:0 !important;} -.gapx0-mxl{column-gap:0 !important;} -.gapy0-mxl{row-gap:0 !important;} -.gap3-mxl{gap:3px !important;} -.gapx3-mxl{column-gap:3px !important;} -.gapy3-mxl{row-gap:3px !important;} -.gap6-mxl{gap:6px !important;} -.gapx6-mxl{column-gap:6px !important;} -.gapy6-mxl{row-gap:6px !important;} -.gap12-mxl{gap:12px !important;} -.gapx12-mxl{column-gap:12px !important;} -.gapy12-mxl{row-gap:12px !important;} -.gap18-mxl{gap:18px !important;} -.gapx18-mxl{column-gap:18px !important;} -.gapy18-mxl{row-gap:18px !important;} -.gap24-mxl{gap:24px !important;} -.gapx24-mxl{column-gap:24px !important;} -.gapy24-mxl{row-gap:24px !important;} -.gap30-mxl{gap:30px !important;} -.gapx30-mxl{column-gap:30px !important;} -.gapy30-mxl{row-gap:30px !important;} -.gap36-mxl{gap:36px !important;} -.gapx36-mxl{column-gap:36px !important;} -.gapy36-mxl{row-gap:36px !important;} -.gap60-mxl{gap:60px !important;} -.gapx60-mxl{column-gap:60px !important;} -.gapy60-mxl{row-gap:60px !important;} -.gap120-mxl{gap:120px !important;} -.gapx120-mxl{column-gap:120px !important;} -.gapy120-mxl{row-gap:120px !important;} -.gap180-mxl{gap:180px !important;} -.gapx180-mxl{column-gap:180px !important;} -.gapy180-mxl{row-gap:180px !important;} -.gap240-mxl{gap:240px !important;} -.gapx240-mxl{column-gap:240px !important;} -.gapy240-mxl{row-gap:240px !important;} -.gap300-mxl{gap:300px !important;} -.gapx300-mxl{column-gap:300px !important;} -.gapy300-mxl{row-gap:300px !important;} -.gap360-mxl{gap:360px !important;} -.gapx360-mxl{column-gap:360px !important;} -.gapy360-mxl{row-gap:360px !important;} -.aspect-auto-mxl{aspect-ratio:auto !important;} -.aspect-1\\/1-mxl{aspect-ratio:1/1 !important;} -.aspect-4\\/3-mxl{aspect-ratio:4/3 !important;} -.aspect-3\\/2-mxl{aspect-ratio:3/2 !important;} -.aspect-16\\/9-mxl{aspect-ratio:16/9 !important;} -.aspect-21\\/9-mxl{aspect-ratio:21/9 !important;} -.aspect-3\\/4-mxl{aspect-ratio:3/4 !important;} -.aspect-9\\/16-mxl{aspect-ratio:9/16 !important;} -.rotate0-mxl{rotate:0deg !important;} -.rotate45-mxl{rotate:45deg !important;} -.rotate90-mxl{rotate:90deg !important;} -.rotate180-mxl{rotate:180deg !important;} -.rotate270-mxl{rotate:270deg !important;} -.rotate-neg45-mxl{rotate:-45deg !important;} -.rotate-neg90-mxl{rotate:-90deg !important;} -.rotate-neg180-mxl{rotate:-180deg !important;} -.rotate-neg270-mxl{rotate:-270deg !important;} -.scale0-mxl{scale:0 !important;} -.scale50-mxl{scale:0.5 !important;} -.scale75-mxl{scale:0.75 !important;} -.scale100-mxl{scale:1 !important;} -.scale125-mxl{scale:1.25 !important;} -.scale150-mxl{scale:1.5 !important;} -.translate-x-neg1-mxl{translate:-1px 0 !important;} -.translate-y-neg1-mxl{translate:0 -1px !important;} -.translate-x-neg2-mxl{translate:-2px 0 !important;} -.translate-y-neg2-mxl{translate:0 -2px !important;} -.translate-x-neg3-mxl{translate:-3px 0 !important;} -.translate-y-neg3-mxl{translate:0 -3px !important;} -.translate-x-neg6-mxl{translate:-6px 0 !important;} -.translate-y-neg6-mxl{translate:0 -6px !important;} -.translate-x-neg12-mxl{translate:-12px 0 !important;} -.translate-y-neg12-mxl{translate:0 -12px !important;} -.translate-x-neg18-mxl{translate:-18px 0 !important;} -.translate-y-neg18-mxl{translate:0 -18px !important;} -.translate-x-neg24-mxl{translate:-24px 0 !important;} -.translate-y-neg24-mxl{translate:0 -24px !important;} -.translate-x-neg30-mxl{translate:-30px 0 !important;} -.translate-y-neg30-mxl{translate:0 -30px !important;} -.translate-x-neg36-mxl{translate:-36px 0 !important;} -.translate-y-neg36-mxl{translate:0 -36px !important;} -.translate-x-neg60-mxl{translate:-60px 0 !important;} -.translate-y-neg60-mxl{translate:0 -60px !important;} -.translate-x-neg120-mxl{translate:-120px 0 !important;} -.translate-y-neg120-mxl{translate:0 -120px !important;} -.translate-x-neg180-mxl{translate:-180px 0 !important;} -.translate-y-neg180-mxl{translate:0 -180px !important;} -.translate-x-neg240-mxl{translate:-240px 0 !important;} -.translate-y-neg240-mxl{translate:0 -240px !important;} -.translate-x-neg300-mxl{translate:-300px 0 !important;} -.translate-y-neg300-mxl{translate:0 -300px !important;} -.translate-x-neg360-mxl{translate:-360px 0 !important;} -.translate-y-neg360-mxl{translate:0 -360px !important;} -.translate-x0-mxl, -.translate-y0-mxl{translate:0 0 !important;} -.translate-x3-mxl{translate:3px 0 !important;} -.translate-y3-mxl{translate:0 3px !important;} -.translate-x6-mxl{translate:6px 0 !important;} -.translate-y6-mxl{translate:0 6px !important;} -.translate-x12-mxl{translate:12px 0 !important;} -.translate-y12-mxl{translate:0 12px !important;} -.translate-x18-mxl{translate:18px 0 !important;} -.translate-y18-mxl{translate:0 18px !important;} -.translate-x24-mxl{translate:24px 0 !important;} -.translate-y24-mxl{translate:0 24px !important;} -.translate-x30-mxl{translate:30px 0 !important;} -.translate-y30-mxl{translate:0 30px !important;} -.translate-x36-mxl{translate:36px 0 !important;} -.translate-y36-mxl{translate:0 36px !important;} -.translate-x60-mxl{translate:60px 0 !important;} -.translate-y60-mxl{translate:0 60px !important;} -.translate-x120-mxl{translate:120px 0 !important;} -.translate-y120-mxl{translate:0 120px !important;} -.translate-x180-mxl{translate:180px 0 !important;} -.translate-y180-mxl{translate:0 180px !important;} -.translate-x240-mxl{translate:240px 0 !important;} -.translate-y240-mxl{translate:0 240px !important;} -.translate-x300-mxl{translate:300px 0 !important;} -.translate-y300-mxl{translate:0 300px !important;} -.translate-x360-mxl{translate:360px 0 !important;} -.translate-y360-mxl{translate:0 360px !important;} -.py0-mxl{padding-top:0 !important;padding-bottom:0 !important;} -.px0-mxl{padding-left:0 !important;padding-right:0 !important;} -.pt0-mxl{padding-top:0 !important;} -.pr0-mxl{padding-right:0 !important;} -.pb0-mxl{padding-bottom:0 !important;} -.pl0-mxl{padding-left:0 !important;} -.py3-mxl{padding-top:3px !important;padding-bottom:3px !important;} -.px3-mxl{padding-left:3px !important;padding-right:3px !important;} -.pt3-mxl{padding-top:3px !important;} -.pr3-mxl{padding-right:3px !important;} -.pb3-mxl{padding-bottom:3px !important;} -.pl3-mxl{padding-left:3px !important;} -.py6-mxl{padding-top:6px !important;padding-bottom:6px !important;} -.px6-mxl{padding-left:6px !important;padding-right:6px !important;} -.pt6-mxl{padding-top:6px !important;} -.pr6-mxl{padding-right:6px !important;} -.pb6-mxl{padding-bottom:6px !important;} -.pl6-mxl{padding-left:6px !important;} -.py12-mxl{padding-top:12px !important;padding-bottom:12px !important;} -.px12-mxl{padding-left:12px !important;padding-right:12px !important;} -.pt12-mxl{padding-top:12px !important;} -.pr12-mxl{padding-right:12px !important;} -.pb12-mxl{padding-bottom:12px !important;} -.pl12-mxl{padding-left:12px !important;} -.py18-mxl{padding-top:18px !important;padding-bottom:18px !important;} -.px18-mxl{padding-left:18px !important;padding-right:18px !important;} -.pt18-mxl{padding-top:18px !important;} -.pr18-mxl{padding-right:18px !important;} -.pb18-mxl{padding-bottom:18px !important;} -.pl18-mxl{padding-left:18px !important;} -.py24-mxl{padding-top:24px !important;padding-bottom:24px !important;} -.px24-mxl{padding-left:24px !important;padding-right:24px !important;} -.pt24-mxl{padding-top:24px !important;} -.pr24-mxl{padding-right:24px !important;} -.pb24-mxl{padding-bottom:24px !important;} -.pl24-mxl{padding-left:24px !important;} -.py30-mxl{padding-top:30px !important;padding-bottom:30px !important;} -.px30-mxl{padding-left:30px !important;padding-right:30px !important;} -.pt30-mxl{padding-top:30px !important;} -.pr30-mxl{padding-right:30px !important;} -.pb30-mxl{padding-bottom:30px !important;} -.pl30-mxl{padding-left:30px !important;} -.py36-mxl{padding-top:36px !important;padding-bottom:36px !important;} -.px36-mxl{padding-left:36px !important;padding-right:36px !important;} -.pt36-mxl{padding-top:36px !important;} -.pr36-mxl{padding-right:36px !important;} -.pb36-mxl{padding-bottom:36px !important;} -.pl36-mxl{padding-left:36px !important;} -.py60-mxl{padding-top:60px !important;padding-bottom:60px !important;} -.px60-mxl{padding-left:60px !important;padding-right:60px !important;} -.pt60-mxl{padding-top:60px !important;} -.pr60-mxl{padding-right:60px !important;} -.pb60-mxl{padding-bottom:60px !important;} -.pl60-mxl{padding-left:60px !important;} -.py120-mxl{padding-top:120px !important;padding-bottom:120px !important;} -.px120-mxl{padding-left:120px !important;padding-right:120px !important;} -.pt120-mxl{padding-top:120px !important;} -.pr120-mxl{padding-right:120px !important;} -.pb120-mxl{padding-bottom:120px !important;} -.pl120-mxl{padding-left:120px !important;} -.py180-mxl{padding-top:180px !important;padding-bottom:180px !important;} -.px180-mxl{padding-left:180px !important;padding-right:180px !important;} -.pt180-mxl{padding-top:180px !important;} -.pr180-mxl{padding-right:180px !important;} -.pb180-mxl{padding-bottom:180px !important;} -.pl180-mxl{padding-left:180px !important;} -.py240-mxl{padding-top:240px !important;padding-bottom:240px !important;} -.px240-mxl{padding-left:240px !important;padding-right:240px !important;} -.pt240-mxl{padding-top:240px !important;} -.pr240-mxl{padding-right:240px !important;} -.pb240-mxl{padding-bottom:240px !important;} -.pl240-mxl{padding-left:240px !important;} -.py300-mxl{padding-top:300px !important;padding-bottom:300px !important;} -.px300-mxl{padding-left:300px !important;padding-right:300px !important;} -.pt300-mxl{padding-top:300px !important;} -.pr300-mxl{padding-right:300px !important;} -.pb300-mxl{padding-bottom:300px !important;} -.pl300-mxl{padding-left:300px !important;} -.py360-mxl{padding-top:360px !important;padding-bottom:360px !important;} -.px360-mxl{padding-left:360px !important;padding-right:360px !important;} -.pt360-mxl{padding-top:360px !important;} -.pr360-mxl{padding-right:360px !important;} -.pb360-mxl{padding-bottom:360px !important;} -.pl360-mxl{padding-left:360px !important;} -.w0-mxl{width:0 !important;} -.w3-mxl{width:3px !important;} -.w6-mxl{width:6px !important;} -.w12-mxl{width:12px !important;} -.w18-mxl{width:18px !important;} -.w24-mxl{width:24px !important;} -.w30-mxl{width:30px !important;} -.w36-mxl{width:36px !important;} -.w60-mxl{width:60px !important;} -.w120-mxl{width:120px !important;} -.w180-mxl{width:180px !important;} -.w240-mxl{width:240px !important;} -.w300-mxl{width:300px !important;} -.w360-mxl{width:360px !important;} -.w600-mxl{width:600px !important;} -.w-full-mxl{width:100% !important;} -.w-auto-mxl{width:auto !important;} -.wmax0-mxl{max-width:0 !important;} -.wmax3-mxl{max-width:3px !important;} -.wmax6-mxl{max-width:6px !important;} -.wmax12-mxl{max-width:12px !important;} -.wmax18-mxl{max-width:18px !important;} -.wmax24-mxl{max-width:24px !important;} -.wmax30-mxl{max-width:30px !important;} -.wmax36-mxl{max-width:36px !important;} -.wmax60-mxl{max-width:60px !important;} -.wmax120-mxl{max-width:120px !important;} -.wmax180-mxl{max-width:180px !important;} -.wmax240-mxl{max-width:240px !important;} -.wmax300-mxl{max-width:300px !important;} -.wmax360-mxl{max-width:360px !important;} -.wmax600-mxl{max-width:600px !important;} -.wmax1200-mxl{max-width:1200px !important;} -.wmax1800-mxl{max-width:1800px !important;} -.wmax-full-mxl{max-width:100% !important;} -.wmax-none-mxl{max-width:none !important;} -.wmin0-mxl{min-width:0 !important;} -.wmin3-mxl{min-width:3px !important;} -.wmin6-mxl{min-width:6px !important;} -.wmin12-mxl{min-width:12px !important;} -.wmin18-mxl{min-width:18px !important;} -.wmin24-mxl{min-width:24px !important;} -.wmin30-mxl{min-width:30px !important;} -.wmin36-mxl{min-width:36px !important;} -.wmin60-mxl{min-width:60px !important;} -.wmin120-mxl{min-width:120px !important;} -.wmin180-mxl{min-width:180px !important;} -.wmin240-mxl{min-width:240px !important;} -.wmin300-mxl{min-width:300px !important;} -.wmin360-mxl{min-width:360px !important;} -.wmin600-mxl{min-width:600px !important;} -.wmin-full-mxl{min-width:100% !important;} -.h0-mxl{height:0 !important;} -.h3-mxl{height:3px !important;} -.h6-mxl{height:6px !important;} -.h12-mxl{height:12px !important;} -.h18-mxl{height:18px !important;} -.h24-mxl{height:24px !important;} -.h30-mxl{height:30px !important;} -.h36-mxl{height:36px !important;} -.h60-mxl{height:60px !important;} -.h120-mxl{height:120px !important;} -.h180-mxl{height:180px !important;} -.h240-mxl{height:240px !important;} -.h300-mxl{height:300px !important;} -.h360-mxl{height:360px !important;} -.h600-mxl{height:600px !important;} -.h-full-mxl{height:100% !important;} -.h-auto-mxl{height:auto !important;} -.hmax0-mxl{max-height:0 !important;} -.hmax3-mxl{max-height:3px !important;} -.hmax6-mxl{max-height:6px !important;} -.hmax12-mxl{max-height:12px !important;} -.hmax18-mxl{max-height:18px !important;} -.hmax24-mxl{max-height:24px !important;} -.hmax30-mxl{max-height:30px !important;} -.hmax36-mxl{max-height:36px !important;} -.hmax60-mxl{max-height:60px !important;} -.hmax120-mxl{max-height:120px !important;} -.hmax180-mxl{max-height:180px !important;} -.hmax240-mxl{max-height:240px !important;} -.hmax300-mxl{max-height:300px !important;} -.hmax360-mxl{max-height:360px !important;} -.hmax600-mxl{max-height:600px !important;} -.hmax-full-mxl{max-height:100% !important;} -.hmax-none-mxl{max-height:none !important;} -.hmin0-mxl{min-height:0 !important;} -.hmin3-mxl{min-height:3px !important;} -.hmin6-mxl{min-height:6px !important;} -.hmin12-mxl{min-height:12px !important;} -.hmin18-mxl{min-height:18px !important;} -.hmin24-mxl{min-height:24px !important;} -.hmin30-mxl{min-height:30px !important;} -.hmin36-mxl{min-height:36px !important;} -.hmin60-mxl{min-height:60px !important;} -.hmin120-mxl{min-height:120px !important;} -.hmin180-mxl{min-height:180px !important;} -.hmin240-mxl{min-height:240px !important;} -.hmin300-mxl{min-height:300px !important;} -.hmin360-mxl{min-height:360px !important;} -.hmin600-mxl{min-height:600px !important;} -.hmin-full-mxl{min-height:100% !important;} -.h-viewport-full-mxl{height:100vh !important;} -.hmax-viewport-full-mxl{max-height:100vh !important;} -} -.btn.btn--stroke{ background-color:transparent; } -.btn--gray, -.btn--gray-light:hover, .btn--gray-light.is-active, -input:checked + .checkbox--gray, -input:checked + .switch--dot-gray::after, -input:checked + .switch--gray{background-color:#757D82;} -.btn--gray:hover, .btn--gray.is-active{background-color:#4D5255;} -.btn--stroke.btn--gray, -.link--gray, -.radio--gray, input:checked + .radio--gray, -.select--gray, -.switch--gray, -.toggle--gray, -input:checked + .toggle--active-gray{color:#757D82;} -.btn--stroke.btn--gray:hover, .btn--stroke.btn--gray.is-active, -.link--gray:hover, .link--gray.is-active, -.select--gray:focus, -.select--gray:hover{color:#4D5255;} -.btn--gray-light{background-color:#C7CACC;} -.btn--pink, -.btn--pink-light:hover, .btn--pink-light.is-active, -input:checked + .checkbox--pink, -input:checked + .switch--dot-pink::after, -input:checked + .switch--pink{background-color:#FA428F;} -.btn--pink:hover, .btn--pink.is-active{background-color:#BA1258;} -.btn--stroke.btn--pink, -.link--pink, -.radio--pink, input:checked + .radio--pink, -.select--pink, -.switch--pink, -.toggle--pink, -input:checked + .toggle--active-pink{color:#FA428F;} -.btn--stroke.btn--pink:hover, .btn--stroke.btn--pink.is-active, -.link--pink:hover, .link--pink.is-active, -.select--pink:focus, -.select--pink:hover{color:#BA1258;} -.btn--pink-light{background-color:#FABDD6;} -.btn--red, -.btn--red-light:hover, .btn--red-light.is-active, -input:checked + .checkbox--red, -input:checked + .switch--dot-red::after, -input:checked + .switch--red{background-color:#EB3814;} -.btn--red:hover, .btn--red.is-active{background-color:#B6290D;} -.btn--stroke.btn--red, -.link--red, -.radio--red, input:checked + .radio--red, -.select--red, -.switch--red, -.toggle--red, -input:checked + .toggle--active-red{color:#EB3814;} -.btn--stroke.btn--red:hover, .btn--stroke.btn--red.is-active, -.link--red:hover, .link--red.is-active, -.select--red:focus, -.select--red:hover{color:#B6290D;} -.btn--red-light{background-color:#F8C4B9;} -.btn--orange, -.btn--orange-light:hover, .btn--orange-light.is-active, -input:checked + .checkbox--orange, -input:checked + .switch--dot-orange::after, -input:checked + .switch--orange{background-color:#E46707;} -.btn--orange:hover, .btn--orange.is-active{background-color:#AE4B04;} -.btn--stroke.btn--orange, -.link--orange, -.radio--orange, input:checked + .radio--orange, -.select--orange, -.switch--orange, -.toggle--orange, -input:checked + .toggle--active-orange{color:#E46707;} -.btn--stroke.btn--orange:hover, .btn--stroke.btn--orange.is-active, -.link--orange:hover, .link--orange.is-active, -.select--orange:focus, -.select--orange:hover{color:#AE4B04;} -.btn--orange-light{background-color:#FCC295;} -.btn--stroke.btn--yellow, -.link--yellow, -.radio--yellow, input:checked + .radio--yellow, -.select--yellow, -.switch--yellow, -.toggle--yellow, -input:checked + .toggle--active-yellow{color:#F3E444;} -.btn--stroke.btn--yellow:hover, .btn--stroke.btn--yellow.is-active, -.link--yellow:hover, .link--yellow.is-active, -.select--yellow:focus, -.select--yellow:hover{color:#8E740B;} -.btn--yellow, -.btn--yellow-light:hover, .btn--yellow-light.is-active, -input:checked + .checkbox--yellow, -input:checked + .switch--dot-yellow::after, -input:checked + .switch--yellow{background-color:#F3E444;} -.btn--yellow:hover, .btn--yellow.is-active{background-color:#8E740B;} -.btn--yellow-light{background-color:#FAF29E;} -.btn--green, -.btn--green-light:hover, .btn--green-light.is-active, -input:checked + .checkbox--green, -input:checked + .switch--dot-green::after, -input:checked + .switch--green{background-color:#2AA75C;} -.btn--green:hover, .btn--green.is-active{background-color:#1F7A43;} -.btn--stroke.btn--green, -.link--green, -.radio--green, input:checked + .radio--green, -.select--green, -.switch--green, -.toggle--green, -input:checked + .toggle--active-green{color:#2AA75C;} -.btn--stroke.btn--green:hover, .btn--stroke.btn--green.is-active, -.link--green:hover, .link--green.is-active, -.select--green:focus, -.select--green:hover{color:#1F7A43;} -.btn--green-light{background-color:#AAE1C0;} -.btn--blue, -.btn--blue-light:hover, .btn--blue-light.is-active, -input:checked + .checkbox--blue, -input:checked + .switch--blue, -input:checked + .switch--dot-blue::after{background-color:#3887BE;} -.btn--blue:hover, .btn--blue.is-active{background-color:#0B428E;} -.btn--stroke.btn--blue, -.link--blue, -.radio--blue, input:checked + .radio--blue, -.select--blue, -.switch--blue, -.toggle--blue, -input:checked + .toggle--active-blue{color:#3887BE;} -.btn--stroke.btn--blue:hover, .btn--stroke.btn--blue.is-active, -.link--blue:hover, .link--blue.is-active, -.select--blue:focus, -.select--blue:hover{color:#0B428E;} -.btn--blue-light{background-color:#52A1D8;} -.btn--purple, -.btn--purple-light:hover, .btn--purple-light.is-active, -input:checked + .checkbox--purple, -input:checked + .switch--dot-purple::after, -input:checked + .switch--purple{background-color:#9669D5;} -.btn--purple:hover, .btn--purple.is-active{background-color:#6E2FC6;} -.btn--stroke.btn--purple, -.link--purple, -.radio--purple, input:checked + .radio--purple, -.select--purple, -.switch--purple, -.toggle--purple, -input:checked + .toggle--active-purple{color:#9669D5;} -.btn--stroke.btn--purple:hover, .btn--stroke.btn--purple.is-active, -.link--purple:hover, .link--purple.is-active, -.select--purple:focus, -.select--purple:hover{color:#6E2FC6;} -.btn--purple-light{background-color:#DBCEED;} -.btn--darken10, -.btn--transparent:hover, .btn--transparent.is-active{background-color:rgba(26, 34, 36, 0.1);} -.btn--darken10:hover, .btn--darken10.is-active, -.btn--darken25, -input:checked + .checkbox--darken25, -input:checked + .switch--darken25, -input:checked + .switch--dot-darken25::after{background-color:rgba(26, 34, 36, 0.25);} -.btn--darken25:hover, .btn--darken25.is-active, -.btn--darken50, -input:checked + .checkbox--darken50, -input:checked + .switch--darken50, -input:checked + .switch--dot-darken50::after{background-color:rgba(26, 34, 36, 0.5);} -.btn--stroke.btn--darken25, -.link--darken25, -.radio--darken25, input:checked + .radio--darken25, -.select--darken25, -.switch--darken25, -.toggle--darken25, -input:checked + .toggle--active-darken25{color:rgba(26, 34, 36, 0.25);} -.btn--stroke.btn--darken25:hover, .btn--stroke.btn--darken25.is-active, -.btn--stroke.btn--darken50, -.link--darken25:hover, .link--darken25.is-active, -.link--darken50, -.radio--darken50, input:checked + .radio--darken50, -.select--darken25:focus, -.select--darken25:hover, -.select--darken50, -.switch--darken50, -.toggle--darken50, -input:checked + .toggle--active-darken50{color:rgba(26, 34, 36, 0.5);} -.btn--darken50:hover, .btn--darken50.is-active, -.btn--darken75, -input:checked + .checkbox--darken75, -input:checked + .switch--darken75, -input:checked + .switch--dot-darken75::after{background-color:rgba(26, 34, 36, 0.75);} -.btn--stroke.btn--darken50:hover, .btn--stroke.btn--darken50.is-active, -.btn--stroke.btn--darken75, -.link--darken50:hover, .link--darken50.is-active, -.link--darken75, -.radio--darken75, input:checked + .radio--darken75, -.select--darken50:focus, -.select--darken50:hover, -.select--darken75, -.switch--darken75, -.toggle--darken75, -input:checked + .toggle--active-darken75{color:rgba(26, 34, 36, 0.75);} -.btn--darken75:hover, .btn--darken75.is-active{background-color:#000;} -.btn--stroke.btn--darken75:hover, .btn--stroke.btn--darken75.is-active, -.link--darken75:hover, .link--darken75.is-active, -.select--darken75:focus, -.select--darken75:hover{color:#000;} -.btn--lighten10{background-color:rgba(255, 255, 255, 0.1);} -.btn--lighten10:hover, .btn--lighten10.is-active, -.btn--lighten25, -input:checked + .checkbox--lighten25, -input:checked + .switch--dot-lighten25::after, -input:checked + .switch--lighten25{background-color:rgba(255, 255, 255, 0.25);} -.btn--lighten25:hover, .btn--lighten25.is-active, -.btn--lighten50, -input:checked + .checkbox--lighten50, -input:checked + .switch--dot-lighten50::after, -input:checked + .switch--lighten50{background-color:rgba(255, 255, 255, 0.5);} -.btn--stroke.btn--lighten25, -.link--lighten25, -.radio--lighten25, input:checked + .radio--lighten25, -.select--lighten25, -.switch--lighten25, -.toggle--lighten25, -input:checked + .toggle--active-lighten25{color:rgba(255, 255, 255, 0.25);} -.btn--stroke.btn--lighten25:hover, .btn--stroke.btn--lighten25.is-active, -.btn--stroke.btn--lighten50, -.link--lighten25:hover, .link--lighten25.is-active, -.link--lighten50, -.radio--lighten50, input:checked + .radio--lighten50, -.select--lighten25:focus, -.select--lighten25:hover, -.select--lighten50, -.switch--lighten50, -.toggle--lighten50, -input:checked + .toggle--active-lighten50{color:rgba(255, 255, 255, 0.5);} -.btn--lighten50:hover, .btn--lighten50.is-active, -.btn--lighten75, -.btn--white:hover, .btn--white.is-active, -input:checked + .checkbox--lighten75, -input:checked + .switch--dot-lighten75::after, -input:checked + .switch--lighten75{background-color:rgba(255, 255, 255, 0.75);} -.btn--stroke.btn--lighten50:hover, .btn--stroke.btn--lighten50.is-active, -.btn--stroke.btn--lighten75, -.btn--stroke.btn--white:hover, .btn--stroke.btn--white.is-active, -.link--lighten50:hover, .link--lighten50.is-active, -.link--lighten75, -.link--white:hover, .link--white.is-active, -.radio--lighten75, input:checked + .radio--lighten75, -.select--lighten50:focus, -.select--lighten50:hover, -.select--lighten75, -.select--white:focus, -.select--white:hover, -.switch--lighten75, -.toggle--lighten75, -input:checked + .toggle--active-lighten75{color:rgba(255, 255, 255, 0.75);} -.btn--lighten75:hover, .btn--lighten75.is-active, -.btn--white, -input:checked + .checkbox--white, -input:checked + .switch--dot-white::after, -input:checked + .switch--white{background-color:#fff;} -.btn--stroke.btn--lighten75:hover, .btn--stroke.btn--lighten75.is-active, -.btn--stroke.btn--white, -.link--lighten75:hover, .link--lighten75.is-active, -.link--white, -.radio--white, input:checked + .radio--white, -.select--lighten75:focus, -.select--lighten75:hover, -.select--white, -.switch--white, -.toggle--white, -input:checked + .toggle--active-white{color:#fff;} -.btn--stroke.btn--transparent, -.link--transparent, -.radio--transparent, input:checked + .radio--transparent, -.select--transparent, -.switch--transparent, -.toggle--transparent, -input:checked + .toggle--active-transparent{color:transparent;} -.btn--stroke.btn--transparent:hover, .btn--stroke.btn--transparent.is-active, -.link--transparent:hover, .link--transparent.is-active, -.select--transparent:focus, -.select--transparent:hover{color:rgba(26, 34, 36, 0.1);} -.btn--transparent, -input:checked + .checkbox--transparent, -input:checked + .switch--dot-transparent::after, -input:checked + .switch--transparent{background-color:transparent;} -.select--gray + .select-arrow{border-top-color:#757D82;} -.select--gray:focus + .select-arrow{border-top-color:#4D5255;} -.input--border-gray, -.select--stroke.select--gray, -.textarea--border-gray{box-shadow:inset 0 0 0 1px #757D82;} -[data-assembly-focus-control='visible'] .select--stroke.select--gray:focus{box-shadow:inset 0 0 0 1px #4D5255, 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--pink + .select-arrow{border-top-color:#FA428F;} -.select--pink:focus + .select-arrow{border-top-color:#BA1258;} -.input--border-pink, -.select--stroke.select--pink, -.textarea--border-pink{box-shadow:inset 0 0 0 1px #FA428F;} -[data-assembly-focus-control='visible'] .select--stroke.select--pink:focus{box-shadow:inset 0 0 0 1px #BA1258, 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--red + .select-arrow{border-top-color:#EB3814;} -.select--red:focus + .select-arrow{border-top-color:#B6290D;} -.input--border-red, -.select--stroke.select--red, -.textarea--border-red{box-shadow:inset 0 0 0 1px #EB3814;} -[data-assembly-focus-control='visible'] .select--stroke.select--red:focus{box-shadow:inset 0 0 0 1px #B6290D, 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--orange + .select-arrow{border-top-color:#E46707;} -.select--orange:focus + .select-arrow{border-top-color:#AE4B04;} -.input--border-orange, -.select--stroke.select--orange, -.textarea--border-orange{box-shadow:inset 0 0 0 1px #E46707;} -[data-assembly-focus-control='visible'] .select--stroke.select--orange:focus{box-shadow:inset 0 0 0 1px #AE4B04, 0 0 0 3px rgba(137, 199, 216, 0.65);} -.input--border-yellow, -.select--stroke.select--yellow, -.textarea--border-yellow{box-shadow:inset 0 0 0 1px #F3E444;} -.select--yellow + .select-arrow{border-top-color:#F3E444;} -.select--yellow:focus + .select-arrow{border-top-color:#8E740B;} -[data-assembly-focus-control='visible'] .select--stroke.select--yellow:focus{box-shadow:inset 0 0 0 1px #8E740B, 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--green + .select-arrow{border-top-color:#2AA75C;} -.select--green:focus + .select-arrow{border-top-color:#1F7A43;} -.input--border-green, -.select--stroke.select--green, -.textarea--border-green{box-shadow:inset 0 0 0 1px #2AA75C;} -[data-assembly-focus-control='visible'] .select--stroke.select--green:focus{box-shadow:inset 0 0 0 1px #1F7A43, 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--blue + .select-arrow{border-top-color:#3887BE;} -.select--blue:focus + .select-arrow{border-top-color:#0B428E;} -.input--border-blue, -.select--stroke.select--blue, -.textarea--border-blue{box-shadow:inset 0 0 0 1px #3887BE;} -[data-assembly-focus-control='visible'] .select--stroke.select--blue:focus{box-shadow:inset 0 0 0 1px #0B428E, 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--purple + .select-arrow{border-top-color:#9669D5;} -.select--purple:focus + .select-arrow{border-top-color:#6E2FC6;} -.input--border-purple, -.select--stroke.select--purple, -.textarea--border-purple{box-shadow:inset 0 0 0 1px #9669D5;} -[data-assembly-focus-control='visible'] .select--stroke.select--purple:focus{box-shadow:inset 0 0 0 1px #6E2FC6, 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--darken25 + .select-arrow{border-top-color:rgba(26, 34, 36, 0.25);} -.select--darken25:focus + .select-arrow, -.select--darken50 + .select-arrow{border-top-color:rgba(26, 34, 36, 0.5);} -.input--border-darken25, -.select--stroke.select--darken25, -.textarea--border-darken25{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.25);} -[data-assembly-focus-control='visible'] .select--stroke.select--darken25:focus{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.5), 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--darken50:focus + .select-arrow, -.select--darken75 + .select-arrow{border-top-color:rgba(26, 34, 36, 0.75);} -.input--border-darken25:focus, -.input--border-darken50, -.select--stroke.select--darken50, -.textarea--border-darken25:focus, -.textarea--border-darken50{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.5);} -[data-assembly-focus-control='visible'] .select--stroke.select--darken50:focus{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.75), 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--darken75:focus + .select-arrow{border-top-color:#000;} -.input--border-darken50:focus, -.input--border-darken75, -.select--stroke.select--darken75, -.textarea--border-darken50:focus, -.textarea--border-darken75{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.75);} -[data-assembly-focus-control='visible'] .select--stroke.select--darken75:focus{box-shadow:inset 0 0 0 1px #000, 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--lighten25 + .select-arrow{border-top-color:rgba(255, 255, 255, 0.25);} -.select--lighten25:focus + .select-arrow, -.select--lighten50 + .select-arrow{border-top-color:rgba(255, 255, 255, 0.5);} -.input--border-lighten25, -.select--stroke.select--lighten25, -.textarea--border-lighten25{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.25);} -[data-assembly-focus-control='visible'] .select--stroke.select--lighten25:focus{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--lighten50:focus + .select-arrow, -.select--lighten75 + .select-arrow, -.select--white:focus + .select-arrow{border-top-color:rgba(255, 255, 255, 0.75);} -.input--border-lighten25:focus, -.input--border-lighten50, -.select--stroke.select--lighten50, -.textarea--border-lighten25:focus, -.textarea--border-lighten50{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5);} -[data-assembly-focus-control='visible'] .select--stroke.select--lighten50:focus, -[data-assembly-focus-control='visible'] .select--stroke.select--white:focus{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.75), 0 0 0 3px rgba(137, 199, 216, 0.65);} -.select--lighten75:focus + .select-arrow, -.select--white + .select-arrow{border-top-color:#fff;} -.input--border-lighten50:focus, -.input--border-lighten75, -.input--border-white:focus, -.select--stroke.select--lighten75, -.textarea--border-lighten50:focus, -.textarea--border-lighten75, -.textarea--border-white:focus{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.75);} -[data-assembly-focus-control='visible'] .select--stroke.select--lighten75:focus{box-shadow:inset 0 0 0 1px #fff, 0 0 0 3px rgba(137, 199, 216, 0.65);} -.input--border-lighten75:focus, -.input--border-white, -.select--stroke.select--white, -.textarea--border-lighten75:focus, -.textarea--border-white{box-shadow:inset 0 0 0 1px #fff;} -.input--border-transparent, -.select--stroke.select--transparent, -.textarea--border-transparent{box-shadow:inset 0 0 0 1px transparent;} -.select--transparent + .select-arrow{border-top-color:transparent;} -.select--transparent:focus + .select-arrow{border-top-color:rgba(26, 34, 36, 0.1);} -[data-assembly-focus-control='visible'] .select--stroke.select--transparent:focus{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.1), 0 0 0 3px rgba(137, 199, 216, 0.65);} -.input--border-gray:focus, -.textarea--border-gray:focus{box-shadow:inset 0 0 0 1px #4D5255;} -.input--border-pink:focus, -.textarea--border-pink:focus{box-shadow:inset 0 0 0 1px #BA1258;} -.input--border-red:focus, -.textarea--border-red:focus{box-shadow:inset 0 0 0 1px #B6290D;} -.input--border-orange:focus, -.textarea--border-orange:focus{box-shadow:inset 0 0 0 1px #AE4B04;} -.input--border-yellow:focus, -.textarea--border-yellow:focus{box-shadow:inset 0 0 0 1px #8E740B;} -.input--border-green:focus, -.textarea--border-green:focus{box-shadow:inset 0 0 0 1px #1F7A43;} -.input--border-blue:focus, -.textarea--border-blue:focus{box-shadow:inset 0 0 0 1px #0B428E;} -.input--border-purple:focus, -.textarea--border-purple:focus{box-shadow:inset 0 0 0 1px #6E2FC6;} -.input--border-darken75:focus, -.textarea--border-darken75:focus{box-shadow:inset 0 0 0 1px #000;} -.input--border-transparent:focus, -.textarea--border-transparent:focus{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.1);} -.checkbox--gray{border-color:#757D82;} -.checkbox--pink{border-color:#FA428F;} -.checkbox--red{border-color:#EB3814;} -.checkbox--orange{border-color:#E46707;} -.checkbox--yellow{border-color:#F3E444;} -.checkbox--green{border-color:#2AA75C;} -.checkbox--blue{border-color:#3887BE;} -.checkbox--purple{border-color:#9669D5;} -.checkbox--darken25{border-color:rgba(26, 34, 36, 0.25);} -.checkbox--darken50{border-color:rgba(26, 34, 36, 0.5);} -.checkbox--darken75{border-color:rgba(26, 34, 36, 0.75);} -.checkbox--lighten25{border-color:rgba(255, 255, 255, 0.25);} -.checkbox--lighten50{border-color:rgba(255, 255, 255, 0.5);} -.checkbox--lighten75{border-color:rgba(255, 255, 255, 0.75);} -.checkbox--white{border-color:#fff;} -.checkbox--transparent{border-color:transparent;} -input:checked + .toggle--gray{background:#757D82;} -input:checked + .toggle--pink{background:#FA428F;} -input:checked + .toggle--red{background:#EB3814;} -input:checked + .toggle--orange{background:#E46707;} -input:checked + .toggle--yellow{background:#F3E444;} -input:checked + .toggle--green{background:#2AA75C;} -input:checked + .toggle--blue{background:#3887BE;} -input:checked + .toggle--purple{background:#9669D5;} -input:checked + .toggle--darken25{background:rgba(26, 34, 36, 0.25);} -input:checked + .toggle--darken50{background:rgba(26, 34, 36, 0.5);} -input:checked + .toggle--darken75{background:rgba(26, 34, 36, 0.75);} -input:checked + .toggle--lighten25{background:rgba(255, 255, 255, 0.25);} -input:checked + .toggle--lighten50{background:rgba(255, 255, 255, 0.5);} -input:checked + .toggle--lighten75{background:rgba(255, 255, 255, 0.75);} -input:checked + .toggle--white{background:#fff;} -input:checked + .toggle--transparent{background:transparent;} -.color-gray-dark, -.color-gray-dark-on-active.is-active, .color-gray-dark-on-active.is-active:hover, -.color-gray-dark-on-hover:hover{color:#1a2224 !important;} -.color-gray-deep, -.color-gray-deep-on-active.is-active, .color-gray-deep-on-active.is-active:hover, -.color-gray-deep-on-hover:hover, -.color-text{color:#4D5255 !important;} -.color-gray, -.color-gray-on-active.is-active, .color-gray-on-active.is-active:hover, -.color-gray-on-hover:hover{color:#757D82 !important;} -.color-gray-light, -.color-gray-light-on-active.is-active, .color-gray-light-on-active.is-active:hover, -.color-gray-light-on-hover:hover{color:#C7CACC !important;} -.color-gray-lighter, -.color-gray-lighter-on-active.is-active, .color-gray-lighter-on-active.is-active:hover, -.color-gray-lighter-on-hover:hover{color:#E4E6E7 !important;} -.color-gray-faint, -.color-gray-faint-on-active.is-active, .color-gray-faint-on-active.is-active:hover, -.color-gray-faint-on-hover:hover{color:#F7F8F8 !important;} -.color-pink-dark, -.color-pink-dark-on-active.is-active, .color-pink-dark-on-active.is-active:hover, -.color-pink-dark-on-hover:hover{color:#800C3C !important;} -.color-pink-deep, -.color-pink-deep-on-active.is-active, .color-pink-deep-on-active.is-active:hover, -.color-pink-deep-on-hover:hover{color:#BA1258 !important;} -.color-pink, -.color-pink-on-active.is-active, .color-pink-on-active.is-active:hover, -.color-pink-on-hover:hover{color:#FA428F !important;} -.color-pink-light, -.color-pink-light-on-active.is-active, .color-pink-light-on-active.is-active:hover, -.color-pink-light-on-hover:hover{color:#FABDD6 !important;} -.color-pink-lighter, -.color-pink-lighter-on-active.is-active, .color-pink-lighter-on-active.is-active:hover, -.color-pink-lighter-on-hover:hover{color:#FCD4E4 !important;} -.color-pink-faint, -.color-pink-faint-on-active.is-active, .color-pink-faint-on-active.is-active:hover, -.color-pink-faint-on-hover:hover{color:#FDEEF4 !important;} -.color-red-dark, -.color-red-dark-on-active.is-active, .color-red-dark-on-active.is-active:hover, -.color-red-dark-on-hover:hover{color:#741806 !important;} -.color-red-deep, -.color-red-deep-on-active.is-active, .color-red-deep-on-active.is-active:hover, -.color-red-deep-on-hover:hover{color:#B6290D !important;} -.color-red, -.color-red-on-active.is-active, .color-red-on-active.is-active:hover, -.color-red-on-hover:hover{color:#EB3814 !important;} -.color-red-light, -.color-red-light-on-active.is-active, .color-red-light-on-active.is-active:hover, -.color-red-light-on-hover:hover{color:#F8C4B9 !important;} -.color-red-lighter, -.color-red-lighter-on-active.is-active, .color-red-lighter-on-active.is-active:hover, -.color-red-lighter-on-hover:hover{color:#FED7CD !important;} -.color-red-faint, -.color-red-faint-on-active.is-active, .color-red-faint-on-active.is-active:hover, -.color-red-faint-on-hover:hover{color:#FDEBE7 !important;} -.color-orange-dark, -.color-orange-dark-on-active.is-active, .color-orange-dark-on-active.is-active:hover, -.color-orange-dark-on-hover:hover{color:#773503 !important;} -.color-orange-deep, -.color-orange-deep-on-active.is-active, .color-orange-deep-on-active.is-active:hover, -.color-orange-deep-on-hover:hover{color:#AE4B04 !important;} -.color-orange, -.color-orange-on-active.is-active, .color-orange-on-active.is-active:hover, -.color-orange-on-hover:hover{color:#E46707 !important;} -.color-orange-light, -.color-orange-light-on-active.is-active, .color-orange-light-on-active.is-active:hover, -.color-orange-light-on-hover:hover{color:#FCC295 !important;} -.color-orange-lighter, -.color-orange-lighter-on-active.is-active, .color-orange-lighter-on-active.is-active:hover, -.color-orange-lighter-on-hover:hover{color:#FEDEC5 !important;} -.color-orange-faint, -.color-orange-faint-on-active.is-active, .color-orange-faint-on-active.is-active:hover, -.color-orange-faint-on-hover:hover{color:#FFF3EB !important;} -.color-yellow-dark, -.color-yellow-dark-on-active.is-active, .color-yellow-dark-on-active.is-active:hover, -.color-yellow-dark-on-hover:hover{color:#625204 !important;} -.color-yellow-deep, -.color-yellow-deep-on-active.is-active, .color-yellow-deep-on-active.is-active:hover, -.color-yellow-deep-on-hover:hover{color:#8E740B !important;} -.color-yellow, -.color-yellow-on-active.is-active, .color-yellow-on-active.is-active:hover, -.color-yellow-on-hover:hover{color:#F3E444 !important;} -.color-yellow-light, -.color-yellow-light-on-active.is-active, .color-yellow-light-on-active.is-active:hover, -.color-yellow-light-on-hover:hover{color:#FAF29E !important;} -.color-yellow-lighter, -.color-yellow-lighter-on-active.is-active, .color-yellow-lighter-on-active.is-active:hover, -.color-yellow-lighter-on-hover:hover{color:#FBF7D0 !important;} -.color-yellow-faint, -.color-yellow-faint-on-active.is-active, .color-yellow-faint-on-active.is-active:hover, -.color-yellow-faint-on-hover:hover{color:#FDFBE7 !important;} -.color-green-dark, -.color-green-dark-on-active.is-active, .color-green-dark-on-active.is-active:hover, -.color-green-dark-on-hover:hover{color:#13582F !important;} -.color-green-deep, -.color-green-deep-on-active.is-active, .color-green-deep-on-active.is-active:hover, -.color-green-deep-on-hover:hover{color:#1F7A43 !important;} -.color-green, -.color-green-on-active.is-active, .color-green-on-active.is-active:hover, -.color-green-on-hover:hover{color:#2AA75C !important;} -.color-green-light, -.color-green-light-on-active.is-active, .color-green-light-on-active.is-active:hover, -.color-green-light-on-hover:hover{color:#AAE1C0 !important;} -.color-green-lighter, -.color-green-lighter-on-active.is-active, .color-green-lighter-on-active.is-active:hover, -.color-green-lighter-on-hover:hover{color:#D3F0DE !important;} -.color-green-faint, -.color-green-faint-on-active.is-active, .color-green-faint-on-active.is-active:hover, -.color-green-faint-on-hover:hover{color:#EAFBF1 !important;} -.color-blue-dark, -.color-blue-dark-on-active.is-active, .color-blue-dark-on-active.is-active:hover, -.color-blue-dark-on-hover:hover{color:#223B53 !important;} -.color-blue-deep, -.color-blue-deep-on-active.is-active, .color-blue-deep-on-active.is-active:hover, -.color-blue-deep-on-hover:hover{color:#0B428E !important;} -.color-blue, -.color-blue-on-active.is-active, .color-blue-on-active.is-active:hover, -.color-blue-on-hover:hover{color:#3887BE !important;} -.color-blue-light, -.color-blue-light-on-active.is-active, .color-blue-light-on-active.is-active:hover, -.color-blue-light-on-hover:hover{color:#52A1D8 !important;} -.color-blue-lighter, -.color-blue-lighter-on-active.is-active, .color-blue-lighter-on-active.is-active:hover, -.color-blue-lighter-on-hover:hover{color:#C8DAF4 !important;} -.color-blue-faint, -.color-blue-faint-on-active.is-active, .color-blue-faint-on-active.is-active:hover, -.color-blue-faint-on-hover:hover{color:#F4F7FB !important;} -.color-purple-dark, -.color-purple-dark-on-active.is-active, .color-purple-dark-on-active.is-active:hover, -.color-purple-dark-on-hover:hover{color:#512392 !important;} -.color-purple-deep, -.color-purple-deep-on-active.is-active, .color-purple-deep-on-active.is-active:hover, -.color-purple-deep-on-hover:hover{color:#6E2FC6 !important;} -.color-purple, -.color-purple-on-active.is-active, .color-purple-on-active.is-active:hover, -.color-purple-on-hover:hover{color:#9669D5 !important;} -.color-purple-light, -.color-purple-light-on-active.is-active, .color-purple-light-on-active.is-active:hover, -.color-purple-light-on-hover:hover{color:#DBCEED !important;} -.color-purple-lighter, -.color-purple-lighter-on-active.is-active, .color-purple-lighter-on-active.is-active:hover, -.color-purple-lighter-on-hover:hover{color:#E7E0F1 !important;} -.color-purple-faint, -.color-purple-faint-on-active.is-active, .color-purple-faint-on-active.is-active:hover, -.color-purple-faint-on-hover:hover{color:#F3F1F6 !important;} -.color-darken10, -.color-darken10-on-active.is-active, .color-darken10-on-active.is-active:hover, -.color-darken10-on-hover:hover{color:rgba(26, 34, 36, 0.1) !important;} -.color-darken25, -.color-darken25-on-active.is-active, .color-darken25-on-active.is-active:hover, -.color-darken25-on-hover:hover{color:rgba(26, 34, 36, 0.25) !important;} -.color-darken50, -.color-darken50-on-active.is-active, .color-darken50-on-active.is-active:hover, -.color-darken50-on-hover:hover{color:rgba(26, 34, 36, 0.5) !important;} -.color-darken75, -.color-darken75-on-active.is-active, .color-darken75-on-active.is-active:hover, -.color-darken75-on-hover:hover{color:rgba(26, 34, 36, 0.75) !important;} -.color-lighten10, -.color-lighten10-on-active.is-active, .color-lighten10-on-active.is-active:hover, -.color-lighten10-on-hover:hover{color:rgba(255, 255, 255, 0.1) !important;} -.color-lighten25, -.color-lighten25-on-active.is-active, .color-lighten25-on-active.is-active:hover, -.color-lighten25-on-hover:hover{color:rgba(255, 255, 255, 0.25) !important;} -.color-lighten50, -.color-lighten50-on-active.is-active, .color-lighten50-on-active.is-active:hover, -.color-lighten50-on-hover:hover{color:rgba(255, 255, 255, 0.5) !important;} -.color-lighten75, -.color-lighten75-on-active.is-active, .color-lighten75-on-active.is-active:hover, -.color-lighten75-on-hover:hover{color:rgba(255, 255, 255, 0.75) !important;} -.color-white, -.color-white-on-active.is-active, .color-white-on-active.is-active:hover, -.color-white-on-hover:hover{color:#fff !important;} -.color-black, -.color-black-on-active.is-active, .color-black-on-active.is-active:hover, -.color-black-on-hover:hover{color:#000 !important;} -.color-transparent, -.color-transparent-on-active.is-active, .color-transparent-on-active.is-active:hover, -.color-transparent-on-hover:hover{color:transparent !important;} -.bg-gray-dark, -.bg-gray-dark-on-active.is-active, .bg-gray-dark-on-active.is-active:hover, -.bg-gray-dark-on-hover:hover{background-color:#1a2224 !important;} -.bg-gray-deep, -.bg-gray-deep-on-active.is-active, .bg-gray-deep-on-active.is-active:hover, -.bg-gray-deep-on-hover:hover{background-color:#4D5255 !important;} -.bg-gray, -.bg-gray-on-active.is-active, .bg-gray-on-active.is-active:hover, -.bg-gray-on-hover:hover{background-color:#757D82 !important;} -.bg-gray-light, -.bg-gray-light-on-active.is-active, .bg-gray-light-on-active.is-active:hover, -.bg-gray-light-on-hover:hover{background-color:#C7CACC !important;} -.bg-gray-lighter, -.bg-gray-lighter-on-active.is-active, .bg-gray-lighter-on-active.is-active:hover, -.bg-gray-lighter-on-hover:hover{background-color:#E4E6E7 !important;} -.bg-gray-faint, -.bg-gray-faint-on-active.is-active, .bg-gray-faint-on-active.is-active:hover, -.bg-gray-faint-on-hover:hover{background-color:#F7F8F8 !important;} -.bg-pink-dark, -.bg-pink-dark-on-active.is-active, .bg-pink-dark-on-active.is-active:hover, -.bg-pink-dark-on-hover:hover{background-color:#800C3C !important;} -.bg-pink-deep, -.bg-pink-deep-on-active.is-active, .bg-pink-deep-on-active.is-active:hover, -.bg-pink-deep-on-hover:hover{background-color:#BA1258 !important;} -.bg-pink, -.bg-pink-on-active.is-active, .bg-pink-on-active.is-active:hover, -.bg-pink-on-hover:hover{background-color:#FA428F !important;} -.bg-pink-light, -.bg-pink-light-on-active.is-active, .bg-pink-light-on-active.is-active:hover, -.bg-pink-light-on-hover:hover{background-color:#FABDD6 !important;} -.bg-pink-lighter, -.bg-pink-lighter-on-active.is-active, .bg-pink-lighter-on-active.is-active:hover, -.bg-pink-lighter-on-hover:hover{background-color:#FCD4E4 !important;} -.bg-pink-faint, -.bg-pink-faint-on-active.is-active, .bg-pink-faint-on-active.is-active:hover, -.bg-pink-faint-on-hover:hover{background-color:#FDEEF4 !important;} -.bg-red-dark, -.bg-red-dark-on-active.is-active, .bg-red-dark-on-active.is-active:hover, -.bg-red-dark-on-hover:hover{background-color:#741806 !important;} -.bg-red-deep, -.bg-red-deep-on-active.is-active, .bg-red-deep-on-active.is-active:hover, -.bg-red-deep-on-hover:hover{background-color:#B6290D !important;} -.bg-red, -.bg-red-on-active.is-active, .bg-red-on-active.is-active:hover, -.bg-red-on-hover:hover{background-color:#EB3814 !important;} -.bg-red-light, -.bg-red-light-on-active.is-active, .bg-red-light-on-active.is-active:hover, -.bg-red-light-on-hover:hover{background-color:#F8C4B9 !important;} -.bg-red-lighter, -.bg-red-lighter-on-active.is-active, .bg-red-lighter-on-active.is-active:hover, -.bg-red-lighter-on-hover:hover{background-color:#FED7CD !important;} -.bg-red-faint, -.bg-red-faint-on-active.is-active, .bg-red-faint-on-active.is-active:hover, -.bg-red-faint-on-hover:hover{background-color:#FDEBE7 !important;} -.bg-orange-dark, -.bg-orange-dark-on-active.is-active, .bg-orange-dark-on-active.is-active:hover, -.bg-orange-dark-on-hover:hover{background-color:#773503 !important;} -.bg-orange-deep, -.bg-orange-deep-on-active.is-active, .bg-orange-deep-on-active.is-active:hover, -.bg-orange-deep-on-hover:hover{background-color:#AE4B04 !important;} -.bg-orange, -.bg-orange-on-active.is-active, .bg-orange-on-active.is-active:hover, -.bg-orange-on-hover:hover{background-color:#E46707 !important;} -.bg-orange-light, -.bg-orange-light-on-active.is-active, .bg-orange-light-on-active.is-active:hover, -.bg-orange-light-on-hover:hover{background-color:#FCC295 !important;} -.bg-orange-lighter, -.bg-orange-lighter-on-active.is-active, .bg-orange-lighter-on-active.is-active:hover, -.bg-orange-lighter-on-hover:hover{background-color:#FEDEC5 !important;} -.bg-orange-faint, -.bg-orange-faint-on-active.is-active, .bg-orange-faint-on-active.is-active:hover, -.bg-orange-faint-on-hover:hover{background-color:#FFF3EB !important;} -.bg-yellow-dark, -.bg-yellow-dark-on-active.is-active, .bg-yellow-dark-on-active.is-active:hover, -.bg-yellow-dark-on-hover:hover{background-color:#625204 !important;} -.bg-yellow-deep, -.bg-yellow-deep-on-active.is-active, .bg-yellow-deep-on-active.is-active:hover, -.bg-yellow-deep-on-hover:hover{background-color:#8E740B !important;} -.bg-yellow, -.bg-yellow-on-active.is-active, .bg-yellow-on-active.is-active:hover, -.bg-yellow-on-hover:hover{background-color:#F3E444 !important;} -.bg-yellow-light, -.bg-yellow-light-on-active.is-active, .bg-yellow-light-on-active.is-active:hover, -.bg-yellow-light-on-hover:hover{background-color:#FAF29E !important;} -.bg-yellow-lighter, -.bg-yellow-lighter-on-active.is-active, .bg-yellow-lighter-on-active.is-active:hover, -.bg-yellow-lighter-on-hover:hover{background-color:#FBF7D0 !important;} -.bg-yellow-faint, -.bg-yellow-faint-on-active.is-active, .bg-yellow-faint-on-active.is-active:hover, -.bg-yellow-faint-on-hover:hover{background-color:#FDFBE7 !important;} -.bg-green-dark, -.bg-green-dark-on-active.is-active, .bg-green-dark-on-active.is-active:hover, -.bg-green-dark-on-hover:hover{background-color:#13582F !important;} -.bg-green-deep, -.bg-green-deep-on-active.is-active, .bg-green-deep-on-active.is-active:hover, -.bg-green-deep-on-hover:hover{background-color:#1F7A43 !important;} -.bg-green, -.bg-green-on-active.is-active, .bg-green-on-active.is-active:hover, -.bg-green-on-hover:hover{background-color:#2AA75C !important;} -.bg-green-light, -.bg-green-light-on-active.is-active, .bg-green-light-on-active.is-active:hover, -.bg-green-light-on-hover:hover{background-color:#AAE1C0 !important;} -.bg-green-lighter, -.bg-green-lighter-on-active.is-active, .bg-green-lighter-on-active.is-active:hover, -.bg-green-lighter-on-hover:hover{background-color:#D3F0DE !important;} -.bg-green-faint, -.bg-green-faint-on-active.is-active, .bg-green-faint-on-active.is-active:hover, -.bg-green-faint-on-hover:hover{background-color:#EAFBF1 !important;} -.bg-blue-dark, -.bg-blue-dark-on-active.is-active, .bg-blue-dark-on-active.is-active:hover, -.bg-blue-dark-on-hover:hover{background-color:#223B53 !important;} -.bg-blue-deep, -.bg-blue-deep-on-active.is-active, .bg-blue-deep-on-active.is-active:hover, -.bg-blue-deep-on-hover:hover{background-color:#0B428E !important;} -.bg-blue, -.bg-blue-on-active.is-active, .bg-blue-on-active.is-active:hover, -.bg-blue-on-hover:hover{background-color:#3887BE !important;} -.bg-blue-light, -.bg-blue-light-on-active.is-active, .bg-blue-light-on-active.is-active:hover, -.bg-blue-light-on-hover:hover{background-color:#52A1D8 !important;} -.bg-blue-lighter, -.bg-blue-lighter-on-active.is-active, .bg-blue-lighter-on-active.is-active:hover, -.bg-blue-lighter-on-hover:hover{background-color:#C8DAF4 !important;} -.bg-blue-faint, -.bg-blue-faint-on-active.is-active, .bg-blue-faint-on-active.is-active:hover, -.bg-blue-faint-on-hover:hover{background-color:#F4F7FB !important;} -.bg-purple-dark, -.bg-purple-dark-on-active.is-active, .bg-purple-dark-on-active.is-active:hover, -.bg-purple-dark-on-hover:hover{background-color:#512392 !important;} -.bg-purple-deep, -.bg-purple-deep-on-active.is-active, .bg-purple-deep-on-active.is-active:hover, -.bg-purple-deep-on-hover:hover{background-color:#6E2FC6 !important;} -.bg-purple, -.bg-purple-on-active.is-active, .bg-purple-on-active.is-active:hover, -.bg-purple-on-hover:hover{background-color:#9669D5 !important;} -.bg-purple-light, -.bg-purple-light-on-active.is-active, .bg-purple-light-on-active.is-active:hover, -.bg-purple-light-on-hover:hover{background-color:#DBCEED !important;} -.bg-purple-lighter, -.bg-purple-lighter-on-active.is-active, .bg-purple-lighter-on-active.is-active:hover, -.bg-purple-lighter-on-hover:hover{background-color:#E7E0F1 !important;} -.bg-purple-faint, -.bg-purple-faint-on-active.is-active, .bg-purple-faint-on-active.is-active:hover, -.bg-purple-faint-on-hover:hover{background-color:#F3F1F6 !important;} -.bg-darken5, -.bg-darken5-on-active.is-active, .bg-darken5-on-active.is-active:hover, -.bg-darken5-on-hover:hover{background-color:rgba(26, 34, 36, 0.05) !important;} -.bg-darken10, -.bg-darken10-on-active.is-active, .bg-darken10-on-active.is-active:hover, -.bg-darken10-on-hover:hover{background-color:rgba(26, 34, 36, 0.1) !important;} -.bg-darken25, -.bg-darken25-on-active.is-active, .bg-darken25-on-active.is-active:hover, -.bg-darken25-on-hover:hover{background-color:rgba(26, 34, 36, 0.25) !important;} -.bg-darken50, -.bg-darken50-on-active.is-active, .bg-darken50-on-active.is-active:hover, -.bg-darken50-on-hover:hover{background-color:rgba(26, 34, 36, 0.5) !important;} -.bg-darken75, -.bg-darken75-on-active.is-active, .bg-darken75-on-active.is-active:hover, -.bg-darken75-on-hover:hover{background-color:rgba(26, 34, 36, 0.75) !important;} -.bg-lighten5, -.bg-lighten5-on-active.is-active, .bg-lighten5-on-active.is-active:hover, -.bg-lighten5-on-hover:hover{background-color:rgba(255, 255, 255, 0.05) !important;} -.bg-lighten10, -.bg-lighten10-on-active.is-active, .bg-lighten10-on-active.is-active:hover, -.bg-lighten10-on-hover:hover{background-color:rgba(255, 255, 255, 0.1) !important;} -.bg-lighten25, -.bg-lighten25-on-active.is-active, .bg-lighten25-on-active.is-active:hover, -.bg-lighten25-on-hover:hover{background-color:rgba(255, 255, 255, 0.25) !important;} -.bg-lighten50, -.bg-lighten50-on-active.is-active, .bg-lighten50-on-active.is-active:hover, -.bg-lighten50-on-hover:hover{background-color:rgba(255, 255, 255, 0.5) !important;} -.bg-lighten75, -.bg-lighten75-on-active.is-active, .bg-lighten75-on-active.is-active:hover, -.bg-lighten75-on-hover:hover{background-color:rgba(255, 255, 255, 0.75) !important;} -.bg-white, -.bg-white-on-active.is-active, .bg-white-on-active.is-active:hover, -.bg-white-on-hover:hover{background-color:#fff !important;} -.bg-black, -.bg-black-on-active.is-active, .bg-black-on-active.is-active:hover, -.bg-black-on-hover:hover{background-color:#000 !important;} -.bg-transparent, -.bg-transparent-on-active.is-active, .bg-transparent-on-active.is-active:hover, -.bg-transparent-on-hover:hover{background-color:transparent !important;} -.border--gray-dark, -.border--gray-dark-on-active.is-active, .border--gray-dark-on-active.is-active:hover, -.border--gray-dark-on-hover:hover{border-color:#1a2224 !important;} -.border--gray-deep, -.border--gray-deep-on-active.is-active, .border--gray-deep-on-active.is-active:hover, -.border--gray-deep-on-hover:hover{border-color:#4D5255 !important;} -.border--gray, -.border--gray-on-active.is-active, .border--gray-on-active.is-active:hover, -.border--gray-on-hover:hover{border-color:#757D82 !important;} -.border--gray-light, -.border--gray-light-on-active.is-active, .border--gray-light-on-active.is-active:hover, -.border--gray-light-on-hover:hover{border-color:#C7CACC !important;} -.border--gray-lighter, -.border--gray-lighter-on-active.is-active, .border--gray-lighter-on-active.is-active:hover, -.border--gray-lighter-on-hover:hover{border-color:#E4E6E7 !important;} -.border--gray-faint, -.border--gray-faint-on-active.is-active, .border--gray-faint-on-active.is-active:hover, -.border--gray-faint-on-hover:hover{border-color:#F7F8F8 !important;} -.border--pink-dark, -.border--pink-dark-on-active.is-active, .border--pink-dark-on-active.is-active:hover, -.border--pink-dark-on-hover:hover{border-color:#800C3C !important;} -.border--pink-deep, -.border--pink-deep-on-active.is-active, .border--pink-deep-on-active.is-active:hover, -.border--pink-deep-on-hover:hover{border-color:#BA1258 !important;} -.border--pink, -.border--pink-on-active.is-active, .border--pink-on-active.is-active:hover, -.border--pink-on-hover:hover{border-color:#FA428F !important;} -.border--pink-light, -.border--pink-light-on-active.is-active, .border--pink-light-on-active.is-active:hover, -.border--pink-light-on-hover:hover{border-color:#FABDD6 !important;} -.border--pink-lighter, -.border--pink-lighter-on-active.is-active, .border--pink-lighter-on-active.is-active:hover, -.border--pink-lighter-on-hover:hover{border-color:#FCD4E4 !important;} -.border--pink-faint, -.border--pink-faint-on-active.is-active, .border--pink-faint-on-active.is-active:hover, -.border--pink-faint-on-hover:hover{border-color:#FDEEF4 !important;} -.border--red-dark, -.border--red-dark-on-active.is-active, .border--red-dark-on-active.is-active:hover, -.border--red-dark-on-hover:hover{border-color:#741806 !important;} -.border--red-deep, -.border--red-deep-on-active.is-active, .border--red-deep-on-active.is-active:hover, -.border--red-deep-on-hover:hover{border-color:#B6290D !important;} -.border--red, -.border--red-on-active.is-active, .border--red-on-active.is-active:hover, -.border--red-on-hover:hover{border-color:#EB3814 !important;} -.border--red-light, -.border--red-light-on-active.is-active, .border--red-light-on-active.is-active:hover, -.border--red-light-on-hover:hover{border-color:#F8C4B9 !important;} -.border--red-lighter, -.border--red-lighter-on-active.is-active, .border--red-lighter-on-active.is-active:hover, -.border--red-lighter-on-hover:hover{border-color:#FED7CD !important;} -.border--red-faint, -.border--red-faint-on-active.is-active, .border--red-faint-on-active.is-active:hover, -.border--red-faint-on-hover:hover{border-color:#FDEBE7 !important;} -.border--orange-dark, -.border--orange-dark-on-active.is-active, .border--orange-dark-on-active.is-active:hover, -.border--orange-dark-on-hover:hover{border-color:#773503 !important;} -.border--orange-deep, -.border--orange-deep-on-active.is-active, .border--orange-deep-on-active.is-active:hover, -.border--orange-deep-on-hover:hover{border-color:#AE4B04 !important;} -.border--orange, -.border--orange-on-active.is-active, .border--orange-on-active.is-active:hover, -.border--orange-on-hover:hover{border-color:#E46707 !important;} -.border--orange-light, -.border--orange-light-on-active.is-active, .border--orange-light-on-active.is-active:hover, -.border--orange-light-on-hover:hover{border-color:#FCC295 !important;} -.border--orange-lighter, -.border--orange-lighter-on-active.is-active, .border--orange-lighter-on-active.is-active:hover, -.border--orange-lighter-on-hover:hover{border-color:#FEDEC5 !important;} -.border--orange-faint, -.border--orange-faint-on-active.is-active, .border--orange-faint-on-active.is-active:hover, -.border--orange-faint-on-hover:hover{border-color:#FFF3EB !important;} -.border--yellow-dark, -.border--yellow-dark-on-active.is-active, .border--yellow-dark-on-active.is-active:hover, -.border--yellow-dark-on-hover:hover{border-color:#625204 !important;} -.border--yellow-deep, -.border--yellow-deep-on-active.is-active, .border--yellow-deep-on-active.is-active:hover, -.border--yellow-deep-on-hover:hover{border-color:#8E740B !important;} -.border--yellow, -.border--yellow-on-active.is-active, .border--yellow-on-active.is-active:hover, -.border--yellow-on-hover:hover{border-color:#F3E444 !important;} -.border--yellow-light, -.border--yellow-light-on-active.is-active, .border--yellow-light-on-active.is-active:hover, -.border--yellow-light-on-hover:hover{border-color:#FAF29E !important;} -.border--yellow-lighter, -.border--yellow-lighter-on-active.is-active, .border--yellow-lighter-on-active.is-active:hover, -.border--yellow-lighter-on-hover:hover{border-color:#FBF7D0 !important;} -.border--yellow-faint, -.border--yellow-faint-on-active.is-active, .border--yellow-faint-on-active.is-active:hover, -.border--yellow-faint-on-hover:hover{border-color:#FDFBE7 !important;} -.border--green-dark, -.border--green-dark-on-active.is-active, .border--green-dark-on-active.is-active:hover, -.border--green-dark-on-hover:hover{border-color:#13582F !important;} -.border--green-deep, -.border--green-deep-on-active.is-active, .border--green-deep-on-active.is-active:hover, -.border--green-deep-on-hover:hover{border-color:#1F7A43 !important;} -.border--green, -.border--green-on-active.is-active, .border--green-on-active.is-active:hover, -.border--green-on-hover:hover{border-color:#2AA75C !important;} -.border--green-light, -.border--green-light-on-active.is-active, .border--green-light-on-active.is-active:hover, -.border--green-light-on-hover:hover{border-color:#AAE1C0 !important;} -.border--green-lighter, -.border--green-lighter-on-active.is-active, .border--green-lighter-on-active.is-active:hover, -.border--green-lighter-on-hover:hover{border-color:#D3F0DE !important;} -.border--green-faint, -.border--green-faint-on-active.is-active, .border--green-faint-on-active.is-active:hover, -.border--green-faint-on-hover:hover{border-color:#EAFBF1 !important;} -.border--blue-dark, -.border--blue-dark-on-active.is-active, .border--blue-dark-on-active.is-active:hover, -.border--blue-dark-on-hover:hover{border-color:#223B53 !important;} -.border--blue-deep, -.border--blue-deep-on-active.is-active, .border--blue-deep-on-active.is-active:hover, -.border--blue-deep-on-hover:hover{border-color:#0B428E !important;} -.border--blue, -.border--blue-on-active.is-active, .border--blue-on-active.is-active:hover, -.border--blue-on-hover:hover{border-color:#3887BE !important;} -.border--blue-light, -.border--blue-light-on-active.is-active, .border--blue-light-on-active.is-active:hover, -.border--blue-light-on-hover:hover{border-color:#52A1D8 !important;} -.border--blue-lighter, -.border--blue-lighter-on-active.is-active, .border--blue-lighter-on-active.is-active:hover, -.border--blue-lighter-on-hover:hover{border-color:#C8DAF4 !important;} -.border--blue-faint, -.border--blue-faint-on-active.is-active, .border--blue-faint-on-active.is-active:hover, -.border--blue-faint-on-hover:hover{border-color:#F4F7FB !important;} -.border--purple-dark, -.border--purple-dark-on-active.is-active, .border--purple-dark-on-active.is-active:hover, -.border--purple-dark-on-hover:hover{border-color:#512392 !important;} -.border--purple-deep, -.border--purple-deep-on-active.is-active, .border--purple-deep-on-active.is-active:hover, -.border--purple-deep-on-hover:hover{border-color:#6E2FC6 !important;} -.border--purple, -.border--purple-on-active.is-active, .border--purple-on-active.is-active:hover, -.border--purple-on-hover:hover{border-color:#9669D5 !important;} -.border--purple-light, -.border--purple-light-on-active.is-active, .border--purple-light-on-active.is-active:hover, -.border--purple-light-on-hover:hover{border-color:#DBCEED !important;} -.border--purple-lighter, -.border--purple-lighter-on-active.is-active, .border--purple-lighter-on-active.is-active:hover, -.border--purple-lighter-on-hover:hover{border-color:#E7E0F1 !important;} -.border--purple-faint, -.border--purple-faint-on-active.is-active, .border--purple-faint-on-active.is-active:hover, -.border--purple-faint-on-hover:hover{border-color:#F3F1F6 !important;} -.border--darken10, -.border--darken10-on-active.is-active, .border--darken10-on-active.is-active:hover, -.border--darken10-on-hover:hover{border-color:rgba(26, 34, 36, 0.1) !important;} -.border--darken25, -.border--darken25-on-active.is-active, .border--darken25-on-active.is-active:hover, -.border--darken25-on-hover:hover{border-color:rgba(26, 34, 36, 0.25) !important;} -.border--darken50, -.border--darken50-on-active.is-active, .border--darken50-on-active.is-active:hover, -.border--darken50-on-hover:hover{border-color:rgba(26, 34, 36, 0.5) !important;} -.border--darken75, -.border--darken75-on-active.is-active, .border--darken75-on-active.is-active:hover, -.border--darken75-on-hover:hover{border-color:rgba(26, 34, 36, 0.75) !important;} -.border--lighten10, -.border--lighten10-on-active.is-active, .border--lighten10-on-active.is-active:hover, -.border--lighten10-on-hover:hover{border-color:rgba(255, 255, 255, 0.1) !important;} -.border--lighten25, -.border--lighten25-on-active.is-active, .border--lighten25-on-active.is-active:hover, -.border--lighten25-on-hover:hover{border-color:rgba(255, 255, 255, 0.25) !important;} -.border--lighten50, -.border--lighten50-on-active.is-active, .border--lighten50-on-active.is-active:hover, -.border--lighten50-on-hover:hover{border-color:rgba(255, 255, 255, 0.5) !important;} -.border--lighten75, -.border--lighten75-on-active.is-active, .border--lighten75-on-active.is-active:hover, -.border--lighten75-on-hover:hover{border-color:rgba(255, 255, 255, 0.75) !important;} -.border--white, -.border--white-on-active.is-active, .border--white-on-active.is-active:hover, -.border--white-on-hover:hover{border-color:#fff !important;} -.border--black, -.border--black-on-active.is-active, .border--black-on-active.is-active:hover, -.border--black-on-hover:hover{border-color:#000 !important;} -.border--transparent, -.border--transparent-on-active.is-active, .border--transparent-on-active.is-active:hover, -.border--transparent-on-hover:hover{border-color:transparent !important;} -.shadow-darken10, -.shadow-darken10-on-active.is-active, .shadow-darken10-on-active.is-active:hover, -.shadow-darken10-on-hover:hover{box-shadow:0 2px 10px 0 rgba(26, 34, 36, 0.1) !important;} -.shadow-darken10-bold, -.shadow-darken10-bold-on-active.is-active, .shadow-darken10-bold-on-active.is-active:hover, -.shadow-darken10-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(26, 34, 36, 0.1) !important;} -.shadow-darken25, -.shadow-darken25-on-active.is-active, .shadow-darken25-on-active.is-active:hover, -.shadow-darken25-on-hover:hover{box-shadow:0 2px 10px 0 rgba(26, 34, 36, 0.25) !important;} -.shadow-darken25-bold, -.shadow-darken25-bold-on-active.is-active, .shadow-darken25-bold-on-active.is-active:hover, -.shadow-darken25-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(26, 34, 36, 0.25) !important;} -.shadow-darken50, -.shadow-darken50-on-active.is-active, .shadow-darken50-on-active.is-active:hover, -.shadow-darken50-on-hover:hover{box-shadow:0 2px 10px 0 rgba(26, 34, 36, 0.5) !important;} -.shadow-darken50-bold, -.shadow-darken50-bold-on-active.is-active, .shadow-darken50-bold-on-active.is-active:hover, -.shadow-darken50-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(26, 34, 36, 0.5) !important;} -.shadow-darken75, -.shadow-darken75-on-active.is-active, .shadow-darken75-on-active.is-active:hover, -.shadow-darken75-on-hover:hover{box-shadow:0 2px 10px 0 rgba(26, 34, 36, 0.75) !important;} -.shadow-darken75-bold, -.shadow-darken75-bold-on-active.is-active, .shadow-darken75-bold-on-active.is-active:hover, -.shadow-darken75-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(26, 34, 36, 0.75) !important;} -.shadow-lighten10, -.shadow-lighten10-on-active.is-active, .shadow-lighten10-on-active.is-active:hover, -.shadow-lighten10-on-hover:hover{box-shadow:0 2px 10px 0 rgba(255, 255, 255, 0.1) !important;} -.shadow-lighten10-bold, -.shadow-lighten10-bold-on-active.is-active, .shadow-lighten10-bold-on-active.is-active:hover, -.shadow-lighten10-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(255, 255, 255, 0.1) !important;} -.shadow-lighten25, -.shadow-lighten25-on-active.is-active, .shadow-lighten25-on-active.is-active:hover, -.shadow-lighten25-on-hover:hover{box-shadow:0 2px 10px 0 rgba(255, 255, 255, 0.25) !important;} -.shadow-lighten25-bold, -.shadow-lighten25-bold-on-active.is-active, .shadow-lighten25-bold-on-active.is-active:hover, -.shadow-lighten25-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(255, 255, 255, 0.25) !important;} -.shadow-lighten50, -.shadow-lighten50-on-active.is-active, .shadow-lighten50-on-active.is-active:hover, -.shadow-lighten50-on-hover:hover{box-shadow:0 2px 10px 0 rgba(255, 255, 255, 0.5) !important;} -.shadow-lighten50-bold, -.shadow-lighten50-bold-on-active.is-active, .shadow-lighten50-bold-on-active.is-active:hover, -.shadow-lighten50-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(255, 255, 255, 0.5) !important;} -.shadow-lighten75, -.shadow-lighten75-on-active.is-active, .shadow-lighten75-on-active.is-active:hover, -.shadow-lighten75-on-hover:hover{box-shadow:0 2px 10px 0 rgba(255, 255, 255, 0.75) !important;} -.shadow-lighten75-bold, -.shadow-lighten75-bold-on-active.is-active, .shadow-lighten75-bold-on-active.is-active:hover, -.shadow-lighten75-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(255, 255, 255, 0.75) !important;} -.b{ - color:#FFF8DC; -} - -@media (min-width: 433px){ - .b{ - color:#F4F7FB; - } -} - -.a{ - color:#223B53; -}" -`; - -exports[`buildCss defaults 1`] = ` -"html, -body, -div, -span, -applet, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -embed, -figure, -figcaption, -footer, -header, -hgroup, -menu, -nav, -output, -ruby, -section, -summary, -time, -mark, -audio, -video{ - margin:0; - padding:0; - border:0; - font-size:100%; - vertical-align:baseline; -} -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section, -main{ - display:block; -} -html{ - box-sizing:border-box; -} -h1, -h2, -h3, -h4, -h5, -h6{ - font-weight:normal; -} -*, -*::before, -*::after{ - box-sizing:inherit; -} -body{ - line-height:1; -} -ol, -ul{ - list-style:none; -} -blockquote, -q{ - quotes:none; -} -blockquote:before, -blockquote:after, -q:before, -q:after{ - content:none; -} -table{ - border-collapse:collapse; - border-spacing:0; -} -hr{ - margin:0; - border:0; -} -html{ - box-sizing:border-box; -} -*, -*:after, -*:before{ - box-sizing:inherit; -} -button{ - background:transparent; - border:0; - color:inherit; - font:inherit; - margin:0; - padding:0; - width:auto; - text-align:left; - appearance:none; - -webkit-user-select:none; - user-select:none; - cursor:pointer; - border-radius:0; -} -button:disabled{ - cursor:default; -} -button::-moz-focus-inner{ - padding:0; - border:0; -} -abbr{ - text-decoration:none; -} -svg{ - display:inline-block; -} -a{ - color:inherit; - text-decoration:none; -} -img{ - max-width:100%; - vertical-align:top; -} -video{ - width:100%; - height:auto; -} -q::before, -q::after{ - content:''; -} -pre{ - display:block; - white-space:pre-wrap; - tab-size:2; -} -legend{ - display:block; - width:100%; -} -[data-assembly-focus-control] *:focus{ - outline:0; -} -[data-assembly-focus-control='visible'] *:focus{ - box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); - transition:box-shadow 0.125s; -} -[data-assembly-focus-control='visible'] input:focus + .checkbox, -[data-assembly-focus-control='visible'] input:focus + .radio, -[data-assembly-focus-control='visible'] input:focus + .switch, -[data-assembly-focus-control='visible'] input:focus + .toggle{ - box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); -} -[data-assembly-focus-control='visible'] .range input[type='range']{ - box-shadow:none; -} -[data-assembly-focus-control='visible'] - .range - input[type='range']:focus::-webkit-slider-thumb{ - box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); -} -[data-assembly-focus-control='visible'] - .range - input[type='range']:focus::-ms-fill-upper{ - box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); -} -[data-assembly-focus-control='visible'] - .range - input[type='range']:focus::-ms-fill-lower{ - box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); -} -[data-assembly-focus-control='visible'] - .range - input[type='range']:focus::-ms-thumb{ - box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); -} -[data-assembly-focus-control='visible'] - .range - input[type='range']:focus::-moz-range-thumb{ - box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); -} -[data-assembly-focus-control] .range::-moz-focus-outer{ - border:0; -} -@font-face{ - font-family:'Open Sans'; - font-weight:400; - font-display:swap; - src:url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-regular.v1.woff2') format('woff2'), url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-regular.v1.woff') format('woff'); -} -@font-face{ - font-family:'Open Sans'; - font-weight:300; - font-display:swap; - src:url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-light.v1.woff2') format('woff2'), url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-light.v1.woff') format('woff'); -} -@font-face{ - font-family:'Open Sans'; - font-style:italic; - font-display:swap; - src:url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-italic.v1.woff2') format('woff2'), url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-italic.v1.woff') format('woff'); -} -@font-face{ - font-family:'Open Sans'; - font-weight:bold; - font-display:swap; - src:url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-bold.v1.woff2') format('woff2'), url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-bold.v1.woff') format('woff'); -} -@font-face{ - font-family:'Open Sans'; - font-weight:bold; - font-style:italic; - font-display:swap; - src:url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-bolditalic.v1.woff2') format('woff2'), url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-bolditalic.v1.woff') format('woff'); -} -.table, -.prose table:not(.unprose){ - width:100%; - background-color:transparent; - border-spacing:0; - border-collapse:separate; - border:1px solid #C7CACC; - border-radius:4px; -} -.prose table:not(.unprose){ - margin-bottom:18px; -} -.table th, -.table td, -.prose table th:not(.unprose), -.prose table td:not(.unprose){ - text-align:left; - vertical-align:top; - padding:12px; - border-style:solid; - border-color:#C7CACC; - border-left-width:1px; - border-bottom-width:1px; -} -.table th:first-child, -.table td:first-child, -.prose table th:first-child:not(.unprose), -.prose table td:first-child:not(.unprose){ - border-left-width:0; -} -.table :not(thead) tr:last-of-type th, -.table :not(thead) tr:last-of-type td, -.prose table :not(thead) tr:last-of-type th:not(.unprose), -.prose table :not(thead) tr:last-of-type td:not(.unprose){ - border-bottom-width:0; -} -.table--dark, -.prose--dark table:not(.unprose){ - background:transparent; - border-color:#fff; - color:#fff; -} -.table--dark th, -.table--dark td, -.prose--dark th:not(.unprose), -.prose--dark td:not(.unprose){ - border-bottom-color:#fff; -} -.table--dark th + td{ - border-left-color:#fff; -} -.btn:hover, -.btn.is-active{ - background-color:#0B428E; -} -.btn--stroke:hover, -.btn--stroke.is-active{ - background-color:transparent; - color:#0B428E; -} -.btn:disabled{ - pointer-events:none; - color:rgba(158, 163, 167, 0.75); - background-color:rgba(158, 163, 167, 0.25); - box-shadow:none; -} -.btn.btn--stroke:disabled{ - pointer-events:none; - background-color:transparent; - box-shadow:inset 0 0 0 1px rgba(158, 163, 167, 0.75); - color:rgba(158, 163, 167, 0.75); -} -.btn--pill-stroke:hover, -.btn--pill-stroke.is-active{ - z-index:2; -} -.btn.btn--pill-hc{ - border-radius:0 !important; -} -.btn.btn--pill-hl{ - border-top-right-radius:0 !important; - border-bottom-right-radius:0 !important; -} -.btn.btn--pill-hr{ - border-top-left-radius:0 !important; - border-bottom-left-radius:0 !important; -} -.btn.btn--pill-hc:not(.btn--pill-stroke), -.btn.btn--pill-hr:not(.btn--pill-stroke){ - margin-left:1px; -} -.btn.btn--pill-vc{ - border-radius:0 !important; - display:block; - width:100%; -} -.btn.btn--pill-vt{ - border-bottom-right-radius:0 !important; - border-bottom-left-radius:0 !important; - display:block; - width:100%; -} -.btn.btn--pill-vb{ - border-top-right-radius:0 !important; - border-top-left-radius:0 !important; - display:block; - width:100%; -} -.btn.btn--pill-vc:not(.btn--pill-stroke), -.btn.btn--pill-vb:not(.btn--pill-stroke){ - margin-top:1px; -} -.btn--pill-stroke.btn--pill-hc{ - margin-left:-1px; - margin-right:0; -} -.btn--pill-stroke.btn--pill-hr{ - margin-left:-1px; -} -.btn--pill-stroke.btn--pill-vc{ - margin-top:-1px; - margin-bottom:0; -} -.btn--pill-stroke.btn--pill-vb{ - margin-top:-1px; -} -.link:hover, -.link.is-active{ - color:#072E64; -} -.link:disabled{ - pointer-events:none; - cursor:default; - color:rgba(158, 163, 167, 0.75); -} -.fieldset, -.input, -.select, -.textarea{ - appearance:none; - font-family:inherit; - background:transparent; - border:0; - margin:0; - padding:0; - box-shadow:none; -} -.input, -.textarea, -.select{ - box-shadow:inset 0 0 0 1px #C7CACC; - padding:6px 12px; - border-radius:4px; - transition:background-color 0.125s, box-shadow 0.125s; - display:block; - width:100%; -} -.input:focus, -.textarea:focus{ - box-shadow:inset 0 0 0 1px #757D82; -} -[data-assembly-focus-control='visible'] .select.select--stroke:focus{ - box-shadow:inset 0 0 0 1px #757D82, 0 0 0 3px rgba(137, 199, 216, 0.65); -} -.input::placeholder, -.textarea::placeholder{ - color:rgba(158, 163, 167, 0.75); -} -.input::-ms-clear, -.input::-ms-reveal{ - display:none; - width:0; - height:0; -} -.input[type='search']{ - appearance:none; -} -.input[type='search']::-webkit-search-decoration, -.input[type='search']::-webkit-search-cancel-button{ - appearance:none; -} -.input:disabled, -.textarea:disabled, -.select--stroke:disabled{ - pointer-events:none; - color:rgba(26, 34, 36, 0.5); - background-color:rgba(158, 163, 167, 0.1); - box-shadow:inset 0 0 0 1px rgba(158, 163, 167, 0.25) !important; -} -.input[readonly], -.textarea[readonly]{ - background-color:rgba(158, 163, 167, 0.1); -} -.select:hover{ - color:#4D5255; -} -.select:focus + .select-arrow{ - border-top-color:#757D82; -} -.select option{ - background-color:#fff; - color:#4D5255; -} -.select option:disabled{ - color:rgba(26, 34, 36, 0.25); -} -.select::-ms-expand{ - display:none; -} -.select option{ - color:#4D5255; -} -@media all and (-ms-high-contrast: active){ - .select:focus::-ms-value{ - background-color:transparent; - color:inherit; - } -} -@media all and (-ms-high-contrast: none){ - .select:focus::-ms-value{ - background-color:transparent; - color:inherit; - } -} -.select--s + .select-arrow{ - right:8px; -} -.select--stroke .select--s{ - padding:3px 24px 3px 6px; -} -.select:disabled{ - pointer-events:none; - color:rgba(158, 163, 167, 0.75); -} -.select:disabled + .select-arrow{ - border-top-color:rgba(26, 34, 36, 0.25); -} -.range > input{ - appearance:none; - width:100%; - margin:0; - border:0; - background:transparent; - cursor:pointer; - padding:8px 0; -} -.range > input::-webkit-slider-runnable-track{ - width:100%; - height:4px; - padding:0; - border:0; - border-radius:2px; - background:currentColor; - vertical-align:middle; - cursor:pointer; - box-shadow:none; -} -.range > input::-moz-range-track{ - width:100%; - height:4px; - padding:0; - border:0; - border-radius:2px; - background:currentColor; - vertical-align:middle; - cursor:pointer; - box-shadow:none; -} -.range > input::-ms-track{ - width:100%; - height:4px; - cursor:pointer; - background:transparent; - border-color:transparent; - border-width:12px 0; - color:transparent; -} -.range > input::-ms-fill-lower{ - background:currentColor; - border:0; - box-shadow:none; - border-radius:2px; -} -.range > input::-ms-fill-upper{ - background:currentColor; - border:0; - box-shadow:none; - border-radius:2px; -} -.range > input::-webkit-slider-thumb{ - box-sizing:border-box; - -webkit-transition:background 0.125s; - transition:background 0.125s; - appearance:none; - box-shadow:none; - width:20px; - height:20px; - margin-top:-8px; - border-radius:50%; - border:1px solid currentColor; - background:#fff; - cursor:grab; -} -.range > input::-moz-range-thumb{ - box-sizing:border-box; - -moz-transition:background 0.125s; - transition:background 0.125s; - width:20px; - height:20px; - border-radius:50%; - border:1px solid currentColor; - background:#fff; - cursor:grab; -} -.range > input::-ms-thumb{ - box-sizing:border-box; - -ms-transition:background 0.125s; - transition:background 0.125s; - width:20px; - height:20px; - margin-top:0; - border-radius:50%; - border:1px solid currentColor; - background:#fff; - cursor:grab; -} -.range > input::-webkit-slider-thumb:active{ - cursor:grabbing; -} -.range > input::-moz-range-thumb:active{ - cursor:grabbing; -} -.range > input::-ms-thumb:active{ - cursor:grabbing; -} -.range--s > input{ - padding:4px 0; -} -.range--s > input::-webkit-slider-runnable-track{ - height:2px; -} -.range.range--s > input::-moz-range-track{ - height:2px; -} -.range.range--s > input::-ms-track{ - border-width:9px 0; - height:2px; -} -.range--s > input::-webkit-slider-thumb{ - width:12px; - height:12px; - margin-top:-5px; -} -.range--s > input::-moz-range-thumb{ - width:12px; - height:12px; - margin-top:-5px; -} -.range--s > input::-ms-thumb{ - width:12px; - height:12px; - margin-top:0; -} -.range > input:disabled::-webkit-slider-runnable-track{ - background:rgba(158, 163, 167, 0.25); -} -.range > input:disabled::-moz-range-track{ - background:rgba(158, 163, 167, 0.25); -} -.range > input:disabled::-ms-fill-upper{ - background:rgba(158, 163, 167, 0.25); -} -.range > input:disabled::-ms-fill-lower{ - background:rgba(158, 163, 167, 0.25); -} -.range > input:disabled::-webkit-slider-thumb{ - border-color:rgba(158, 163, 167, 0.25); - background:#F7F8F8; -} -.range > input:disabled::-ms-thumb{ - border-color:rgba(158, 163, 167, 0.25); - background:#F7F8F8; -} -.range > input:disabled::-moz-range-thumb{ - border-color:rgba(158, 163, 167, 0.25); - background:#F7F8F8; -} -.checkbox-container, -.switch-container, -.radio-container{ - -webkit-user-select:none; - user-select:none; - display:inline-flex; -} -.toggle-container > input, -.checkbox-container > input, -.switch-container > input, -.radio-container > input{ - border:0; - clip:rect(0 0 0 0); - height:1px; - margin:-1px; - overflow:hidden; - padding:0; - position:absolute; - width:1px; - white-space:nowrap; -} -.checkbox, -.radio{ - cursor:pointer; - top:3px; - flex-shrink:0; - width:18px; - height:18px; - border-radius:4px; - position:relative; - border-width:1px; - border-style:solid; - border-color:transparent; - transition:color 0.125s, border 0.125s, background-color 0.125s; -} -.btn:not(.btn--stroke) > .checkbox{ - border-color:transparent; - top:0; -} -.checkbox > .icon{ - position:absolute; - width:18px; - height:18px; - inset:-1px; - display:none; -} -.radio::before{ - content:''; - background-color:currentColor; - border-radius:50%; - position:absolute; - inset:2px; - display:none; -} -.switch::after{ - content:''; - background-color:currentColor; - position:absolute; - display:block; - border-radius:50%; - width:calc(50% - 2px); - left:2px; - top:2px; - bottom:2px; - transition:left 0.125s, background-color 0.125s; -} -.switch--l::after{ - left:3px; - top:3px; - bottom:3px; - width:calc(50% - 3px); -} -.switch--s-label, -.checkbox--s-label, -.radio--s-label{ - top:0; -} -input:disabled{ - pointer-events:none; -} -input:disabled + .checkbox, -input:disabled + .radio, -input:disabled + .switch, -input:checked:disabled + .checkbox, -input:checked:disabled + .radio, -input:checked:disabled + .switch{ - pointer-events:none; - color:rgba(26, 34, 36, 0.25); -} -input:disabled + .switch{ - border-color:rgba(158, 163, 167, 0.25); -} -input:disabled + .radio, -input:disabled + .checkbox{ - background-color:rgba(158, 163, 167, 0.25); - border-color:transparent; -} -input:checked:disabled + .checkbox, -input:checked:disabled + .radio, -input:checked:disabled + .switch{ - background-color:rgba(158, 163, 167, 0.25); -} -input:disabled + .switch::after, -input:checked:disabled + .switch::after{ - background-color:rgba(26, 34, 36, 0.25); -} -input:checked + .checkbox > .icon, -input:checked + .radio::before{ - display:block; -} -input:checked + .radio{ - color:#757D82; -} -input:checked + .checkbox{ - border:1px solid transparent; - background-color:#757D82; -} -input:checked + .switch::after{ - left:50%; - background-color:#fff; -} -input:checked + .switch{ - border-color:transparent; - background-color:#757D82; -} -input:checked + .toggle{ - background:#757D82; - color:#fff; -} -input:disabled + .toggle{ - pointer-events:none; - color:rgba(26, 34, 36, 0.25); - border-color:transparent; -} -input:checked:disabled + .toggle{ - background-color:rgba(158, 163, 167, 0.25); - color:rgba(26, 34, 36, 0.25); -} -body, -input, -textarea{ - color:#1a2224; - font-size:16px; - line-height:24px; - font-family:'Open Sans', sans-serif; - font-weight:normal; - -webkit-font-smoothing:antialiased; -} -.txt-kbd, -.prose:not(.unprose) kbd{ - font-family:'Menlo', 'Bitstream Vera Sans Mono', 'Monaco', 'Consolas', monospace; - border:1px solid rgba(26, 34, 36, 0.25); - line-height:18px; - border-radius:3px; - padding:2px 3px; - box-shadow:0 1px 0 0 rgba(26, 34, 36, 0.1); - font-size:90%; - font-weight:normal; -} -.txt-kbd--dark, -.prose--dark kbd:not(.unprose){ - border:1px solid rgba(255, 255, 255, 0.25); - box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.25); -} -.txt-sub, -.prose sub:not(.unprose){ - top:0.5ex; -} -.txt-code, -.pre, -.prose code:not(.unprose), -.prose pre:not(.unprose){ - font-family:'Menlo', 'Bitstream Vera Sans Mono', 'Monaco', 'Consolas', monospace; - white-space:pre-wrap; - font-size:90%; - line-height:1.5em; - background:rgba(26, 34, 36, 0.05); - border-radius:3px; -} -.txt-code--dark, -.pre--dark, -.prose--dark code:not(.unprose), -.prose--dark pre:not(.unprose){ - background:rgba(255, 255, 255, 0.05); -} -.pre, -.prose pre:not(.unprose){ - padding:12px; - overflow:auto; -} -.prose pre:not(.unprose){ - margin-bottom:12px; -} -.prose pre code:not(.unprose){ - background:transparent; - padding:0; -} -.txt-code, -.prose code:not(.unprose){ - padding:2px 4px; -} -.txt-abbr, -.prose abbr:not(.unprose){ - border-bottom:1px dotted currentColor; - cursor:help; -} -.txt-hr, -.prose hr:not(.unprose){ - margin:17px 0; - border:0; - height:1px; - background:rgba(26, 34, 36, 0.1); -} -.txt-hr--dark, -.prose--dark hr:not(.unprose){ - background:rgba(255, 255, 255, 0.1); -} -.prose ol:not(.unprose), -.prose ul:not(.unprose), -.txt-ol, -.txt-ul{ - margin-left:24px; -} -.prose ol:not(.unprose), -.prose ul:not(.unprose){ - margin-bottom:12px; -} -.prose ol ol:not(.unprose), -.prose ul ul:not(.unprose), -.prose ol ol ol:not(.unprose), -.prose ul ul ul:not(.unprose){ - margin-bottom:6px; -} -.txt-ul, -.prose ul:not(.unprose){ - list-style:disc; -} -.txt-ol, -.prose ol:not(.unprose){ - list-style:decimal; -} -.txt-li, -.prose li:not(.unprose){ - display:list-item; -} -.prose li:not(.unprose){ - margin-bottom:6px; -} -.txt-blockquote, -.prose blockquote:not(.unprose){ - quotes:none; - font-style:normal; - padding-left:18px; -} -.prose blockquote:not(.unprose){ - margin-bottom:18px; -} -.txt-sup, -.txt-sub, -.prose sup:not(.unprose), -.prose sub:not(.unprose){ - height:0; - line-height:1; - vertical-align:baseline; - position:relative; - font-size:75%; -} -.txt-sup, -.prose sup:not(.unprose){ - bottom:1ex; -} -.txt-capitalize-first::first-letter{ - text-transform:capitalize !important; -} -.txt-underline-on-hover:hover{ - text-decoration:underline !important; -} -.prose del:not(.unprose), -.prose s:not(.unprose), -.txt-strike{ - text-decoration:line-through !important; -} -.prose h1:not(.unprose){ - font-weight:bold; - font-size:36px; - line-height:45px; - margin-bottom:12px; - padding-top:36px; -} -.prose h2:not(.unprose){ - font-weight:bold; - font-size:30px; - line-height:36px; - margin-bottom:12px; - padding-top:24px; -} -.prose h3:not(.unprose){ - font-weight:bold; - font-size:24px; - line-height:30px; - margin-bottom:12px; - padding-top:24px; -} -.prose h4:not(.unprose){ - font-weight:bold; - font-size:20px; - line-height:25px; - margin-bottom:12px; - padding-top:18px; -} -.prose h5:not(.unprose), -.prose h6:not(.unprose){ - font-weight:bold; - font-size:16px; - line-height:20px; - margin-bottom:12px; - padding-top:12px; -} -.prose p:not(.unprose){ - margin-bottom:12px; -} -.prose small:not(.unprose){ - display:block; - font-size:12px; - line-height:18px; - margin-bottom:12px; -} -.prose a:not(.unprose){ - color:#0F71FA; - text-decoration:underline; -} -.prose--dark a:not(.unprose){ - color:#fff; -} -.prose a:not(.unprose):hover{ - color:#072E64; -} -.prose--dark a:not(.unprose):hover{ - color:rgba(255, 255, 255, 0.75); -} -.prose img:not(.unprose), -.prose video:not(.unprose){ - margin-bottom:12px; -} -.prose h1:first-child:not(.unprose), -.prose h2:first-child:not(.unprose), -.prose h3:first-child:not(.unprose), -.prose h4:first-child:not(.unprose), -.prose h5:first-child:not(.unprose), -.prose h6:first-child:not(.unprose){ - padding-top:0; -} -.prose *:last-child:not(.unprose){ - margin-bottom:0; -} -.opacity0-on-hover:hover, -.opacity0-on-active.is-active{ - opacity:0 !important; -} -.opacity25-on-hover:hover, -.opacity25-on-active.is-active{ - opacity:0.25 !important; -} -.opacity50-on-hover:hover, -.opacity50-on-active.is-active{ - opacity:0.5 !important; -} -.opacity75-on-hover:hover, -.opacity75-on-active.is-active{ - opacity:0.75 !important; -} -.opacity100-on-hover:hover, -.opacity100-on-active.is-active, -.opacity100-on-focus:focus{ - opacity:1 !important; -} -.clearfix::after{ - content:'' !important; - display:block !important; - clear:both !important; -} -@keyframes pulse{ - 0%{ - transform:scale(0.5); - opacity:0; - } - 45%{ - opacity:0.5; - } - 90%{ - transform:scale(1.25); - opacity:0; - } - 100%{ - transform:scale(1.25); - opacity:0; - } -} -@keyframes spin{ - 0%{ - transform:rotate(0deg); - } - 100%{ - transform:rotate(360deg); - } -} -@keyframes fadein{ - 0%{ - opacity:0; - } - 100%{ - opacity:1; - } -} -@keyframes fadeinout{ - 0%{ - opacity:0; - } - 50%{ - opacity:1; - } - 100%{ - opacity:0; - } -} -@keyframes shake{ - from, - to{ - transform:translate3d(0, 0, 0); - } - 10%, - 30%, - 50%, - 70%, - 90%{ - transform:translate3d(-12px, 0, 0); - } - 20%, - 40%, - 60%, - 80%{ - transform:translate3d(12px, 0, 0); - } -} -.scroll-styled::-webkit-scrollbar{ - width:6px; - height:6px; - background:transparent; -} -.scroll-styled::-webkit-scrollbar:hover{ - background:transparent; -} -.scroll-styled::-webkit-scrollbar-track{ - background:none; -} -.scroll-styled::-webkit-scrollbar-thumb{ - background:rgba(0, 0, 0, 0.25); - border-color:transparent; - width:6px; - border-radius:3px; -} -.scroll-styled::-webkit-scrollbar-thumb:hover{ - background:rgba(0, 0, 0, 0.35); -} -.scroll-styled::-webkit-scrollbar-track:hover{ - background:transparent; -} -.scroll-styled--dark::-webkit-scrollbar-thumb{ - background:rgba(255, 255, 255, 0.3); -} -.scroll-styled--dark::-webkit-scrollbar-thumb:hover{ - background:rgba(255, 255, 255, 0.4); -} -.loading, -.loading--dark{ - display:block; - height:36px; - width:36px; - border-radius:50%; - border:3px solid rgba(26, 34, 36, 0.25); - border-top-color:currentColor; - animation:assembly-loading 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95); -} -@keyframes assembly-loading{ - to{ - transform:rotate(360deg); - } -} -@media print{ - .none-print{ - display:none !important; - } -} -.table--fixed{table-layout:fixed;} -.btn{display:inline-block;font-weight:bold;background-color:#0F71FA;font-size:12px;color:#fff;border-radius:18px;padding:6px 18px;text-align:center;transition:background-color 0.125s, border-color 0.125s, color 0.125s;} -.btn--stroke{background-color:transparent;box-shadow:inset 0 0 0 1px currentColor;color:#0F71FA;} -.btn--s{font-size:10px;line-height:18px;padding:3px 12px;border-radius:15px;} -.btn--pill-stroke{position:relative;} -.link{cursor:pointer;color:#0F71FA;transition:color 0.125s;} -.input--s, -.textarea--s{font-size:12px;line-height:18px;padding:3px 6px;} -.textarea{resize:vertical;overflow:auto;} -.select-container{display:inline-flex;position:relative;align-items:center;} -.select{appearance:none;background-color:transparent;font-size:16px;line-height:24px;color:currentColor;padding:6px 30px 6px 0;cursor:pointer;box-shadow:none;} -.select-arrow{position:absolute;right:12px;top:calc(50% - 1px);pointer-events:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #757D82;width:8px;height:8px;margin-top:-1px;transition:border-top-color 0.125s;} -.select--s{font-size:12px;line-height:18px;padding:3px 24px 3px 0;} -.select--stroke{padding:6px 30px 6px 12px;box-shadow:inset 0 0 0 1px #C7CACC;color:#757D82 !important;} -.range{display:flex;align-items:center;height:36px;} -.range--s{height:24px;} -.checkbox{color:#fff;border-color:#757D82;transition:color 0.125s, border 0.125s, background-color 0.125s;} -.radio{border-radius:50%;color:#757D82;border-color:currentColor;} -.switch{cursor:pointer;top:3px;flex-shrink:0;position:relative;width:30px;height:18px;border-radius:9999px;border-width:1px;border-style:solid;border-color:currentColor;color:#757D82;transition:color 0.125s, background-color 0.125s, border-color 0.125s;} -.switch--l{width:40px;height:24px;top:0;} -.toggle-group{display:inline-flex;text-align:center;border-radius:18px;} -.toggle-container{max-width:100%;} -.toggle{flex-shrink:0;cursor:pointer;color:#757D82;font-size:12px;padding:3px 18px;border-radius:15px;background-color:transparent;transition:color 0.125s, background-color 0.125s;} -.toggle--s{font-size:10px;line-height:18px;padding:0 12px;} -.txt-mono{font-family:'Menlo', 'Bitstream Vera Sans Mono', 'Monaco', 'Consolas', monospace;font-size:90%;} -.txt-bold{font-weight:bold !important;} -.txt-h1{font-size:36px;line-height:45px;} -.txt-h2{font-size:30px;line-height:36px;} -.txt-h3{font-size:24px;line-height:30px;} -.txt-h4{font-size:20px;line-height:25px;} -.txt-h5{font-size:16px;line-height:20px;} -.txt-xl{font-size:30px;line-height:45px;} -.txt-l{font-size:20px;line-height:30px;} -.txt-m{font-size:16px;line-height:24px;} -.txt-ms{font-size:14px;line-height:21px;} -.txt-s{font-size:12px;line-height:18px;} -.txt-xs{font-size:10px;line-height:15px;} -.txt-light{font-weight:lighter !important;} -.txt-normal{font-weight:normal !important;} -.txt-em{font-style:italic !important;} -.txt-uppercase{text-transform:uppercase !important;} -.txt-capitalize-first, -.txt-lowercase{text-transform:lowercase !important;} -.txt-capitalize{text-transform:capitalize !important;} -.txt-underline{text-decoration:underline !important;} -.txt-nowrap{white-space:nowrap !important;} -.txt-break-word{word-break:break-all !important;} -.txt-truncate{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} -.txt-spacing05{letter-spacing:0.05em !important;} -.txt-spacing1{letter-spacing:0.1em !important;} -.txt-spacing2{letter-spacing:0.2em !important;} -.txt-shadow-darken10{text-shadow:1px 1px 1px rgba(26, 34, 36, 0.1);} -.txt-shadow-darken25{text-shadow:1px 1px 1px rgba(26, 34, 36, 0.25);} -.txt-shadow-darken50{text-shadow:1px 1px 1px rgba(26, 34, 36, 0.5);} -.txt-shadow-lighten10{text-shadow:1px 1px 1px rgba(255, 255, 255, 0.1);} -.txt-shadow-lighten25{text-shadow:1px 1px 1px rgba(255, 255, 255, 0.25);} -.txt-shadow-lighten50{text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);} -.prose--dark{color:#fff;} -.align-l{text-align:left !important;} -.align-r{text-align:right !important;} -.align-center{text-align:center !important;} -.align-t{vertical-align:top !important;} -.align-b{vertical-align:bottom !important;} -.align-middle{vertical-align:middle !important;} -.border{border-style:solid;border-width:1px;} -.border-t{border-style:solid;border-top-width:1px;} -.border-r{border-style:solid;border-right-width:1px;} -.border-b{border-style:solid;border-bottom-width:1px;} -.border-l{border-style:solid;border-left-width:1px;} -.border--0{border-width:0 !important;} -.border-t--0{border-top-width:0 !important;} -.border-r--0{border-right-width:0 !important;} -.border-b--0{border-bottom-width:0 !important;} -.border-l--0{border-left-width:0 !important;} -.border--2{border-width:2px !important;} -.border-t--2{border-top-width:2px !important;} -.border-r--2{border-right-width:2px !important;} -.border-b--2{border-bottom-width:2px !important;} -.border-l--2{border-left-width:2px !important;} -.border--dash{border-style:dashed !important;} -.round{border-radius:4px !important;} -.round-t{border-radius:4px 4px 0 0 !important;} -.round-r{border-radius:0 4px 4px 0 !important;} -.round-b{border-radius:0 0 4px 4px !important;} -.round-l{border-radius:4px 0 0 4px !important;} -.round-tl{border-top-left-radius:4px !important;} -.round-tr{border-top-right-radius:4px !important;} -.round-br{border-bottom-right-radius:4px !important;} -.round-bl{border-bottom-left-radius:4px !important;} -.round-bold{border-radius:8px !important;} -.round-t-bold{border-radius:8px 8px 0 0 !important;} -.round-r-bold{border-radius:0 8px 8px 0 !important;} -.round-b-bold{border-radius:0 0 8px 8px !important;} -.round-l-bold{border-radius:8px 0 0 8px !important;} -.round-tl-bold{border-top-left-radius:8px !important;} -.round-tr-bold{border-top-right-radius:8px !important;} -.round-br-bold{border-bottom-right-radius:8px !important;} -.round-bl-bold{border-bottom-left-radius:8px !important;} -.round-full{border-radius:9999px !important;} -.round-t-full{border-radius:9999px 9999px 0 0 !important;} -.round-r-full{border-radius:0 9999px 9999px 0 !important;} -.round-b-full{border-radius:0 0 9999px 9999px !important;} -.round-l-full{border-radius:9999px 0 0 9999px !important;} -.round-tl-full{border-top-left-radius:9999px !important;} -.round-tr-full{border-top-right-radius:9999px !important;} -.round-br-full{border-bottom-right-radius:9999px !important;} -.round-bl-full{border-bottom-left-radius:9999px !important;} -.unround{border-radius:0 !important;} -.unround-t{border-top-left-radius:0 !important;border-top-right-radius:0 !important;} -.unround-r{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;} -.unround-b{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;} -.unround-l{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;} -.unround-tl{border-top-left-radius:0 !important;} -.unround-tr{border-top-right-radius:0 !important;} -.unround-br{border-bottom-right-radius:0 !important;} -.unround-bl{border-bottom-left-radius:0 !important;} -.cursor-default{cursor:default !important;} -.cursor-pointer{cursor:pointer !important;} -.cursor-crosshair{cursor:crosshair !important;} -.cursor-move{cursor:move !important;} -.cursor-notallowed{cursor:not-allowed !important;} -.cursor-grab{cursor:grab !important;} -.cursor-grabbing{cursor:grabbing !important;} -.cursor-col-resize{cursor:col-resize !important;} -.cursor-row-resize{cursor:row-resize !important;} -.opacity0{opacity:0 !important;} -.opacity25{opacity:0.25 !important;} -.opacity50{opacity:0.5 !important;} -.opacity75{opacity:0.75 !important;} -.opacity100{opacity:1 !important;} -.icon{display:block;fill:currentColor;height:1em;width:1em;} -.grid{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} -.grid > .col, .grid > .col-mm, .grid > .col-ml, .grid > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} -.col{min-width:0;} -.inline{display:inline !important;} -.block{display:block !important;} -.inline-block{display:inline-block !important;} -.none{display:none !important;} -.fixed{position:fixed !important;} -.absolute{position:absolute !important;} -.relative{position:relative !important;} -.static{position:static !important;} -.sticky{position:sticky !important;} -.top{top:0 !important;} -.right{right:0 !important;} -.left{left:0 !important;} -.bottom{bottom:0 !important;} -.z-neg1{z-index:-1 !important;} -.z0{z-index:0 !important;} -.z1{z-index:1 !important;} -.z2{z-index:2 !important;} -.z3{z-index:3 !important;} -.z4{z-index:4 !important;} -.z5{z-index:5 !important;} -.mx-auto{margin-left:auto !important;margin-right:auto !important;} -.ml-auto{margin-left:auto !important;} -.mr-auto{margin-right:auto !important;} -.flex{display:flex !important;} -.inline-flex{display:inline-flex !important;} -.flex--column{flex-direction:column !important;} -.flex--column-reverse{flex-direction:column-reverse !important;} -.flex--row{flex-direction:row !important;} -.flex--row-reverse{flex-direction:row-reverse !important;} -.flex--center-main{justify-content:center !important;} -.flex--center-cross{align-items:center !important;} -.flex--start-cross{align-items:flex-start !important;} -.flex--start-main{justify-content:flex-start !important;} -.flex--end-cross{align-items:flex-end !important;} -.flex--end-main{justify-content:flex-end !important;} -.flex--wrap{flex-wrap:wrap !important;} -.flex--stretch-cross{align-items:stretch !important;} -.flex--space-between-main{justify-content:space-between !important;} -.flex--space-around-main{justify-content:space-around !important;} -.flex--space-evenly-main{justify-content:space-evenly !important;} -.flex-child-grow{flex-grow:1 !important;min-width:0;} -.flex-child-no-shrink{flex-shrink:0 !important;} -.object-contain{object-fit:contain !important;} -.object-cover{object-fit:cover !important;} -.object-fill{object-fit:fill !important;} -.object-none{object-fit:none !important;} -.object-scale-down{object-fit:scale-down !important;} -.bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} -.bleed-r{flex-grow:1;margin-right:calc(50% - 50vw);} -.bleed-l{flex-grow:1;margin-left:calc(50% - 50vw);} -.unbleed{flex-grow:0;margin-left:0;margin-right:0;} -.fl{float:left !important;} -.fr{float:right !important;} -.unfloat{float:none !important;} -.triangle{width:12px !important;height:12px !important;font-size:0 !important;line-height:0 !important;} -.triangle--u{border-left:6px solid transparent !important;border-right:6px solid transparent !important;border-bottom:9px solid currentColor !important;} -.triangle--r{border-top:6px solid transparent !important;border-bottom:6px solid transparent !important;border-left:9px solid currentColor !important;} -.triangle--d{border-left:6px solid transparent !important;border-right:6px solid transparent !important;border-top:9px solid currentColor !important;} -.triangle--l{border-top:6px solid transparent !important;border-bottom:6px solid transparent !important;border-right:9px solid currentColor !important;} -.triangle-l{width:24px !important;height:24px !important;font-size:0 !important;line-height:0 !important;} -.triangle-l--u{border-left:12px solid transparent !important;border-right:12px solid transparent !important;border-bottom:18px solid currentColor !important;} -.triangle-l--r{border-top:12px solid transparent !important;border-bottom:12px solid transparent !important;border-left:18px solid currentColor !important;} -.triangle-l--d{border-left:12px solid transparent !important;border-right:12px solid transparent !important;border-top:18px solid currentColor !important;} -.triangle-l--l{border-top:12px solid transparent !important;border-bottom:12px solid transparent !important;border-right:18px solid currentColor !important;} -.animation-pulse{animation:pulse 1.5s ease-in-out;} -.animation-spin{animation:spin 1.5s linear;} -.animation-fade-in{animation:fadein 1.5s ease-in forwards;} -.animation-fade-out{animation:fadein 1.5s ease-out reverse forwards;} -.animation-fade-in-out{animation:fadeinout 1.5s ease-in-out forwards;} -.animation-shake{animation:shake 1.5s ease-in-out;} -.animation--speed-025{animation-duration:250ms;} -.animation--speed-05{animation-duration:500ms;} -.animation--speed-1{animation-duration:1s;} -.animation--speed-2{animation-duration:2s;} -.animation--speed-4{animation-duration:4s;} -.animation--delay{animation-delay:1s;} -.animation--infinite{animation-iteration-count:infinite;} -.loading--dark{color:#fff;border-left-color:rgba(255, 255, 255, 0.25);border-right-color:rgba(255, 255, 255, 0.25);border-bottom-color:rgba(255, 255, 255, 0.25);} -.loading--s{height:18px;width:18px;} -.events-none{-webkit-touch-callout:none;pointer-events:none;} -.events-all{-webkit-touch-callout:default;pointer-events:all;} -.unselectable{-webkit-user-select:none;user-select:none;} -.selectable{-webkit-user-select:text;user-select:text;} -.transition{transition:all 0.125s;} -.transition-none{transition:auto;} -.overflow-scroll{overflow:scroll !important;} -.overflow-auto{overflow:auto !important;-webkit-overflow-scrolling:touch;} -.overflow-hidden{overflow:hidden !important;} -.hide-visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;} -.grid--gut0{column-gap:0;} -.grid--gut3{column-gap:3px;} -.grid--gut6{column-gap:6px;} -.grid--gut12{column-gap:12px;} -.grid--gut18{column-gap:18px;} -.grid--gut24{column-gap:24px;} -.grid--gut30{column-gap:30px;} -.grid--gut36{column-gap:36px;} -.grid--gut60{column-gap:60px;} -.grid--gut120{column-gap:120px;} -.my-neg1{margin-top:-1px !important;margin-bottom:-1px !important;} -.mx-neg1{margin-left:-1px !important;margin-right:-1px !important;} -.mt-neg1{margin-top:-1px !important;} -.mr-neg1{margin-right:-1px !important;} -.mb-neg1{margin-bottom:-1px !important;} -.ml-neg1{margin-left:-1px !important;} -.my-neg2{margin-top:-2px !important;margin-bottom:-2px !important;} -.mx-neg2{margin-left:-2px !important;margin-right:-2px !important;} -.mt-neg2{margin-top:-2px !important;} -.mr-neg2{margin-right:-2px !important;} -.mb-neg2{margin-bottom:-2px !important;} -.ml-neg2{margin-left:-2px !important;} -.my-neg3{margin-top:-3px !important;margin-bottom:-3px !important;} -.mx-neg3{margin-left:-3px !important;margin-right:-3px !important;} -.mt-neg3{margin-top:-3px !important;} -.mr-neg3{margin-right:-3px !important;} -.mb-neg3{margin-bottom:-3px !important;} -.ml-neg3{margin-left:-3px !important;} -.my-neg6{margin-top:-6px !important;margin-bottom:-6px !important;} -.mx-neg6{margin-left:-6px !important;margin-right:-6px !important;} -.mt-neg6{margin-top:-6px !important;} -.mr-neg6{margin-right:-6px !important;} -.mb-neg6{margin-bottom:-6px !important;} -.ml-neg6{margin-left:-6px !important;} -.my-neg12{margin-top:-12px !important;margin-bottom:-12px !important;} -.mx-neg12{margin-left:-12px !important;margin-right:-12px !important;} -.mt-neg12{margin-top:-12px !important;} -.mr-neg12{margin-right:-12px !important;} -.mb-neg12{margin-bottom:-12px !important;} -.ml-neg12{margin-left:-12px !important;} -.my-neg18{margin-top:-18px !important;margin-bottom:-18px !important;} -.mx-neg18{margin-left:-18px !important;margin-right:-18px !important;} -.mt-neg18{margin-top:-18px !important;} -.mr-neg18{margin-right:-18px !important;} -.mb-neg18{margin-bottom:-18px !important;} -.ml-neg18{margin-left:-18px !important;} -.my-neg24{margin-top:-24px !important;margin-bottom:-24px !important;} -.mx-neg24{margin-left:-24px !important;margin-right:-24px !important;} -.mt-neg24{margin-top:-24px !important;} -.mr-neg24{margin-right:-24px !important;} -.mb-neg24{margin-bottom:-24px !important;} -.ml-neg24{margin-left:-24px !important;} -.my-neg30{margin-top:-30px !important;margin-bottom:-30px !important;} -.mx-neg30{margin-left:-30px !important;margin-right:-30px !important;} -.mt-neg30{margin-top:-30px !important;} -.mr-neg30{margin-right:-30px !important;} -.mb-neg30{margin-bottom:-30px !important;} -.ml-neg30{margin-left:-30px !important;} -.my-neg36{margin-top:-36px !important;margin-bottom:-36px !important;} -.mx-neg36{margin-left:-36px !important;margin-right:-36px !important;} -.mt-neg36{margin-top:-36px !important;} -.mr-neg36{margin-right:-36px !important;} -.mb-neg36{margin-bottom:-36px !important;} -.ml-neg36{margin-left:-36px !important;} -.my-neg60{margin-top:-60px !important;margin-bottom:-60px !important;} -.mx-neg60{margin-left:-60px !important;margin-right:-60px !important;} -.mt-neg60{margin-top:-60px !important;} -.mr-neg60{margin-right:-60px !important;} -.mb-neg60{margin-bottom:-60px !important;} -.ml-neg60{margin-left:-60px !important;} -.my-neg120{margin-top:-120px !important;margin-bottom:-120px !important;} -.mx-neg120{margin-left:-120px !important;margin-right:-120px !important;} -.mt-neg120{margin-top:-120px !important;} -.mr-neg120{margin-right:-120px !important;} -.mb-neg120{margin-bottom:-120px !important;} -.ml-neg120{margin-left:-120px !important;} -.my-neg180{margin-top:-180px !important;margin-bottom:-180px !important;} -.mx-neg180{margin-left:-180px !important;margin-right:-180px !important;} -.mt-neg180{margin-top:-180px !important;} -.mr-neg180{margin-right:-180px !important;} -.mb-neg180{margin-bottom:-180px !important;} -.ml-neg180{margin-left:-180px !important;} -.my-neg240{margin-top:-240px !important;margin-bottom:-240px !important;} -.mx-neg240{margin-left:-240px !important;margin-right:-240px !important;} -.mt-neg240{margin-top:-240px !important;} -.mr-neg240{margin-right:-240px !important;} -.mb-neg240{margin-bottom:-240px !important;} -.ml-neg240{margin-left:-240px !important;} -.my-neg300{margin-top:-300px !important;margin-bottom:-300px !important;} -.mx-neg300{margin-left:-300px !important;margin-right:-300px !important;} -.mt-neg300{margin-top:-300px !important;} -.mr-neg300{margin-right:-300px !important;} -.mb-neg300{margin-bottom:-300px !important;} -.ml-neg300{margin-left:-300px !important;} -.my-neg360{margin-top:-360px !important;margin-bottom:-360px !important;} -.mx-neg360{margin-left:-360px !important;margin-right:-360px !important;} -.mt-neg360{margin-top:-360px !important;} -.mr-neg360{margin-right:-360px !important;} -.mb-neg360{margin-bottom:-360px !important;} -.ml-neg360{margin-left:-360px !important;} -.my0{margin-top:0 !important;margin-bottom:0 !important;} -.mx0{margin-left:0 !important;margin-right:0 !important;} -.mt0{margin-top:0 !important;} -.mr0{margin-right:0 !important;} -.mb0{margin-bottom:0 !important;} -.ml0{margin-left:0 !important;} -.my3{margin-top:3px !important;margin-bottom:3px !important;} -.mx3{margin-left:3px !important;margin-right:3px !important;} -.mt3{margin-top:3px !important;} -.mr3{margin-right:3px !important;} -.mb3{margin-bottom:3px !important;} -.ml3{margin-left:3px !important;} -.my6{margin-top:6px !important;margin-bottom:6px !important;} -.mx6{margin-left:6px !important;margin-right:6px !important;} -.mt6{margin-top:6px !important;} -.mr6{margin-right:6px !important;} -.mb6{margin-bottom:6px !important;} -.ml6{margin-left:6px !important;} -.my12{margin-top:12px !important;margin-bottom:12px !important;} -.mx12{margin-left:12px !important;margin-right:12px !important;} -.mt12{margin-top:12px !important;} -.mr12{margin-right:12px !important;} -.mb12{margin-bottom:12px !important;} -.ml12{margin-left:12px !important;} -.my18{margin-top:18px !important;margin-bottom:18px !important;} -.mx18{margin-left:18px !important;margin-right:18px !important;} -.mt18{margin-top:18px !important;} -.mr18{margin-right:18px !important;} -.mb18{margin-bottom:18px !important;} -.ml18{margin-left:18px !important;} -.my24{margin-top:24px !important;margin-bottom:24px !important;} -.mx24{margin-left:24px !important;margin-right:24px !important;} -.mt24{margin-top:24px !important;} -.mr24{margin-right:24px !important;} -.mb24{margin-bottom:24px !important;} -.ml24{margin-left:24px !important;} -.my30{margin-top:30px !important;margin-bottom:30px !important;} -.mx30{margin-left:30px !important;margin-right:30px !important;} -.mt30{margin-top:30px !important;} -.mr30{margin-right:30px !important;} -.mb30{margin-bottom:30px !important;} -.ml30{margin-left:30px !important;} -.my36{margin-top:36px !important;margin-bottom:36px !important;} -.mx36{margin-left:36px !important;margin-right:36px !important;} -.mt36{margin-top:36px !important;} -.mr36{margin-right:36px !important;} -.mb36{margin-bottom:36px !important;} -.ml36{margin-left:36px !important;} -.my60{margin-top:60px !important;margin-bottom:60px !important;} -.mx60{margin-left:60px !important;margin-right:60px !important;} -.mt60{margin-top:60px !important;} -.mr60{margin-right:60px !important;} -.mb60{margin-bottom:60px !important;} -.ml60{margin-left:60px !important;} -.my120{margin-top:120px !important;margin-bottom:120px !important;} -.mx120{margin-left:120px !important;margin-right:120px !important;} -.mt120{margin-top:120px !important;} -.mr120{margin-right:120px !important;} -.mb120{margin-bottom:120px !important;} -.ml120{margin-left:120px !important;} -.my180{margin-top:180px !important;margin-bottom:180px !important;} -.mx180{margin-left:180px !important;margin-right:180px !important;} -.mt180{margin-top:180px !important;} -.mr180{margin-right:180px !important;} -.mb180{margin-bottom:180px !important;} -.ml180{margin-left:180px !important;} -.my240{margin-top:240px !important;margin-bottom:240px !important;} -.mx240{margin-left:240px !important;margin-right:240px !important;} -.mt240{margin-top:240px !important;} -.mr240{margin-right:240px !important;} -.mb240{margin-bottom:240px !important;} -.ml240{margin-left:240px !important;} -.my300{margin-top:300px !important;margin-bottom:300px !important;} -.mx300{margin-left:300px !important;margin-right:300px !important;} -.mt300{margin-top:300px !important;} -.mr300{margin-right:300px !important;} -.mb300{margin-bottom:300px !important;} -.ml300{margin-left:300px !important;} -.my360{margin-top:360px !important;margin-bottom:360px !important;} -.mx360{margin-left:360px !important;margin-right:360px !important;} -.mt360{margin-top:360px !important;} -.mr360{margin-right:360px !important;} -.mb360{margin-bottom:360px !important;} -.ml360{margin-left:360px !important;} -.mr-1\\/12{margin-right:8.3333% !important;} -.ml-1\\/12{margin-left:8.3333% !important;grid-column-start:2 !important;} -.w-1\\/12{width:8.3333% !important;grid-column-end:span 1 !important;} -.h-viewport-1\\/12{height:8.3333vh !important;} -.hmax-viewport-1\\/12{max-height:8.3333vh !important;} -.mr-1\\/6{margin-right:16.6666% !important;} -.ml-1\\/6{margin-left:16.6666% !important;grid-column-start:3 !important;} -.w-1\\/6{width:16.6666% !important;grid-column-end:span 2 !important;} -.h-viewport-1\\/6{height:16.6666vh !important;} -.hmax-viewport-1\\/6{max-height:16.6666vh !important;} -.mr-1\\/4{margin-right:25% !important;} -.ml-1\\/4{margin-left:25% !important;grid-column-start:4 !important;} -.w-1\\/4{width:25% !important;grid-column-end:span 3 !important;} -.h-viewport-1\\/4{height:25vh !important;} -.hmax-viewport-1\\/4{max-height:25vh !important;} -.mr-1\\/3{margin-right:33.3333% !important;} -.ml-1\\/3{margin-left:33.3333% !important;grid-column-start:5 !important;} -.w-1\\/3{width:33.3333% !important;grid-column-end:span 4 !important;} -.h-viewport-1\\/3{height:33.3333vh !important;} -.hmax-viewport-1\\/3{max-height:33.3333vh !important;} -.mr-5\\/12{margin-right:41.6666% !important;} -.ml-5\\/12{margin-left:41.6666% !important;grid-column-start:6 !important;} -.w-5\\/12{width:41.6666% !important;grid-column-end:span 5 !important;} -.h-viewport-5\\/12{height:41.6666vh !important;} -.hmax-viewport-5\\/12{max-height:41.6666vh !important;} -.mr-1\\/2{margin-right:50% !important;} -.ml-1\\/2{margin-left:50% !important;grid-column-start:7 !important;} -.w-1\\/2{width:50% !important;grid-column-end:span 6 !important;} -.h-viewport-1\\/2{height:50vh !important;} -.hmax-viewport-1\\/2{max-height:50vh !important;} -.mr-7\\/12{margin-right:58.3333% !important;} -.ml-7\\/12{margin-left:58.3333% !important;grid-column-start:8 !important;} -.w-7\\/12{width:58.3333% !important;grid-column-end:span 7 !important;} -.h-viewport-7\\/12{height:58.3333vh !important;} -.hmax-viewport-7\\/12{max-height:58.3333vh !important;} -.mr-2\\/3{margin-right:66.6666% !important;} -.ml-2\\/3{margin-left:66.6666% !important;grid-column-start:9 !important;} -.w-2\\/3{width:66.6666% !important;grid-column-end:span 8 !important;} -.h-viewport-2\\/3{height:66.6666vh !important;} -.hmax-viewport-2\\/3{max-height:66.6666vh !important;} -.mr-3\\/4{margin-right:75% !important;} -.ml-3\\/4{margin-left:75% !important;grid-column-start:10 !important;} -.w-3\\/4{width:75% !important;grid-column-end:span 9 !important;} -.h-viewport-3\\/4{height:75vh !important;} -.hmax-viewport-3\\/4{max-height:75vh !important;} -.mr-5\\/6{margin-right:83.3333% !important;} -.ml-5\\/6{margin-left:83.3333% !important;grid-column-start:11 !important;} -.w-5\\/6{width:83.3333% !important;grid-column-end:span 10 !important;} -.h-viewport-5\\/6{height:83.3333vh !important;} -.hmax-viewport-5\\/6{max-height:83.3333vh !important;} -.mr-11\\/12{margin-right:91.6666% !important;} -.ml-11\\/12{margin-left:91.6666% !important;grid-column-start:12 !important;} -.w-11\\/12{width:91.6666% !important;grid-column-end:span 11 !important;} -.h-viewport-11\\/12{height:91.6666vh !important;} -.hmax-viewport-11\\/12{max-height:91.6666vh !important;} -.gap0{gap:0 !important;} -.gapx0{column-gap:0 !important;} -.gapy0{row-gap:0 !important;} -.gap3{gap:3px !important;} -.gapx3{column-gap:3px !important;} -.gapy3{row-gap:3px !important;} -.gap6{gap:6px !important;} -.gapx6{column-gap:6px !important;} -.gapy6{row-gap:6px !important;} -.gap12{gap:12px !important;} -.gapx12{column-gap:12px !important;} -.gapy12{row-gap:12px !important;} -.gap18{gap:18px !important;} -.gapx18{column-gap:18px !important;} -.gapy18{row-gap:18px !important;} -.gap24{gap:24px !important;} -.gapx24{column-gap:24px !important;} -.gapy24{row-gap:24px !important;} -.gap30{gap:30px !important;} -.gapx30{column-gap:30px !important;} -.gapy30{row-gap:30px !important;} -.gap36{gap:36px !important;} -.gapx36{column-gap:36px !important;} -.gapy36{row-gap:36px !important;} -.gap60{gap:60px !important;} -.gapx60{column-gap:60px !important;} -.gapy60{row-gap:60px !important;} -.gap120{gap:120px !important;} -.gapx120{column-gap:120px !important;} -.gapy120{row-gap:120px !important;} -.gap180{gap:180px !important;} -.gapx180{column-gap:180px !important;} -.gapy180{row-gap:180px !important;} -.gap240{gap:240px !important;} -.gapx240{column-gap:240px !important;} -.gapy240{row-gap:240px !important;} -.gap300{gap:300px !important;} -.gapx300{column-gap:300px !important;} -.gapy300{row-gap:300px !important;} -.gap360{gap:360px !important;} -.gapx360{column-gap:360px !important;} -.gapy360{row-gap:360px !important;} -.aspect-auto{aspect-ratio:auto !important;} -.aspect-1\\/1{aspect-ratio:1/1 !important;} -.aspect-4\\/3{aspect-ratio:4/3 !important;} -.aspect-3\\/2{aspect-ratio:3/2 !important;} -.aspect-16\\/9{aspect-ratio:16/9 !important;} -.aspect-21\\/9{aspect-ratio:21/9 !important;} -.aspect-3\\/4{aspect-ratio:3/4 !important;} -.aspect-9\\/16{aspect-ratio:9/16 !important;} -.rotate0{rotate:0deg !important;} -.rotate45{rotate:45deg !important;} -.rotate90{rotate:90deg !important;} -.rotate180{rotate:180deg !important;} -.rotate270{rotate:270deg !important;} -.rotate-neg45{rotate:-45deg !important;} -.rotate-neg90{rotate:-90deg !important;} -.rotate-neg180{rotate:-180deg !important;} -.rotate-neg270{rotate:-270deg !important;} -.scale0{scale:0 !important;} -.scale50{scale:0.5 !important;} -.scale75{scale:0.75 !important;} -.scale100{scale:1 !important;} -.scale125{scale:1.25 !important;} -.scale150{scale:1.5 !important;} -.translate-x-neg1{translate:-1px 0 !important;} -.translate-y-neg1{translate:0 -1px !important;} -.translate-x-neg2{translate:-2px 0 !important;} -.translate-y-neg2{translate:0 -2px !important;} -.translate-x-neg3{translate:-3px 0 !important;} -.translate-y-neg3{translate:0 -3px !important;} -.translate-x-neg6{translate:-6px 0 !important;} -.translate-y-neg6{translate:0 -6px !important;} -.translate-x-neg12{translate:-12px 0 !important;} -.translate-y-neg12{translate:0 -12px !important;} -.translate-x-neg18{translate:-18px 0 !important;} -.translate-y-neg18{translate:0 -18px !important;} -.translate-x-neg24{translate:-24px 0 !important;} -.translate-y-neg24{translate:0 -24px !important;} -.translate-x-neg30{translate:-30px 0 !important;} -.translate-y-neg30{translate:0 -30px !important;} -.translate-x-neg36{translate:-36px 0 !important;} -.translate-y-neg36{translate:0 -36px !important;} -.translate-x-neg60{translate:-60px 0 !important;} -.translate-y-neg60{translate:0 -60px !important;} -.translate-x-neg120{translate:-120px 0 !important;} -.translate-y-neg120{translate:0 -120px !important;} -.translate-x-neg180{translate:-180px 0 !important;} -.translate-y-neg180{translate:0 -180px !important;} -.translate-x-neg240{translate:-240px 0 !important;} -.translate-y-neg240{translate:0 -240px !important;} -.translate-x-neg300{translate:-300px 0 !important;} -.translate-y-neg300{translate:0 -300px !important;} -.translate-x-neg360{translate:-360px 0 !important;} -.translate-y-neg360{translate:0 -360px !important;} -.translate-x0, -.translate-y0{translate:0 0 !important;} -.translate-x3{translate:3px 0 !important;} -.translate-y3{translate:0 3px !important;} -.translate-x6{translate:6px 0 !important;} -.translate-y6{translate:0 6px !important;} -.translate-x12{translate:12px 0 !important;} -.translate-y12{translate:0 12px !important;} -.translate-x18{translate:18px 0 !important;} -.translate-y18{translate:0 18px !important;} -.translate-x24{translate:24px 0 !important;} -.translate-y24{translate:0 24px !important;} -.translate-x30{translate:30px 0 !important;} -.translate-y30{translate:0 30px !important;} -.translate-x36{translate:36px 0 !important;} -.translate-y36{translate:0 36px !important;} -.translate-x60{translate:60px 0 !important;} -.translate-y60{translate:0 60px !important;} -.translate-x120{translate:120px 0 !important;} -.translate-y120{translate:0 120px !important;} -.translate-x180{translate:180px 0 !important;} -.translate-y180{translate:0 180px !important;} -.translate-x240{translate:240px 0 !important;} -.translate-y240{translate:0 240px !important;} -.translate-x300{translate:300px 0 !important;} -.translate-y300{translate:0 300px !important;} -.translate-x360{translate:360px 0 !important;} -.translate-y360{translate:0 360px !important;} -.py0{padding-top:0 !important;padding-bottom:0 !important;} -.px0{padding-left:0 !important;padding-right:0 !important;} -.pt0{padding-top:0 !important;} -.pr0{padding-right:0 !important;} -.pb0{padding-bottom:0 !important;} -.pl0{padding-left:0 !important;} -.py3{padding-top:3px !important;padding-bottom:3px !important;} -.px3{padding-left:3px !important;padding-right:3px !important;} -.pt3{padding-top:3px !important;} -.pr3{padding-right:3px !important;} -.pb3{padding-bottom:3px !important;} -.pl3{padding-left:3px !important;} -.py6{padding-top:6px !important;padding-bottom:6px !important;} -.px6{padding-left:6px !important;padding-right:6px !important;} -.pt6{padding-top:6px !important;} -.pr6{padding-right:6px !important;} -.pb6{padding-bottom:6px !important;} -.pl6{padding-left:6px !important;} -.py12{padding-top:12px !important;padding-bottom:12px !important;} -.px12{padding-left:12px !important;padding-right:12px !important;} -.pt12{padding-top:12px !important;} -.pr12{padding-right:12px !important;} -.pb12{padding-bottom:12px !important;} -.pl12{padding-left:12px !important;} -.py18{padding-top:18px !important;padding-bottom:18px !important;} -.px18{padding-left:18px !important;padding-right:18px !important;} -.pt18{padding-top:18px !important;} -.pr18{padding-right:18px !important;} -.pb18{padding-bottom:18px !important;} -.pl18{padding-left:18px !important;} -.py24{padding-top:24px !important;padding-bottom:24px !important;} -.px24{padding-left:24px !important;padding-right:24px !important;} -.pt24{padding-top:24px !important;} -.pr24{padding-right:24px !important;} -.pb24{padding-bottom:24px !important;} -.pl24{padding-left:24px !important;} -.py30{padding-top:30px !important;padding-bottom:30px !important;} -.px30{padding-left:30px !important;padding-right:30px !important;} -.pt30{padding-top:30px !important;} -.pr30{padding-right:30px !important;} -.pb30{padding-bottom:30px !important;} -.pl30{padding-left:30px !important;} -.py36{padding-top:36px !important;padding-bottom:36px !important;} -.px36{padding-left:36px !important;padding-right:36px !important;} -.pt36{padding-top:36px !important;} -.pr36{padding-right:36px !important;} -.pb36{padding-bottom:36px !important;} -.pl36{padding-left:36px !important;} -.py60{padding-top:60px !important;padding-bottom:60px !important;} -.px60{padding-left:60px !important;padding-right:60px !important;} -.pt60{padding-top:60px !important;} -.pr60{padding-right:60px !important;} -.pb60{padding-bottom:60px !important;} -.pl60{padding-left:60px !important;} -.py120{padding-top:120px !important;padding-bottom:120px !important;} -.px120{padding-left:120px !important;padding-right:120px !important;} -.pt120{padding-top:120px !important;} -.pr120{padding-right:120px !important;} -.pb120{padding-bottom:120px !important;} -.pl120{padding-left:120px !important;} -.py180{padding-top:180px !important;padding-bottom:180px !important;} -.px180{padding-left:180px !important;padding-right:180px !important;} -.pt180{padding-top:180px !important;} -.pr180{padding-right:180px !important;} -.pb180{padding-bottom:180px !important;} -.pl180{padding-left:180px !important;} -.py240{padding-top:240px !important;padding-bottom:240px !important;} -.px240{padding-left:240px !important;padding-right:240px !important;} -.pt240{padding-top:240px !important;} -.pr240{padding-right:240px !important;} -.pb240{padding-bottom:240px !important;} -.pl240{padding-left:240px !important;} -.py300{padding-top:300px !important;padding-bottom:300px !important;} -.px300{padding-left:300px !important;padding-right:300px !important;} -.pt300{padding-top:300px !important;} -.pr300{padding-right:300px !important;} -.pb300{padding-bottom:300px !important;} -.pl300{padding-left:300px !important;} -.py360{padding-top:360px !important;padding-bottom:360px !important;} -.px360{padding-left:360px !important;padding-right:360px !important;} -.pt360{padding-top:360px !important;} -.pr360{padding-right:360px !important;} -.pb360{padding-bottom:360px !important;} -.pl360{padding-left:360px !important;} -.w0{width:0 !important;} -.w3{width:3px !important;} -.w6{width:6px !important;} -.w12{width:12px !important;} -.w18{width:18px !important;} -.w24{width:24px !important;} -.w30{width:30px !important;} -.w36{width:36px !important;} -.w60{width:60px !important;} -.w120{width:120px !important;} -.w180{width:180px !important;} -.w240{width:240px !important;} -.w300{width:300px !important;} -.w360{width:360px !important;} -.w600{width:600px !important;} -.w-full{width:100% !important;} -.w-auto{width:auto !important;} -.wmax0{max-width:0 !important;} -.wmax3{max-width:3px !important;} -.wmax6{max-width:6px !important;} -.wmax12{max-width:12px !important;} -.wmax18{max-width:18px !important;} -.wmax24{max-width:24px !important;} -.wmax30{max-width:30px !important;} -.wmax36{max-width:36px !important;} -.wmax60{max-width:60px !important;} -.wmax120{max-width:120px !important;} -.wmax180{max-width:180px !important;} -.wmax240{max-width:240px !important;} -.wmax300{max-width:300px !important;} -.wmax360{max-width:360px !important;} -.wmax600{max-width:600px !important;} -.wmax1200{max-width:1200px !important;} -.wmax1800{max-width:1800px !important;} -.wmax-full{max-width:100% !important;} -.wmax-none{max-width:none !important;} -.wmin0{min-width:0 !important;} -.wmin3{min-width:3px !important;} -.wmin6{min-width:6px !important;} -.wmin12{min-width:12px !important;} -.wmin18{min-width:18px !important;} -.wmin24{min-width:24px !important;} -.wmin30{min-width:30px !important;} -.wmin36{min-width:36px !important;} -.wmin60{min-width:60px !important;} -.wmin120{min-width:120px !important;} -.wmin180{min-width:180px !important;} -.wmin240{min-width:240px !important;} -.wmin300{min-width:300px !important;} -.wmin360{min-width:360px !important;} -.wmin600{min-width:600px !important;} -.wmin-full{min-width:100% !important;} -.h0{height:0 !important;} -.h3{height:3px !important;} -.h6{height:6px !important;} -.h12{height:12px !important;} -.h18{height:18px !important;} -.h24{height:24px !important;} -.h30{height:30px !important;} -.h36{height:36px !important;} -.h60{height:60px !important;} -.h120{height:120px !important;} -.h180{height:180px !important;} -.h240{height:240px !important;} -.h300{height:300px !important;} -.h360{height:360px !important;} -.h600{height:600px !important;} -.h-full{height:100% !important;} -.h-auto{height:auto !important;} -.hmax0{max-height:0 !important;} -.hmax3{max-height:3px !important;} -.hmax6{max-height:6px !important;} -.hmax12{max-height:12px !important;} -.hmax18{max-height:18px !important;} -.hmax24{max-height:24px !important;} -.hmax30{max-height:30px !important;} -.hmax36{max-height:36px !important;} -.hmax60{max-height:60px !important;} -.hmax120{max-height:120px !important;} -.hmax180{max-height:180px !important;} -.hmax240{max-height:240px !important;} -.hmax300{max-height:300px !important;} -.hmax360{max-height:360px !important;} -.hmax600{max-height:600px !important;} -.hmax-full{max-height:100% !important;} -.hmax-none{max-height:none !important;} -.hmin0{min-height:0 !important;} -.hmin3{min-height:3px !important;} -.hmin6{min-height:6px !important;} -.hmin12{min-height:12px !important;} -.hmin18{min-height:18px !important;} -.hmin24{min-height:24px !important;} -.hmin30{min-height:30px !important;} -.hmin36{min-height:36px !important;} -.hmin60{min-height:60px !important;} -.hmin120{min-height:120px !important;} -.hmin180{min-height:180px !important;} -.hmin240{min-height:240px !important;} -.hmin300{min-height:300px !important;} -.hmin360{min-height:360px !important;} -.hmin600{min-height:600px !important;} -.hmin-full{min-height:100% !important;} -.h-viewport-full{height:100vh !important;} -.hmax-viewport-full{max-height:100vh !important;} -@media screen and (min-width: 800px){ +@media screen and (min-width: 640px){ +.txt-h1-mm{font-size:36px;line-height:45px;} +.txt-h2-mm{font-size:30px;line-height:36px;} +.txt-h3-mm{font-size:24px;line-height:30px;} +.txt-h4-mm{font-size:20px;line-height:25px;} +.txt-h5-mm{font-size:16px;line-height:20px;} +.txt-xl-mm{font-size:30px;line-height:45px;} +.txt-l-mm{font-size:20px;line-height:30px;} +.txt-m-mm{font-size:16px;line-height:24px;} +.txt-ms-mm{font-size:14px;line-height:21px;} +.txt-s-mm{font-size:12px;line-height:18px;} +.txt-xs-mm{font-size:10px;line-height:15px;} +.border-mm{border-style:solid;border-width:1px;} +.border-t-mm{border-style:solid;border-top-width:1px;} +.border-r-mm{border-style:solid;border-right-width:1px;} +.border-b-mm{border-style:solid;border-bottom-width:1px;} +.border-l-mm{border-style:solid;border-left-width:1px;} +.border--0-mm{border-width:0 !important;} +.border-t--0-mm{border-top-width:0 !important;} +.border-r--0-mm{border-right-width:0 !important;} +.border-b--0-mm{border-bottom-width:0 !important;} +.border-l--0-mm{border-left-width:0 !important;} +.round-mm{border-radius:4px !important;} +.round-t-mm{border-radius:4px 4px 0 0 !important;} +.round-r-mm{border-radius:0 4px 4px 0 !important;} +.round-b-mm{border-radius:0 0 4px 4px !important;} +.round-l-mm{border-radius:4px 0 0 4px !important;} +.round-tl-mm{border-top-left-radius:4px !important;} +.round-tr-mm{border-top-right-radius:4px !important;} +.round-br-mm{border-bottom-right-radius:4px !important;} +.round-bl-mm{border-bottom-left-radius:4px !important;} +.round-bold-mm{border-radius:8px !important;} +.round-t-bold-mm{border-radius:8px 8px 0 0 !important;} +.round-r-bold-mm{border-radius:0 8px 8px 0 !important;} +.round-b-bold-mm{border-radius:0 0 8px 8px !important;} +.round-l-bold-mm{border-radius:8px 0 0 8px !important;} +.round-tl-bold-mm{border-top-left-radius:8px !important;} +.round-tr-bold-mm{border-top-right-radius:8px !important;} +.round-br-bold-mm{border-bottom-right-radius:8px !important;} +.round-bl-bold-mm{border-bottom-left-radius:8px !important;} +.round-full-mm{border-radius:9999px !important;} +.round-t-full-mm{border-radius:9999px 9999px 0 0 !important;} +.round-r-full-mm{border-radius:0 9999px 9999px 0 !important;} +.round-b-full-mm{border-radius:0 0 9999px 9999px !important;} +.round-l-full-mm{border-radius:9999px 0 0 9999px !important;} +.round-tl-full-mm{border-top-left-radius:9999px !important;} +.round-tr-full-mm{border-top-right-radius:9999px !important;} +.round-br-full-mm{border-bottom-right-radius:9999px !important;} +.round-bl-full-mm{border-bottom-left-radius:9999px !important;} +.unround-mm{border-radius:0 !important;} +.unround-t-mm{border-top-left-radius:0 !important;border-top-right-radius:0 !important;} +.unround-r-mm{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;} +.unround-b-mm{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;} +.unround-l-mm{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;} +.unround-tl-mm{border-top-left-radius:0 !important;} +.unround-tr-mm{border-top-right-radius:0 !important;} +.unround-br-mm{border-bottom-right-radius:0 !important;} +.unround-bl-mm{border-bottom-left-radius:0 !important;} +.grid-mm{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid-mm > .col, .grid-mm > .col-mm, .grid-mm > .col-ml, .grid-mm > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col-mm{min-width:0;} +.inline-mm{display:inline !important;} +.block-mm{display:block !important;} +.inline-block-mm{display:inline-block !important;} +.none-mm{display:none !important;} +.fixed-mm{position:fixed !important;} +.absolute-mm{position:absolute !important;} +.relative-mm{position:relative !important;} +.static-mm{position:static !important;} +.sticky-mm{position:sticky !important;} +.top-mm{top:0 !important;} +.right-mm{right:0 !important;} +.left-mm{left:0 !important;} +.bottom-mm{bottom:0 !important;} +.z-neg1-mm{z-index:-1 !important;} +.z0-mm{z-index:0 !important;} +.z1-mm{z-index:1 !important;} +.z2-mm{z-index:2 !important;} +.z3-mm{z-index:3 !important;} +.z4-mm{z-index:4 !important;} +.z5-mm{z-index:5 !important;} +.mx-auto-mm{margin-left:auto !important;margin-right:auto !important;} +.flex-mm{display:flex !important;} +.inline-flex-mm{display:inline-flex !important;} +.flex--column-mm{flex-direction:column !important;} +.flex--column-reverse-mm{flex-direction:column-reverse !important;} +.flex--row-mm{flex-direction:row !important;} +.flex--row-reverse-mm{flex-direction:row-reverse !important;} +.flex--center-main-mm{justify-content:center !important;} +.flex--center-cross-mm{align-items:center !important;} +.flex--start-cross-mm{align-items:flex-start !important;} +.flex--start-main-mm{justify-content:flex-start !important;} +.flex--end-cross-mm{align-items:flex-end !important;} +.flex--end-main-mm{justify-content:flex-end !important;} +.flex--wrap-mm{flex-wrap:wrap !important;} +.flex--stretch-cross-mm{align-items:stretch !important;} +.flex--space-between-main-mm{justify-content:space-between !important;} +.flex--space-around-main-mm{justify-content:space-around !important;} +.flex--space-evenly-main-mm{justify-content:space-evenly !important;} +.flex-child-grow-mm{flex-grow:1 !important;min-width:0;} +.flex-child-no-shrink-mm{flex-shrink:0 !important;} +.object-contain-mm{object-fit:contain !important;} +.object-cover-mm{object-fit:cover !important;} +.object-fill-mm{object-fit:fill !important;} +.object-none-mm{object-fit:none !important;} +.object-scale-down-mm{object-fit:scale-down !important;} +.bleed-mm{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} +.bleed-r-mm{flex-grow:1;margin-right:calc(50% - 50vw);} +.bleed-l-mm{flex-grow:1;margin-left:calc(50% - 50vw);} +.unbleed-mm{flex-grow:0;margin-left:0;margin-right:0;} +.fl-mm{float:left !important;} +.fr-mm{float:right !important;} +.unfloat-mm{float:none !important;} +.events-none-mm{-webkit-touch-callout:none;pointer-events:none;} +.events-all-mm{-webkit-touch-callout:default;pointer-events:all;} +.unselectable-mm{-webkit-user-select:none;user-select:none;} +.selectable-mm{-webkit-user-select:text;user-select:text;} +.grid--gut0-mm{column-gap:0;} +.grid--gut3-mm{column-gap:3px;} +.grid--gut6-mm{column-gap:6px;} +.grid--gut12-mm{column-gap:12px;} +.grid--gut18-mm{column-gap:18px;} +.grid--gut24-mm{column-gap:24px;} +.grid--gut30-mm{column-gap:30px;} +.grid--gut36-mm{column-gap:36px;} +.grid--gut60-mm{column-gap:60px;} +.grid--gut120-mm{column-gap:120px;} +.my-neg1-mm{margin-top:-1px !important;margin-bottom:-1px !important;} +.mx-neg1-mm{margin-left:-1px !important;margin-right:-1px !important;} +.mt-neg1-mm{margin-top:-1px !important;} +.mr-neg1-mm{margin-right:-1px !important;} +.mb-neg1-mm{margin-bottom:-1px !important;} +.ml-neg1-mm{margin-left:-1px !important;} +.my-neg2-mm{margin-top:-2px !important;margin-bottom:-2px !important;} +.mx-neg2-mm{margin-left:-2px !important;margin-right:-2px !important;} +.mt-neg2-mm{margin-top:-2px !important;} +.mr-neg2-mm{margin-right:-2px !important;} +.mb-neg2-mm{margin-bottom:-2px !important;} +.ml-neg2-mm{margin-left:-2px !important;} +.my-neg3-mm{margin-top:-3px !important;margin-bottom:-3px !important;} +.mx-neg3-mm{margin-left:-3px !important;margin-right:-3px !important;} +.mt-neg3-mm{margin-top:-3px !important;} +.mr-neg3-mm{margin-right:-3px !important;} +.mb-neg3-mm{margin-bottom:-3px !important;} +.ml-neg3-mm{margin-left:-3px !important;} +.my-neg6-mm{margin-top:-6px !important;margin-bottom:-6px !important;} +.mx-neg6-mm{margin-left:-6px !important;margin-right:-6px !important;} +.mt-neg6-mm{margin-top:-6px !important;} +.mr-neg6-mm{margin-right:-6px !important;} +.mb-neg6-mm{margin-bottom:-6px !important;} +.ml-neg6-mm{margin-left:-6px !important;} +.my-neg12-mm{margin-top:-12px !important;margin-bottom:-12px !important;} +.mx-neg12-mm{margin-left:-12px !important;margin-right:-12px !important;} +.mt-neg12-mm{margin-top:-12px !important;} +.mr-neg12-mm{margin-right:-12px !important;} +.mb-neg12-mm{margin-bottom:-12px !important;} +.ml-neg12-mm{margin-left:-12px !important;} +.my-neg18-mm{margin-top:-18px !important;margin-bottom:-18px !important;} +.mx-neg18-mm{margin-left:-18px !important;margin-right:-18px !important;} +.mt-neg18-mm{margin-top:-18px !important;} +.mr-neg18-mm{margin-right:-18px !important;} +.mb-neg18-mm{margin-bottom:-18px !important;} +.ml-neg18-mm{margin-left:-18px !important;} +.my-neg24-mm{margin-top:-24px !important;margin-bottom:-24px !important;} +.mx-neg24-mm{margin-left:-24px !important;margin-right:-24px !important;} +.mt-neg24-mm{margin-top:-24px !important;} +.mr-neg24-mm{margin-right:-24px !important;} +.mb-neg24-mm{margin-bottom:-24px !important;} +.ml-neg24-mm{margin-left:-24px !important;} +.my-neg30-mm{margin-top:-30px !important;margin-bottom:-30px !important;} +.mx-neg30-mm{margin-left:-30px !important;margin-right:-30px !important;} +.mt-neg30-mm{margin-top:-30px !important;} +.mr-neg30-mm{margin-right:-30px !important;} +.mb-neg30-mm{margin-bottom:-30px !important;} +.ml-neg30-mm{margin-left:-30px !important;} +.my-neg36-mm{margin-top:-36px !important;margin-bottom:-36px !important;} +.mx-neg36-mm{margin-left:-36px !important;margin-right:-36px !important;} +.mt-neg36-mm{margin-top:-36px !important;} +.mr-neg36-mm{margin-right:-36px !important;} +.mb-neg36-mm{margin-bottom:-36px !important;} +.ml-neg36-mm{margin-left:-36px !important;} +.my-neg60-mm{margin-top:-60px !important;margin-bottom:-60px !important;} +.mx-neg60-mm{margin-left:-60px !important;margin-right:-60px !important;} +.mt-neg60-mm{margin-top:-60px !important;} +.mr-neg60-mm{margin-right:-60px !important;} +.mb-neg60-mm{margin-bottom:-60px !important;} +.ml-neg60-mm{margin-left:-60px !important;} +.my-neg120-mm{margin-top:-120px !important;margin-bottom:-120px !important;} +.mx-neg120-mm{margin-left:-120px !important;margin-right:-120px !important;} +.mt-neg120-mm{margin-top:-120px !important;} +.mr-neg120-mm{margin-right:-120px !important;} +.mb-neg120-mm{margin-bottom:-120px !important;} +.ml-neg120-mm{margin-left:-120px !important;} +.my-neg180-mm{margin-top:-180px !important;margin-bottom:-180px !important;} +.mx-neg180-mm{margin-left:-180px !important;margin-right:-180px !important;} +.mt-neg180-mm{margin-top:-180px !important;} +.mr-neg180-mm{margin-right:-180px !important;} +.mb-neg180-mm{margin-bottom:-180px !important;} +.ml-neg180-mm{margin-left:-180px !important;} +.my-neg240-mm{margin-top:-240px !important;margin-bottom:-240px !important;} +.mx-neg240-mm{margin-left:-240px !important;margin-right:-240px !important;} +.mt-neg240-mm{margin-top:-240px !important;} +.mr-neg240-mm{margin-right:-240px !important;} +.mb-neg240-mm{margin-bottom:-240px !important;} +.ml-neg240-mm{margin-left:-240px !important;} +.my-neg300-mm{margin-top:-300px !important;margin-bottom:-300px !important;} +.mx-neg300-mm{margin-left:-300px !important;margin-right:-300px !important;} +.mt-neg300-mm{margin-top:-300px !important;} +.mr-neg300-mm{margin-right:-300px !important;} +.mb-neg300-mm{margin-bottom:-300px !important;} +.ml-neg300-mm{margin-left:-300px !important;} +.my-neg360-mm{margin-top:-360px !important;margin-bottom:-360px !important;} +.mx-neg360-mm{margin-left:-360px !important;margin-right:-360px !important;} +.mt-neg360-mm{margin-top:-360px !important;} +.mr-neg360-mm{margin-right:-360px !important;} +.mb-neg360-mm{margin-bottom:-360px !important;} +.ml-neg360-mm{margin-left:-360px !important;} +.my0-mm{margin-top:0 !important;margin-bottom:0 !important;} +.mx0-mm{margin-left:0 !important;margin-right:0 !important;} +.mt0-mm{margin-top:0 !important;} +.mr0-mm{margin-right:0 !important;} +.mb0-mm{margin-bottom:0 !important;} +.ml0-mm{margin-left:0 !important;} +.my3-mm{margin-top:3px !important;margin-bottom:3px !important;} +.mx3-mm{margin-left:3px !important;margin-right:3px !important;} +.mt3-mm{margin-top:3px !important;} +.mr3-mm{margin-right:3px !important;} +.mb3-mm{margin-bottom:3px !important;} +.ml3-mm{margin-left:3px !important;} +.my6-mm{margin-top:6px !important;margin-bottom:6px !important;} +.mx6-mm{margin-left:6px !important;margin-right:6px !important;} +.mt6-mm{margin-top:6px !important;} +.mr6-mm{margin-right:6px !important;} +.mb6-mm{margin-bottom:6px !important;} +.ml6-mm{margin-left:6px !important;} +.my12-mm{margin-top:12px !important;margin-bottom:12px !important;} +.mx12-mm{margin-left:12px !important;margin-right:12px !important;} +.mt12-mm{margin-top:12px !important;} +.mr12-mm{margin-right:12px !important;} +.mb12-mm{margin-bottom:12px !important;} +.ml12-mm{margin-left:12px !important;} +.my18-mm{margin-top:18px !important;margin-bottom:18px !important;} +.mx18-mm{margin-left:18px !important;margin-right:18px !important;} +.mt18-mm{margin-top:18px !important;} +.mr18-mm{margin-right:18px !important;} +.mb18-mm{margin-bottom:18px !important;} +.ml18-mm{margin-left:18px !important;} +.my24-mm{margin-top:24px !important;margin-bottom:24px !important;} +.mx24-mm{margin-left:24px !important;margin-right:24px !important;} +.mt24-mm{margin-top:24px !important;} +.mr24-mm{margin-right:24px !important;} +.mb24-mm{margin-bottom:24px !important;} +.ml24-mm{margin-left:24px !important;} +.my30-mm{margin-top:30px !important;margin-bottom:30px !important;} +.mx30-mm{margin-left:30px !important;margin-right:30px !important;} +.mt30-mm{margin-top:30px !important;} +.mr30-mm{margin-right:30px !important;} +.mb30-mm{margin-bottom:30px !important;} +.ml30-mm{margin-left:30px !important;} +.my36-mm{margin-top:36px !important;margin-bottom:36px !important;} +.mx36-mm{margin-left:36px !important;margin-right:36px !important;} +.mt36-mm{margin-top:36px !important;} +.mr36-mm{margin-right:36px !important;} +.mb36-mm{margin-bottom:36px !important;} +.ml36-mm{margin-left:36px !important;} +.my60-mm{margin-top:60px !important;margin-bottom:60px !important;} +.mx60-mm{margin-left:60px !important;margin-right:60px !important;} +.mt60-mm{margin-top:60px !important;} +.mr60-mm{margin-right:60px !important;} +.mb60-mm{margin-bottom:60px !important;} +.ml60-mm{margin-left:60px !important;} +.my120-mm{margin-top:120px !important;margin-bottom:120px !important;} +.mx120-mm{margin-left:120px !important;margin-right:120px !important;} +.mt120-mm{margin-top:120px !important;} +.mr120-mm{margin-right:120px !important;} +.mb120-mm{margin-bottom:120px !important;} +.ml120-mm{margin-left:120px !important;} +.my180-mm{margin-top:180px !important;margin-bottom:180px !important;} +.mx180-mm{margin-left:180px !important;margin-right:180px !important;} +.mt180-mm{margin-top:180px !important;} +.mr180-mm{margin-right:180px !important;} +.mb180-mm{margin-bottom:180px !important;} +.ml180-mm{margin-left:180px !important;} +.my240-mm{margin-top:240px !important;margin-bottom:240px !important;} +.mx240-mm{margin-left:240px !important;margin-right:240px !important;} +.mt240-mm{margin-top:240px !important;} +.mr240-mm{margin-right:240px !important;} +.mb240-mm{margin-bottom:240px !important;} +.ml240-mm{margin-left:240px !important;} +.my300-mm{margin-top:300px !important;margin-bottom:300px !important;} +.mx300-mm{margin-left:300px !important;margin-right:300px !important;} +.mt300-mm{margin-top:300px !important;} +.mr300-mm{margin-right:300px !important;} +.mb300-mm{margin-bottom:300px !important;} +.ml300-mm{margin-left:300px !important;} +.my360-mm{margin-top:360px !important;margin-bottom:360px !important;} +.mx360-mm{margin-left:360px !important;margin-right:360px !important;} +.mt360-mm{margin-top:360px !important;} +.mr360-mm{margin-right:360px !important;} +.mb360-mm{margin-bottom:360px !important;} +.ml360-mm{margin-left:360px !important;} +.mr-1\\/12-mm{margin-right:8.3333% !important;} +.ml-1\\/12-mm{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12-mm{width:8.3333% !important;grid-column-end:span 1 !important;} +.h-viewport-1\\/12-mm{height:8.3333vh !important;} +.hmax-viewport-1\\/12-mm{max-height:8.3333vh !important;} +.mr-1\\/6-mm{margin-right:16.6666% !important;} +.ml-1\\/6-mm{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6-mm{width:16.6666% !important;grid-column-end:span 2 !important;} +.h-viewport-1\\/6-mm{height:16.6666vh !important;} +.hmax-viewport-1\\/6-mm{max-height:16.6666vh !important;} +.mr-1\\/4-mm{margin-right:25% !important;} +.ml-1\\/4-mm{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4-mm{width:25% !important;grid-column-end:span 3 !important;} +.h-viewport-1\\/4-mm{height:25vh !important;} +.hmax-viewport-1\\/4-mm{max-height:25vh !important;} +.mr-1\\/3-mm{margin-right:33.3333% !important;} +.ml-1\\/3-mm{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3-mm{width:33.3333% !important;grid-column-end:span 4 !important;} +.h-viewport-1\\/3-mm{height:33.3333vh !important;} +.hmax-viewport-1\\/3-mm{max-height:33.3333vh !important;} +.mr-5\\/12-mm{margin-right:41.6666% !important;} +.ml-5\\/12-mm{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12-mm{width:41.6666% !important;grid-column-end:span 5 !important;} +.h-viewport-5\\/12-mm{height:41.6666vh !important;} +.hmax-viewport-5\\/12-mm{max-height:41.6666vh !important;} +.mr-1\\/2-mm{margin-right:50% !important;} +.ml-1\\/2-mm{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2-mm{width:50% !important;grid-column-end:span 6 !important;} +.h-viewport-1\\/2-mm{height:50vh !important;} +.hmax-viewport-1\\/2-mm{max-height:50vh !important;} +.mr-7\\/12-mm{margin-right:58.3333% !important;} +.ml-7\\/12-mm{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12-mm{width:58.3333% !important;grid-column-end:span 7 !important;} +.h-viewport-7\\/12-mm{height:58.3333vh !important;} +.hmax-viewport-7\\/12-mm{max-height:58.3333vh !important;} +.mr-2\\/3-mm{margin-right:66.6666% !important;} +.ml-2\\/3-mm{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3-mm{width:66.6666% !important;grid-column-end:span 8 !important;} +.h-viewport-2\\/3-mm{height:66.6666vh !important;} +.hmax-viewport-2\\/3-mm{max-height:66.6666vh !important;} +.mr-3\\/4-mm{margin-right:75% !important;} +.ml-3\\/4-mm{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4-mm{width:75% !important;grid-column-end:span 9 !important;} +.h-viewport-3\\/4-mm{height:75vh !important;} +.hmax-viewport-3\\/4-mm{max-height:75vh !important;} +.mr-5\\/6-mm{margin-right:83.3333% !important;} +.ml-5\\/6-mm{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6-mm{width:83.3333% !important;grid-column-end:span 10 !important;} +.h-viewport-5\\/6-mm{height:83.3333vh !important;} +.hmax-viewport-5\\/6-mm{max-height:83.3333vh !important;} +.mr-11\\/12-mm{margin-right:91.6666% !important;} +.ml-11\\/12-mm{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12-mm{width:91.6666% !important;grid-column-end:span 11 !important;} +.h-viewport-11\\/12-mm{height:91.6666vh !important;} +.hmax-viewport-11\\/12-mm{max-height:91.6666vh !important;} +.gap0-mm{gap:0 !important;} +.gapx0-mm{column-gap:0 !important;} +.gapy0-mm{row-gap:0 !important;} +.gap3-mm{gap:3px !important;} +.gapx3-mm{column-gap:3px !important;} +.gapy3-mm{row-gap:3px !important;} +.gap6-mm{gap:6px !important;} +.gapx6-mm{column-gap:6px !important;} +.gapy6-mm{row-gap:6px !important;} +.gap12-mm{gap:12px !important;} +.gapx12-mm{column-gap:12px !important;} +.gapy12-mm{row-gap:12px !important;} +.gap18-mm{gap:18px !important;} +.gapx18-mm{column-gap:18px !important;} +.gapy18-mm{row-gap:18px !important;} +.gap24-mm{gap:24px !important;} +.gapx24-mm{column-gap:24px !important;} +.gapy24-mm{row-gap:24px !important;} +.gap30-mm{gap:30px !important;} +.gapx30-mm{column-gap:30px !important;} +.gapy30-mm{row-gap:30px !important;} +.gap36-mm{gap:36px !important;} +.gapx36-mm{column-gap:36px !important;} +.gapy36-mm{row-gap:36px !important;} +.gap60-mm{gap:60px !important;} +.gapx60-mm{column-gap:60px !important;} +.gapy60-mm{row-gap:60px !important;} +.gap120-mm{gap:120px !important;} +.gapx120-mm{column-gap:120px !important;} +.gapy120-mm{row-gap:120px !important;} +.gap180-mm{gap:180px !important;} +.gapx180-mm{column-gap:180px !important;} +.gapy180-mm{row-gap:180px !important;} +.gap240-mm{gap:240px !important;} +.gapx240-mm{column-gap:240px !important;} +.gapy240-mm{row-gap:240px !important;} +.gap300-mm{gap:300px !important;} +.gapx300-mm{column-gap:300px !important;} +.gapy300-mm{row-gap:300px !important;} +.gap360-mm{gap:360px !important;} +.gapx360-mm{column-gap:360px !important;} +.gapy360-mm{row-gap:360px !important;} +.aspect-auto-mm{aspect-ratio:auto !important;} +.aspect-1\\/1-mm{aspect-ratio:1/1 !important;} +.aspect-4\\/3-mm{aspect-ratio:4/3 !important;} +.aspect-3\\/2-mm{aspect-ratio:3/2 !important;} +.aspect-16\\/9-mm{aspect-ratio:16/9 !important;} +.aspect-21\\/9-mm{aspect-ratio:21/9 !important;} +.aspect-3\\/4-mm{aspect-ratio:3/4 !important;} +.aspect-9\\/16-mm{aspect-ratio:9/16 !important;} +.rotate0-mm{rotate:0deg !important;} +.rotate45-mm{rotate:45deg !important;} +.rotate90-mm{rotate:90deg !important;} +.rotate180-mm{rotate:180deg !important;} +.rotate270-mm{rotate:270deg !important;} +.rotate-neg45-mm{rotate:-45deg !important;} +.rotate-neg90-mm{rotate:-90deg !important;} +.rotate-neg180-mm{rotate:-180deg !important;} +.rotate-neg270-mm{rotate:-270deg !important;} +.scale0-mm{scale:0 !important;} +.scale50-mm{scale:0.5 !important;} +.scale75-mm{scale:0.75 !important;} +.scale100-mm{scale:1 !important;} +.scale125-mm{scale:1.25 !important;} +.scale150-mm{scale:1.5 !important;} +.translate-x-neg1-mm{translate:-1px 0 !important;} +.translate-y-neg1-mm{translate:0 -1px !important;} +.translate-x-neg2-mm{translate:-2px 0 !important;} +.translate-y-neg2-mm{translate:0 -2px !important;} +.translate-x-neg3-mm{translate:-3px 0 !important;} +.translate-y-neg3-mm{translate:0 -3px !important;} +.translate-x-neg6-mm{translate:-6px 0 !important;} +.translate-y-neg6-mm{translate:0 -6px !important;} +.translate-x-neg12-mm{translate:-12px 0 !important;} +.translate-y-neg12-mm{translate:0 -12px !important;} +.translate-x-neg18-mm{translate:-18px 0 !important;} +.translate-y-neg18-mm{translate:0 -18px !important;} +.translate-x-neg24-mm{translate:-24px 0 !important;} +.translate-y-neg24-mm{translate:0 -24px !important;} +.translate-x-neg30-mm{translate:-30px 0 !important;} +.translate-y-neg30-mm{translate:0 -30px !important;} +.translate-x-neg36-mm{translate:-36px 0 !important;} +.translate-y-neg36-mm{translate:0 -36px !important;} +.translate-x-neg60-mm{translate:-60px 0 !important;} +.translate-y-neg60-mm{translate:0 -60px !important;} +.translate-x-neg120-mm{translate:-120px 0 !important;} +.translate-y-neg120-mm{translate:0 -120px !important;} +.translate-x-neg180-mm{translate:-180px 0 !important;} +.translate-y-neg180-mm{translate:0 -180px !important;} +.translate-x-neg240-mm{translate:-240px 0 !important;} +.translate-y-neg240-mm{translate:0 -240px !important;} +.translate-x-neg300-mm{translate:-300px 0 !important;} +.translate-y-neg300-mm{translate:0 -300px !important;} +.translate-x-neg360-mm{translate:-360px 0 !important;} +.translate-y-neg360-mm{translate:0 -360px !important;} +.translate-x0-mm, +.translate-y0-mm{translate:0 0 !important;} +.translate-x3-mm{translate:3px 0 !important;} +.translate-y3-mm{translate:0 3px !important;} +.translate-x6-mm{translate:6px 0 !important;} +.translate-y6-mm{translate:0 6px !important;} +.translate-x12-mm{translate:12px 0 !important;} +.translate-y12-mm{translate:0 12px !important;} +.translate-x18-mm{translate:18px 0 !important;} +.translate-y18-mm{translate:0 18px !important;} +.translate-x24-mm{translate:24px 0 !important;} +.translate-y24-mm{translate:0 24px !important;} +.translate-x30-mm{translate:30px 0 !important;} +.translate-y30-mm{translate:0 30px !important;} +.translate-x36-mm{translate:36px 0 !important;} +.translate-y36-mm{translate:0 36px !important;} +.translate-x60-mm{translate:60px 0 !important;} +.translate-y60-mm{translate:0 60px !important;} +.translate-x120-mm{translate:120px 0 !important;} +.translate-y120-mm{translate:0 120px !important;} +.translate-x180-mm{translate:180px 0 !important;} +.translate-y180-mm{translate:0 180px !important;} +.translate-x240-mm{translate:240px 0 !important;} +.translate-y240-mm{translate:0 240px !important;} +.translate-x300-mm{translate:300px 0 !important;} +.translate-y300-mm{translate:0 300px !important;} +.translate-x360-mm{translate:360px 0 !important;} +.translate-y360-mm{translate:0 360px !important;} +.py0-mm{padding-top:0 !important;padding-bottom:0 !important;} +.px0-mm{padding-left:0 !important;padding-right:0 !important;} +.pt0-mm{padding-top:0 !important;} +.pr0-mm{padding-right:0 !important;} +.pb0-mm{padding-bottom:0 !important;} +.pl0-mm{padding-left:0 !important;} +.py3-mm{padding-top:3px !important;padding-bottom:3px !important;} +.px3-mm{padding-left:3px !important;padding-right:3px !important;} +.pt3-mm{padding-top:3px !important;} +.pr3-mm{padding-right:3px !important;} +.pb3-mm{padding-bottom:3px !important;} +.pl3-mm{padding-left:3px !important;} +.py6-mm{padding-top:6px !important;padding-bottom:6px !important;} +.px6-mm{padding-left:6px !important;padding-right:6px !important;} +.pt6-mm{padding-top:6px !important;} +.pr6-mm{padding-right:6px !important;} +.pb6-mm{padding-bottom:6px !important;} +.pl6-mm{padding-left:6px !important;} +.py12-mm{padding-top:12px !important;padding-bottom:12px !important;} +.px12-mm{padding-left:12px !important;padding-right:12px !important;} +.pt12-mm{padding-top:12px !important;} +.pr12-mm{padding-right:12px !important;} +.pb12-mm{padding-bottom:12px !important;} +.pl12-mm{padding-left:12px !important;} +.py18-mm{padding-top:18px !important;padding-bottom:18px !important;} +.px18-mm{padding-left:18px !important;padding-right:18px !important;} +.pt18-mm{padding-top:18px !important;} +.pr18-mm{padding-right:18px !important;} +.pb18-mm{padding-bottom:18px !important;} +.pl18-mm{padding-left:18px !important;} +.py24-mm{padding-top:24px !important;padding-bottom:24px !important;} +.px24-mm{padding-left:24px !important;padding-right:24px !important;} +.pt24-mm{padding-top:24px !important;} +.pr24-mm{padding-right:24px !important;} +.pb24-mm{padding-bottom:24px !important;} +.pl24-mm{padding-left:24px !important;} +.py30-mm{padding-top:30px !important;padding-bottom:30px !important;} +.px30-mm{padding-left:30px !important;padding-right:30px !important;} +.pt30-mm{padding-top:30px !important;} +.pr30-mm{padding-right:30px !important;} +.pb30-mm{padding-bottom:30px !important;} +.pl30-mm{padding-left:30px !important;} +.py36-mm{padding-top:36px !important;padding-bottom:36px !important;} +.px36-mm{padding-left:36px !important;padding-right:36px !important;} +.pt36-mm{padding-top:36px !important;} +.pr36-mm{padding-right:36px !important;} +.pb36-mm{padding-bottom:36px !important;} +.pl36-mm{padding-left:36px !important;} +.py60-mm{padding-top:60px !important;padding-bottom:60px !important;} +.px60-mm{padding-left:60px !important;padding-right:60px !important;} +.pt60-mm{padding-top:60px !important;} +.pr60-mm{padding-right:60px !important;} +.pb60-mm{padding-bottom:60px !important;} +.pl60-mm{padding-left:60px !important;} +.py120-mm{padding-top:120px !important;padding-bottom:120px !important;} +.px120-mm{padding-left:120px !important;padding-right:120px !important;} +.pt120-mm{padding-top:120px !important;} +.pr120-mm{padding-right:120px !important;} +.pb120-mm{padding-bottom:120px !important;} +.pl120-mm{padding-left:120px !important;} +.py180-mm{padding-top:180px !important;padding-bottom:180px !important;} +.px180-mm{padding-left:180px !important;padding-right:180px !important;} +.pt180-mm{padding-top:180px !important;} +.pr180-mm{padding-right:180px !important;} +.pb180-mm{padding-bottom:180px !important;} +.pl180-mm{padding-left:180px !important;} +.py240-mm{padding-top:240px !important;padding-bottom:240px !important;} +.px240-mm{padding-left:240px !important;padding-right:240px !important;} +.pt240-mm{padding-top:240px !important;} +.pr240-mm{padding-right:240px !important;} +.pb240-mm{padding-bottom:240px !important;} +.pl240-mm{padding-left:240px !important;} +.py300-mm{padding-top:300px !important;padding-bottom:300px !important;} +.px300-mm{padding-left:300px !important;padding-right:300px !important;} +.pt300-mm{padding-top:300px !important;} +.pr300-mm{padding-right:300px !important;} +.pb300-mm{padding-bottom:300px !important;} +.pl300-mm{padding-left:300px !important;} +.py360-mm{padding-top:360px !important;padding-bottom:360px !important;} +.px360-mm{padding-left:360px !important;padding-right:360px !important;} +.pt360-mm{padding-top:360px !important;} +.pr360-mm{padding-right:360px !important;} +.pb360-mm{padding-bottom:360px !important;} +.pl360-mm{padding-left:360px !important;} +.w0-mm{width:0 !important;} +.w3-mm{width:3px !important;} +.w6-mm{width:6px !important;} +.w12-mm{width:12px !important;} +.w18-mm{width:18px !important;} +.w24-mm{width:24px !important;} +.w30-mm{width:30px !important;} +.w36-mm{width:36px !important;} +.w60-mm{width:60px !important;} +.w120-mm{width:120px !important;} +.w180-mm{width:180px !important;} +.w240-mm{width:240px !important;} +.w300-mm{width:300px !important;} +.w360-mm{width:360px !important;} +.w600-mm{width:600px !important;} +.w-full-mm{width:100% !important;} +.w-auto-mm{width:auto !important;} +.wmax0-mm{max-width:0 !important;} +.wmax3-mm{max-width:3px !important;} +.wmax6-mm{max-width:6px !important;} +.wmax12-mm{max-width:12px !important;} +.wmax18-mm{max-width:18px !important;} +.wmax24-mm{max-width:24px !important;} +.wmax30-mm{max-width:30px !important;} +.wmax36-mm{max-width:36px !important;} +.wmax60-mm{max-width:60px !important;} +.wmax120-mm{max-width:120px !important;} +.wmax180-mm{max-width:180px !important;} +.wmax240-mm{max-width:240px !important;} +.wmax300-mm{max-width:300px !important;} +.wmax360-mm{max-width:360px !important;} +.wmax600-mm{max-width:600px !important;} +.wmax1200-mm{max-width:1200px !important;} +.wmax1800-mm{max-width:1800px !important;} +.wmax-full-mm{max-width:100% !important;} +.wmax-none-mm{max-width:none !important;} +.wmin0-mm{min-width:0 !important;} +.wmin3-mm{min-width:3px !important;} +.wmin6-mm{min-width:6px !important;} +.wmin12-mm{min-width:12px !important;} +.wmin18-mm{min-width:18px !important;} +.wmin24-mm{min-width:24px !important;} +.wmin30-mm{min-width:30px !important;} +.wmin36-mm{min-width:36px !important;} +.wmin60-mm{min-width:60px !important;} +.wmin120-mm{min-width:120px !important;} +.wmin180-mm{min-width:180px !important;} +.wmin240-mm{min-width:240px !important;} +.wmin300-mm{min-width:300px !important;} +.wmin360-mm{min-width:360px !important;} +.wmin600-mm{min-width:600px !important;} +.wmin-full-mm{min-width:100% !important;} +.h0-mm{height:0 !important;} +.h3-mm{height:3px !important;} +.h6-mm{height:6px !important;} +.h12-mm{height:12px !important;} +.h18-mm{height:18px !important;} +.h24-mm{height:24px !important;} +.h30-mm{height:30px !important;} +.h36-mm{height:36px !important;} +.h60-mm{height:60px !important;} +.h120-mm{height:120px !important;} +.h180-mm{height:180px !important;} +.h240-mm{height:240px !important;} +.h300-mm{height:300px !important;} +.h360-mm{height:360px !important;} +.h600-mm{height:600px !important;} +.h-full-mm{height:100% !important;} +.h-auto-mm{height:auto !important;} +.hmax0-mm{max-height:0 !important;} +.hmax3-mm{max-height:3px !important;} +.hmax6-mm{max-height:6px !important;} +.hmax12-mm{max-height:12px !important;} +.hmax18-mm{max-height:18px !important;} +.hmax24-mm{max-height:24px !important;} +.hmax30-mm{max-height:30px !important;} +.hmax36-mm{max-height:36px !important;} +.hmax60-mm{max-height:60px !important;} +.hmax120-mm{max-height:120px !important;} +.hmax180-mm{max-height:180px !important;} +.hmax240-mm{max-height:240px !important;} +.hmax300-mm{max-height:300px !important;} +.hmax360-mm{max-height:360px !important;} +.hmax600-mm{max-height:600px !important;} +.hmax-full-mm{max-height:100% !important;} +.hmax-none-mm{max-height:none !important;} +.hmin0-mm{min-height:0 !important;} +.hmin3-mm{min-height:3px !important;} +.hmin6-mm{min-height:6px !important;} +.hmin12-mm{min-height:12px !important;} +.hmin18-mm{min-height:18px !important;} +.hmin24-mm{min-height:24px !important;} +.hmin30-mm{min-height:30px !important;} +.hmin36-mm{min-height:36px !important;} +.hmin60-mm{min-height:60px !important;} +.hmin120-mm{min-height:120px !important;} +.hmin180-mm{min-height:180px !important;} +.hmin240-mm{min-height:240px !important;} +.hmin300-mm{min-height:300px !important;} +.hmin360-mm{min-height:360px !important;} +.hmin600-mm{min-height:600px !important;} +.hmin-full-mm{min-height:100% !important;} +.h-viewport-full-mm{height:100vh !important;} +.hmax-viewport-full-mm{max-height:100vh !important;} +} +@media screen and (min-width: 760px){ .txt-h1-ml{font-size:36px;line-height:45px;} .txt-h2-ml{font-size:30px;line-height:36px;} .txt-h3-ml{font-size:24px;line-height:30px;} @@ -7574,6 +3314,3690 @@ textarea{ .h-viewport-full-ml{height:100vh !important;} .hmax-viewport-full-ml{max-height:100vh !important;} } +@media screen and (min-width: 1200px){ +.txt-h1-mxl{font-size:36px;line-height:45px;} +.txt-h2-mxl{font-size:30px;line-height:36px;} +.txt-h3-mxl{font-size:24px;line-height:30px;} +.txt-h4-mxl{font-size:20px;line-height:25px;} +.txt-h5-mxl{font-size:16px;line-height:20px;} +.txt-xl-mxl{font-size:30px;line-height:45px;} +.txt-l-mxl{font-size:20px;line-height:30px;} +.txt-m-mxl{font-size:16px;line-height:24px;} +.txt-ms-mxl{font-size:14px;line-height:21px;} +.txt-s-mxl{font-size:12px;line-height:18px;} +.txt-xs-mxl{font-size:10px;line-height:15px;} +.border-mxl{border-style:solid;border-width:1px;} +.border-t-mxl{border-style:solid;border-top-width:1px;} +.border-r-mxl{border-style:solid;border-right-width:1px;} +.border-b-mxl{border-style:solid;border-bottom-width:1px;} +.border-l-mxl{border-style:solid;border-left-width:1px;} +.border--0-mxl{border-width:0 !important;} +.border-t--0-mxl{border-top-width:0 !important;} +.border-r--0-mxl{border-right-width:0 !important;} +.border-b--0-mxl{border-bottom-width:0 !important;} +.border-l--0-mxl{border-left-width:0 !important;} +.round-mxl{border-radius:4px !important;} +.round-t-mxl{border-radius:4px 4px 0 0 !important;} +.round-r-mxl{border-radius:0 4px 4px 0 !important;} +.round-b-mxl{border-radius:0 0 4px 4px !important;} +.round-l-mxl{border-radius:4px 0 0 4px !important;} +.round-tl-mxl{border-top-left-radius:4px !important;} +.round-tr-mxl{border-top-right-radius:4px !important;} +.round-br-mxl{border-bottom-right-radius:4px !important;} +.round-bl-mxl{border-bottom-left-radius:4px !important;} +.round-bold-mxl{border-radius:8px !important;} +.round-t-bold-mxl{border-radius:8px 8px 0 0 !important;} +.round-r-bold-mxl{border-radius:0 8px 8px 0 !important;} +.round-b-bold-mxl{border-radius:0 0 8px 8px !important;} +.round-l-bold-mxl{border-radius:8px 0 0 8px !important;} +.round-tl-bold-mxl{border-top-left-radius:8px !important;} +.round-tr-bold-mxl{border-top-right-radius:8px !important;} +.round-br-bold-mxl{border-bottom-right-radius:8px !important;} +.round-bl-bold-mxl{border-bottom-left-radius:8px !important;} +.round-full-mxl{border-radius:9999px !important;} +.round-t-full-mxl{border-radius:9999px 9999px 0 0 !important;} +.round-r-full-mxl{border-radius:0 9999px 9999px 0 !important;} +.round-b-full-mxl{border-radius:0 0 9999px 9999px !important;} +.round-l-full-mxl{border-radius:9999px 0 0 9999px !important;} +.round-tl-full-mxl{border-top-left-radius:9999px !important;} +.round-tr-full-mxl{border-top-right-radius:9999px !important;} +.round-br-full-mxl{border-bottom-right-radius:9999px !important;} +.round-bl-full-mxl{border-bottom-left-radius:9999px !important;} +.unround-mxl{border-radius:0 !important;} +.unround-t-mxl{border-top-left-radius:0 !important;border-top-right-radius:0 !important;} +.unround-r-mxl{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;} +.unround-b-mxl{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;} +.unround-l-mxl{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;} +.unround-tl-mxl{border-top-left-radius:0 !important;} +.unround-tr-mxl{border-top-right-radius:0 !important;} +.unround-br-mxl{border-bottom-right-radius:0 !important;} +.unround-bl-mxl{border-bottom-left-radius:0 !important;} +.grid-mxl{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid-mxl > .col, .grid-mxl > .col-mm, .grid-mxl > .col-ml, .grid-mxl > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col-mxl{min-width:0;} +.inline-mxl{display:inline !important;} +.block-mxl{display:block !important;} +.inline-block-mxl{display:inline-block !important;} +.none-mxl{display:none !important;} +.fixed-mxl{position:fixed !important;} +.absolute-mxl{position:absolute !important;} +.relative-mxl{position:relative !important;} +.static-mxl{position:static !important;} +.sticky-mxl{position:sticky !important;} +.top-mxl{top:0 !important;} +.right-mxl{right:0 !important;} +.left-mxl{left:0 !important;} +.bottom-mxl{bottom:0 !important;} +.z-neg1-mxl{z-index:-1 !important;} +.z0-mxl{z-index:0 !important;} +.z1-mxl{z-index:1 !important;} +.z2-mxl{z-index:2 !important;} +.z3-mxl{z-index:3 !important;} +.z4-mxl{z-index:4 !important;} +.z5-mxl{z-index:5 !important;} +.mx-auto-mxl{margin-left:auto !important;margin-right:auto !important;} +.flex-mxl{display:flex !important;} +.inline-flex-mxl{display:inline-flex !important;} +.flex--column-mxl{flex-direction:column !important;} +.flex--column-reverse-mxl{flex-direction:column-reverse !important;} +.flex--row-mxl{flex-direction:row !important;} +.flex--row-reverse-mxl{flex-direction:row-reverse !important;} +.flex--center-main-mxl{justify-content:center !important;} +.flex--center-cross-mxl{align-items:center !important;} +.flex--start-cross-mxl{align-items:flex-start !important;} +.flex--start-main-mxl{justify-content:flex-start !important;} +.flex--end-cross-mxl{align-items:flex-end !important;} +.flex--end-main-mxl{justify-content:flex-end !important;} +.flex--wrap-mxl{flex-wrap:wrap !important;} +.flex--stretch-cross-mxl{align-items:stretch !important;} +.flex--space-between-main-mxl{justify-content:space-between !important;} +.flex--space-around-main-mxl{justify-content:space-around !important;} +.flex--space-evenly-main-mxl{justify-content:space-evenly !important;} +.flex-child-grow-mxl{flex-grow:1 !important;min-width:0;} +.flex-child-no-shrink-mxl{flex-shrink:0 !important;} +.object-contain-mxl{object-fit:contain !important;} +.object-cover-mxl{object-fit:cover !important;} +.object-fill-mxl{object-fit:fill !important;} +.object-none-mxl{object-fit:none !important;} +.object-scale-down-mxl{object-fit:scale-down !important;} +.bleed-mxl{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} +.bleed-r-mxl{flex-grow:1;margin-right:calc(50% - 50vw);} +.bleed-l-mxl{flex-grow:1;margin-left:calc(50% - 50vw);} +.unbleed-mxl{flex-grow:0;margin-left:0;margin-right:0;} +.fl-mxl{float:left !important;} +.fr-mxl{float:right !important;} +.unfloat-mxl{float:none !important;} +.events-none-mxl{-webkit-touch-callout:none;pointer-events:none;} +.events-all-mxl{-webkit-touch-callout:default;pointer-events:all;} +.unselectable-mxl{-webkit-user-select:none;user-select:none;} +.selectable-mxl{-webkit-user-select:text;user-select:text;} +.grid--gut0-mxl{column-gap:0;} +.grid--gut3-mxl{column-gap:3px;} +.grid--gut6-mxl{column-gap:6px;} +.grid--gut12-mxl{column-gap:12px;} +.grid--gut18-mxl{column-gap:18px;} +.grid--gut24-mxl{column-gap:24px;} +.grid--gut30-mxl{column-gap:30px;} +.grid--gut36-mxl{column-gap:36px;} +.grid--gut60-mxl{column-gap:60px;} +.grid--gut120-mxl{column-gap:120px;} +.my-neg1-mxl{margin-top:-1px !important;margin-bottom:-1px !important;} +.mx-neg1-mxl{margin-left:-1px !important;margin-right:-1px !important;} +.mt-neg1-mxl{margin-top:-1px !important;} +.mr-neg1-mxl{margin-right:-1px !important;} +.mb-neg1-mxl{margin-bottom:-1px !important;} +.ml-neg1-mxl{margin-left:-1px !important;} +.my-neg2-mxl{margin-top:-2px !important;margin-bottom:-2px !important;} +.mx-neg2-mxl{margin-left:-2px !important;margin-right:-2px !important;} +.mt-neg2-mxl{margin-top:-2px !important;} +.mr-neg2-mxl{margin-right:-2px !important;} +.mb-neg2-mxl{margin-bottom:-2px !important;} +.ml-neg2-mxl{margin-left:-2px !important;} +.my-neg3-mxl{margin-top:-3px !important;margin-bottom:-3px !important;} +.mx-neg3-mxl{margin-left:-3px !important;margin-right:-3px !important;} +.mt-neg3-mxl{margin-top:-3px !important;} +.mr-neg3-mxl{margin-right:-3px !important;} +.mb-neg3-mxl{margin-bottom:-3px !important;} +.ml-neg3-mxl{margin-left:-3px !important;} +.my-neg6-mxl{margin-top:-6px !important;margin-bottom:-6px !important;} +.mx-neg6-mxl{margin-left:-6px !important;margin-right:-6px !important;} +.mt-neg6-mxl{margin-top:-6px !important;} +.mr-neg6-mxl{margin-right:-6px !important;} +.mb-neg6-mxl{margin-bottom:-6px !important;} +.ml-neg6-mxl{margin-left:-6px !important;} +.my-neg12-mxl{margin-top:-12px !important;margin-bottom:-12px !important;} +.mx-neg12-mxl{margin-left:-12px !important;margin-right:-12px !important;} +.mt-neg12-mxl{margin-top:-12px !important;} +.mr-neg12-mxl{margin-right:-12px !important;} +.mb-neg12-mxl{margin-bottom:-12px !important;} +.ml-neg12-mxl{margin-left:-12px !important;} +.my-neg18-mxl{margin-top:-18px !important;margin-bottom:-18px !important;} +.mx-neg18-mxl{margin-left:-18px !important;margin-right:-18px !important;} +.mt-neg18-mxl{margin-top:-18px !important;} +.mr-neg18-mxl{margin-right:-18px !important;} +.mb-neg18-mxl{margin-bottom:-18px !important;} +.ml-neg18-mxl{margin-left:-18px !important;} +.my-neg24-mxl{margin-top:-24px !important;margin-bottom:-24px !important;} +.mx-neg24-mxl{margin-left:-24px !important;margin-right:-24px !important;} +.mt-neg24-mxl{margin-top:-24px !important;} +.mr-neg24-mxl{margin-right:-24px !important;} +.mb-neg24-mxl{margin-bottom:-24px !important;} +.ml-neg24-mxl{margin-left:-24px !important;} +.my-neg30-mxl{margin-top:-30px !important;margin-bottom:-30px !important;} +.mx-neg30-mxl{margin-left:-30px !important;margin-right:-30px !important;} +.mt-neg30-mxl{margin-top:-30px !important;} +.mr-neg30-mxl{margin-right:-30px !important;} +.mb-neg30-mxl{margin-bottom:-30px !important;} +.ml-neg30-mxl{margin-left:-30px !important;} +.my-neg36-mxl{margin-top:-36px !important;margin-bottom:-36px !important;} +.mx-neg36-mxl{margin-left:-36px !important;margin-right:-36px !important;} +.mt-neg36-mxl{margin-top:-36px !important;} +.mr-neg36-mxl{margin-right:-36px !important;} +.mb-neg36-mxl{margin-bottom:-36px !important;} +.ml-neg36-mxl{margin-left:-36px !important;} +.my-neg60-mxl{margin-top:-60px !important;margin-bottom:-60px !important;} +.mx-neg60-mxl{margin-left:-60px !important;margin-right:-60px !important;} +.mt-neg60-mxl{margin-top:-60px !important;} +.mr-neg60-mxl{margin-right:-60px !important;} +.mb-neg60-mxl{margin-bottom:-60px !important;} +.ml-neg60-mxl{margin-left:-60px !important;} +.my-neg120-mxl{margin-top:-120px !important;margin-bottom:-120px !important;} +.mx-neg120-mxl{margin-left:-120px !important;margin-right:-120px !important;} +.mt-neg120-mxl{margin-top:-120px !important;} +.mr-neg120-mxl{margin-right:-120px !important;} +.mb-neg120-mxl{margin-bottom:-120px !important;} +.ml-neg120-mxl{margin-left:-120px !important;} +.my-neg180-mxl{margin-top:-180px !important;margin-bottom:-180px !important;} +.mx-neg180-mxl{margin-left:-180px !important;margin-right:-180px !important;} +.mt-neg180-mxl{margin-top:-180px !important;} +.mr-neg180-mxl{margin-right:-180px !important;} +.mb-neg180-mxl{margin-bottom:-180px !important;} +.ml-neg180-mxl{margin-left:-180px !important;} +.my-neg240-mxl{margin-top:-240px !important;margin-bottom:-240px !important;} +.mx-neg240-mxl{margin-left:-240px !important;margin-right:-240px !important;} +.mt-neg240-mxl{margin-top:-240px !important;} +.mr-neg240-mxl{margin-right:-240px !important;} +.mb-neg240-mxl{margin-bottom:-240px !important;} +.ml-neg240-mxl{margin-left:-240px !important;} +.my-neg300-mxl{margin-top:-300px !important;margin-bottom:-300px !important;} +.mx-neg300-mxl{margin-left:-300px !important;margin-right:-300px !important;} +.mt-neg300-mxl{margin-top:-300px !important;} +.mr-neg300-mxl{margin-right:-300px !important;} +.mb-neg300-mxl{margin-bottom:-300px !important;} +.ml-neg300-mxl{margin-left:-300px !important;} +.my-neg360-mxl{margin-top:-360px !important;margin-bottom:-360px !important;} +.mx-neg360-mxl{margin-left:-360px !important;margin-right:-360px !important;} +.mt-neg360-mxl{margin-top:-360px !important;} +.mr-neg360-mxl{margin-right:-360px !important;} +.mb-neg360-mxl{margin-bottom:-360px !important;} +.ml-neg360-mxl{margin-left:-360px !important;} +.my0-mxl{margin-top:0 !important;margin-bottom:0 !important;} +.mx0-mxl{margin-left:0 !important;margin-right:0 !important;} +.mt0-mxl{margin-top:0 !important;} +.mr0-mxl{margin-right:0 !important;} +.mb0-mxl{margin-bottom:0 !important;} +.ml0-mxl{margin-left:0 !important;} +.my3-mxl{margin-top:3px !important;margin-bottom:3px !important;} +.mx3-mxl{margin-left:3px !important;margin-right:3px !important;} +.mt3-mxl{margin-top:3px !important;} +.mr3-mxl{margin-right:3px !important;} +.mb3-mxl{margin-bottom:3px !important;} +.ml3-mxl{margin-left:3px !important;} +.my6-mxl{margin-top:6px !important;margin-bottom:6px !important;} +.mx6-mxl{margin-left:6px !important;margin-right:6px !important;} +.mt6-mxl{margin-top:6px !important;} +.mr6-mxl{margin-right:6px !important;} +.mb6-mxl{margin-bottom:6px !important;} +.ml6-mxl{margin-left:6px !important;} +.my12-mxl{margin-top:12px !important;margin-bottom:12px !important;} +.mx12-mxl{margin-left:12px !important;margin-right:12px !important;} +.mt12-mxl{margin-top:12px !important;} +.mr12-mxl{margin-right:12px !important;} +.mb12-mxl{margin-bottom:12px !important;} +.ml12-mxl{margin-left:12px !important;} +.my18-mxl{margin-top:18px !important;margin-bottom:18px !important;} +.mx18-mxl{margin-left:18px !important;margin-right:18px !important;} +.mt18-mxl{margin-top:18px !important;} +.mr18-mxl{margin-right:18px !important;} +.mb18-mxl{margin-bottom:18px !important;} +.ml18-mxl{margin-left:18px !important;} +.my24-mxl{margin-top:24px !important;margin-bottom:24px !important;} +.mx24-mxl{margin-left:24px !important;margin-right:24px !important;} +.mt24-mxl{margin-top:24px !important;} +.mr24-mxl{margin-right:24px !important;} +.mb24-mxl{margin-bottom:24px !important;} +.ml24-mxl{margin-left:24px !important;} +.my30-mxl{margin-top:30px !important;margin-bottom:30px !important;} +.mx30-mxl{margin-left:30px !important;margin-right:30px !important;} +.mt30-mxl{margin-top:30px !important;} +.mr30-mxl{margin-right:30px !important;} +.mb30-mxl{margin-bottom:30px !important;} +.ml30-mxl{margin-left:30px !important;} +.my36-mxl{margin-top:36px !important;margin-bottom:36px !important;} +.mx36-mxl{margin-left:36px !important;margin-right:36px !important;} +.mt36-mxl{margin-top:36px !important;} +.mr36-mxl{margin-right:36px !important;} +.mb36-mxl{margin-bottom:36px !important;} +.ml36-mxl{margin-left:36px !important;} +.my60-mxl{margin-top:60px !important;margin-bottom:60px !important;} +.mx60-mxl{margin-left:60px !important;margin-right:60px !important;} +.mt60-mxl{margin-top:60px !important;} +.mr60-mxl{margin-right:60px !important;} +.mb60-mxl{margin-bottom:60px !important;} +.ml60-mxl{margin-left:60px !important;} +.my120-mxl{margin-top:120px !important;margin-bottom:120px !important;} +.mx120-mxl{margin-left:120px !important;margin-right:120px !important;} +.mt120-mxl{margin-top:120px !important;} +.mr120-mxl{margin-right:120px !important;} +.mb120-mxl{margin-bottom:120px !important;} +.ml120-mxl{margin-left:120px !important;} +.my180-mxl{margin-top:180px !important;margin-bottom:180px !important;} +.mx180-mxl{margin-left:180px !important;margin-right:180px !important;} +.mt180-mxl{margin-top:180px !important;} +.mr180-mxl{margin-right:180px !important;} +.mb180-mxl{margin-bottom:180px !important;} +.ml180-mxl{margin-left:180px !important;} +.my240-mxl{margin-top:240px !important;margin-bottom:240px !important;} +.mx240-mxl{margin-left:240px !important;margin-right:240px !important;} +.mt240-mxl{margin-top:240px !important;} +.mr240-mxl{margin-right:240px !important;} +.mb240-mxl{margin-bottom:240px !important;} +.ml240-mxl{margin-left:240px !important;} +.my300-mxl{margin-top:300px !important;margin-bottom:300px !important;} +.mx300-mxl{margin-left:300px !important;margin-right:300px !important;} +.mt300-mxl{margin-top:300px !important;} +.mr300-mxl{margin-right:300px !important;} +.mb300-mxl{margin-bottom:300px !important;} +.ml300-mxl{margin-left:300px !important;} +.my360-mxl{margin-top:360px !important;margin-bottom:360px !important;} +.mx360-mxl{margin-left:360px !important;margin-right:360px !important;} +.mt360-mxl{margin-top:360px !important;} +.mr360-mxl{margin-right:360px !important;} +.mb360-mxl{margin-bottom:360px !important;} +.ml360-mxl{margin-left:360px !important;} +.mr-1\\/12-mxl{margin-right:8.3333% !important;} +.ml-1\\/12-mxl{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12-mxl{width:8.3333% !important;grid-column-end:span 1 !important;} +.h-viewport-1\\/12-mxl{height:8.3333vh !important;} +.hmax-viewport-1\\/12-mxl{max-height:8.3333vh !important;} +.mr-1\\/6-mxl{margin-right:16.6666% !important;} +.ml-1\\/6-mxl{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6-mxl{width:16.6666% !important;grid-column-end:span 2 !important;} +.h-viewport-1\\/6-mxl{height:16.6666vh !important;} +.hmax-viewport-1\\/6-mxl{max-height:16.6666vh !important;} +.mr-1\\/4-mxl{margin-right:25% !important;} +.ml-1\\/4-mxl{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4-mxl{width:25% !important;grid-column-end:span 3 !important;} +.h-viewport-1\\/4-mxl{height:25vh !important;} +.hmax-viewport-1\\/4-mxl{max-height:25vh !important;} +.mr-1\\/3-mxl{margin-right:33.3333% !important;} +.ml-1\\/3-mxl{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3-mxl{width:33.3333% !important;grid-column-end:span 4 !important;} +.h-viewport-1\\/3-mxl{height:33.3333vh !important;} +.hmax-viewport-1\\/3-mxl{max-height:33.3333vh !important;} +.mr-5\\/12-mxl{margin-right:41.6666% !important;} +.ml-5\\/12-mxl{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12-mxl{width:41.6666% !important;grid-column-end:span 5 !important;} +.h-viewport-5\\/12-mxl{height:41.6666vh !important;} +.hmax-viewport-5\\/12-mxl{max-height:41.6666vh !important;} +.mr-1\\/2-mxl{margin-right:50% !important;} +.ml-1\\/2-mxl{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2-mxl{width:50% !important;grid-column-end:span 6 !important;} +.h-viewport-1\\/2-mxl{height:50vh !important;} +.hmax-viewport-1\\/2-mxl{max-height:50vh !important;} +.mr-7\\/12-mxl{margin-right:58.3333% !important;} +.ml-7\\/12-mxl{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12-mxl{width:58.3333% !important;grid-column-end:span 7 !important;} +.h-viewport-7\\/12-mxl{height:58.3333vh !important;} +.hmax-viewport-7\\/12-mxl{max-height:58.3333vh !important;} +.mr-2\\/3-mxl{margin-right:66.6666% !important;} +.ml-2\\/3-mxl{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3-mxl{width:66.6666% !important;grid-column-end:span 8 !important;} +.h-viewport-2\\/3-mxl{height:66.6666vh !important;} +.hmax-viewport-2\\/3-mxl{max-height:66.6666vh !important;} +.mr-3\\/4-mxl{margin-right:75% !important;} +.ml-3\\/4-mxl{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4-mxl{width:75% !important;grid-column-end:span 9 !important;} +.h-viewport-3\\/4-mxl{height:75vh !important;} +.hmax-viewport-3\\/4-mxl{max-height:75vh !important;} +.mr-5\\/6-mxl{margin-right:83.3333% !important;} +.ml-5\\/6-mxl{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6-mxl{width:83.3333% !important;grid-column-end:span 10 !important;} +.h-viewport-5\\/6-mxl{height:83.3333vh !important;} +.hmax-viewport-5\\/6-mxl{max-height:83.3333vh !important;} +.mr-11\\/12-mxl{margin-right:91.6666% !important;} +.ml-11\\/12-mxl{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12-mxl{width:91.6666% !important;grid-column-end:span 11 !important;} +.h-viewport-11\\/12-mxl{height:91.6666vh !important;} +.hmax-viewport-11\\/12-mxl{max-height:91.6666vh !important;} +.gap0-mxl{gap:0 !important;} +.gapx0-mxl{column-gap:0 !important;} +.gapy0-mxl{row-gap:0 !important;} +.gap3-mxl{gap:3px !important;} +.gapx3-mxl{column-gap:3px !important;} +.gapy3-mxl{row-gap:3px !important;} +.gap6-mxl{gap:6px !important;} +.gapx6-mxl{column-gap:6px !important;} +.gapy6-mxl{row-gap:6px !important;} +.gap12-mxl{gap:12px !important;} +.gapx12-mxl{column-gap:12px !important;} +.gapy12-mxl{row-gap:12px !important;} +.gap18-mxl{gap:18px !important;} +.gapx18-mxl{column-gap:18px !important;} +.gapy18-mxl{row-gap:18px !important;} +.gap24-mxl{gap:24px !important;} +.gapx24-mxl{column-gap:24px !important;} +.gapy24-mxl{row-gap:24px !important;} +.gap30-mxl{gap:30px !important;} +.gapx30-mxl{column-gap:30px !important;} +.gapy30-mxl{row-gap:30px !important;} +.gap36-mxl{gap:36px !important;} +.gapx36-mxl{column-gap:36px !important;} +.gapy36-mxl{row-gap:36px !important;} +.gap60-mxl{gap:60px !important;} +.gapx60-mxl{column-gap:60px !important;} +.gapy60-mxl{row-gap:60px !important;} +.gap120-mxl{gap:120px !important;} +.gapx120-mxl{column-gap:120px !important;} +.gapy120-mxl{row-gap:120px !important;} +.gap180-mxl{gap:180px !important;} +.gapx180-mxl{column-gap:180px !important;} +.gapy180-mxl{row-gap:180px !important;} +.gap240-mxl{gap:240px !important;} +.gapx240-mxl{column-gap:240px !important;} +.gapy240-mxl{row-gap:240px !important;} +.gap300-mxl{gap:300px !important;} +.gapx300-mxl{column-gap:300px !important;} +.gapy300-mxl{row-gap:300px !important;} +.gap360-mxl{gap:360px !important;} +.gapx360-mxl{column-gap:360px !important;} +.gapy360-mxl{row-gap:360px !important;} +.aspect-auto-mxl{aspect-ratio:auto !important;} +.aspect-1\\/1-mxl{aspect-ratio:1/1 !important;} +.aspect-4\\/3-mxl{aspect-ratio:4/3 !important;} +.aspect-3\\/2-mxl{aspect-ratio:3/2 !important;} +.aspect-16\\/9-mxl{aspect-ratio:16/9 !important;} +.aspect-21\\/9-mxl{aspect-ratio:21/9 !important;} +.aspect-3\\/4-mxl{aspect-ratio:3/4 !important;} +.aspect-9\\/16-mxl{aspect-ratio:9/16 !important;} +.rotate0-mxl{rotate:0deg !important;} +.rotate45-mxl{rotate:45deg !important;} +.rotate90-mxl{rotate:90deg !important;} +.rotate180-mxl{rotate:180deg !important;} +.rotate270-mxl{rotate:270deg !important;} +.rotate-neg45-mxl{rotate:-45deg !important;} +.rotate-neg90-mxl{rotate:-90deg !important;} +.rotate-neg180-mxl{rotate:-180deg !important;} +.rotate-neg270-mxl{rotate:-270deg !important;} +.scale0-mxl{scale:0 !important;} +.scale50-mxl{scale:0.5 !important;} +.scale75-mxl{scale:0.75 !important;} +.scale100-mxl{scale:1 !important;} +.scale125-mxl{scale:1.25 !important;} +.scale150-mxl{scale:1.5 !important;} +.translate-x-neg1-mxl{translate:-1px 0 !important;} +.translate-y-neg1-mxl{translate:0 -1px !important;} +.translate-x-neg2-mxl{translate:-2px 0 !important;} +.translate-y-neg2-mxl{translate:0 -2px !important;} +.translate-x-neg3-mxl{translate:-3px 0 !important;} +.translate-y-neg3-mxl{translate:0 -3px !important;} +.translate-x-neg6-mxl{translate:-6px 0 !important;} +.translate-y-neg6-mxl{translate:0 -6px !important;} +.translate-x-neg12-mxl{translate:-12px 0 !important;} +.translate-y-neg12-mxl{translate:0 -12px !important;} +.translate-x-neg18-mxl{translate:-18px 0 !important;} +.translate-y-neg18-mxl{translate:0 -18px !important;} +.translate-x-neg24-mxl{translate:-24px 0 !important;} +.translate-y-neg24-mxl{translate:0 -24px !important;} +.translate-x-neg30-mxl{translate:-30px 0 !important;} +.translate-y-neg30-mxl{translate:0 -30px !important;} +.translate-x-neg36-mxl{translate:-36px 0 !important;} +.translate-y-neg36-mxl{translate:0 -36px !important;} +.translate-x-neg60-mxl{translate:-60px 0 !important;} +.translate-y-neg60-mxl{translate:0 -60px !important;} +.translate-x-neg120-mxl{translate:-120px 0 !important;} +.translate-y-neg120-mxl{translate:0 -120px !important;} +.translate-x-neg180-mxl{translate:-180px 0 !important;} +.translate-y-neg180-mxl{translate:0 -180px !important;} +.translate-x-neg240-mxl{translate:-240px 0 !important;} +.translate-y-neg240-mxl{translate:0 -240px !important;} +.translate-x-neg300-mxl{translate:-300px 0 !important;} +.translate-y-neg300-mxl{translate:0 -300px !important;} +.translate-x-neg360-mxl{translate:-360px 0 !important;} +.translate-y-neg360-mxl{translate:0 -360px !important;} +.translate-x0-mxl, +.translate-y0-mxl{translate:0 0 !important;} +.translate-x3-mxl{translate:3px 0 !important;} +.translate-y3-mxl{translate:0 3px !important;} +.translate-x6-mxl{translate:6px 0 !important;} +.translate-y6-mxl{translate:0 6px !important;} +.translate-x12-mxl{translate:12px 0 !important;} +.translate-y12-mxl{translate:0 12px !important;} +.translate-x18-mxl{translate:18px 0 !important;} +.translate-y18-mxl{translate:0 18px !important;} +.translate-x24-mxl{translate:24px 0 !important;} +.translate-y24-mxl{translate:0 24px !important;} +.translate-x30-mxl{translate:30px 0 !important;} +.translate-y30-mxl{translate:0 30px !important;} +.translate-x36-mxl{translate:36px 0 !important;} +.translate-y36-mxl{translate:0 36px !important;} +.translate-x60-mxl{translate:60px 0 !important;} +.translate-y60-mxl{translate:0 60px !important;} +.translate-x120-mxl{translate:120px 0 !important;} +.translate-y120-mxl{translate:0 120px !important;} +.translate-x180-mxl{translate:180px 0 !important;} +.translate-y180-mxl{translate:0 180px !important;} +.translate-x240-mxl{translate:240px 0 !important;} +.translate-y240-mxl{translate:0 240px !important;} +.translate-x300-mxl{translate:300px 0 !important;} +.translate-y300-mxl{translate:0 300px !important;} +.translate-x360-mxl{translate:360px 0 !important;} +.translate-y360-mxl{translate:0 360px !important;} +.py0-mxl{padding-top:0 !important;padding-bottom:0 !important;} +.px0-mxl{padding-left:0 !important;padding-right:0 !important;} +.pt0-mxl{padding-top:0 !important;} +.pr0-mxl{padding-right:0 !important;} +.pb0-mxl{padding-bottom:0 !important;} +.pl0-mxl{padding-left:0 !important;} +.py3-mxl{padding-top:3px !important;padding-bottom:3px !important;} +.px3-mxl{padding-left:3px !important;padding-right:3px !important;} +.pt3-mxl{padding-top:3px !important;} +.pr3-mxl{padding-right:3px !important;} +.pb3-mxl{padding-bottom:3px !important;} +.pl3-mxl{padding-left:3px !important;} +.py6-mxl{padding-top:6px !important;padding-bottom:6px !important;} +.px6-mxl{padding-left:6px !important;padding-right:6px !important;} +.pt6-mxl{padding-top:6px !important;} +.pr6-mxl{padding-right:6px !important;} +.pb6-mxl{padding-bottom:6px !important;} +.pl6-mxl{padding-left:6px !important;} +.py12-mxl{padding-top:12px !important;padding-bottom:12px !important;} +.px12-mxl{padding-left:12px !important;padding-right:12px !important;} +.pt12-mxl{padding-top:12px !important;} +.pr12-mxl{padding-right:12px !important;} +.pb12-mxl{padding-bottom:12px !important;} +.pl12-mxl{padding-left:12px !important;} +.py18-mxl{padding-top:18px !important;padding-bottom:18px !important;} +.px18-mxl{padding-left:18px !important;padding-right:18px !important;} +.pt18-mxl{padding-top:18px !important;} +.pr18-mxl{padding-right:18px !important;} +.pb18-mxl{padding-bottom:18px !important;} +.pl18-mxl{padding-left:18px !important;} +.py24-mxl{padding-top:24px !important;padding-bottom:24px !important;} +.px24-mxl{padding-left:24px !important;padding-right:24px !important;} +.pt24-mxl{padding-top:24px !important;} +.pr24-mxl{padding-right:24px !important;} +.pb24-mxl{padding-bottom:24px !important;} +.pl24-mxl{padding-left:24px !important;} +.py30-mxl{padding-top:30px !important;padding-bottom:30px !important;} +.px30-mxl{padding-left:30px !important;padding-right:30px !important;} +.pt30-mxl{padding-top:30px !important;} +.pr30-mxl{padding-right:30px !important;} +.pb30-mxl{padding-bottom:30px !important;} +.pl30-mxl{padding-left:30px !important;} +.py36-mxl{padding-top:36px !important;padding-bottom:36px !important;} +.px36-mxl{padding-left:36px !important;padding-right:36px !important;} +.pt36-mxl{padding-top:36px !important;} +.pr36-mxl{padding-right:36px !important;} +.pb36-mxl{padding-bottom:36px !important;} +.pl36-mxl{padding-left:36px !important;} +.py60-mxl{padding-top:60px !important;padding-bottom:60px !important;} +.px60-mxl{padding-left:60px !important;padding-right:60px !important;} +.pt60-mxl{padding-top:60px !important;} +.pr60-mxl{padding-right:60px !important;} +.pb60-mxl{padding-bottom:60px !important;} +.pl60-mxl{padding-left:60px !important;} +.py120-mxl{padding-top:120px !important;padding-bottom:120px !important;} +.px120-mxl{padding-left:120px !important;padding-right:120px !important;} +.pt120-mxl{padding-top:120px !important;} +.pr120-mxl{padding-right:120px !important;} +.pb120-mxl{padding-bottom:120px !important;} +.pl120-mxl{padding-left:120px !important;} +.py180-mxl{padding-top:180px !important;padding-bottom:180px !important;} +.px180-mxl{padding-left:180px !important;padding-right:180px !important;} +.pt180-mxl{padding-top:180px !important;} +.pr180-mxl{padding-right:180px !important;} +.pb180-mxl{padding-bottom:180px !important;} +.pl180-mxl{padding-left:180px !important;} +.py240-mxl{padding-top:240px !important;padding-bottom:240px !important;} +.px240-mxl{padding-left:240px !important;padding-right:240px !important;} +.pt240-mxl{padding-top:240px !important;} +.pr240-mxl{padding-right:240px !important;} +.pb240-mxl{padding-bottom:240px !important;} +.pl240-mxl{padding-left:240px !important;} +.py300-mxl{padding-top:300px !important;padding-bottom:300px !important;} +.px300-mxl{padding-left:300px !important;padding-right:300px !important;} +.pt300-mxl{padding-top:300px !important;} +.pr300-mxl{padding-right:300px !important;} +.pb300-mxl{padding-bottom:300px !important;} +.pl300-mxl{padding-left:300px !important;} +.py360-mxl{padding-top:360px !important;padding-bottom:360px !important;} +.px360-mxl{padding-left:360px !important;padding-right:360px !important;} +.pt360-mxl{padding-top:360px !important;} +.pr360-mxl{padding-right:360px !important;} +.pb360-mxl{padding-bottom:360px !important;} +.pl360-mxl{padding-left:360px !important;} +.w0-mxl{width:0 !important;} +.w3-mxl{width:3px !important;} +.w6-mxl{width:6px !important;} +.w12-mxl{width:12px !important;} +.w18-mxl{width:18px !important;} +.w24-mxl{width:24px !important;} +.w30-mxl{width:30px !important;} +.w36-mxl{width:36px !important;} +.w60-mxl{width:60px !important;} +.w120-mxl{width:120px !important;} +.w180-mxl{width:180px !important;} +.w240-mxl{width:240px !important;} +.w300-mxl{width:300px !important;} +.w360-mxl{width:360px !important;} +.w600-mxl{width:600px !important;} +.w-full-mxl{width:100% !important;} +.w-auto-mxl{width:auto !important;} +.wmax0-mxl{max-width:0 !important;} +.wmax3-mxl{max-width:3px !important;} +.wmax6-mxl{max-width:6px !important;} +.wmax12-mxl{max-width:12px !important;} +.wmax18-mxl{max-width:18px !important;} +.wmax24-mxl{max-width:24px !important;} +.wmax30-mxl{max-width:30px !important;} +.wmax36-mxl{max-width:36px !important;} +.wmax60-mxl{max-width:60px !important;} +.wmax120-mxl{max-width:120px !important;} +.wmax180-mxl{max-width:180px !important;} +.wmax240-mxl{max-width:240px !important;} +.wmax300-mxl{max-width:300px !important;} +.wmax360-mxl{max-width:360px !important;} +.wmax600-mxl{max-width:600px !important;} +.wmax1200-mxl{max-width:1200px !important;} +.wmax1800-mxl{max-width:1800px !important;} +.wmax-full-mxl{max-width:100% !important;} +.wmax-none-mxl{max-width:none !important;} +.wmin0-mxl{min-width:0 !important;} +.wmin3-mxl{min-width:3px !important;} +.wmin6-mxl{min-width:6px !important;} +.wmin12-mxl{min-width:12px !important;} +.wmin18-mxl{min-width:18px !important;} +.wmin24-mxl{min-width:24px !important;} +.wmin30-mxl{min-width:30px !important;} +.wmin36-mxl{min-width:36px !important;} +.wmin60-mxl{min-width:60px !important;} +.wmin120-mxl{min-width:120px !important;} +.wmin180-mxl{min-width:180px !important;} +.wmin240-mxl{min-width:240px !important;} +.wmin300-mxl{min-width:300px !important;} +.wmin360-mxl{min-width:360px !important;} +.wmin600-mxl{min-width:600px !important;} +.wmin-full-mxl{min-width:100% !important;} +.h0-mxl{height:0 !important;} +.h3-mxl{height:3px !important;} +.h6-mxl{height:6px !important;} +.h12-mxl{height:12px !important;} +.h18-mxl{height:18px !important;} +.h24-mxl{height:24px !important;} +.h30-mxl{height:30px !important;} +.h36-mxl{height:36px !important;} +.h60-mxl{height:60px !important;} +.h120-mxl{height:120px !important;} +.h180-mxl{height:180px !important;} +.h240-mxl{height:240px !important;} +.h300-mxl{height:300px !important;} +.h360-mxl{height:360px !important;} +.h600-mxl{height:600px !important;} +.h-full-mxl{height:100% !important;} +.h-auto-mxl{height:auto !important;} +.hmax0-mxl{max-height:0 !important;} +.hmax3-mxl{max-height:3px !important;} +.hmax6-mxl{max-height:6px !important;} +.hmax12-mxl{max-height:12px !important;} +.hmax18-mxl{max-height:18px !important;} +.hmax24-mxl{max-height:24px !important;} +.hmax30-mxl{max-height:30px !important;} +.hmax36-mxl{max-height:36px !important;} +.hmax60-mxl{max-height:60px !important;} +.hmax120-mxl{max-height:120px !important;} +.hmax180-mxl{max-height:180px !important;} +.hmax240-mxl{max-height:240px !important;} +.hmax300-mxl{max-height:300px !important;} +.hmax360-mxl{max-height:360px !important;} +.hmax600-mxl{max-height:600px !important;} +.hmax-full-mxl{max-height:100% !important;} +.hmax-none-mxl{max-height:none !important;} +.hmin0-mxl{min-height:0 !important;} +.hmin3-mxl{min-height:3px !important;} +.hmin6-mxl{min-height:6px !important;} +.hmin12-mxl{min-height:12px !important;} +.hmin18-mxl{min-height:18px !important;} +.hmin24-mxl{min-height:24px !important;} +.hmin30-mxl{min-height:30px !important;} +.hmin36-mxl{min-height:36px !important;} +.hmin60-mxl{min-height:60px !important;} +.hmin120-mxl{min-height:120px !important;} +.hmin180-mxl{min-height:180px !important;} +.hmin240-mxl{min-height:240px !important;} +.hmin300-mxl{min-height:300px !important;} +.hmin360-mxl{min-height:360px !important;} +.hmin600-mxl{min-height:600px !important;} +.hmin-full-mxl{min-height:100% !important;} +.h-viewport-full-mxl{height:100vh !important;} +.hmax-viewport-full-mxl{max-height:100vh !important;} +} +.btn.btn--stroke{ background-color:transparent; } +.btn--gray, +.btn--gray-light:hover, .btn--gray-light.is-active, +input:checked + .checkbox--gray, +input:checked + .switch--dot-gray::after, +input:checked + .switch--gray{background-color:#757D82;} +.btn--gray:hover, .btn--gray.is-active{background-color:#4D5255;} +.btn--stroke.btn--gray, +.link--gray, +.radio--gray, input:checked + .radio--gray, +.select--gray, +.switch--gray, +.toggle--gray, +input:checked + .toggle--active-gray{color:#757D82;} +.btn--stroke.btn--gray:hover, .btn--stroke.btn--gray.is-active, +.link--gray:hover, .link--gray.is-active, +.select--gray:focus, +.select--gray:hover{color:#4D5255;} +.btn--gray-light{background-color:#C7CACC;} +.btn--pink, +.btn--pink-light:hover, .btn--pink-light.is-active, +input:checked + .checkbox--pink, +input:checked + .switch--dot-pink::after, +input:checked + .switch--pink{background-color:#FA428F;} +.btn--pink:hover, .btn--pink.is-active{background-color:#BA1258;} +.btn--stroke.btn--pink, +.link--pink, +.radio--pink, input:checked + .radio--pink, +.select--pink, +.switch--pink, +.toggle--pink, +input:checked + .toggle--active-pink{color:#FA428F;} +.btn--stroke.btn--pink:hover, .btn--stroke.btn--pink.is-active, +.link--pink:hover, .link--pink.is-active, +.select--pink:focus, +.select--pink:hover{color:#BA1258;} +.btn--pink-light{background-color:#FABDD6;} +.btn--red, +.btn--red-light:hover, .btn--red-light.is-active, +input:checked + .checkbox--red, +input:checked + .switch--dot-red::after, +input:checked + .switch--red{background-color:#EB3814;} +.btn--red:hover, .btn--red.is-active{background-color:#B6290D;} +.btn--stroke.btn--red, +.link--red, +.radio--red, input:checked + .radio--red, +.select--red, +.switch--red, +.toggle--red, +input:checked + .toggle--active-red{color:#EB3814;} +.btn--stroke.btn--red:hover, .btn--stroke.btn--red.is-active, +.link--red:hover, .link--red.is-active, +.select--red:focus, +.select--red:hover{color:#B6290D;} +.btn--red-light{background-color:#F8C4B9;} +.btn--orange, +.btn--orange-light:hover, .btn--orange-light.is-active, +input:checked + .checkbox--orange, +input:checked + .switch--dot-orange::after, +input:checked + .switch--orange{background-color:#E46707;} +.btn--orange:hover, .btn--orange.is-active{background-color:#AE4B04;} +.btn--stroke.btn--orange, +.link--orange, +.radio--orange, input:checked + .radio--orange, +.select--orange, +.switch--orange, +.toggle--orange, +input:checked + .toggle--active-orange{color:#E46707;} +.btn--stroke.btn--orange:hover, .btn--stroke.btn--orange.is-active, +.link--orange:hover, .link--orange.is-active, +.select--orange:focus, +.select--orange:hover{color:#AE4B04;} +.btn--orange-light{background-color:#FCC295;} +.btn--stroke.btn--yellow, +.link--yellow, +.radio--yellow, input:checked + .radio--yellow, +.select--yellow, +.switch--yellow, +.toggle--yellow, +input:checked + .toggle--active-yellow{color:#F3E444;} +.btn--stroke.btn--yellow:hover, .btn--stroke.btn--yellow.is-active, +.link--yellow:hover, .link--yellow.is-active, +.select--yellow:focus, +.select--yellow:hover{color:#8E740B;} +.btn--yellow, +.btn--yellow-light:hover, .btn--yellow-light.is-active, +input:checked + .checkbox--yellow, +input:checked + .switch--dot-yellow::after, +input:checked + .switch--yellow{background-color:#F3E444;} +.btn--yellow:hover, .btn--yellow.is-active{background-color:#8E740B;} +.btn--yellow-light{background-color:#FAF29E;} +.btn--green, +.btn--green-light:hover, .btn--green-light.is-active, +input:checked + .checkbox--green, +input:checked + .switch--dot-green::after, +input:checked + .switch--green{background-color:#2AA75C;} +.btn--green:hover, .btn--green.is-active{background-color:#1F7A43;} +.btn--stroke.btn--green, +.link--green, +.radio--green, input:checked + .radio--green, +.select--green, +.switch--green, +.toggle--green, +input:checked + .toggle--active-green{color:#2AA75C;} +.btn--stroke.btn--green:hover, .btn--stroke.btn--green.is-active, +.link--green:hover, .link--green.is-active, +.select--green:focus, +.select--green:hover{color:#1F7A43;} +.btn--green-light{background-color:#AAE1C0;} +.btn--blue, +.btn--blue-light:hover, .btn--blue-light.is-active, +input:checked + .checkbox--blue, +input:checked + .switch--blue, +input:checked + .switch--dot-blue::after{background-color:#3887BE;} +.btn--blue:hover, .btn--blue.is-active{background-color:#0B428E;} +.btn--stroke.btn--blue, +.link--blue, +.radio--blue, input:checked + .radio--blue, +.select--blue, +.switch--blue, +.toggle--blue, +input:checked + .toggle--active-blue{color:#3887BE;} +.btn--stroke.btn--blue:hover, .btn--stroke.btn--blue.is-active, +.link--blue:hover, .link--blue.is-active, +.select--blue:focus, +.select--blue:hover{color:#0B428E;} +.btn--blue-light{background-color:#52A1D8;} +.btn--purple, +.btn--purple-light:hover, .btn--purple-light.is-active, +input:checked + .checkbox--purple, +input:checked + .switch--dot-purple::after, +input:checked + .switch--purple{background-color:#9669D5;} +.btn--purple:hover, .btn--purple.is-active{background-color:#6E2FC6;} +.btn--stroke.btn--purple, +.link--purple, +.radio--purple, input:checked + .radio--purple, +.select--purple, +.switch--purple, +.toggle--purple, +input:checked + .toggle--active-purple{color:#9669D5;} +.btn--stroke.btn--purple:hover, .btn--stroke.btn--purple.is-active, +.link--purple:hover, .link--purple.is-active, +.select--purple:focus, +.select--purple:hover{color:#6E2FC6;} +.btn--purple-light{background-color:#DBCEED;} +.btn--darken10, +.btn--transparent:hover, .btn--transparent.is-active{background-color:rgba(26, 34, 36, 0.1);} +.btn--darken10:hover, .btn--darken10.is-active, +.btn--darken25, +input:checked + .checkbox--darken25, +input:checked + .switch--darken25, +input:checked + .switch--dot-darken25::after{background-color:rgba(26, 34, 36, 0.25);} +.btn--darken25:hover, .btn--darken25.is-active, +.btn--darken50, +input:checked + .checkbox--darken50, +input:checked + .switch--darken50, +input:checked + .switch--dot-darken50::after{background-color:rgba(26, 34, 36, 0.5);} +.btn--stroke.btn--darken25, +.link--darken25, +.radio--darken25, input:checked + .radio--darken25, +.select--darken25, +.switch--darken25, +.toggle--darken25, +input:checked + .toggle--active-darken25{color:rgba(26, 34, 36, 0.25);} +.btn--stroke.btn--darken25:hover, .btn--stroke.btn--darken25.is-active, +.btn--stroke.btn--darken50, +.link--darken25:hover, .link--darken25.is-active, +.link--darken50, +.radio--darken50, input:checked + .radio--darken50, +.select--darken25:focus, +.select--darken25:hover, +.select--darken50, +.switch--darken50, +.toggle--darken50, +input:checked + .toggle--active-darken50{color:rgba(26, 34, 36, 0.5);} +.btn--darken50:hover, .btn--darken50.is-active, +.btn--darken75, +input:checked + .checkbox--darken75, +input:checked + .switch--darken75, +input:checked + .switch--dot-darken75::after{background-color:rgba(26, 34, 36, 0.75);} +.btn--stroke.btn--darken50:hover, .btn--stroke.btn--darken50.is-active, +.btn--stroke.btn--darken75, +.link--darken50:hover, .link--darken50.is-active, +.link--darken75, +.radio--darken75, input:checked + .radio--darken75, +.select--darken50:focus, +.select--darken50:hover, +.select--darken75, +.switch--darken75, +.toggle--darken75, +input:checked + .toggle--active-darken75{color:rgba(26, 34, 36, 0.75);} +.btn--darken75:hover, .btn--darken75.is-active{background-color:#000;} +.btn--stroke.btn--darken75:hover, .btn--stroke.btn--darken75.is-active, +.link--darken75:hover, .link--darken75.is-active, +.select--darken75:focus, +.select--darken75:hover{color:#000;} +.btn--lighten10{background-color:rgba(255, 255, 255, 0.1);} +.btn--lighten10:hover, .btn--lighten10.is-active, +.btn--lighten25, +input:checked + .checkbox--lighten25, +input:checked + .switch--dot-lighten25::after, +input:checked + .switch--lighten25{background-color:rgba(255, 255, 255, 0.25);} +.btn--lighten25:hover, .btn--lighten25.is-active, +.btn--lighten50, +input:checked + .checkbox--lighten50, +input:checked + .switch--dot-lighten50::after, +input:checked + .switch--lighten50{background-color:rgba(255, 255, 255, 0.5);} +.btn--stroke.btn--lighten25, +.link--lighten25, +.radio--lighten25, input:checked + .radio--lighten25, +.select--lighten25, +.switch--lighten25, +.toggle--lighten25, +input:checked + .toggle--active-lighten25{color:rgba(255, 255, 255, 0.25);} +.btn--stroke.btn--lighten25:hover, .btn--stroke.btn--lighten25.is-active, +.btn--stroke.btn--lighten50, +.link--lighten25:hover, .link--lighten25.is-active, +.link--lighten50, +.radio--lighten50, input:checked + .radio--lighten50, +.select--lighten25:focus, +.select--lighten25:hover, +.select--lighten50, +.switch--lighten50, +.toggle--lighten50, +input:checked + .toggle--active-lighten50{color:rgba(255, 255, 255, 0.5);} +.btn--lighten50:hover, .btn--lighten50.is-active, +.btn--lighten75, +.btn--white:hover, .btn--white.is-active, +input:checked + .checkbox--lighten75, +input:checked + .switch--dot-lighten75::after, +input:checked + .switch--lighten75{background-color:rgba(255, 255, 255, 0.75);} +.btn--stroke.btn--lighten50:hover, .btn--stroke.btn--lighten50.is-active, +.btn--stroke.btn--lighten75, +.btn--stroke.btn--white:hover, .btn--stroke.btn--white.is-active, +.link--lighten50:hover, .link--lighten50.is-active, +.link--lighten75, +.link--white:hover, .link--white.is-active, +.radio--lighten75, input:checked + .radio--lighten75, +.select--lighten50:focus, +.select--lighten50:hover, +.select--lighten75, +.select--white:focus, +.select--white:hover, +.switch--lighten75, +.toggle--lighten75, +input:checked + .toggle--active-lighten75{color:rgba(255, 255, 255, 0.75);} +.btn--lighten75:hover, .btn--lighten75.is-active, +.btn--white, +input:checked + .checkbox--white, +input:checked + .switch--dot-white::after, +input:checked + .switch--white{background-color:#fff;} +.btn--stroke.btn--lighten75:hover, .btn--stroke.btn--lighten75.is-active, +.btn--stroke.btn--white, +.link--lighten75:hover, .link--lighten75.is-active, +.link--white, +.radio--white, input:checked + .radio--white, +.select--lighten75:focus, +.select--lighten75:hover, +.select--white, +.switch--white, +.toggle--white, +input:checked + .toggle--active-white{color:#fff;} +.btn--stroke.btn--transparent, +.link--transparent, +.radio--transparent, input:checked + .radio--transparent, +.select--transparent, +.switch--transparent, +.toggle--transparent, +input:checked + .toggle--active-transparent{color:transparent;} +.btn--stroke.btn--transparent:hover, .btn--stroke.btn--transparent.is-active, +.link--transparent:hover, .link--transparent.is-active, +.select--transparent:focus, +.select--transparent:hover{color:rgba(26, 34, 36, 0.1);} +.btn--transparent, +input:checked + .checkbox--transparent, +input:checked + .switch--dot-transparent::after, +input:checked + .switch--transparent{background-color:transparent;} +.select--gray + .select-arrow{border-top-color:#757D82;} +.select--gray:focus + .select-arrow{border-top-color:#4D5255;} +.input--border-gray, +.select--stroke.select--gray, +.textarea--border-gray{box-shadow:inset 0 0 0 1px #757D82;} +[data-assembly-focus-control='visible'] .select--stroke.select--gray:focus{box-shadow:inset 0 0 0 1px #4D5255, 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--pink + .select-arrow{border-top-color:#FA428F;} +.select--pink:focus + .select-arrow{border-top-color:#BA1258;} +.input--border-pink, +.select--stroke.select--pink, +.textarea--border-pink{box-shadow:inset 0 0 0 1px #FA428F;} +[data-assembly-focus-control='visible'] .select--stroke.select--pink:focus{box-shadow:inset 0 0 0 1px #BA1258, 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--red + .select-arrow{border-top-color:#EB3814;} +.select--red:focus + .select-arrow{border-top-color:#B6290D;} +.input--border-red, +.select--stroke.select--red, +.textarea--border-red{box-shadow:inset 0 0 0 1px #EB3814;} +[data-assembly-focus-control='visible'] .select--stroke.select--red:focus{box-shadow:inset 0 0 0 1px #B6290D, 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--orange + .select-arrow{border-top-color:#E46707;} +.select--orange:focus + .select-arrow{border-top-color:#AE4B04;} +.input--border-orange, +.select--stroke.select--orange, +.textarea--border-orange{box-shadow:inset 0 0 0 1px #E46707;} +[data-assembly-focus-control='visible'] .select--stroke.select--orange:focus{box-shadow:inset 0 0 0 1px #AE4B04, 0 0 0 3px rgba(137, 199, 216, 0.65);} +.input--border-yellow, +.select--stroke.select--yellow, +.textarea--border-yellow{box-shadow:inset 0 0 0 1px #F3E444;} +.select--yellow + .select-arrow{border-top-color:#F3E444;} +.select--yellow:focus + .select-arrow{border-top-color:#8E740B;} +[data-assembly-focus-control='visible'] .select--stroke.select--yellow:focus{box-shadow:inset 0 0 0 1px #8E740B, 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--green + .select-arrow{border-top-color:#2AA75C;} +.select--green:focus + .select-arrow{border-top-color:#1F7A43;} +.input--border-green, +.select--stroke.select--green, +.textarea--border-green{box-shadow:inset 0 0 0 1px #2AA75C;} +[data-assembly-focus-control='visible'] .select--stroke.select--green:focus{box-shadow:inset 0 0 0 1px #1F7A43, 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--blue + .select-arrow{border-top-color:#3887BE;} +.select--blue:focus + .select-arrow{border-top-color:#0B428E;} +.input--border-blue, +.select--stroke.select--blue, +.textarea--border-blue{box-shadow:inset 0 0 0 1px #3887BE;} +[data-assembly-focus-control='visible'] .select--stroke.select--blue:focus{box-shadow:inset 0 0 0 1px #0B428E, 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--purple + .select-arrow{border-top-color:#9669D5;} +.select--purple:focus + .select-arrow{border-top-color:#6E2FC6;} +.input--border-purple, +.select--stroke.select--purple, +.textarea--border-purple{box-shadow:inset 0 0 0 1px #9669D5;} +[data-assembly-focus-control='visible'] .select--stroke.select--purple:focus{box-shadow:inset 0 0 0 1px #6E2FC6, 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--darken25 + .select-arrow{border-top-color:rgba(26, 34, 36, 0.25);} +.select--darken25:focus + .select-arrow, +.select--darken50 + .select-arrow{border-top-color:rgba(26, 34, 36, 0.5);} +.input--border-darken25, +.select--stroke.select--darken25, +.textarea--border-darken25{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.25);} +[data-assembly-focus-control='visible'] .select--stroke.select--darken25:focus{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.5), 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--darken50:focus + .select-arrow, +.select--darken75 + .select-arrow{border-top-color:rgba(26, 34, 36, 0.75);} +.input--border-darken25:focus, +.input--border-darken50, +.select--stroke.select--darken50, +.textarea--border-darken25:focus, +.textarea--border-darken50{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.5);} +[data-assembly-focus-control='visible'] .select--stroke.select--darken50:focus{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.75), 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--darken75:focus + .select-arrow{border-top-color:#000;} +.input--border-darken50:focus, +.input--border-darken75, +.select--stroke.select--darken75, +.textarea--border-darken50:focus, +.textarea--border-darken75{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.75);} +[data-assembly-focus-control='visible'] .select--stroke.select--darken75:focus{box-shadow:inset 0 0 0 1px #000, 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--lighten25 + .select-arrow{border-top-color:rgba(255, 255, 255, 0.25);} +.select--lighten25:focus + .select-arrow, +.select--lighten50 + .select-arrow{border-top-color:rgba(255, 255, 255, 0.5);} +.input--border-lighten25, +.select--stroke.select--lighten25, +.textarea--border-lighten25{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.25);} +[data-assembly-focus-control='visible'] .select--stroke.select--lighten25:focus{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--lighten50:focus + .select-arrow, +.select--lighten75 + .select-arrow, +.select--white:focus + .select-arrow{border-top-color:rgba(255, 255, 255, 0.75);} +.input--border-lighten25:focus, +.input--border-lighten50, +.select--stroke.select--lighten50, +.textarea--border-lighten25:focus, +.textarea--border-lighten50{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5);} +[data-assembly-focus-control='visible'] .select--stroke.select--lighten50:focus, +[data-assembly-focus-control='visible'] .select--stroke.select--white:focus{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.75), 0 0 0 3px rgba(137, 199, 216, 0.65);} +.select--lighten75:focus + .select-arrow, +.select--white + .select-arrow{border-top-color:#fff;} +.input--border-lighten50:focus, +.input--border-lighten75, +.input--border-white:focus, +.select--stroke.select--lighten75, +.textarea--border-lighten50:focus, +.textarea--border-lighten75, +.textarea--border-white:focus{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.75);} +[data-assembly-focus-control='visible'] .select--stroke.select--lighten75:focus{box-shadow:inset 0 0 0 1px #fff, 0 0 0 3px rgba(137, 199, 216, 0.65);} +.input--border-lighten75:focus, +.input--border-white, +.select--stroke.select--white, +.textarea--border-lighten75:focus, +.textarea--border-white{box-shadow:inset 0 0 0 1px #fff;} +.input--border-transparent, +.select--stroke.select--transparent, +.textarea--border-transparent{box-shadow:inset 0 0 0 1px transparent;} +.select--transparent + .select-arrow{border-top-color:transparent;} +.select--transparent:focus + .select-arrow{border-top-color:rgba(26, 34, 36, 0.1);} +[data-assembly-focus-control='visible'] .select--stroke.select--transparent:focus{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.1), 0 0 0 3px rgba(137, 199, 216, 0.65);} +.input--border-gray:focus, +.textarea--border-gray:focus{box-shadow:inset 0 0 0 1px #4D5255;} +.input--border-pink:focus, +.textarea--border-pink:focus{box-shadow:inset 0 0 0 1px #BA1258;} +.input--border-red:focus, +.textarea--border-red:focus{box-shadow:inset 0 0 0 1px #B6290D;} +.input--border-orange:focus, +.textarea--border-orange:focus{box-shadow:inset 0 0 0 1px #AE4B04;} +.input--border-yellow:focus, +.textarea--border-yellow:focus{box-shadow:inset 0 0 0 1px #8E740B;} +.input--border-green:focus, +.textarea--border-green:focus{box-shadow:inset 0 0 0 1px #1F7A43;} +.input--border-blue:focus, +.textarea--border-blue:focus{box-shadow:inset 0 0 0 1px #0B428E;} +.input--border-purple:focus, +.textarea--border-purple:focus{box-shadow:inset 0 0 0 1px #6E2FC6;} +.input--border-darken75:focus, +.textarea--border-darken75:focus{box-shadow:inset 0 0 0 1px #000;} +.input--border-transparent:focus, +.textarea--border-transparent:focus{box-shadow:inset 0 0 0 1px rgba(26, 34, 36, 0.1);} +.checkbox--gray{border-color:#757D82;} +.checkbox--pink{border-color:#FA428F;} +.checkbox--red{border-color:#EB3814;} +.checkbox--orange{border-color:#E46707;} +.checkbox--yellow{border-color:#F3E444;} +.checkbox--green{border-color:#2AA75C;} +.checkbox--blue{border-color:#3887BE;} +.checkbox--purple{border-color:#9669D5;} +.checkbox--darken25{border-color:rgba(26, 34, 36, 0.25);} +.checkbox--darken50{border-color:rgba(26, 34, 36, 0.5);} +.checkbox--darken75{border-color:rgba(26, 34, 36, 0.75);} +.checkbox--lighten25{border-color:rgba(255, 255, 255, 0.25);} +.checkbox--lighten50{border-color:rgba(255, 255, 255, 0.5);} +.checkbox--lighten75{border-color:rgba(255, 255, 255, 0.75);} +.checkbox--white{border-color:#fff;} +.checkbox--transparent{border-color:transparent;} +input:checked + .toggle--gray{background:#757D82;} +input:checked + .toggle--pink{background:#FA428F;} +input:checked + .toggle--red{background:#EB3814;} +input:checked + .toggle--orange{background:#E46707;} +input:checked + .toggle--yellow{background:#F3E444;} +input:checked + .toggle--green{background:#2AA75C;} +input:checked + .toggle--blue{background:#3887BE;} +input:checked + .toggle--purple{background:#9669D5;} +input:checked + .toggle--darken25{background:rgba(26, 34, 36, 0.25);} +input:checked + .toggle--darken50{background:rgba(26, 34, 36, 0.5);} +input:checked + .toggle--darken75{background:rgba(26, 34, 36, 0.75);} +input:checked + .toggle--lighten25{background:rgba(255, 255, 255, 0.25);} +input:checked + .toggle--lighten50{background:rgba(255, 255, 255, 0.5);} +input:checked + .toggle--lighten75{background:rgba(255, 255, 255, 0.75);} +input:checked + .toggle--white{background:#fff;} +input:checked + .toggle--transparent{background:transparent;} +.color-gray-dark, +.color-gray-dark-on-active.is-active, .color-gray-dark-on-active.is-active:hover, +.color-gray-dark-on-hover:hover{color:#1a2224 !important;} +.color-gray-deep, +.color-gray-deep-on-active.is-active, .color-gray-deep-on-active.is-active:hover, +.color-gray-deep-on-hover:hover, +.color-text{color:#4D5255 !important;} +.color-gray, +.color-gray-on-active.is-active, .color-gray-on-active.is-active:hover, +.color-gray-on-hover:hover{color:#757D82 !important;} +.color-gray-light, +.color-gray-light-on-active.is-active, .color-gray-light-on-active.is-active:hover, +.color-gray-light-on-hover:hover{color:#C7CACC !important;} +.color-gray-lighter, +.color-gray-lighter-on-active.is-active, .color-gray-lighter-on-active.is-active:hover, +.color-gray-lighter-on-hover:hover{color:#E4E6E7 !important;} +.color-gray-faint, +.color-gray-faint-on-active.is-active, .color-gray-faint-on-active.is-active:hover, +.color-gray-faint-on-hover:hover{color:#F7F8F8 !important;} +.color-pink-dark, +.color-pink-dark-on-active.is-active, .color-pink-dark-on-active.is-active:hover, +.color-pink-dark-on-hover:hover{color:#800C3C !important;} +.color-pink-deep, +.color-pink-deep-on-active.is-active, .color-pink-deep-on-active.is-active:hover, +.color-pink-deep-on-hover:hover{color:#BA1258 !important;} +.color-pink, +.color-pink-on-active.is-active, .color-pink-on-active.is-active:hover, +.color-pink-on-hover:hover{color:#FA428F !important;} +.color-pink-light, +.color-pink-light-on-active.is-active, .color-pink-light-on-active.is-active:hover, +.color-pink-light-on-hover:hover{color:#FABDD6 !important;} +.color-pink-lighter, +.color-pink-lighter-on-active.is-active, .color-pink-lighter-on-active.is-active:hover, +.color-pink-lighter-on-hover:hover{color:#FCD4E4 !important;} +.color-pink-faint, +.color-pink-faint-on-active.is-active, .color-pink-faint-on-active.is-active:hover, +.color-pink-faint-on-hover:hover{color:#FDEEF4 !important;} +.color-red-dark, +.color-red-dark-on-active.is-active, .color-red-dark-on-active.is-active:hover, +.color-red-dark-on-hover:hover{color:#741806 !important;} +.color-red-deep, +.color-red-deep-on-active.is-active, .color-red-deep-on-active.is-active:hover, +.color-red-deep-on-hover:hover{color:#B6290D !important;} +.color-red, +.color-red-on-active.is-active, .color-red-on-active.is-active:hover, +.color-red-on-hover:hover{color:#EB3814 !important;} +.color-red-light, +.color-red-light-on-active.is-active, .color-red-light-on-active.is-active:hover, +.color-red-light-on-hover:hover{color:#F8C4B9 !important;} +.color-red-lighter, +.color-red-lighter-on-active.is-active, .color-red-lighter-on-active.is-active:hover, +.color-red-lighter-on-hover:hover{color:#FED7CD !important;} +.color-red-faint, +.color-red-faint-on-active.is-active, .color-red-faint-on-active.is-active:hover, +.color-red-faint-on-hover:hover{color:#FDEBE7 !important;} +.color-orange-dark, +.color-orange-dark-on-active.is-active, .color-orange-dark-on-active.is-active:hover, +.color-orange-dark-on-hover:hover{color:#773503 !important;} +.color-orange-deep, +.color-orange-deep-on-active.is-active, .color-orange-deep-on-active.is-active:hover, +.color-orange-deep-on-hover:hover{color:#AE4B04 !important;} +.color-orange, +.color-orange-on-active.is-active, .color-orange-on-active.is-active:hover, +.color-orange-on-hover:hover{color:#E46707 !important;} +.color-orange-light, +.color-orange-light-on-active.is-active, .color-orange-light-on-active.is-active:hover, +.color-orange-light-on-hover:hover{color:#FCC295 !important;} +.color-orange-lighter, +.color-orange-lighter-on-active.is-active, .color-orange-lighter-on-active.is-active:hover, +.color-orange-lighter-on-hover:hover{color:#FEDEC5 !important;} +.color-orange-faint, +.color-orange-faint-on-active.is-active, .color-orange-faint-on-active.is-active:hover, +.color-orange-faint-on-hover:hover{color:#FFF3EB !important;} +.color-yellow-dark, +.color-yellow-dark-on-active.is-active, .color-yellow-dark-on-active.is-active:hover, +.color-yellow-dark-on-hover:hover{color:#625204 !important;} +.color-yellow-deep, +.color-yellow-deep-on-active.is-active, .color-yellow-deep-on-active.is-active:hover, +.color-yellow-deep-on-hover:hover{color:#8E740B !important;} +.color-yellow, +.color-yellow-on-active.is-active, .color-yellow-on-active.is-active:hover, +.color-yellow-on-hover:hover{color:#F3E444 !important;} +.color-yellow-light, +.color-yellow-light-on-active.is-active, .color-yellow-light-on-active.is-active:hover, +.color-yellow-light-on-hover:hover{color:#FAF29E !important;} +.color-yellow-lighter, +.color-yellow-lighter-on-active.is-active, .color-yellow-lighter-on-active.is-active:hover, +.color-yellow-lighter-on-hover:hover{color:#FBF7D0 !important;} +.color-yellow-faint, +.color-yellow-faint-on-active.is-active, .color-yellow-faint-on-active.is-active:hover, +.color-yellow-faint-on-hover:hover{color:#FDFBE7 !important;} +.color-green-dark, +.color-green-dark-on-active.is-active, .color-green-dark-on-active.is-active:hover, +.color-green-dark-on-hover:hover{color:#13582F !important;} +.color-green-deep, +.color-green-deep-on-active.is-active, .color-green-deep-on-active.is-active:hover, +.color-green-deep-on-hover:hover{color:#1F7A43 !important;} +.color-green, +.color-green-on-active.is-active, .color-green-on-active.is-active:hover, +.color-green-on-hover:hover{color:#2AA75C !important;} +.color-green-light, +.color-green-light-on-active.is-active, .color-green-light-on-active.is-active:hover, +.color-green-light-on-hover:hover{color:#AAE1C0 !important;} +.color-green-lighter, +.color-green-lighter-on-active.is-active, .color-green-lighter-on-active.is-active:hover, +.color-green-lighter-on-hover:hover{color:#D3F0DE !important;} +.color-green-faint, +.color-green-faint-on-active.is-active, .color-green-faint-on-active.is-active:hover, +.color-green-faint-on-hover:hover{color:#EAFBF1 !important;} +.color-blue-dark, +.color-blue-dark-on-active.is-active, .color-blue-dark-on-active.is-active:hover, +.color-blue-dark-on-hover:hover{color:#223B53 !important;} +.color-blue-deep, +.color-blue-deep-on-active.is-active, .color-blue-deep-on-active.is-active:hover, +.color-blue-deep-on-hover:hover{color:#0B428E !important;} +.color-blue, +.color-blue-on-active.is-active, .color-blue-on-active.is-active:hover, +.color-blue-on-hover:hover{color:#3887BE !important;} +.color-blue-light, +.color-blue-light-on-active.is-active, .color-blue-light-on-active.is-active:hover, +.color-blue-light-on-hover:hover{color:#52A1D8 !important;} +.color-blue-lighter, +.color-blue-lighter-on-active.is-active, .color-blue-lighter-on-active.is-active:hover, +.color-blue-lighter-on-hover:hover{color:#C8DAF4 !important;} +.color-blue-faint, +.color-blue-faint-on-active.is-active, .color-blue-faint-on-active.is-active:hover, +.color-blue-faint-on-hover:hover{color:#F4F7FB !important;} +.color-purple-dark, +.color-purple-dark-on-active.is-active, .color-purple-dark-on-active.is-active:hover, +.color-purple-dark-on-hover:hover{color:#512392 !important;} +.color-purple-deep, +.color-purple-deep-on-active.is-active, .color-purple-deep-on-active.is-active:hover, +.color-purple-deep-on-hover:hover{color:#6E2FC6 !important;} +.color-purple, +.color-purple-on-active.is-active, .color-purple-on-active.is-active:hover, +.color-purple-on-hover:hover{color:#9669D5 !important;} +.color-purple-light, +.color-purple-light-on-active.is-active, .color-purple-light-on-active.is-active:hover, +.color-purple-light-on-hover:hover{color:#DBCEED !important;} +.color-purple-lighter, +.color-purple-lighter-on-active.is-active, .color-purple-lighter-on-active.is-active:hover, +.color-purple-lighter-on-hover:hover{color:#E7E0F1 !important;} +.color-purple-faint, +.color-purple-faint-on-active.is-active, .color-purple-faint-on-active.is-active:hover, +.color-purple-faint-on-hover:hover{color:#F3F1F6 !important;} +.color-darken10, +.color-darken10-on-active.is-active, .color-darken10-on-active.is-active:hover, +.color-darken10-on-hover:hover{color:rgba(26, 34, 36, 0.1) !important;} +.color-darken25, +.color-darken25-on-active.is-active, .color-darken25-on-active.is-active:hover, +.color-darken25-on-hover:hover{color:rgba(26, 34, 36, 0.25) !important;} +.color-darken50, +.color-darken50-on-active.is-active, .color-darken50-on-active.is-active:hover, +.color-darken50-on-hover:hover{color:rgba(26, 34, 36, 0.5) !important;} +.color-darken75, +.color-darken75-on-active.is-active, .color-darken75-on-active.is-active:hover, +.color-darken75-on-hover:hover{color:rgba(26, 34, 36, 0.75) !important;} +.color-lighten10, +.color-lighten10-on-active.is-active, .color-lighten10-on-active.is-active:hover, +.color-lighten10-on-hover:hover{color:rgba(255, 255, 255, 0.1) !important;} +.color-lighten25, +.color-lighten25-on-active.is-active, .color-lighten25-on-active.is-active:hover, +.color-lighten25-on-hover:hover{color:rgba(255, 255, 255, 0.25) !important;} +.color-lighten50, +.color-lighten50-on-active.is-active, .color-lighten50-on-active.is-active:hover, +.color-lighten50-on-hover:hover{color:rgba(255, 255, 255, 0.5) !important;} +.color-lighten75, +.color-lighten75-on-active.is-active, .color-lighten75-on-active.is-active:hover, +.color-lighten75-on-hover:hover{color:rgba(255, 255, 255, 0.75) !important;} +.color-white, +.color-white-on-active.is-active, .color-white-on-active.is-active:hover, +.color-white-on-hover:hover{color:#fff !important;} +.color-black, +.color-black-on-active.is-active, .color-black-on-active.is-active:hover, +.color-black-on-hover:hover{color:#000 !important;} +.color-transparent, +.color-transparent-on-active.is-active, .color-transparent-on-active.is-active:hover, +.color-transparent-on-hover:hover{color:transparent !important;} +.bg-gray-dark, +.bg-gray-dark-on-active.is-active, .bg-gray-dark-on-active.is-active:hover, +.bg-gray-dark-on-hover:hover{background-color:#1a2224 !important;} +.bg-gray-deep, +.bg-gray-deep-on-active.is-active, .bg-gray-deep-on-active.is-active:hover, +.bg-gray-deep-on-hover:hover{background-color:#4D5255 !important;} +.bg-gray, +.bg-gray-on-active.is-active, .bg-gray-on-active.is-active:hover, +.bg-gray-on-hover:hover{background-color:#757D82 !important;} +.bg-gray-light, +.bg-gray-light-on-active.is-active, .bg-gray-light-on-active.is-active:hover, +.bg-gray-light-on-hover:hover{background-color:#C7CACC !important;} +.bg-gray-lighter, +.bg-gray-lighter-on-active.is-active, .bg-gray-lighter-on-active.is-active:hover, +.bg-gray-lighter-on-hover:hover{background-color:#E4E6E7 !important;} +.bg-gray-faint, +.bg-gray-faint-on-active.is-active, .bg-gray-faint-on-active.is-active:hover, +.bg-gray-faint-on-hover:hover{background-color:#F7F8F8 !important;} +.bg-pink-dark, +.bg-pink-dark-on-active.is-active, .bg-pink-dark-on-active.is-active:hover, +.bg-pink-dark-on-hover:hover{background-color:#800C3C !important;} +.bg-pink-deep, +.bg-pink-deep-on-active.is-active, .bg-pink-deep-on-active.is-active:hover, +.bg-pink-deep-on-hover:hover{background-color:#BA1258 !important;} +.bg-pink, +.bg-pink-on-active.is-active, .bg-pink-on-active.is-active:hover, +.bg-pink-on-hover:hover{background-color:#FA428F !important;} +.bg-pink-light, +.bg-pink-light-on-active.is-active, .bg-pink-light-on-active.is-active:hover, +.bg-pink-light-on-hover:hover{background-color:#FABDD6 !important;} +.bg-pink-lighter, +.bg-pink-lighter-on-active.is-active, .bg-pink-lighter-on-active.is-active:hover, +.bg-pink-lighter-on-hover:hover{background-color:#FCD4E4 !important;} +.bg-pink-faint, +.bg-pink-faint-on-active.is-active, .bg-pink-faint-on-active.is-active:hover, +.bg-pink-faint-on-hover:hover{background-color:#FDEEF4 !important;} +.bg-red-dark, +.bg-red-dark-on-active.is-active, .bg-red-dark-on-active.is-active:hover, +.bg-red-dark-on-hover:hover{background-color:#741806 !important;} +.bg-red-deep, +.bg-red-deep-on-active.is-active, .bg-red-deep-on-active.is-active:hover, +.bg-red-deep-on-hover:hover{background-color:#B6290D !important;} +.bg-red, +.bg-red-on-active.is-active, .bg-red-on-active.is-active:hover, +.bg-red-on-hover:hover{background-color:#EB3814 !important;} +.bg-red-light, +.bg-red-light-on-active.is-active, .bg-red-light-on-active.is-active:hover, +.bg-red-light-on-hover:hover{background-color:#F8C4B9 !important;} +.bg-red-lighter, +.bg-red-lighter-on-active.is-active, .bg-red-lighter-on-active.is-active:hover, +.bg-red-lighter-on-hover:hover{background-color:#FED7CD !important;} +.bg-red-faint, +.bg-red-faint-on-active.is-active, .bg-red-faint-on-active.is-active:hover, +.bg-red-faint-on-hover:hover{background-color:#FDEBE7 !important;} +.bg-orange-dark, +.bg-orange-dark-on-active.is-active, .bg-orange-dark-on-active.is-active:hover, +.bg-orange-dark-on-hover:hover{background-color:#773503 !important;} +.bg-orange-deep, +.bg-orange-deep-on-active.is-active, .bg-orange-deep-on-active.is-active:hover, +.bg-orange-deep-on-hover:hover{background-color:#AE4B04 !important;} +.bg-orange, +.bg-orange-on-active.is-active, .bg-orange-on-active.is-active:hover, +.bg-orange-on-hover:hover{background-color:#E46707 !important;} +.bg-orange-light, +.bg-orange-light-on-active.is-active, .bg-orange-light-on-active.is-active:hover, +.bg-orange-light-on-hover:hover{background-color:#FCC295 !important;} +.bg-orange-lighter, +.bg-orange-lighter-on-active.is-active, .bg-orange-lighter-on-active.is-active:hover, +.bg-orange-lighter-on-hover:hover{background-color:#FEDEC5 !important;} +.bg-orange-faint, +.bg-orange-faint-on-active.is-active, .bg-orange-faint-on-active.is-active:hover, +.bg-orange-faint-on-hover:hover{background-color:#FFF3EB !important;} +.bg-yellow-dark, +.bg-yellow-dark-on-active.is-active, .bg-yellow-dark-on-active.is-active:hover, +.bg-yellow-dark-on-hover:hover{background-color:#625204 !important;} +.bg-yellow-deep, +.bg-yellow-deep-on-active.is-active, .bg-yellow-deep-on-active.is-active:hover, +.bg-yellow-deep-on-hover:hover{background-color:#8E740B !important;} +.bg-yellow, +.bg-yellow-on-active.is-active, .bg-yellow-on-active.is-active:hover, +.bg-yellow-on-hover:hover{background-color:#F3E444 !important;} +.bg-yellow-light, +.bg-yellow-light-on-active.is-active, .bg-yellow-light-on-active.is-active:hover, +.bg-yellow-light-on-hover:hover{background-color:#FAF29E !important;} +.bg-yellow-lighter, +.bg-yellow-lighter-on-active.is-active, .bg-yellow-lighter-on-active.is-active:hover, +.bg-yellow-lighter-on-hover:hover{background-color:#FBF7D0 !important;} +.bg-yellow-faint, +.bg-yellow-faint-on-active.is-active, .bg-yellow-faint-on-active.is-active:hover, +.bg-yellow-faint-on-hover:hover{background-color:#FDFBE7 !important;} +.bg-green-dark, +.bg-green-dark-on-active.is-active, .bg-green-dark-on-active.is-active:hover, +.bg-green-dark-on-hover:hover{background-color:#13582F !important;} +.bg-green-deep, +.bg-green-deep-on-active.is-active, .bg-green-deep-on-active.is-active:hover, +.bg-green-deep-on-hover:hover{background-color:#1F7A43 !important;} +.bg-green, +.bg-green-on-active.is-active, .bg-green-on-active.is-active:hover, +.bg-green-on-hover:hover{background-color:#2AA75C !important;} +.bg-green-light, +.bg-green-light-on-active.is-active, .bg-green-light-on-active.is-active:hover, +.bg-green-light-on-hover:hover{background-color:#AAE1C0 !important;} +.bg-green-lighter, +.bg-green-lighter-on-active.is-active, .bg-green-lighter-on-active.is-active:hover, +.bg-green-lighter-on-hover:hover{background-color:#D3F0DE !important;} +.bg-green-faint, +.bg-green-faint-on-active.is-active, .bg-green-faint-on-active.is-active:hover, +.bg-green-faint-on-hover:hover{background-color:#EAFBF1 !important;} +.bg-blue-dark, +.bg-blue-dark-on-active.is-active, .bg-blue-dark-on-active.is-active:hover, +.bg-blue-dark-on-hover:hover{background-color:#223B53 !important;} +.bg-blue-deep, +.bg-blue-deep-on-active.is-active, .bg-blue-deep-on-active.is-active:hover, +.bg-blue-deep-on-hover:hover{background-color:#0B428E !important;} +.bg-blue, +.bg-blue-on-active.is-active, .bg-blue-on-active.is-active:hover, +.bg-blue-on-hover:hover{background-color:#3887BE !important;} +.bg-blue-light, +.bg-blue-light-on-active.is-active, .bg-blue-light-on-active.is-active:hover, +.bg-blue-light-on-hover:hover{background-color:#52A1D8 !important;} +.bg-blue-lighter, +.bg-blue-lighter-on-active.is-active, .bg-blue-lighter-on-active.is-active:hover, +.bg-blue-lighter-on-hover:hover{background-color:#C8DAF4 !important;} +.bg-blue-faint, +.bg-blue-faint-on-active.is-active, .bg-blue-faint-on-active.is-active:hover, +.bg-blue-faint-on-hover:hover{background-color:#F4F7FB !important;} +.bg-purple-dark, +.bg-purple-dark-on-active.is-active, .bg-purple-dark-on-active.is-active:hover, +.bg-purple-dark-on-hover:hover{background-color:#512392 !important;} +.bg-purple-deep, +.bg-purple-deep-on-active.is-active, .bg-purple-deep-on-active.is-active:hover, +.bg-purple-deep-on-hover:hover{background-color:#6E2FC6 !important;} +.bg-purple, +.bg-purple-on-active.is-active, .bg-purple-on-active.is-active:hover, +.bg-purple-on-hover:hover{background-color:#9669D5 !important;} +.bg-purple-light, +.bg-purple-light-on-active.is-active, .bg-purple-light-on-active.is-active:hover, +.bg-purple-light-on-hover:hover{background-color:#DBCEED !important;} +.bg-purple-lighter, +.bg-purple-lighter-on-active.is-active, .bg-purple-lighter-on-active.is-active:hover, +.bg-purple-lighter-on-hover:hover{background-color:#E7E0F1 !important;} +.bg-purple-faint, +.bg-purple-faint-on-active.is-active, .bg-purple-faint-on-active.is-active:hover, +.bg-purple-faint-on-hover:hover{background-color:#F3F1F6 !important;} +.bg-darken5, +.bg-darken5-on-active.is-active, .bg-darken5-on-active.is-active:hover, +.bg-darken5-on-hover:hover{background-color:rgba(26, 34, 36, 0.05) !important;} +.bg-darken10, +.bg-darken10-on-active.is-active, .bg-darken10-on-active.is-active:hover, +.bg-darken10-on-hover:hover{background-color:rgba(26, 34, 36, 0.1) !important;} +.bg-darken25, +.bg-darken25-on-active.is-active, .bg-darken25-on-active.is-active:hover, +.bg-darken25-on-hover:hover{background-color:rgba(26, 34, 36, 0.25) !important;} +.bg-darken50, +.bg-darken50-on-active.is-active, .bg-darken50-on-active.is-active:hover, +.bg-darken50-on-hover:hover{background-color:rgba(26, 34, 36, 0.5) !important;} +.bg-darken75, +.bg-darken75-on-active.is-active, .bg-darken75-on-active.is-active:hover, +.bg-darken75-on-hover:hover{background-color:rgba(26, 34, 36, 0.75) !important;} +.bg-lighten5, +.bg-lighten5-on-active.is-active, .bg-lighten5-on-active.is-active:hover, +.bg-lighten5-on-hover:hover{background-color:rgba(255, 255, 255, 0.05) !important;} +.bg-lighten10, +.bg-lighten10-on-active.is-active, .bg-lighten10-on-active.is-active:hover, +.bg-lighten10-on-hover:hover{background-color:rgba(255, 255, 255, 0.1) !important;} +.bg-lighten25, +.bg-lighten25-on-active.is-active, .bg-lighten25-on-active.is-active:hover, +.bg-lighten25-on-hover:hover{background-color:rgba(255, 255, 255, 0.25) !important;} +.bg-lighten50, +.bg-lighten50-on-active.is-active, .bg-lighten50-on-active.is-active:hover, +.bg-lighten50-on-hover:hover{background-color:rgba(255, 255, 255, 0.5) !important;} +.bg-lighten75, +.bg-lighten75-on-active.is-active, .bg-lighten75-on-active.is-active:hover, +.bg-lighten75-on-hover:hover{background-color:rgba(255, 255, 255, 0.75) !important;} +.bg-white, +.bg-white-on-active.is-active, .bg-white-on-active.is-active:hover, +.bg-white-on-hover:hover{background-color:#fff !important;} +.bg-black, +.bg-black-on-active.is-active, .bg-black-on-active.is-active:hover, +.bg-black-on-hover:hover{background-color:#000 !important;} +.bg-transparent, +.bg-transparent-on-active.is-active, .bg-transparent-on-active.is-active:hover, +.bg-transparent-on-hover:hover{background-color:transparent !important;} +.border--gray-dark, +.border--gray-dark-on-active.is-active, .border--gray-dark-on-active.is-active:hover, +.border--gray-dark-on-hover:hover{border-color:#1a2224 !important;} +.border--gray-deep, +.border--gray-deep-on-active.is-active, .border--gray-deep-on-active.is-active:hover, +.border--gray-deep-on-hover:hover{border-color:#4D5255 !important;} +.border--gray, +.border--gray-on-active.is-active, .border--gray-on-active.is-active:hover, +.border--gray-on-hover:hover{border-color:#757D82 !important;} +.border--gray-light, +.border--gray-light-on-active.is-active, .border--gray-light-on-active.is-active:hover, +.border--gray-light-on-hover:hover{border-color:#C7CACC !important;} +.border--gray-lighter, +.border--gray-lighter-on-active.is-active, .border--gray-lighter-on-active.is-active:hover, +.border--gray-lighter-on-hover:hover{border-color:#E4E6E7 !important;} +.border--gray-faint, +.border--gray-faint-on-active.is-active, .border--gray-faint-on-active.is-active:hover, +.border--gray-faint-on-hover:hover{border-color:#F7F8F8 !important;} +.border--pink-dark, +.border--pink-dark-on-active.is-active, .border--pink-dark-on-active.is-active:hover, +.border--pink-dark-on-hover:hover{border-color:#800C3C !important;} +.border--pink-deep, +.border--pink-deep-on-active.is-active, .border--pink-deep-on-active.is-active:hover, +.border--pink-deep-on-hover:hover{border-color:#BA1258 !important;} +.border--pink, +.border--pink-on-active.is-active, .border--pink-on-active.is-active:hover, +.border--pink-on-hover:hover{border-color:#FA428F !important;} +.border--pink-light, +.border--pink-light-on-active.is-active, .border--pink-light-on-active.is-active:hover, +.border--pink-light-on-hover:hover{border-color:#FABDD6 !important;} +.border--pink-lighter, +.border--pink-lighter-on-active.is-active, .border--pink-lighter-on-active.is-active:hover, +.border--pink-lighter-on-hover:hover{border-color:#FCD4E4 !important;} +.border--pink-faint, +.border--pink-faint-on-active.is-active, .border--pink-faint-on-active.is-active:hover, +.border--pink-faint-on-hover:hover{border-color:#FDEEF4 !important;} +.border--red-dark, +.border--red-dark-on-active.is-active, .border--red-dark-on-active.is-active:hover, +.border--red-dark-on-hover:hover{border-color:#741806 !important;} +.border--red-deep, +.border--red-deep-on-active.is-active, .border--red-deep-on-active.is-active:hover, +.border--red-deep-on-hover:hover{border-color:#B6290D !important;} +.border--red, +.border--red-on-active.is-active, .border--red-on-active.is-active:hover, +.border--red-on-hover:hover{border-color:#EB3814 !important;} +.border--red-light, +.border--red-light-on-active.is-active, .border--red-light-on-active.is-active:hover, +.border--red-light-on-hover:hover{border-color:#F8C4B9 !important;} +.border--red-lighter, +.border--red-lighter-on-active.is-active, .border--red-lighter-on-active.is-active:hover, +.border--red-lighter-on-hover:hover{border-color:#FED7CD !important;} +.border--red-faint, +.border--red-faint-on-active.is-active, .border--red-faint-on-active.is-active:hover, +.border--red-faint-on-hover:hover{border-color:#FDEBE7 !important;} +.border--orange-dark, +.border--orange-dark-on-active.is-active, .border--orange-dark-on-active.is-active:hover, +.border--orange-dark-on-hover:hover{border-color:#773503 !important;} +.border--orange-deep, +.border--orange-deep-on-active.is-active, .border--orange-deep-on-active.is-active:hover, +.border--orange-deep-on-hover:hover{border-color:#AE4B04 !important;} +.border--orange, +.border--orange-on-active.is-active, .border--orange-on-active.is-active:hover, +.border--orange-on-hover:hover{border-color:#E46707 !important;} +.border--orange-light, +.border--orange-light-on-active.is-active, .border--orange-light-on-active.is-active:hover, +.border--orange-light-on-hover:hover{border-color:#FCC295 !important;} +.border--orange-lighter, +.border--orange-lighter-on-active.is-active, .border--orange-lighter-on-active.is-active:hover, +.border--orange-lighter-on-hover:hover{border-color:#FEDEC5 !important;} +.border--orange-faint, +.border--orange-faint-on-active.is-active, .border--orange-faint-on-active.is-active:hover, +.border--orange-faint-on-hover:hover{border-color:#FFF3EB !important;} +.border--yellow-dark, +.border--yellow-dark-on-active.is-active, .border--yellow-dark-on-active.is-active:hover, +.border--yellow-dark-on-hover:hover{border-color:#625204 !important;} +.border--yellow-deep, +.border--yellow-deep-on-active.is-active, .border--yellow-deep-on-active.is-active:hover, +.border--yellow-deep-on-hover:hover{border-color:#8E740B !important;} +.border--yellow, +.border--yellow-on-active.is-active, .border--yellow-on-active.is-active:hover, +.border--yellow-on-hover:hover{border-color:#F3E444 !important;} +.border--yellow-light, +.border--yellow-light-on-active.is-active, .border--yellow-light-on-active.is-active:hover, +.border--yellow-light-on-hover:hover{border-color:#FAF29E !important;} +.border--yellow-lighter, +.border--yellow-lighter-on-active.is-active, .border--yellow-lighter-on-active.is-active:hover, +.border--yellow-lighter-on-hover:hover{border-color:#FBF7D0 !important;} +.border--yellow-faint, +.border--yellow-faint-on-active.is-active, .border--yellow-faint-on-active.is-active:hover, +.border--yellow-faint-on-hover:hover{border-color:#FDFBE7 !important;} +.border--green-dark, +.border--green-dark-on-active.is-active, .border--green-dark-on-active.is-active:hover, +.border--green-dark-on-hover:hover{border-color:#13582F !important;} +.border--green-deep, +.border--green-deep-on-active.is-active, .border--green-deep-on-active.is-active:hover, +.border--green-deep-on-hover:hover{border-color:#1F7A43 !important;} +.border--green, +.border--green-on-active.is-active, .border--green-on-active.is-active:hover, +.border--green-on-hover:hover{border-color:#2AA75C !important;} +.border--green-light, +.border--green-light-on-active.is-active, .border--green-light-on-active.is-active:hover, +.border--green-light-on-hover:hover{border-color:#AAE1C0 !important;} +.border--green-lighter, +.border--green-lighter-on-active.is-active, .border--green-lighter-on-active.is-active:hover, +.border--green-lighter-on-hover:hover{border-color:#D3F0DE !important;} +.border--green-faint, +.border--green-faint-on-active.is-active, .border--green-faint-on-active.is-active:hover, +.border--green-faint-on-hover:hover{border-color:#EAFBF1 !important;} +.border--blue-dark, +.border--blue-dark-on-active.is-active, .border--blue-dark-on-active.is-active:hover, +.border--blue-dark-on-hover:hover{border-color:#223B53 !important;} +.border--blue-deep, +.border--blue-deep-on-active.is-active, .border--blue-deep-on-active.is-active:hover, +.border--blue-deep-on-hover:hover{border-color:#0B428E !important;} +.border--blue, +.border--blue-on-active.is-active, .border--blue-on-active.is-active:hover, +.border--blue-on-hover:hover{border-color:#3887BE !important;} +.border--blue-light, +.border--blue-light-on-active.is-active, .border--blue-light-on-active.is-active:hover, +.border--blue-light-on-hover:hover{border-color:#52A1D8 !important;} +.border--blue-lighter, +.border--blue-lighter-on-active.is-active, .border--blue-lighter-on-active.is-active:hover, +.border--blue-lighter-on-hover:hover{border-color:#C8DAF4 !important;} +.border--blue-faint, +.border--blue-faint-on-active.is-active, .border--blue-faint-on-active.is-active:hover, +.border--blue-faint-on-hover:hover{border-color:#F4F7FB !important;} +.border--purple-dark, +.border--purple-dark-on-active.is-active, .border--purple-dark-on-active.is-active:hover, +.border--purple-dark-on-hover:hover{border-color:#512392 !important;} +.border--purple-deep, +.border--purple-deep-on-active.is-active, .border--purple-deep-on-active.is-active:hover, +.border--purple-deep-on-hover:hover{border-color:#6E2FC6 !important;} +.border--purple, +.border--purple-on-active.is-active, .border--purple-on-active.is-active:hover, +.border--purple-on-hover:hover{border-color:#9669D5 !important;} +.border--purple-light, +.border--purple-light-on-active.is-active, .border--purple-light-on-active.is-active:hover, +.border--purple-light-on-hover:hover{border-color:#DBCEED !important;} +.border--purple-lighter, +.border--purple-lighter-on-active.is-active, .border--purple-lighter-on-active.is-active:hover, +.border--purple-lighter-on-hover:hover{border-color:#E7E0F1 !important;} +.border--purple-faint, +.border--purple-faint-on-active.is-active, .border--purple-faint-on-active.is-active:hover, +.border--purple-faint-on-hover:hover{border-color:#F3F1F6 !important;} +.border--darken10, +.border--darken10-on-active.is-active, .border--darken10-on-active.is-active:hover, +.border--darken10-on-hover:hover{border-color:rgba(26, 34, 36, 0.1) !important;} +.border--darken25, +.border--darken25-on-active.is-active, .border--darken25-on-active.is-active:hover, +.border--darken25-on-hover:hover{border-color:rgba(26, 34, 36, 0.25) !important;} +.border--darken50, +.border--darken50-on-active.is-active, .border--darken50-on-active.is-active:hover, +.border--darken50-on-hover:hover{border-color:rgba(26, 34, 36, 0.5) !important;} +.border--darken75, +.border--darken75-on-active.is-active, .border--darken75-on-active.is-active:hover, +.border--darken75-on-hover:hover{border-color:rgba(26, 34, 36, 0.75) !important;} +.border--lighten10, +.border--lighten10-on-active.is-active, .border--lighten10-on-active.is-active:hover, +.border--lighten10-on-hover:hover{border-color:rgba(255, 255, 255, 0.1) !important;} +.border--lighten25, +.border--lighten25-on-active.is-active, .border--lighten25-on-active.is-active:hover, +.border--lighten25-on-hover:hover{border-color:rgba(255, 255, 255, 0.25) !important;} +.border--lighten50, +.border--lighten50-on-active.is-active, .border--lighten50-on-active.is-active:hover, +.border--lighten50-on-hover:hover{border-color:rgba(255, 255, 255, 0.5) !important;} +.border--lighten75, +.border--lighten75-on-active.is-active, .border--lighten75-on-active.is-active:hover, +.border--lighten75-on-hover:hover{border-color:rgba(255, 255, 255, 0.75) !important;} +.border--white, +.border--white-on-active.is-active, .border--white-on-active.is-active:hover, +.border--white-on-hover:hover{border-color:#fff !important;} +.border--black, +.border--black-on-active.is-active, .border--black-on-active.is-active:hover, +.border--black-on-hover:hover{border-color:#000 !important;} +.border--transparent, +.border--transparent-on-active.is-active, .border--transparent-on-active.is-active:hover, +.border--transparent-on-hover:hover{border-color:transparent !important;} +.shadow-darken10, +.shadow-darken10-on-active.is-active, .shadow-darken10-on-active.is-active:hover, +.shadow-darken10-on-hover:hover{box-shadow:0 2px 10px 0 rgba(26, 34, 36, 0.1) !important;} +.shadow-darken10-bold, +.shadow-darken10-bold-on-active.is-active, .shadow-darken10-bold-on-active.is-active:hover, +.shadow-darken10-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(26, 34, 36, 0.1) !important;} +.shadow-darken25, +.shadow-darken25-on-active.is-active, .shadow-darken25-on-active.is-active:hover, +.shadow-darken25-on-hover:hover{box-shadow:0 2px 10px 0 rgba(26, 34, 36, 0.25) !important;} +.shadow-darken25-bold, +.shadow-darken25-bold-on-active.is-active, .shadow-darken25-bold-on-active.is-active:hover, +.shadow-darken25-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(26, 34, 36, 0.25) !important;} +.shadow-darken50, +.shadow-darken50-on-active.is-active, .shadow-darken50-on-active.is-active:hover, +.shadow-darken50-on-hover:hover{box-shadow:0 2px 10px 0 rgba(26, 34, 36, 0.5) !important;} +.shadow-darken50-bold, +.shadow-darken50-bold-on-active.is-active, .shadow-darken50-bold-on-active.is-active:hover, +.shadow-darken50-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(26, 34, 36, 0.5) !important;} +.shadow-darken75, +.shadow-darken75-on-active.is-active, .shadow-darken75-on-active.is-active:hover, +.shadow-darken75-on-hover:hover{box-shadow:0 2px 10px 0 rgba(26, 34, 36, 0.75) !important;} +.shadow-darken75-bold, +.shadow-darken75-bold-on-active.is-active, .shadow-darken75-bold-on-active.is-active:hover, +.shadow-darken75-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(26, 34, 36, 0.75) !important;} +.shadow-lighten10, +.shadow-lighten10-on-active.is-active, .shadow-lighten10-on-active.is-active:hover, +.shadow-lighten10-on-hover:hover{box-shadow:0 2px 10px 0 rgba(255, 255, 255, 0.1) !important;} +.shadow-lighten10-bold, +.shadow-lighten10-bold-on-active.is-active, .shadow-lighten10-bold-on-active.is-active:hover, +.shadow-lighten10-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(255, 255, 255, 0.1) !important;} +.shadow-lighten25, +.shadow-lighten25-on-active.is-active, .shadow-lighten25-on-active.is-active:hover, +.shadow-lighten25-on-hover:hover{box-shadow:0 2px 10px 0 rgba(255, 255, 255, 0.25) !important;} +.shadow-lighten25-bold, +.shadow-lighten25-bold-on-active.is-active, .shadow-lighten25-bold-on-active.is-active:hover, +.shadow-lighten25-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(255, 255, 255, 0.25) !important;} +.shadow-lighten50, +.shadow-lighten50-on-active.is-active, .shadow-lighten50-on-active.is-active:hover, +.shadow-lighten50-on-hover:hover{box-shadow:0 2px 10px 0 rgba(255, 255, 255, 0.5) !important;} +.shadow-lighten50-bold, +.shadow-lighten50-bold-on-active.is-active, .shadow-lighten50-bold-on-active.is-active:hover, +.shadow-lighten50-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(255, 255, 255, 0.5) !important;} +.shadow-lighten75, +.shadow-lighten75-on-active.is-active, .shadow-lighten75-on-active.is-active:hover, +.shadow-lighten75-on-hover:hover{box-shadow:0 2px 10px 0 rgba(255, 255, 255, 0.75) !important;} +.shadow-lighten75-bold, +.shadow-lighten75-bold-on-active.is-active, .shadow-lighten75-bold-on-active.is-active:hover, +.shadow-lighten75-bold-on-hover:hover{box-shadow:0 6px 30px 0 rgba(255, 255, 255, 0.75) !important;} +.b{ + color:#FFF8DC; +} + +@media (min-width: 433px){ + .b{ + color:#F4F7FB; + } +} + +.a{ + color:#223B53; +}" +`; + +exports[`buildCss defaults 1`] = ` +"html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video{ + margin:0; + padding:0; + border:0; + font-size:100%; + vertical-align:baseline; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section, +main{ + display:block; +} +html{ + box-sizing:border-box; +} +h1, +h2, +h3, +h4, +h5, +h6{ + font-weight:normal; +} +*, +*::before, +*::after{ + box-sizing:inherit; +} +body{ + line-height:1; +} +ol, +ul{ + list-style:none; +} +blockquote, +q{ + quotes:none; +} +blockquote:before, +blockquote:after, +q:before, +q:after{ + content:none; +} +table{ + border-collapse:collapse; + border-spacing:0; +} +hr{ + margin:0; + border:0; +} +html{ + box-sizing:border-box; +} +*, +*:after, +*:before{ + box-sizing:inherit; +} +button{ + background:transparent; + border:0; + color:inherit; + font:inherit; + margin:0; + padding:0; + width:auto; + text-align:left; + appearance:none; + -webkit-user-select:none; + user-select:none; + cursor:pointer; + border-radius:0; +} +button:disabled{ + cursor:default; +} +button::-moz-focus-inner{ + padding:0; + border:0; +} +abbr{ + text-decoration:none; +} +svg{ + display:inline-block; +} +a{ + color:inherit; + text-decoration:none; +} +img{ + max-width:100%; + vertical-align:top; +} +video{ + width:100%; + height:auto; +} +q::before, +q::after{ + content:''; +} +pre{ + display:block; + white-space:pre-wrap; + tab-size:2; +} +legend{ + display:block; + width:100%; +} +[data-assembly-focus-control] *:focus{ + outline:0; +} +[data-assembly-focus-control='visible'] *:focus{ + box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); + transition:box-shadow 0.125s; +} +[data-assembly-focus-control='visible'] input:focus + .checkbox, +[data-assembly-focus-control='visible'] input:focus + .radio, +[data-assembly-focus-control='visible'] input:focus + .switch, +[data-assembly-focus-control='visible'] input:focus + .toggle{ + box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); +} +[data-assembly-focus-control='visible'] .range input[type='range']{ + box-shadow:none; +} +[data-assembly-focus-control='visible'] + .range + input[type='range']:focus::-webkit-slider-thumb{ + box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); +} +[data-assembly-focus-control='visible'] + .range + input[type='range']:focus::-ms-fill-upper{ + box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); +} +[data-assembly-focus-control='visible'] + .range + input[type='range']:focus::-ms-fill-lower{ + box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); +} +[data-assembly-focus-control='visible'] + .range + input[type='range']:focus::-ms-thumb{ + box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); +} +[data-assembly-focus-control='visible'] + .range + input[type='range']:focus::-moz-range-thumb{ + box-shadow:0 0 0 3px rgba(137, 199, 216, 0.65); +} +[data-assembly-focus-control] .range::-moz-focus-outer{ + border:0; +} +@font-face{ + font-family:'Open Sans'; + font-weight:400; + font-display:swap; + src:url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-regular.v1.woff2') format('woff2'), url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-regular.v1.woff') format('woff'); +} +@font-face{ + font-family:'Open Sans'; + font-weight:300; + font-display:swap; + src:url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-light.v1.woff2') format('woff2'), url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-light.v1.woff') format('woff'); +} +@font-face{ + font-family:'Open Sans'; + font-style:italic; + font-display:swap; + src:url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-italic.v1.woff2') format('woff2'), url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-italic.v1.woff') format('woff'); +} +@font-face{ + font-family:'Open Sans'; + font-weight:bold; + font-display:swap; + src:url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-bold.v1.woff2') format('woff2'), url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-bold.v1.woff') format('woff'); +} +@font-face{ + font-family:'Open Sans'; + font-weight:bold; + font-style:italic; + font-display:swap; + src:url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-bolditalic.v1.woff2') format('woff2'), url('https://api.mapbox.com/mapbox-assembly/fonts/opensans-bolditalic.v1.woff') format('woff'); +} +.table, +.prose table:not(.unprose){ + width:100%; + background-color:transparent; + border-spacing:0; + border-collapse:separate; + border:1px solid #C7CACC; + border-radius:4px; +} +.prose table:not(.unprose){ + margin-bottom:18px; +} +.table th, +.table td, +.prose table th:not(.unprose), +.prose table td:not(.unprose){ + text-align:left; + vertical-align:top; + padding:12px; + border-style:solid; + border-color:#C7CACC; + border-left-width:1px; + border-bottom-width:1px; +} +.table th:first-child, +.table td:first-child, +.prose table th:first-child:not(.unprose), +.prose table td:first-child:not(.unprose){ + border-left-width:0; +} +.table :not(thead) tr:last-of-type th, +.table :not(thead) tr:last-of-type td, +.prose table :not(thead) tr:last-of-type th:not(.unprose), +.prose table :not(thead) tr:last-of-type td:not(.unprose){ + border-bottom-width:0; +} +.table--dark, +.prose--dark table:not(.unprose){ + background:transparent; + border-color:#fff; + color:#fff; +} +.table--dark th, +.table--dark td, +.prose--dark th:not(.unprose), +.prose--dark td:not(.unprose){ + border-bottom-color:#fff; +} +.table--dark th + td{ + border-left-color:#fff; +} +.btn:hover, +.btn.is-active{ + background-color:#0B428E; +} +.btn--stroke:hover, +.btn--stroke.is-active{ + background-color:transparent; + color:#0B428E; +} +.btn:disabled{ + pointer-events:none; + color:rgba(158, 163, 167, 0.75); + background-color:rgba(158, 163, 167, 0.25); + box-shadow:none; +} +.btn.btn--stroke:disabled{ + pointer-events:none; + background-color:transparent; + box-shadow:inset 0 0 0 1px rgba(158, 163, 167, 0.75); + color:rgba(158, 163, 167, 0.75); +} +.btn--pill-stroke:hover, +.btn--pill-stroke.is-active{ + z-index:2; +} +.btn.btn--pill-hc{ + border-radius:0 !important; +} +.btn.btn--pill-hl{ + border-top-right-radius:0 !important; + border-bottom-right-radius:0 !important; +} +.btn.btn--pill-hr{ + border-top-left-radius:0 !important; + border-bottom-left-radius:0 !important; +} +.btn.btn--pill-hc:not(.btn--pill-stroke), +.btn.btn--pill-hr:not(.btn--pill-stroke){ + margin-left:1px; +} +.btn.btn--pill-vc{ + border-radius:0 !important; + display:block; + width:100%; +} +.btn.btn--pill-vt{ + border-bottom-right-radius:0 !important; + border-bottom-left-radius:0 !important; + display:block; + width:100%; +} +.btn.btn--pill-vb{ + border-top-right-radius:0 !important; + border-top-left-radius:0 !important; + display:block; + width:100%; +} +.btn.btn--pill-vc:not(.btn--pill-stroke), +.btn.btn--pill-vb:not(.btn--pill-stroke){ + margin-top:1px; +} +.btn--pill-stroke.btn--pill-hc{ + margin-left:-1px; + margin-right:0; +} +.btn--pill-stroke.btn--pill-hr{ + margin-left:-1px; +} +.btn--pill-stroke.btn--pill-vc{ + margin-top:-1px; + margin-bottom:0; +} +.btn--pill-stroke.btn--pill-vb{ + margin-top:-1px; +} +.link:hover, +.link.is-active{ + color:#072E64; +} +.link:disabled{ + pointer-events:none; + cursor:default; + color:rgba(158, 163, 167, 0.75); +} +.fieldset, +.input, +.select, +.textarea{ + appearance:none; + font-family:inherit; + background:transparent; + border:0; + margin:0; + padding:0; + box-shadow:none; +} +.input, +.textarea, +.select{ + box-shadow:inset 0 0 0 1px #C7CACC; + padding:6px 12px; + border-radius:4px; + transition:background-color 0.125s, box-shadow 0.125s; + display:block; + width:100%; +} +.input:focus, +.textarea:focus{ + box-shadow:inset 0 0 0 1px #757D82; +} +[data-assembly-focus-control='visible'] .select.select--stroke:focus{ + box-shadow:inset 0 0 0 1px #757D82, 0 0 0 3px rgba(137, 199, 216, 0.65); +} +.input::placeholder, +.textarea::placeholder{ + color:rgba(158, 163, 167, 0.75); +} +.input::-ms-clear, +.input::-ms-reveal{ + display:none; + width:0; + height:0; +} +.input[type='search']{ + appearance:none; +} +.input[type='search']::-webkit-search-decoration, +.input[type='search']::-webkit-search-cancel-button{ + appearance:none; +} +.input:disabled, +.textarea:disabled, +.select--stroke:disabled{ + pointer-events:none; + color:rgba(26, 34, 36, 0.5); + background-color:rgba(158, 163, 167, 0.1); + box-shadow:inset 0 0 0 1px rgba(158, 163, 167, 0.25) !important; +} +.input[readonly], +.textarea[readonly]{ + background-color:rgba(158, 163, 167, 0.1); +} +.select:hover{ + color:#4D5255; +} +.select:focus + .select-arrow{ + border-top-color:#757D82; +} +.select option{ + background-color:#fff; + color:#4D5255; +} +.select option:disabled{ + color:rgba(26, 34, 36, 0.25); +} +.select::-ms-expand{ + display:none; +} +.select option{ + color:#4D5255; +} +@media all and (-ms-high-contrast: active){ + .select:focus::-ms-value{ + background-color:transparent; + color:inherit; + } +} +@media all and (-ms-high-contrast: none){ + .select:focus::-ms-value{ + background-color:transparent; + color:inherit; + } +} +.select--s + .select-arrow{ + right:8px; +} +.select--stroke .select--s{ + padding:3px 24px 3px 6px; +} +.select:disabled{ + pointer-events:none; + color:rgba(158, 163, 167, 0.75); +} +.select:disabled + .select-arrow{ + border-top-color:rgba(26, 34, 36, 0.25); +} +.range > input{ + appearance:none; + width:100%; + margin:0; + border:0; + background:transparent; + cursor:pointer; + padding:8px 0; +} +.range > input::-webkit-slider-runnable-track{ + width:100%; + height:4px; + padding:0; + border:0; + border-radius:2px; + background:currentColor; + vertical-align:middle; + cursor:pointer; + box-shadow:none; +} +.range > input::-moz-range-track{ + width:100%; + height:4px; + padding:0; + border:0; + border-radius:2px; + background:currentColor; + vertical-align:middle; + cursor:pointer; + box-shadow:none; +} +.range > input::-ms-track{ + width:100%; + height:4px; + cursor:pointer; + background:transparent; + border-color:transparent; + border-width:12px 0; + color:transparent; +} +.range > input::-ms-fill-lower{ + background:currentColor; + border:0; + box-shadow:none; + border-radius:2px; +} +.range > input::-ms-fill-upper{ + background:currentColor; + border:0; + box-shadow:none; + border-radius:2px; +} +.range > input::-webkit-slider-thumb{ + box-sizing:border-box; + -webkit-transition:background 0.125s; + transition:background 0.125s; + appearance:none; + box-shadow:none; + width:20px; + height:20px; + margin-top:-8px; + border-radius:50%; + border:1px solid currentColor; + background:#fff; + cursor:grab; +} +.range > input::-moz-range-thumb{ + box-sizing:border-box; + -moz-transition:background 0.125s; + transition:background 0.125s; + width:20px; + height:20px; + border-radius:50%; + border:1px solid currentColor; + background:#fff; + cursor:grab; +} +.range > input::-ms-thumb{ + box-sizing:border-box; + -ms-transition:background 0.125s; + transition:background 0.125s; + width:20px; + height:20px; + margin-top:0; + border-radius:50%; + border:1px solid currentColor; + background:#fff; + cursor:grab; +} +.range > input::-webkit-slider-thumb:active{ + cursor:grabbing; +} +.range > input::-moz-range-thumb:active{ + cursor:grabbing; +} +.range > input::-ms-thumb:active{ + cursor:grabbing; +} +.range--s > input{ + padding:4px 0; +} +.range--s > input::-webkit-slider-runnable-track{ + height:2px; +} +.range.range--s > input::-moz-range-track{ + height:2px; +} +.range.range--s > input::-ms-track{ + border-width:9px 0; + height:2px; +} +.range--s > input::-webkit-slider-thumb{ + width:12px; + height:12px; + margin-top:-5px; +} +.range--s > input::-moz-range-thumb{ + width:12px; + height:12px; + margin-top:-5px; +} +.range--s > input::-ms-thumb{ + width:12px; + height:12px; + margin-top:0; +} +.range > input:disabled::-webkit-slider-runnable-track{ + background:rgba(158, 163, 167, 0.25); +} +.range > input:disabled::-moz-range-track{ + background:rgba(158, 163, 167, 0.25); +} +.range > input:disabled::-ms-fill-upper{ + background:rgba(158, 163, 167, 0.25); +} +.range > input:disabled::-ms-fill-lower{ + background:rgba(158, 163, 167, 0.25); +} +.range > input:disabled::-webkit-slider-thumb{ + border-color:rgba(158, 163, 167, 0.25); + background:#F7F8F8; +} +.range > input:disabled::-ms-thumb{ + border-color:rgba(158, 163, 167, 0.25); + background:#F7F8F8; +} +.range > input:disabled::-moz-range-thumb{ + border-color:rgba(158, 163, 167, 0.25); + background:#F7F8F8; +} +.checkbox-container, +.switch-container, +.radio-container{ + -webkit-user-select:none; + user-select:none; + display:inline-flex; +} +.toggle-container > input, +.checkbox-container > input, +.switch-container > input, +.radio-container > input{ + border:0; + clip:rect(0 0 0 0); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; + white-space:nowrap; +} +.checkbox, +.radio{ + cursor:pointer; + top:3px; + flex-shrink:0; + width:18px; + height:18px; + border-radius:4px; + position:relative; + border-width:1px; + border-style:solid; + border-color:transparent; + transition:color 0.125s, border 0.125s, background-color 0.125s; +} +.btn:not(.btn--stroke) > .checkbox{ + border-color:transparent; + top:0; +} +.checkbox > .icon{ + position:absolute; + width:18px; + height:18px; + inset:-1px; + display:none; +} +.radio::before{ + content:''; + background-color:currentColor; + border-radius:50%; + position:absolute; + inset:2px; + display:none; +} +.switch::after{ + content:''; + background-color:currentColor; + position:absolute; + display:block; + border-radius:50%; + width:calc(50% - 2px); + left:2px; + top:2px; + bottom:2px; + transition:left 0.125s, background-color 0.125s; +} +.switch--l::after{ + left:3px; + top:3px; + bottom:3px; + width:calc(50% - 3px); +} +.switch--s-label, +.checkbox--s-label, +.radio--s-label{ + top:0; +} +input:disabled{ + pointer-events:none; +} +input:disabled + .checkbox, +input:disabled + .radio, +input:disabled + .switch, +input:checked:disabled + .checkbox, +input:checked:disabled + .radio, +input:checked:disabled + .switch{ + pointer-events:none; + color:rgba(26, 34, 36, 0.25); +} +input:disabled + .switch{ + border-color:rgba(158, 163, 167, 0.25); +} +input:disabled + .radio, +input:disabled + .checkbox{ + background-color:rgba(158, 163, 167, 0.25); + border-color:transparent; +} +input:checked:disabled + .checkbox, +input:checked:disabled + .radio, +input:checked:disabled + .switch{ + background-color:rgba(158, 163, 167, 0.25); +} +input:disabled + .switch::after, +input:checked:disabled + .switch::after{ + background-color:rgba(26, 34, 36, 0.25); +} +input:checked + .checkbox > .icon, +input:checked + .radio::before{ + display:block; +} +input:checked + .radio{ + color:#757D82; +} +input:checked + .checkbox{ + border:1px solid transparent; + background-color:#757D82; +} +input:checked + .switch::after{ + left:50%; + background-color:#fff; +} +input:checked + .switch{ + border-color:transparent; + background-color:#757D82; +} +input:checked + .toggle{ + background:#757D82; + color:#fff; +} +input:disabled + .toggle{ + pointer-events:none; + color:rgba(26, 34, 36, 0.25); + border-color:transparent; +} +input:checked:disabled + .toggle{ + background-color:rgba(158, 163, 167, 0.25); + color:rgba(26, 34, 36, 0.25); +} +body, +input, +textarea{ + color:#1a2224; + font-size:16px; + line-height:24px; + font-family:'Open Sans', sans-serif; + font-weight:normal; + -webkit-font-smoothing:antialiased; +} +.txt-kbd, +.prose:not(.unprose) kbd{ + font-family:'Menlo', 'Bitstream Vera Sans Mono', 'Monaco', 'Consolas', monospace; + border:1px solid rgba(26, 34, 36, 0.25); + line-height:18px; + border-radius:3px; + padding:2px 3px; + box-shadow:0 1px 0 0 rgba(26, 34, 36, 0.1); + font-size:90%; + font-weight:normal; +} +.txt-kbd--dark, +.prose--dark kbd:not(.unprose){ + border:1px solid rgba(255, 255, 255, 0.25); + box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.25); +} +.txt-sub, +.prose sub:not(.unprose){ + top:0.5ex; +} +.txt-code, +.pre, +.prose code:not(.unprose), +.prose pre:not(.unprose){ + font-family:'Menlo', 'Bitstream Vera Sans Mono', 'Monaco', 'Consolas', monospace; + white-space:pre-wrap; + font-size:90%; + line-height:1.5em; + background:rgba(26, 34, 36, 0.05); + border-radius:3px; +} +.txt-code--dark, +.pre--dark, +.prose--dark code:not(.unprose), +.prose--dark pre:not(.unprose){ + background:rgba(255, 255, 255, 0.05); +} +.pre, +.prose pre:not(.unprose){ + padding:12px; + overflow:auto; +} +.prose pre:not(.unprose){ + margin-bottom:12px; +} +.prose pre code:not(.unprose){ + background:transparent; + padding:0; +} +.txt-code, +.prose code:not(.unprose){ + padding:2px 4px; +} +.txt-abbr, +.prose abbr:not(.unprose){ + border-bottom:1px dotted currentColor; + cursor:help; +} +.txt-hr, +.prose hr:not(.unprose){ + margin:17px 0; + border:0; + height:1px; + background:rgba(26, 34, 36, 0.1); +} +.txt-hr--dark, +.prose--dark hr:not(.unprose){ + background:rgba(255, 255, 255, 0.1); +} +.prose ol:not(.unprose), +.prose ul:not(.unprose), +.txt-ol, +.txt-ul{ + margin-left:24px; +} +.prose ol:not(.unprose), +.prose ul:not(.unprose){ + margin-bottom:12px; +} +.prose ol ol:not(.unprose), +.prose ul ul:not(.unprose), +.prose ol ol ol:not(.unprose), +.prose ul ul ul:not(.unprose){ + margin-bottom:6px; +} +.txt-ul, +.prose ul:not(.unprose){ + list-style:disc; +} +.txt-ol, +.prose ol:not(.unprose){ + list-style:decimal; +} +.txt-li, +.prose li:not(.unprose){ + display:list-item; +} +.prose li:not(.unprose){ + margin-bottom:6px; +} +.txt-blockquote, +.prose blockquote:not(.unprose){ + quotes:none; + font-style:normal; + padding-left:18px; +} +.prose blockquote:not(.unprose){ + margin-bottom:18px; +} +.txt-sup, +.txt-sub, +.prose sup:not(.unprose), +.prose sub:not(.unprose){ + height:0; + line-height:1; + vertical-align:baseline; + position:relative; + font-size:75%; +} +.txt-sup, +.prose sup:not(.unprose){ + bottom:1ex; +} +.txt-capitalize-first::first-letter{ + text-transform:capitalize !important; +} +.txt-underline-on-hover:hover{ + text-decoration:underline !important; +} +.prose del:not(.unprose), +.prose s:not(.unprose), +.txt-strike{ + text-decoration:line-through !important; +} +.prose h1:not(.unprose){ + font-weight:bold; + font-size:36px; + line-height:45px; + margin-bottom:12px; + padding-top:36px; +} +.prose h2:not(.unprose){ + font-weight:bold; + font-size:30px; + line-height:36px; + margin-bottom:12px; + padding-top:24px; +} +.prose h3:not(.unprose){ + font-weight:bold; + font-size:24px; + line-height:30px; + margin-bottom:12px; + padding-top:24px; +} +.prose h4:not(.unprose){ + font-weight:bold; + font-size:20px; + line-height:25px; + margin-bottom:12px; + padding-top:18px; +} +.prose h5:not(.unprose), +.prose h6:not(.unprose){ + font-weight:bold; + font-size:16px; + line-height:20px; + margin-bottom:12px; + padding-top:12px; +} +.prose p:not(.unprose){ + margin-bottom:12px; +} +.prose small:not(.unprose){ + display:block; + font-size:12px; + line-height:18px; + margin-bottom:12px; +} +.prose a:not(.unprose){ + color:#0F71FA; + text-decoration:underline; +} +.prose--dark a:not(.unprose){ + color:#fff; +} +.prose a:not(.unprose):hover{ + color:#072E64; +} +.prose--dark a:not(.unprose):hover{ + color:rgba(255, 255, 255, 0.75); +} +.prose img:not(.unprose), +.prose video:not(.unprose){ + margin-bottom:12px; +} +.prose h1:first-child:not(.unprose), +.prose h2:first-child:not(.unprose), +.prose h3:first-child:not(.unprose), +.prose h4:first-child:not(.unprose), +.prose h5:first-child:not(.unprose), +.prose h6:first-child:not(.unprose){ + padding-top:0; +} +.prose *:last-child:not(.unprose){ + margin-bottom:0; +} +.opacity0-on-hover:hover, +.opacity0-on-active.is-active{ + opacity:0 !important; +} +.opacity25-on-hover:hover, +.opacity25-on-active.is-active{ + opacity:0.25 !important; +} +.opacity50-on-hover:hover, +.opacity50-on-active.is-active{ + opacity:0.5 !important; +} +.opacity75-on-hover:hover, +.opacity75-on-active.is-active{ + opacity:0.75 !important; +} +.opacity100-on-hover:hover, +.opacity100-on-active.is-active, +.opacity100-on-focus:focus{ + opacity:1 !important; +} +.clearfix::after{ + content:'' !important; + display:block !important; + clear:both !important; +} +.visible-on-parent-hover{ + visibility:hidden; +} +:hover > .visible-on-parent-hover, +:focus-within > .visible-on-parent-hover{ + visibility:visible; +} +@keyframes pulse{ + 0%{ + transform:scale(0.5); + opacity:0; + } + 45%{ + opacity:0.5; + } + 90%{ + transform:scale(1.25); + opacity:0; + } + 100%{ + transform:scale(1.25); + opacity:0; + } +} +@keyframes spin{ + 0%{ + transform:rotate(0deg); + } + 100%{ + transform:rotate(360deg); + } +} +@keyframes fadein{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +@keyframes fadeinout{ + 0%{ + opacity:0; + } + 50%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +@keyframes shake{ + from, + to{ + transform:translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90%{ + transform:translate3d(-12px, 0, 0); + } + 20%, + 40%, + 60%, + 80%{ + transform:translate3d(12px, 0, 0); + } +} +.animation-shimmer{ + position:relative; + overflow:hidden; + animation-duration:1.5s; + animation-iteration-count:infinite; +} +.animation-shimmer::before{ + content:''; + position:absolute; + top:0; + right:0; + bottom:0; + left:0; + z-index:2; + pointer-events:none; + animation-name:shimmer; + animation-duration:inherit; + animation-delay:inherit; + animation-iteration-count:inherit; + background-image:linear-gradient( + to right, + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.8), + rgba(255, 255, 255, 0) + ); + background-size:50% 100%; + background-repeat:no-repeat; + mix-blend-mode:soft-light; +} +@keyframes shimmer{ + from{ + background-position:-100%; + } + to{ + background-position:200%; + } +} +.scroll-styled::-webkit-scrollbar{ + width:6px; + height:6px; + background:transparent; +} +.scroll-styled::-webkit-scrollbar:hover{ + background:transparent; +} +.scroll-styled::-webkit-scrollbar-track{ + background:none; +} +.scroll-styled::-webkit-scrollbar-thumb{ + background:rgba(0, 0, 0, 0.25); + border-color:transparent; + width:6px; + border-radius:3px; +} +.scroll-styled::-webkit-scrollbar-thumb:hover{ + background:rgba(0, 0, 0, 0.35); +} +.scroll-styled::-webkit-scrollbar-track:hover{ + background:transparent; +} +.scroll-styled--dark::-webkit-scrollbar-thumb{ + background:rgba(255, 255, 255, 0.3); +} +.scroll-styled--dark::-webkit-scrollbar-thumb:hover{ + background:rgba(255, 255, 255, 0.4); +} +.loading, +.loading--dark{ + display:block; + height:36px; + width:36px; + border-radius:50%; + border:3px solid rgba(26, 34, 36, 0.25); + border-top-color:currentColor; + animation:assembly-loading 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95); +} +@keyframes assembly-loading{ + to{ + transform:rotate(360deg); + } +} +@media print{ + .none-print{ + display:none !important; + } +} +.table--fixed{table-layout:fixed;} +.btn{display:inline-block;font-weight:bold;background-color:#0F71FA;font-size:12px;color:#fff;border-radius:18px;padding:6px 18px;text-align:center;transition:background-color 0.125s, border-color 0.125s, color 0.125s;} +.btn--stroke{background-color:transparent;box-shadow:inset 0 0 0 1px currentColor;color:#0F71FA;} +.btn--s{font-size:10px;line-height:18px;padding:3px 12px;border-radius:15px;} +.btn--pill-stroke{position:relative;} +.link{cursor:pointer;color:#0F71FA;transition:color 0.125s;} +.input--s, +.textarea--s{font-size:12px;line-height:18px;padding:3px 6px;} +.textarea{resize:vertical;overflow:auto;} +.select-container{display:inline-flex;position:relative;align-items:center;} +.select{appearance:none;background-color:transparent;font-size:16px;line-height:24px;color:currentColor;padding:6px 30px 6px 0;cursor:pointer;box-shadow:none;} +.select-arrow{position:absolute;right:12px;top:calc(50% - 1px);pointer-events:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #757D82;width:8px;height:8px;margin-top:-1px;transition:border-top-color 0.125s;} +.select--s{font-size:12px;line-height:18px;padding:3px 24px 3px 0;} +.select--stroke{padding:6px 30px 6px 12px;box-shadow:inset 0 0 0 1px #C7CACC;color:#757D82 !important;} +.range{display:flex;align-items:center;height:36px;} +.range--s{height:24px;} +.checkbox{color:#fff;border-color:#757D82;transition:color 0.125s, border 0.125s, background-color 0.125s;} +.radio{border-radius:50%;color:#757D82;border-color:currentColor;} +.switch{cursor:pointer;top:3px;flex-shrink:0;position:relative;width:30px;height:18px;border-radius:9999px;border-width:1px;border-style:solid;border-color:currentColor;color:#757D82;transition:color 0.125s, background-color 0.125s, border-color 0.125s;} +.switch--l{width:40px;height:24px;top:0;} +.toggle-group{display:inline-flex;text-align:center;border-radius:18px;} +.toggle-container{max-width:100%;} +.toggle{flex-shrink:0;cursor:pointer;color:#757D82;font-size:12px;padding:3px 18px;border-radius:15px;background-color:transparent;transition:color 0.125s, background-color 0.125s;} +.toggle--s{font-size:10px;line-height:18px;padding:0 12px;} +.txt-mono{font-family:'Menlo', 'Bitstream Vera Sans Mono', 'Monaco', 'Consolas', monospace;font-size:90%;} +.txt-bold{font-weight:bold !important;} +.txt-h1{font-size:36px;line-height:45px;} +.txt-h2{font-size:30px;line-height:36px;} +.txt-h3{font-size:24px;line-height:30px;} +.txt-h4{font-size:20px;line-height:25px;} +.txt-h5{font-size:16px;line-height:20px;} +.txt-xl{font-size:30px;line-height:45px;} +.txt-l{font-size:20px;line-height:30px;} +.txt-m{font-size:16px;line-height:24px;} +.txt-ms{font-size:14px;line-height:21px;} +.txt-s{font-size:12px;line-height:18px;} +.txt-xs{font-size:10px;line-height:15px;} +.txt-light{font-weight:lighter !important;} +.txt-normal{font-weight:normal !important;} +.txt-em{font-style:italic !important;} +.txt-uppercase{text-transform:uppercase !important;} +.txt-capitalize-first, +.txt-lowercase{text-transform:lowercase !important;} +.txt-capitalize{text-transform:capitalize !important;} +.txt-underline{text-decoration:underline !important;} +.txt-nowrap{white-space:nowrap !important;} +.txt-break-word{overflow-wrap:anywhere !important;} +.txt-truncate{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} +.txt-spacing05{letter-spacing:0.05em !important;} +.txt-spacing1{letter-spacing:0.1em !important;} +.txt-spacing2{letter-spacing:0.2em !important;} +.txt-shadow-darken10{text-shadow:1px 1px 1px rgba(26, 34, 36, 0.1);} +.txt-shadow-darken25{text-shadow:1px 1px 1px rgba(26, 34, 36, 0.25);} +.txt-shadow-darken50{text-shadow:1px 1px 1px rgba(26, 34, 36, 0.5);} +.txt-shadow-lighten10{text-shadow:1px 1px 1px rgba(255, 255, 255, 0.1);} +.txt-shadow-lighten25{text-shadow:1px 1px 1px rgba(255, 255, 255, 0.25);} +.txt-shadow-lighten50{text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);} +.prose--dark{color:#fff;} +.align-l{text-align:left !important;} +.align-r{text-align:right !important;} +.align-center{text-align:center !important;} +.align-t{vertical-align:top !important;} +.align-b{vertical-align:bottom !important;} +.align-middle{vertical-align:middle !important;} +.border{border-style:solid;border-width:1px;} +.border-t{border-style:solid;border-top-width:1px;} +.border-r{border-style:solid;border-right-width:1px;} +.border-b{border-style:solid;border-bottom-width:1px;} +.border-l{border-style:solid;border-left-width:1px;} +.border--0{border-width:0 !important;} +.border-t--0{border-top-width:0 !important;} +.border-r--0{border-right-width:0 !important;} +.border-b--0{border-bottom-width:0 !important;} +.border-l--0{border-left-width:0 !important;} +.border--2{border-width:2px !important;} +.border-t--2{border-top-width:2px !important;} +.border-r--2{border-right-width:2px !important;} +.border-b--2{border-bottom-width:2px !important;} +.border-l--2{border-left-width:2px !important;} +.border--dash{border-style:dashed !important;} +.round{border-radius:4px !important;} +.round-t{border-radius:4px 4px 0 0 !important;} +.round-r{border-radius:0 4px 4px 0 !important;} +.round-b{border-radius:0 0 4px 4px !important;} +.round-l{border-radius:4px 0 0 4px !important;} +.round-tl{border-top-left-radius:4px !important;} +.round-tr{border-top-right-radius:4px !important;} +.round-br{border-bottom-right-radius:4px !important;} +.round-bl{border-bottom-left-radius:4px !important;} +.round-bold{border-radius:8px !important;} +.round-t-bold{border-radius:8px 8px 0 0 !important;} +.round-r-bold{border-radius:0 8px 8px 0 !important;} +.round-b-bold{border-radius:0 0 8px 8px !important;} +.round-l-bold{border-radius:8px 0 0 8px !important;} +.round-tl-bold{border-top-left-radius:8px !important;} +.round-tr-bold{border-top-right-radius:8px !important;} +.round-br-bold{border-bottom-right-radius:8px !important;} +.round-bl-bold{border-bottom-left-radius:8px !important;} +.round-full{border-radius:9999px !important;} +.round-t-full{border-radius:9999px 9999px 0 0 !important;} +.round-r-full{border-radius:0 9999px 9999px 0 !important;} +.round-b-full{border-radius:0 0 9999px 9999px !important;} +.round-l-full{border-radius:9999px 0 0 9999px !important;} +.round-tl-full{border-top-left-radius:9999px !important;} +.round-tr-full{border-top-right-radius:9999px !important;} +.round-br-full{border-bottom-right-radius:9999px !important;} +.round-bl-full{border-bottom-left-radius:9999px !important;} +.unround{border-radius:0 !important;} +.unround-t{border-top-left-radius:0 !important;border-top-right-radius:0 !important;} +.unround-r{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;} +.unround-b{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;} +.unround-l{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;} +.unround-tl{border-top-left-radius:0 !important;} +.unround-tr{border-top-right-radius:0 !important;} +.unround-br{border-bottom-right-radius:0 !important;} +.unround-bl{border-bottom-left-radius:0 !important;} +.cursor-default{cursor:default !important;} +.cursor-pointer{cursor:pointer !important;} +.cursor-crosshair{cursor:crosshair !important;} +.cursor-move{cursor:move !important;} +.cursor-notallowed{cursor:not-allowed !important;} +.cursor-grab{cursor:grab !important;} +.cursor-grabbing{cursor:grabbing !important;} +.cursor-col-resize{cursor:col-resize !important;} +.cursor-row-resize{cursor:row-resize !important;} +.opacity0{opacity:0 !important;} +.opacity25{opacity:0.25 !important;} +.opacity50{opacity:0.5 !important;} +.opacity75{opacity:0.75 !important;} +.opacity100{opacity:1 !important;} +.icon{display:block;fill:currentColor;height:1em;width:1em;} +.grid{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid > .col, .grid > .col-mm, .grid > .col-ml, .grid > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col{min-width:0;} +.inline{display:inline !important;} +.block{display:block !important;} +.inline-block{display:inline-block !important;} +.none{display:none !important;} +.fixed{position:fixed !important;} +.absolute{position:absolute !important;} +.relative{position:relative !important;} +.static{position:static !important;} +.sticky{position:sticky !important;} +.top{top:0 !important;} +.right{right:0 !important;} +.left{left:0 !important;} +.bottom{bottom:0 !important;} +.z-neg1{z-index:-1 !important;} +.z0{z-index:0 !important;} +.z1{z-index:1 !important;} +.z2{z-index:2 !important;} +.z3{z-index:3 !important;} +.z4{z-index:4 !important;} +.z5{z-index:5 !important;} +.mx-auto{margin-left:auto !important;margin-right:auto !important;} +.ml-auto{margin-left:auto !important;} +.mr-auto{margin-right:auto !important;} +.flex{display:flex !important;} +.inline-flex{display:inline-flex !important;} +.flex--column{flex-direction:column !important;} +.flex--column-reverse{flex-direction:column-reverse !important;} +.flex--row{flex-direction:row !important;} +.flex--row-reverse{flex-direction:row-reverse !important;} +.flex--center-main{justify-content:center !important;} +.flex--center-cross{align-items:center !important;} +.flex--start-cross{align-items:flex-start !important;} +.flex--start-main{justify-content:flex-start !important;} +.flex--end-cross{align-items:flex-end !important;} +.flex--end-main{justify-content:flex-end !important;} +.flex--wrap{flex-wrap:wrap !important;} +.flex--stretch-cross{align-items:stretch !important;} +.flex--space-between-main{justify-content:space-between !important;} +.flex--space-around-main{justify-content:space-around !important;} +.flex--space-evenly-main{justify-content:space-evenly !important;} +.flex-child-grow{flex-grow:1 !important;min-width:0;} +.flex-child-no-shrink{flex-shrink:0 !important;} +.object-contain{object-fit:contain !important;} +.object-cover{object-fit:cover !important;} +.object-fill{object-fit:fill !important;} +.object-none{object-fit:none !important;} +.object-scale-down{object-fit:scale-down !important;} +.bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} +.bleed-r{flex-grow:1;margin-right:calc(50% - 50vw);} +.bleed-l{flex-grow:1;margin-left:calc(50% - 50vw);} +.unbleed{flex-grow:0;margin-left:0;margin-right:0;} +.fl{float:left !important;} +.fr{float:right !important;} +.unfloat{float:none !important;} +.triangle{width:12px !important;height:12px !important;font-size:0 !important;line-height:0 !important;} +.triangle--u{border-left:6px solid transparent !important;border-right:6px solid transparent !important;border-bottom:9px solid currentColor !important;} +.triangle--r{border-top:6px solid transparent !important;border-bottom:6px solid transparent !important;border-left:9px solid currentColor !important;} +.triangle--d{border-left:6px solid transparent !important;border-right:6px solid transparent !important;border-top:9px solid currentColor !important;} +.triangle--l{border-top:6px solid transparent !important;border-bottom:6px solid transparent !important;border-right:9px solid currentColor !important;} +.triangle-l{width:24px !important;height:24px !important;font-size:0 !important;line-height:0 !important;} +.triangle-l--u{border-left:12px solid transparent !important;border-right:12px solid transparent !important;border-bottom:18px solid currentColor !important;} +.triangle-l--r{border-top:12px solid transparent !important;border-bottom:12px solid transparent !important;border-left:18px solid currentColor !important;} +.triangle-l--d{border-left:12px solid transparent !important;border-right:12px solid transparent !important;border-top:18px solid currentColor !important;} +.triangle-l--l{border-top:12px solid transparent !important;border-bottom:12px solid transparent !important;border-right:18px solid currentColor !important;} +.animation-pulse{animation:pulse 1.5s ease-in-out;} +.animation-spin{animation:spin 1.5s linear;} +.animation-fade-in{animation:fadein 1.5s ease-in forwards;} +.animation-fade-out{animation:fadein 1.5s ease-out reverse forwards;} +.animation-fade-in-out{animation:fadeinout 1.5s ease-in-out forwards;} +.animation-shake{animation:shake 1.5s ease-in-out;} +.animation--speed-025{animation-duration:250ms;} +.animation--speed-05{animation-duration:500ms;} +.animation--speed-1{animation-duration:1s;} +.animation--speed-2{animation-duration:2s;} +.animation--speed-4{animation-duration:4s;} +.animation--delay{animation-delay:1s;} +.animation--infinite{animation-iteration-count:infinite;} +.loading--dark{color:#fff;border-left-color:rgba(255, 255, 255, 0.25);border-right-color:rgba(255, 255, 255, 0.25);border-bottom-color:rgba(255, 255, 255, 0.25);} +.loading--s{height:18px;width:18px;} +.bg-canvas{background-image:linear-gradient(-45deg, transparent 75%, #F7F8F8 75%), linear-gradient(45deg, transparent 75%, #F7F8F8 75%), linear-gradient(45deg, #F7F8F8 25%, transparent 25%), linear-gradient(-45deg, #F7F8F8 25%, transparent 25%);background-size:12px 12px;background-position:0 0, 0 -6px, 6px 0, -6px -6px;} +.bg-canvas--dark{background-image:linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.1) 75%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.1) 75%), linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%);} +.events-none{-webkit-touch-callout:none;pointer-events:none;} +.events-all{-webkit-touch-callout:default;pointer-events:all;} +.unselectable{-webkit-user-select:none;user-select:none;} +.selectable{-webkit-user-select:text;user-select:text;} +.transition{transition:all 0.125s;} +.transition-none{transition:auto;} +.overflow-scroll{overflow:scroll !important;} +.overflow-auto{overflow:auto !important;-webkit-overflow-scrolling:touch;} +.overflow-hidden{overflow:hidden !important;} +.hide-visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;} +.grid--gut0{column-gap:0;} +.grid--gut3{column-gap:3px;} +.grid--gut6{column-gap:6px;} +.grid--gut12{column-gap:12px;} +.grid--gut18{column-gap:18px;} +.grid--gut24{column-gap:24px;} +.grid--gut30{column-gap:30px;} +.grid--gut36{column-gap:36px;} +.grid--gut60{column-gap:60px;} +.grid--gut120{column-gap:120px;} +.my-neg1{margin-top:-1px !important;margin-bottom:-1px !important;} +.mx-neg1{margin-left:-1px !important;margin-right:-1px !important;} +.mt-neg1{margin-top:-1px !important;} +.mr-neg1{margin-right:-1px !important;} +.mb-neg1{margin-bottom:-1px !important;} +.ml-neg1{margin-left:-1px !important;} +.my-neg2{margin-top:-2px !important;margin-bottom:-2px !important;} +.mx-neg2{margin-left:-2px !important;margin-right:-2px !important;} +.mt-neg2{margin-top:-2px !important;} +.mr-neg2{margin-right:-2px !important;} +.mb-neg2{margin-bottom:-2px !important;} +.ml-neg2{margin-left:-2px !important;} +.my-neg3{margin-top:-3px !important;margin-bottom:-3px !important;} +.mx-neg3{margin-left:-3px !important;margin-right:-3px !important;} +.mt-neg3{margin-top:-3px !important;} +.mr-neg3{margin-right:-3px !important;} +.mb-neg3{margin-bottom:-3px !important;} +.ml-neg3{margin-left:-3px !important;} +.my-neg6{margin-top:-6px !important;margin-bottom:-6px !important;} +.mx-neg6{margin-left:-6px !important;margin-right:-6px !important;} +.mt-neg6{margin-top:-6px !important;} +.mr-neg6{margin-right:-6px !important;} +.mb-neg6{margin-bottom:-6px !important;} +.ml-neg6{margin-left:-6px !important;} +.my-neg12{margin-top:-12px !important;margin-bottom:-12px !important;} +.mx-neg12{margin-left:-12px !important;margin-right:-12px !important;} +.mt-neg12{margin-top:-12px !important;} +.mr-neg12{margin-right:-12px !important;} +.mb-neg12{margin-bottom:-12px !important;} +.ml-neg12{margin-left:-12px !important;} +.my-neg18{margin-top:-18px !important;margin-bottom:-18px !important;} +.mx-neg18{margin-left:-18px !important;margin-right:-18px !important;} +.mt-neg18{margin-top:-18px !important;} +.mr-neg18{margin-right:-18px !important;} +.mb-neg18{margin-bottom:-18px !important;} +.ml-neg18{margin-left:-18px !important;} +.my-neg24{margin-top:-24px !important;margin-bottom:-24px !important;} +.mx-neg24{margin-left:-24px !important;margin-right:-24px !important;} +.mt-neg24{margin-top:-24px !important;} +.mr-neg24{margin-right:-24px !important;} +.mb-neg24{margin-bottom:-24px !important;} +.ml-neg24{margin-left:-24px !important;} +.my-neg30{margin-top:-30px !important;margin-bottom:-30px !important;} +.mx-neg30{margin-left:-30px !important;margin-right:-30px !important;} +.mt-neg30{margin-top:-30px !important;} +.mr-neg30{margin-right:-30px !important;} +.mb-neg30{margin-bottom:-30px !important;} +.ml-neg30{margin-left:-30px !important;} +.my-neg36{margin-top:-36px !important;margin-bottom:-36px !important;} +.mx-neg36{margin-left:-36px !important;margin-right:-36px !important;} +.mt-neg36{margin-top:-36px !important;} +.mr-neg36{margin-right:-36px !important;} +.mb-neg36{margin-bottom:-36px !important;} +.ml-neg36{margin-left:-36px !important;} +.my-neg60{margin-top:-60px !important;margin-bottom:-60px !important;} +.mx-neg60{margin-left:-60px !important;margin-right:-60px !important;} +.mt-neg60{margin-top:-60px !important;} +.mr-neg60{margin-right:-60px !important;} +.mb-neg60{margin-bottom:-60px !important;} +.ml-neg60{margin-left:-60px !important;} +.my-neg120{margin-top:-120px !important;margin-bottom:-120px !important;} +.mx-neg120{margin-left:-120px !important;margin-right:-120px !important;} +.mt-neg120{margin-top:-120px !important;} +.mr-neg120{margin-right:-120px !important;} +.mb-neg120{margin-bottom:-120px !important;} +.ml-neg120{margin-left:-120px !important;} +.my-neg180{margin-top:-180px !important;margin-bottom:-180px !important;} +.mx-neg180{margin-left:-180px !important;margin-right:-180px !important;} +.mt-neg180{margin-top:-180px !important;} +.mr-neg180{margin-right:-180px !important;} +.mb-neg180{margin-bottom:-180px !important;} +.ml-neg180{margin-left:-180px !important;} +.my-neg240{margin-top:-240px !important;margin-bottom:-240px !important;} +.mx-neg240{margin-left:-240px !important;margin-right:-240px !important;} +.mt-neg240{margin-top:-240px !important;} +.mr-neg240{margin-right:-240px !important;} +.mb-neg240{margin-bottom:-240px !important;} +.ml-neg240{margin-left:-240px !important;} +.my-neg300{margin-top:-300px !important;margin-bottom:-300px !important;} +.mx-neg300{margin-left:-300px !important;margin-right:-300px !important;} +.mt-neg300{margin-top:-300px !important;} +.mr-neg300{margin-right:-300px !important;} +.mb-neg300{margin-bottom:-300px !important;} +.ml-neg300{margin-left:-300px !important;} +.my-neg360{margin-top:-360px !important;margin-bottom:-360px !important;} +.mx-neg360{margin-left:-360px !important;margin-right:-360px !important;} +.mt-neg360{margin-top:-360px !important;} +.mr-neg360{margin-right:-360px !important;} +.mb-neg360{margin-bottom:-360px !important;} +.ml-neg360{margin-left:-360px !important;} +.my0{margin-top:0 !important;margin-bottom:0 !important;} +.mx0{margin-left:0 !important;margin-right:0 !important;} +.mt0{margin-top:0 !important;} +.mr0{margin-right:0 !important;} +.mb0{margin-bottom:0 !important;} +.ml0{margin-left:0 !important;} +.my3{margin-top:3px !important;margin-bottom:3px !important;} +.mx3{margin-left:3px !important;margin-right:3px !important;} +.mt3{margin-top:3px !important;} +.mr3{margin-right:3px !important;} +.mb3{margin-bottom:3px !important;} +.ml3{margin-left:3px !important;} +.my6{margin-top:6px !important;margin-bottom:6px !important;} +.mx6{margin-left:6px !important;margin-right:6px !important;} +.mt6{margin-top:6px !important;} +.mr6{margin-right:6px !important;} +.mb6{margin-bottom:6px !important;} +.ml6{margin-left:6px !important;} +.my12{margin-top:12px !important;margin-bottom:12px !important;} +.mx12{margin-left:12px !important;margin-right:12px !important;} +.mt12{margin-top:12px !important;} +.mr12{margin-right:12px !important;} +.mb12{margin-bottom:12px !important;} +.ml12{margin-left:12px !important;} +.my18{margin-top:18px !important;margin-bottom:18px !important;} +.mx18{margin-left:18px !important;margin-right:18px !important;} +.mt18{margin-top:18px !important;} +.mr18{margin-right:18px !important;} +.mb18{margin-bottom:18px !important;} +.ml18{margin-left:18px !important;} +.my24{margin-top:24px !important;margin-bottom:24px !important;} +.mx24{margin-left:24px !important;margin-right:24px !important;} +.mt24{margin-top:24px !important;} +.mr24{margin-right:24px !important;} +.mb24{margin-bottom:24px !important;} +.ml24{margin-left:24px !important;} +.my30{margin-top:30px !important;margin-bottom:30px !important;} +.mx30{margin-left:30px !important;margin-right:30px !important;} +.mt30{margin-top:30px !important;} +.mr30{margin-right:30px !important;} +.mb30{margin-bottom:30px !important;} +.ml30{margin-left:30px !important;} +.my36{margin-top:36px !important;margin-bottom:36px !important;} +.mx36{margin-left:36px !important;margin-right:36px !important;} +.mt36{margin-top:36px !important;} +.mr36{margin-right:36px !important;} +.mb36{margin-bottom:36px !important;} +.ml36{margin-left:36px !important;} +.my60{margin-top:60px !important;margin-bottom:60px !important;} +.mx60{margin-left:60px !important;margin-right:60px !important;} +.mt60{margin-top:60px !important;} +.mr60{margin-right:60px !important;} +.mb60{margin-bottom:60px !important;} +.ml60{margin-left:60px !important;} +.my120{margin-top:120px !important;margin-bottom:120px !important;} +.mx120{margin-left:120px !important;margin-right:120px !important;} +.mt120{margin-top:120px !important;} +.mr120{margin-right:120px !important;} +.mb120{margin-bottom:120px !important;} +.ml120{margin-left:120px !important;} +.my180{margin-top:180px !important;margin-bottom:180px !important;} +.mx180{margin-left:180px !important;margin-right:180px !important;} +.mt180{margin-top:180px !important;} +.mr180{margin-right:180px !important;} +.mb180{margin-bottom:180px !important;} +.ml180{margin-left:180px !important;} +.my240{margin-top:240px !important;margin-bottom:240px !important;} +.mx240{margin-left:240px !important;margin-right:240px !important;} +.mt240{margin-top:240px !important;} +.mr240{margin-right:240px !important;} +.mb240{margin-bottom:240px !important;} +.ml240{margin-left:240px !important;} +.my300{margin-top:300px !important;margin-bottom:300px !important;} +.mx300{margin-left:300px !important;margin-right:300px !important;} +.mt300{margin-top:300px !important;} +.mr300{margin-right:300px !important;} +.mb300{margin-bottom:300px !important;} +.ml300{margin-left:300px !important;} +.my360{margin-top:360px !important;margin-bottom:360px !important;} +.mx360{margin-left:360px !important;margin-right:360px !important;} +.mt360{margin-top:360px !important;} +.mr360{margin-right:360px !important;} +.mb360{margin-bottom:360px !important;} +.ml360{margin-left:360px !important;} +.mr-1\\/12{margin-right:8.3333% !important;} +.ml-1\\/12{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12{width:8.3333% !important;grid-column-end:span 1 !important;} +.h-viewport-1\\/12{height:8.3333vh !important;} +.hmax-viewport-1\\/12{max-height:8.3333vh !important;} +.mr-1\\/6{margin-right:16.6666% !important;} +.ml-1\\/6{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6{width:16.6666% !important;grid-column-end:span 2 !important;} +.h-viewport-1\\/6{height:16.6666vh !important;} +.hmax-viewport-1\\/6{max-height:16.6666vh !important;} +.mr-1\\/4{margin-right:25% !important;} +.ml-1\\/4{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4{width:25% !important;grid-column-end:span 3 !important;} +.h-viewport-1\\/4{height:25vh !important;} +.hmax-viewport-1\\/4{max-height:25vh !important;} +.mr-1\\/3{margin-right:33.3333% !important;} +.ml-1\\/3{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3{width:33.3333% !important;grid-column-end:span 4 !important;} +.h-viewport-1\\/3{height:33.3333vh !important;} +.hmax-viewport-1\\/3{max-height:33.3333vh !important;} +.mr-5\\/12{margin-right:41.6666% !important;} +.ml-5\\/12{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12{width:41.6666% !important;grid-column-end:span 5 !important;} +.h-viewport-5\\/12{height:41.6666vh !important;} +.hmax-viewport-5\\/12{max-height:41.6666vh !important;} +.mr-1\\/2{margin-right:50% !important;} +.ml-1\\/2{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2{width:50% !important;grid-column-end:span 6 !important;} +.h-viewport-1\\/2{height:50vh !important;} +.hmax-viewport-1\\/2{max-height:50vh !important;} +.mr-7\\/12{margin-right:58.3333% !important;} +.ml-7\\/12{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12{width:58.3333% !important;grid-column-end:span 7 !important;} +.h-viewport-7\\/12{height:58.3333vh !important;} +.hmax-viewport-7\\/12{max-height:58.3333vh !important;} +.mr-2\\/3{margin-right:66.6666% !important;} +.ml-2\\/3{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3{width:66.6666% !important;grid-column-end:span 8 !important;} +.h-viewport-2\\/3{height:66.6666vh !important;} +.hmax-viewport-2\\/3{max-height:66.6666vh !important;} +.mr-3\\/4{margin-right:75% !important;} +.ml-3\\/4{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4{width:75% !important;grid-column-end:span 9 !important;} +.h-viewport-3\\/4{height:75vh !important;} +.hmax-viewport-3\\/4{max-height:75vh !important;} +.mr-5\\/6{margin-right:83.3333% !important;} +.ml-5\\/6{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6{width:83.3333% !important;grid-column-end:span 10 !important;} +.h-viewport-5\\/6{height:83.3333vh !important;} +.hmax-viewport-5\\/6{max-height:83.3333vh !important;} +.mr-11\\/12{margin-right:91.6666% !important;} +.ml-11\\/12{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12{width:91.6666% !important;grid-column-end:span 11 !important;} +.h-viewport-11\\/12{height:91.6666vh !important;} +.hmax-viewport-11\\/12{max-height:91.6666vh !important;} +.gap0{gap:0 !important;} +.gapx0{column-gap:0 !important;} +.gapy0{row-gap:0 !important;} +.gap3{gap:3px !important;} +.gapx3{column-gap:3px !important;} +.gapy3{row-gap:3px !important;} +.gap6{gap:6px !important;} +.gapx6{column-gap:6px !important;} +.gapy6{row-gap:6px !important;} +.gap12{gap:12px !important;} +.gapx12{column-gap:12px !important;} +.gapy12{row-gap:12px !important;} +.gap18{gap:18px !important;} +.gapx18{column-gap:18px !important;} +.gapy18{row-gap:18px !important;} +.gap24{gap:24px !important;} +.gapx24{column-gap:24px !important;} +.gapy24{row-gap:24px !important;} +.gap30{gap:30px !important;} +.gapx30{column-gap:30px !important;} +.gapy30{row-gap:30px !important;} +.gap36{gap:36px !important;} +.gapx36{column-gap:36px !important;} +.gapy36{row-gap:36px !important;} +.gap60{gap:60px !important;} +.gapx60{column-gap:60px !important;} +.gapy60{row-gap:60px !important;} +.gap120{gap:120px !important;} +.gapx120{column-gap:120px !important;} +.gapy120{row-gap:120px !important;} +.gap180{gap:180px !important;} +.gapx180{column-gap:180px !important;} +.gapy180{row-gap:180px !important;} +.gap240{gap:240px !important;} +.gapx240{column-gap:240px !important;} +.gapy240{row-gap:240px !important;} +.gap300{gap:300px !important;} +.gapx300{column-gap:300px !important;} +.gapy300{row-gap:300px !important;} +.gap360{gap:360px !important;} +.gapx360{column-gap:360px !important;} +.gapy360{row-gap:360px !important;} +.aspect-auto{aspect-ratio:auto !important;} +.aspect-1\\/1{aspect-ratio:1/1 !important;} +.aspect-4\\/3{aspect-ratio:4/3 !important;} +.aspect-3\\/2{aspect-ratio:3/2 !important;} +.aspect-16\\/9{aspect-ratio:16/9 !important;} +.aspect-21\\/9{aspect-ratio:21/9 !important;} +.aspect-3\\/4{aspect-ratio:3/4 !important;} +.aspect-9\\/16{aspect-ratio:9/16 !important;} +.rotate0{rotate:0deg !important;} +.rotate45{rotate:45deg !important;} +.rotate90{rotate:90deg !important;} +.rotate180{rotate:180deg !important;} +.rotate270{rotate:270deg !important;} +.rotate-neg45{rotate:-45deg !important;} +.rotate-neg90{rotate:-90deg !important;} +.rotate-neg180{rotate:-180deg !important;} +.rotate-neg270{rotate:-270deg !important;} +.scale0{scale:0 !important;} +.scale50{scale:0.5 !important;} +.scale75{scale:0.75 !important;} +.scale100{scale:1 !important;} +.scale125{scale:1.25 !important;} +.scale150{scale:1.5 !important;} +.translate-x-neg1{translate:-1px 0 !important;} +.translate-y-neg1{translate:0 -1px !important;} +.translate-x-neg2{translate:-2px 0 !important;} +.translate-y-neg2{translate:0 -2px !important;} +.translate-x-neg3{translate:-3px 0 !important;} +.translate-y-neg3{translate:0 -3px !important;} +.translate-x-neg6{translate:-6px 0 !important;} +.translate-y-neg6{translate:0 -6px !important;} +.translate-x-neg12{translate:-12px 0 !important;} +.translate-y-neg12{translate:0 -12px !important;} +.translate-x-neg18{translate:-18px 0 !important;} +.translate-y-neg18{translate:0 -18px !important;} +.translate-x-neg24{translate:-24px 0 !important;} +.translate-y-neg24{translate:0 -24px !important;} +.translate-x-neg30{translate:-30px 0 !important;} +.translate-y-neg30{translate:0 -30px !important;} +.translate-x-neg36{translate:-36px 0 !important;} +.translate-y-neg36{translate:0 -36px !important;} +.translate-x-neg60{translate:-60px 0 !important;} +.translate-y-neg60{translate:0 -60px !important;} +.translate-x-neg120{translate:-120px 0 !important;} +.translate-y-neg120{translate:0 -120px !important;} +.translate-x-neg180{translate:-180px 0 !important;} +.translate-y-neg180{translate:0 -180px !important;} +.translate-x-neg240{translate:-240px 0 !important;} +.translate-y-neg240{translate:0 -240px !important;} +.translate-x-neg300{translate:-300px 0 !important;} +.translate-y-neg300{translate:0 -300px !important;} +.translate-x-neg360{translate:-360px 0 !important;} +.translate-y-neg360{translate:0 -360px !important;} +.translate-x0, +.translate-y0{translate:0 0 !important;} +.translate-x3{translate:3px 0 !important;} +.translate-y3{translate:0 3px !important;} +.translate-x6{translate:6px 0 !important;} +.translate-y6{translate:0 6px !important;} +.translate-x12{translate:12px 0 !important;} +.translate-y12{translate:0 12px !important;} +.translate-x18{translate:18px 0 !important;} +.translate-y18{translate:0 18px !important;} +.translate-x24{translate:24px 0 !important;} +.translate-y24{translate:0 24px !important;} +.translate-x30{translate:30px 0 !important;} +.translate-y30{translate:0 30px !important;} +.translate-x36{translate:36px 0 !important;} +.translate-y36{translate:0 36px !important;} +.translate-x60{translate:60px 0 !important;} +.translate-y60{translate:0 60px !important;} +.translate-x120{translate:120px 0 !important;} +.translate-y120{translate:0 120px !important;} +.translate-x180{translate:180px 0 !important;} +.translate-y180{translate:0 180px !important;} +.translate-x240{translate:240px 0 !important;} +.translate-y240{translate:0 240px !important;} +.translate-x300{translate:300px 0 !important;} +.translate-y300{translate:0 300px !important;} +.translate-x360{translate:360px 0 !important;} +.translate-y360{translate:0 360px !important;} +.py0{padding-top:0 !important;padding-bottom:0 !important;} +.px0{padding-left:0 !important;padding-right:0 !important;} +.pt0{padding-top:0 !important;} +.pr0{padding-right:0 !important;} +.pb0{padding-bottom:0 !important;} +.pl0{padding-left:0 !important;} +.py3{padding-top:3px !important;padding-bottom:3px !important;} +.px3{padding-left:3px !important;padding-right:3px !important;} +.pt3{padding-top:3px !important;} +.pr3{padding-right:3px !important;} +.pb3{padding-bottom:3px !important;} +.pl3{padding-left:3px !important;} +.py6{padding-top:6px !important;padding-bottom:6px !important;} +.px6{padding-left:6px !important;padding-right:6px !important;} +.pt6{padding-top:6px !important;} +.pr6{padding-right:6px !important;} +.pb6{padding-bottom:6px !important;} +.pl6{padding-left:6px !important;} +.py12{padding-top:12px !important;padding-bottom:12px !important;} +.px12{padding-left:12px !important;padding-right:12px !important;} +.pt12{padding-top:12px !important;} +.pr12{padding-right:12px !important;} +.pb12{padding-bottom:12px !important;} +.pl12{padding-left:12px !important;} +.py18{padding-top:18px !important;padding-bottom:18px !important;} +.px18{padding-left:18px !important;padding-right:18px !important;} +.pt18{padding-top:18px !important;} +.pr18{padding-right:18px !important;} +.pb18{padding-bottom:18px !important;} +.pl18{padding-left:18px !important;} +.py24{padding-top:24px !important;padding-bottom:24px !important;} +.px24{padding-left:24px !important;padding-right:24px !important;} +.pt24{padding-top:24px !important;} +.pr24{padding-right:24px !important;} +.pb24{padding-bottom:24px !important;} +.pl24{padding-left:24px !important;} +.py30{padding-top:30px !important;padding-bottom:30px !important;} +.px30{padding-left:30px !important;padding-right:30px !important;} +.pt30{padding-top:30px !important;} +.pr30{padding-right:30px !important;} +.pb30{padding-bottom:30px !important;} +.pl30{padding-left:30px !important;} +.py36{padding-top:36px !important;padding-bottom:36px !important;} +.px36{padding-left:36px !important;padding-right:36px !important;} +.pt36{padding-top:36px !important;} +.pr36{padding-right:36px !important;} +.pb36{padding-bottom:36px !important;} +.pl36{padding-left:36px !important;} +.py60{padding-top:60px !important;padding-bottom:60px !important;} +.px60{padding-left:60px !important;padding-right:60px !important;} +.pt60{padding-top:60px !important;} +.pr60{padding-right:60px !important;} +.pb60{padding-bottom:60px !important;} +.pl60{padding-left:60px !important;} +.py120{padding-top:120px !important;padding-bottom:120px !important;} +.px120{padding-left:120px !important;padding-right:120px !important;} +.pt120{padding-top:120px !important;} +.pr120{padding-right:120px !important;} +.pb120{padding-bottom:120px !important;} +.pl120{padding-left:120px !important;} +.py180{padding-top:180px !important;padding-bottom:180px !important;} +.px180{padding-left:180px !important;padding-right:180px !important;} +.pt180{padding-top:180px !important;} +.pr180{padding-right:180px !important;} +.pb180{padding-bottom:180px !important;} +.pl180{padding-left:180px !important;} +.py240{padding-top:240px !important;padding-bottom:240px !important;} +.px240{padding-left:240px !important;padding-right:240px !important;} +.pt240{padding-top:240px !important;} +.pr240{padding-right:240px !important;} +.pb240{padding-bottom:240px !important;} +.pl240{padding-left:240px !important;} +.py300{padding-top:300px !important;padding-bottom:300px !important;} +.px300{padding-left:300px !important;padding-right:300px !important;} +.pt300{padding-top:300px !important;} +.pr300{padding-right:300px !important;} +.pb300{padding-bottom:300px !important;} +.pl300{padding-left:300px !important;} +.py360{padding-top:360px !important;padding-bottom:360px !important;} +.px360{padding-left:360px !important;padding-right:360px !important;} +.pt360{padding-top:360px !important;} +.pr360{padding-right:360px !important;} +.pb360{padding-bottom:360px !important;} +.pl360{padding-left:360px !important;} +.w0{width:0 !important;} +.w3{width:3px !important;} +.w6{width:6px !important;} +.w12{width:12px !important;} +.w18{width:18px !important;} +.w24{width:24px !important;} +.w30{width:30px !important;} +.w36{width:36px !important;} +.w60{width:60px !important;} +.w120{width:120px !important;} +.w180{width:180px !important;} +.w240{width:240px !important;} +.w300{width:300px !important;} +.w360{width:360px !important;} +.w600{width:600px !important;} +.w-full{width:100% !important;} +.w-auto{width:auto !important;} +.wmax0{max-width:0 !important;} +.wmax3{max-width:3px !important;} +.wmax6{max-width:6px !important;} +.wmax12{max-width:12px !important;} +.wmax18{max-width:18px !important;} +.wmax24{max-width:24px !important;} +.wmax30{max-width:30px !important;} +.wmax36{max-width:36px !important;} +.wmax60{max-width:60px !important;} +.wmax120{max-width:120px !important;} +.wmax180{max-width:180px !important;} +.wmax240{max-width:240px !important;} +.wmax300{max-width:300px !important;} +.wmax360{max-width:360px !important;} +.wmax600{max-width:600px !important;} +.wmax1200{max-width:1200px !important;} +.wmax1800{max-width:1800px !important;} +.wmax-full{max-width:100% !important;} +.wmax-none{max-width:none !important;} +.wmin0{min-width:0 !important;} +.wmin3{min-width:3px !important;} +.wmin6{min-width:6px !important;} +.wmin12{min-width:12px !important;} +.wmin18{min-width:18px !important;} +.wmin24{min-width:24px !important;} +.wmin30{min-width:30px !important;} +.wmin36{min-width:36px !important;} +.wmin60{min-width:60px !important;} +.wmin120{min-width:120px !important;} +.wmin180{min-width:180px !important;} +.wmin240{min-width:240px !important;} +.wmin300{min-width:300px !important;} +.wmin360{min-width:360px !important;} +.wmin600{min-width:600px !important;} +.wmin-full{min-width:100% !important;} +.h0{height:0 !important;} +.h3{height:3px !important;} +.h6{height:6px !important;} +.h12{height:12px !important;} +.h18{height:18px !important;} +.h24{height:24px !important;} +.h30{height:30px !important;} +.h36{height:36px !important;} +.h60{height:60px !important;} +.h120{height:120px !important;} +.h180{height:180px !important;} +.h240{height:240px !important;} +.h300{height:300px !important;} +.h360{height:360px !important;} +.h600{height:600px !important;} +.h-full{height:100% !important;} +.h-auto{height:auto !important;} +.hmax0{max-height:0 !important;} +.hmax3{max-height:3px !important;} +.hmax6{max-height:6px !important;} +.hmax12{max-height:12px !important;} +.hmax18{max-height:18px !important;} +.hmax24{max-height:24px !important;} +.hmax30{max-height:30px !important;} +.hmax36{max-height:36px !important;} +.hmax60{max-height:60px !important;} +.hmax120{max-height:120px !important;} +.hmax180{max-height:180px !important;} +.hmax240{max-height:240px !important;} +.hmax300{max-height:300px !important;} +.hmax360{max-height:360px !important;} +.hmax600{max-height:600px !important;} +.hmax-full{max-height:100% !important;} +.hmax-none{max-height:none !important;} +.hmin0{min-height:0 !important;} +.hmin3{min-height:3px !important;} +.hmin6{min-height:6px !important;} +.hmin12{min-height:12px !important;} +.hmin18{min-height:18px !important;} +.hmin24{min-height:24px !important;} +.hmin30{min-height:30px !important;} +.hmin36{min-height:36px !important;} +.hmin60{min-height:60px !important;} +.hmin120{min-height:120px !important;} +.hmin180{min-height:180px !important;} +.hmin240{min-height:240px !important;} +.hmin300{min-height:300px !important;} +.hmin360{min-height:360px !important;} +.hmin600{min-height:600px !important;} +.hmin-full{min-height:100% !important;} +.h-viewport-full{height:100vh !important;} +.hmax-viewport-full{max-height:100vh !important;} @media screen and (min-width: 640px){ .txt-h1-mm{font-size:36px;line-height:45px;} .txt-h2-mm{font-size:30px;line-height:36px;} @@ -8242,6 +7666,674 @@ textarea{ .h-viewport-full-mm{height:100vh !important;} .hmax-viewport-full-mm{max-height:100vh !important;} } +@media screen and (min-width: 800px){ +.txt-h1-ml{font-size:36px;line-height:45px;} +.txt-h2-ml{font-size:30px;line-height:36px;} +.txt-h3-ml{font-size:24px;line-height:30px;} +.txt-h4-ml{font-size:20px;line-height:25px;} +.txt-h5-ml{font-size:16px;line-height:20px;} +.txt-xl-ml{font-size:30px;line-height:45px;} +.txt-l-ml{font-size:20px;line-height:30px;} +.txt-m-ml{font-size:16px;line-height:24px;} +.txt-ms-ml{font-size:14px;line-height:21px;} +.txt-s-ml{font-size:12px;line-height:18px;} +.txt-xs-ml{font-size:10px;line-height:15px;} +.border-ml{border-style:solid;border-width:1px;} +.border-t-ml{border-style:solid;border-top-width:1px;} +.border-r-ml{border-style:solid;border-right-width:1px;} +.border-b-ml{border-style:solid;border-bottom-width:1px;} +.border-l-ml{border-style:solid;border-left-width:1px;} +.border--0-ml{border-width:0 !important;} +.border-t--0-ml{border-top-width:0 !important;} +.border-r--0-ml{border-right-width:0 !important;} +.border-b--0-ml{border-bottom-width:0 !important;} +.border-l--0-ml{border-left-width:0 !important;} +.round-ml{border-radius:4px !important;} +.round-t-ml{border-radius:4px 4px 0 0 !important;} +.round-r-ml{border-radius:0 4px 4px 0 !important;} +.round-b-ml{border-radius:0 0 4px 4px !important;} +.round-l-ml{border-radius:4px 0 0 4px !important;} +.round-tl-ml{border-top-left-radius:4px !important;} +.round-tr-ml{border-top-right-radius:4px !important;} +.round-br-ml{border-bottom-right-radius:4px !important;} +.round-bl-ml{border-bottom-left-radius:4px !important;} +.round-bold-ml{border-radius:8px !important;} +.round-t-bold-ml{border-radius:8px 8px 0 0 !important;} +.round-r-bold-ml{border-radius:0 8px 8px 0 !important;} +.round-b-bold-ml{border-radius:0 0 8px 8px !important;} +.round-l-bold-ml{border-radius:8px 0 0 8px !important;} +.round-tl-bold-ml{border-top-left-radius:8px !important;} +.round-tr-bold-ml{border-top-right-radius:8px !important;} +.round-br-bold-ml{border-bottom-right-radius:8px !important;} +.round-bl-bold-ml{border-bottom-left-radius:8px !important;} +.round-full-ml{border-radius:9999px !important;} +.round-t-full-ml{border-radius:9999px 9999px 0 0 !important;} +.round-r-full-ml{border-radius:0 9999px 9999px 0 !important;} +.round-b-full-ml{border-radius:0 0 9999px 9999px !important;} +.round-l-full-ml{border-radius:9999px 0 0 9999px !important;} +.round-tl-full-ml{border-top-left-radius:9999px !important;} +.round-tr-full-ml{border-top-right-radius:9999px !important;} +.round-br-full-ml{border-bottom-right-radius:9999px !important;} +.round-bl-full-ml{border-bottom-left-radius:9999px !important;} +.unround-ml{border-radius:0 !important;} +.unround-t-ml{border-top-left-radius:0 !important;border-top-right-radius:0 !important;} +.unround-r-ml{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;} +.unround-b-ml{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;} +.unround-l-ml{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;} +.unround-tl-ml{border-top-left-radius:0 !important;} +.unround-tr-ml{border-top-right-radius:0 !important;} +.unround-br-ml{border-bottom-right-radius:0 !important;} +.unround-bl-ml{border-bottom-left-radius:0 !important;} +.grid-ml{display:grid !important;grid-template-columns:repeat(12, minmax(0, 1fr)) !important;} +.grid-ml > .col, .grid-ml > .col-mm, .grid-ml > .col-ml, .grid-ml > .col-mxl{grid-column-end:span 12;width:auto !important;margin-left:0 !important;margin-right:0 !important;} +.col-ml{min-width:0;} +.inline-ml{display:inline !important;} +.block-ml{display:block !important;} +.inline-block-ml{display:inline-block !important;} +.none-ml{display:none !important;} +.fixed-ml{position:fixed !important;} +.absolute-ml{position:absolute !important;} +.relative-ml{position:relative !important;} +.static-ml{position:static !important;} +.sticky-ml{position:sticky !important;} +.top-ml{top:0 !important;} +.right-ml{right:0 !important;} +.left-ml{left:0 !important;} +.bottom-ml{bottom:0 !important;} +.z-neg1-ml{z-index:-1 !important;} +.z0-ml{z-index:0 !important;} +.z1-ml{z-index:1 !important;} +.z2-ml{z-index:2 !important;} +.z3-ml{z-index:3 !important;} +.z4-ml{z-index:4 !important;} +.z5-ml{z-index:5 !important;} +.mx-auto-ml{margin-left:auto !important;margin-right:auto !important;} +.flex-ml{display:flex !important;} +.inline-flex-ml{display:inline-flex !important;} +.flex--column-ml{flex-direction:column !important;} +.flex--column-reverse-ml{flex-direction:column-reverse !important;} +.flex--row-ml{flex-direction:row !important;} +.flex--row-reverse-ml{flex-direction:row-reverse !important;} +.flex--center-main-ml{justify-content:center !important;} +.flex--center-cross-ml{align-items:center !important;} +.flex--start-cross-ml{align-items:flex-start !important;} +.flex--start-main-ml{justify-content:flex-start !important;} +.flex--end-cross-ml{align-items:flex-end !important;} +.flex--end-main-ml{justify-content:flex-end !important;} +.flex--wrap-ml{flex-wrap:wrap !important;} +.flex--stretch-cross-ml{align-items:stretch !important;} +.flex--space-between-main-ml{justify-content:space-between !important;} +.flex--space-around-main-ml{justify-content:space-around !important;} +.flex--space-evenly-main-ml{justify-content:space-evenly !important;} +.flex-child-grow-ml{flex-grow:1 !important;min-width:0;} +.flex-child-no-shrink-ml{flex-shrink:0 !important;} +.object-contain-ml{object-fit:contain !important;} +.object-cover-ml{object-fit:cover !important;} +.object-fill-ml{object-fit:fill !important;} +.object-none-ml{object-fit:none !important;} +.object-scale-down-ml{object-fit:scale-down !important;} +.bleed-ml{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} +.bleed-r-ml{flex-grow:1;margin-right:calc(50% - 50vw);} +.bleed-l-ml{flex-grow:1;margin-left:calc(50% - 50vw);} +.unbleed-ml{flex-grow:0;margin-left:0;margin-right:0;} +.fl-ml{float:left !important;} +.fr-ml{float:right !important;} +.unfloat-ml{float:none !important;} +.events-none-ml{-webkit-touch-callout:none;pointer-events:none;} +.events-all-ml{-webkit-touch-callout:default;pointer-events:all;} +.unselectable-ml{-webkit-user-select:none;user-select:none;} +.selectable-ml{-webkit-user-select:text;user-select:text;} +.grid--gut0-ml{column-gap:0;} +.grid--gut3-ml{column-gap:3px;} +.grid--gut6-ml{column-gap:6px;} +.grid--gut12-ml{column-gap:12px;} +.grid--gut18-ml{column-gap:18px;} +.grid--gut24-ml{column-gap:24px;} +.grid--gut30-ml{column-gap:30px;} +.grid--gut36-ml{column-gap:36px;} +.grid--gut60-ml{column-gap:60px;} +.grid--gut120-ml{column-gap:120px;} +.my-neg1-ml{margin-top:-1px !important;margin-bottom:-1px !important;} +.mx-neg1-ml{margin-left:-1px !important;margin-right:-1px !important;} +.mt-neg1-ml{margin-top:-1px !important;} +.mr-neg1-ml{margin-right:-1px !important;} +.mb-neg1-ml{margin-bottom:-1px !important;} +.ml-neg1-ml{margin-left:-1px !important;} +.my-neg2-ml{margin-top:-2px !important;margin-bottom:-2px !important;} +.mx-neg2-ml{margin-left:-2px !important;margin-right:-2px !important;} +.mt-neg2-ml{margin-top:-2px !important;} +.mr-neg2-ml{margin-right:-2px !important;} +.mb-neg2-ml{margin-bottom:-2px !important;} +.ml-neg2-ml{margin-left:-2px !important;} +.my-neg3-ml{margin-top:-3px !important;margin-bottom:-3px !important;} +.mx-neg3-ml{margin-left:-3px !important;margin-right:-3px !important;} +.mt-neg3-ml{margin-top:-3px !important;} +.mr-neg3-ml{margin-right:-3px !important;} +.mb-neg3-ml{margin-bottom:-3px !important;} +.ml-neg3-ml{margin-left:-3px !important;} +.my-neg6-ml{margin-top:-6px !important;margin-bottom:-6px !important;} +.mx-neg6-ml{margin-left:-6px !important;margin-right:-6px !important;} +.mt-neg6-ml{margin-top:-6px !important;} +.mr-neg6-ml{margin-right:-6px !important;} +.mb-neg6-ml{margin-bottom:-6px !important;} +.ml-neg6-ml{margin-left:-6px !important;} +.my-neg12-ml{margin-top:-12px !important;margin-bottom:-12px !important;} +.mx-neg12-ml{margin-left:-12px !important;margin-right:-12px !important;} +.mt-neg12-ml{margin-top:-12px !important;} +.mr-neg12-ml{margin-right:-12px !important;} +.mb-neg12-ml{margin-bottom:-12px !important;} +.ml-neg12-ml{margin-left:-12px !important;} +.my-neg18-ml{margin-top:-18px !important;margin-bottom:-18px !important;} +.mx-neg18-ml{margin-left:-18px !important;margin-right:-18px !important;} +.mt-neg18-ml{margin-top:-18px !important;} +.mr-neg18-ml{margin-right:-18px !important;} +.mb-neg18-ml{margin-bottom:-18px !important;} +.ml-neg18-ml{margin-left:-18px !important;} +.my-neg24-ml{margin-top:-24px !important;margin-bottom:-24px !important;} +.mx-neg24-ml{margin-left:-24px !important;margin-right:-24px !important;} +.mt-neg24-ml{margin-top:-24px !important;} +.mr-neg24-ml{margin-right:-24px !important;} +.mb-neg24-ml{margin-bottom:-24px !important;} +.ml-neg24-ml{margin-left:-24px !important;} +.my-neg30-ml{margin-top:-30px !important;margin-bottom:-30px !important;} +.mx-neg30-ml{margin-left:-30px !important;margin-right:-30px !important;} +.mt-neg30-ml{margin-top:-30px !important;} +.mr-neg30-ml{margin-right:-30px !important;} +.mb-neg30-ml{margin-bottom:-30px !important;} +.ml-neg30-ml{margin-left:-30px !important;} +.my-neg36-ml{margin-top:-36px !important;margin-bottom:-36px !important;} +.mx-neg36-ml{margin-left:-36px !important;margin-right:-36px !important;} +.mt-neg36-ml{margin-top:-36px !important;} +.mr-neg36-ml{margin-right:-36px !important;} +.mb-neg36-ml{margin-bottom:-36px !important;} +.ml-neg36-ml{margin-left:-36px !important;} +.my-neg60-ml{margin-top:-60px !important;margin-bottom:-60px !important;} +.mx-neg60-ml{margin-left:-60px !important;margin-right:-60px !important;} +.mt-neg60-ml{margin-top:-60px !important;} +.mr-neg60-ml{margin-right:-60px !important;} +.mb-neg60-ml{margin-bottom:-60px !important;} +.ml-neg60-ml{margin-left:-60px !important;} +.my-neg120-ml{margin-top:-120px !important;margin-bottom:-120px !important;} +.mx-neg120-ml{margin-left:-120px !important;margin-right:-120px !important;} +.mt-neg120-ml{margin-top:-120px !important;} +.mr-neg120-ml{margin-right:-120px !important;} +.mb-neg120-ml{margin-bottom:-120px !important;} +.ml-neg120-ml{margin-left:-120px !important;} +.my-neg180-ml{margin-top:-180px !important;margin-bottom:-180px !important;} +.mx-neg180-ml{margin-left:-180px !important;margin-right:-180px !important;} +.mt-neg180-ml{margin-top:-180px !important;} +.mr-neg180-ml{margin-right:-180px !important;} +.mb-neg180-ml{margin-bottom:-180px !important;} +.ml-neg180-ml{margin-left:-180px !important;} +.my-neg240-ml{margin-top:-240px !important;margin-bottom:-240px !important;} +.mx-neg240-ml{margin-left:-240px !important;margin-right:-240px !important;} +.mt-neg240-ml{margin-top:-240px !important;} +.mr-neg240-ml{margin-right:-240px !important;} +.mb-neg240-ml{margin-bottom:-240px !important;} +.ml-neg240-ml{margin-left:-240px !important;} +.my-neg300-ml{margin-top:-300px !important;margin-bottom:-300px !important;} +.mx-neg300-ml{margin-left:-300px !important;margin-right:-300px !important;} +.mt-neg300-ml{margin-top:-300px !important;} +.mr-neg300-ml{margin-right:-300px !important;} +.mb-neg300-ml{margin-bottom:-300px !important;} +.ml-neg300-ml{margin-left:-300px !important;} +.my-neg360-ml{margin-top:-360px !important;margin-bottom:-360px !important;} +.mx-neg360-ml{margin-left:-360px !important;margin-right:-360px !important;} +.mt-neg360-ml{margin-top:-360px !important;} +.mr-neg360-ml{margin-right:-360px !important;} +.mb-neg360-ml{margin-bottom:-360px !important;} +.ml-neg360-ml{margin-left:-360px !important;} +.my0-ml{margin-top:0 !important;margin-bottom:0 !important;} +.mx0-ml{margin-left:0 !important;margin-right:0 !important;} +.mt0-ml{margin-top:0 !important;} +.mr0-ml{margin-right:0 !important;} +.mb0-ml{margin-bottom:0 !important;} +.ml0-ml{margin-left:0 !important;} +.my3-ml{margin-top:3px !important;margin-bottom:3px !important;} +.mx3-ml{margin-left:3px !important;margin-right:3px !important;} +.mt3-ml{margin-top:3px !important;} +.mr3-ml{margin-right:3px !important;} +.mb3-ml{margin-bottom:3px !important;} +.ml3-ml{margin-left:3px !important;} +.my6-ml{margin-top:6px !important;margin-bottom:6px !important;} +.mx6-ml{margin-left:6px !important;margin-right:6px !important;} +.mt6-ml{margin-top:6px !important;} +.mr6-ml{margin-right:6px !important;} +.mb6-ml{margin-bottom:6px !important;} +.ml6-ml{margin-left:6px !important;} +.my12-ml{margin-top:12px !important;margin-bottom:12px !important;} +.mx12-ml{margin-left:12px !important;margin-right:12px !important;} +.mt12-ml{margin-top:12px !important;} +.mr12-ml{margin-right:12px !important;} +.mb12-ml{margin-bottom:12px !important;} +.ml12-ml{margin-left:12px !important;} +.my18-ml{margin-top:18px !important;margin-bottom:18px !important;} +.mx18-ml{margin-left:18px !important;margin-right:18px !important;} +.mt18-ml{margin-top:18px !important;} +.mr18-ml{margin-right:18px !important;} +.mb18-ml{margin-bottom:18px !important;} +.ml18-ml{margin-left:18px !important;} +.my24-ml{margin-top:24px !important;margin-bottom:24px !important;} +.mx24-ml{margin-left:24px !important;margin-right:24px !important;} +.mt24-ml{margin-top:24px !important;} +.mr24-ml{margin-right:24px !important;} +.mb24-ml{margin-bottom:24px !important;} +.ml24-ml{margin-left:24px !important;} +.my30-ml{margin-top:30px !important;margin-bottom:30px !important;} +.mx30-ml{margin-left:30px !important;margin-right:30px !important;} +.mt30-ml{margin-top:30px !important;} +.mr30-ml{margin-right:30px !important;} +.mb30-ml{margin-bottom:30px !important;} +.ml30-ml{margin-left:30px !important;} +.my36-ml{margin-top:36px !important;margin-bottom:36px !important;} +.mx36-ml{margin-left:36px !important;margin-right:36px !important;} +.mt36-ml{margin-top:36px !important;} +.mr36-ml{margin-right:36px !important;} +.mb36-ml{margin-bottom:36px !important;} +.ml36-ml{margin-left:36px !important;} +.my60-ml{margin-top:60px !important;margin-bottom:60px !important;} +.mx60-ml{margin-left:60px !important;margin-right:60px !important;} +.mt60-ml{margin-top:60px !important;} +.mr60-ml{margin-right:60px !important;} +.mb60-ml{margin-bottom:60px !important;} +.ml60-ml{margin-left:60px !important;} +.my120-ml{margin-top:120px !important;margin-bottom:120px !important;} +.mx120-ml{margin-left:120px !important;margin-right:120px !important;} +.mt120-ml{margin-top:120px !important;} +.mr120-ml{margin-right:120px !important;} +.mb120-ml{margin-bottom:120px !important;} +.ml120-ml{margin-left:120px !important;} +.my180-ml{margin-top:180px !important;margin-bottom:180px !important;} +.mx180-ml{margin-left:180px !important;margin-right:180px !important;} +.mt180-ml{margin-top:180px !important;} +.mr180-ml{margin-right:180px !important;} +.mb180-ml{margin-bottom:180px !important;} +.ml180-ml{margin-left:180px !important;} +.my240-ml{margin-top:240px !important;margin-bottom:240px !important;} +.mx240-ml{margin-left:240px !important;margin-right:240px !important;} +.mt240-ml{margin-top:240px !important;} +.mr240-ml{margin-right:240px !important;} +.mb240-ml{margin-bottom:240px !important;} +.ml240-ml{margin-left:240px !important;} +.my300-ml{margin-top:300px !important;margin-bottom:300px !important;} +.mx300-ml{margin-left:300px !important;margin-right:300px !important;} +.mt300-ml{margin-top:300px !important;} +.mr300-ml{margin-right:300px !important;} +.mb300-ml{margin-bottom:300px !important;} +.ml300-ml{margin-left:300px !important;} +.my360-ml{margin-top:360px !important;margin-bottom:360px !important;} +.mx360-ml{margin-left:360px !important;margin-right:360px !important;} +.mt360-ml{margin-top:360px !important;} +.mr360-ml{margin-right:360px !important;} +.mb360-ml{margin-bottom:360px !important;} +.ml360-ml{margin-left:360px !important;} +.mr-1\\/12-ml{margin-right:8.3333% !important;} +.ml-1\\/12-ml{margin-left:8.3333% !important;grid-column-start:2 !important;} +.w-1\\/12-ml{width:8.3333% !important;grid-column-end:span 1 !important;} +.h-viewport-1\\/12-ml{height:8.3333vh !important;} +.hmax-viewport-1\\/12-ml{max-height:8.3333vh !important;} +.mr-1\\/6-ml{margin-right:16.6666% !important;} +.ml-1\\/6-ml{margin-left:16.6666% !important;grid-column-start:3 !important;} +.w-1\\/6-ml{width:16.6666% !important;grid-column-end:span 2 !important;} +.h-viewport-1\\/6-ml{height:16.6666vh !important;} +.hmax-viewport-1\\/6-ml{max-height:16.6666vh !important;} +.mr-1\\/4-ml{margin-right:25% !important;} +.ml-1\\/4-ml{margin-left:25% !important;grid-column-start:4 !important;} +.w-1\\/4-ml{width:25% !important;grid-column-end:span 3 !important;} +.h-viewport-1\\/4-ml{height:25vh !important;} +.hmax-viewport-1\\/4-ml{max-height:25vh !important;} +.mr-1\\/3-ml{margin-right:33.3333% !important;} +.ml-1\\/3-ml{margin-left:33.3333% !important;grid-column-start:5 !important;} +.w-1\\/3-ml{width:33.3333% !important;grid-column-end:span 4 !important;} +.h-viewport-1\\/3-ml{height:33.3333vh !important;} +.hmax-viewport-1\\/3-ml{max-height:33.3333vh !important;} +.mr-5\\/12-ml{margin-right:41.6666% !important;} +.ml-5\\/12-ml{margin-left:41.6666% !important;grid-column-start:6 !important;} +.w-5\\/12-ml{width:41.6666% !important;grid-column-end:span 5 !important;} +.h-viewport-5\\/12-ml{height:41.6666vh !important;} +.hmax-viewport-5\\/12-ml{max-height:41.6666vh !important;} +.mr-1\\/2-ml{margin-right:50% !important;} +.ml-1\\/2-ml{margin-left:50% !important;grid-column-start:7 !important;} +.w-1\\/2-ml{width:50% !important;grid-column-end:span 6 !important;} +.h-viewport-1\\/2-ml{height:50vh !important;} +.hmax-viewport-1\\/2-ml{max-height:50vh !important;} +.mr-7\\/12-ml{margin-right:58.3333% !important;} +.ml-7\\/12-ml{margin-left:58.3333% !important;grid-column-start:8 !important;} +.w-7\\/12-ml{width:58.3333% !important;grid-column-end:span 7 !important;} +.h-viewport-7\\/12-ml{height:58.3333vh !important;} +.hmax-viewport-7\\/12-ml{max-height:58.3333vh !important;} +.mr-2\\/3-ml{margin-right:66.6666% !important;} +.ml-2\\/3-ml{margin-left:66.6666% !important;grid-column-start:9 !important;} +.w-2\\/3-ml{width:66.6666% !important;grid-column-end:span 8 !important;} +.h-viewport-2\\/3-ml{height:66.6666vh !important;} +.hmax-viewport-2\\/3-ml{max-height:66.6666vh !important;} +.mr-3\\/4-ml{margin-right:75% !important;} +.ml-3\\/4-ml{margin-left:75% !important;grid-column-start:10 !important;} +.w-3\\/4-ml{width:75% !important;grid-column-end:span 9 !important;} +.h-viewport-3\\/4-ml{height:75vh !important;} +.hmax-viewport-3\\/4-ml{max-height:75vh !important;} +.mr-5\\/6-ml{margin-right:83.3333% !important;} +.ml-5\\/6-ml{margin-left:83.3333% !important;grid-column-start:11 !important;} +.w-5\\/6-ml{width:83.3333% !important;grid-column-end:span 10 !important;} +.h-viewport-5\\/6-ml{height:83.3333vh !important;} +.hmax-viewport-5\\/6-ml{max-height:83.3333vh !important;} +.mr-11\\/12-ml{margin-right:91.6666% !important;} +.ml-11\\/12-ml{margin-left:91.6666% !important;grid-column-start:12 !important;} +.w-11\\/12-ml{width:91.6666% !important;grid-column-end:span 11 !important;} +.h-viewport-11\\/12-ml{height:91.6666vh !important;} +.hmax-viewport-11\\/12-ml{max-height:91.6666vh !important;} +.gap0-ml{gap:0 !important;} +.gapx0-ml{column-gap:0 !important;} +.gapy0-ml{row-gap:0 !important;} +.gap3-ml{gap:3px !important;} +.gapx3-ml{column-gap:3px !important;} +.gapy3-ml{row-gap:3px !important;} +.gap6-ml{gap:6px !important;} +.gapx6-ml{column-gap:6px !important;} +.gapy6-ml{row-gap:6px !important;} +.gap12-ml{gap:12px !important;} +.gapx12-ml{column-gap:12px !important;} +.gapy12-ml{row-gap:12px !important;} +.gap18-ml{gap:18px !important;} +.gapx18-ml{column-gap:18px !important;} +.gapy18-ml{row-gap:18px !important;} +.gap24-ml{gap:24px !important;} +.gapx24-ml{column-gap:24px !important;} +.gapy24-ml{row-gap:24px !important;} +.gap30-ml{gap:30px !important;} +.gapx30-ml{column-gap:30px !important;} +.gapy30-ml{row-gap:30px !important;} +.gap36-ml{gap:36px !important;} +.gapx36-ml{column-gap:36px !important;} +.gapy36-ml{row-gap:36px !important;} +.gap60-ml{gap:60px !important;} +.gapx60-ml{column-gap:60px !important;} +.gapy60-ml{row-gap:60px !important;} +.gap120-ml{gap:120px !important;} +.gapx120-ml{column-gap:120px !important;} +.gapy120-ml{row-gap:120px !important;} +.gap180-ml{gap:180px !important;} +.gapx180-ml{column-gap:180px !important;} +.gapy180-ml{row-gap:180px !important;} +.gap240-ml{gap:240px !important;} +.gapx240-ml{column-gap:240px !important;} +.gapy240-ml{row-gap:240px !important;} +.gap300-ml{gap:300px !important;} +.gapx300-ml{column-gap:300px !important;} +.gapy300-ml{row-gap:300px !important;} +.gap360-ml{gap:360px !important;} +.gapx360-ml{column-gap:360px !important;} +.gapy360-ml{row-gap:360px !important;} +.aspect-auto-ml{aspect-ratio:auto !important;} +.aspect-1\\/1-ml{aspect-ratio:1/1 !important;} +.aspect-4\\/3-ml{aspect-ratio:4/3 !important;} +.aspect-3\\/2-ml{aspect-ratio:3/2 !important;} +.aspect-16\\/9-ml{aspect-ratio:16/9 !important;} +.aspect-21\\/9-ml{aspect-ratio:21/9 !important;} +.aspect-3\\/4-ml{aspect-ratio:3/4 !important;} +.aspect-9\\/16-ml{aspect-ratio:9/16 !important;} +.rotate0-ml{rotate:0deg !important;} +.rotate45-ml{rotate:45deg !important;} +.rotate90-ml{rotate:90deg !important;} +.rotate180-ml{rotate:180deg !important;} +.rotate270-ml{rotate:270deg !important;} +.rotate-neg45-ml{rotate:-45deg !important;} +.rotate-neg90-ml{rotate:-90deg !important;} +.rotate-neg180-ml{rotate:-180deg !important;} +.rotate-neg270-ml{rotate:-270deg !important;} +.scale0-ml{scale:0 !important;} +.scale50-ml{scale:0.5 !important;} +.scale75-ml{scale:0.75 !important;} +.scale100-ml{scale:1 !important;} +.scale125-ml{scale:1.25 !important;} +.scale150-ml{scale:1.5 !important;} +.translate-x-neg1-ml{translate:-1px 0 !important;} +.translate-y-neg1-ml{translate:0 -1px !important;} +.translate-x-neg2-ml{translate:-2px 0 !important;} +.translate-y-neg2-ml{translate:0 -2px !important;} +.translate-x-neg3-ml{translate:-3px 0 !important;} +.translate-y-neg3-ml{translate:0 -3px !important;} +.translate-x-neg6-ml{translate:-6px 0 !important;} +.translate-y-neg6-ml{translate:0 -6px !important;} +.translate-x-neg12-ml{translate:-12px 0 !important;} +.translate-y-neg12-ml{translate:0 -12px !important;} +.translate-x-neg18-ml{translate:-18px 0 !important;} +.translate-y-neg18-ml{translate:0 -18px !important;} +.translate-x-neg24-ml{translate:-24px 0 !important;} +.translate-y-neg24-ml{translate:0 -24px !important;} +.translate-x-neg30-ml{translate:-30px 0 !important;} +.translate-y-neg30-ml{translate:0 -30px !important;} +.translate-x-neg36-ml{translate:-36px 0 !important;} +.translate-y-neg36-ml{translate:0 -36px !important;} +.translate-x-neg60-ml{translate:-60px 0 !important;} +.translate-y-neg60-ml{translate:0 -60px !important;} +.translate-x-neg120-ml{translate:-120px 0 !important;} +.translate-y-neg120-ml{translate:0 -120px !important;} +.translate-x-neg180-ml{translate:-180px 0 !important;} +.translate-y-neg180-ml{translate:0 -180px !important;} +.translate-x-neg240-ml{translate:-240px 0 !important;} +.translate-y-neg240-ml{translate:0 -240px !important;} +.translate-x-neg300-ml{translate:-300px 0 !important;} +.translate-y-neg300-ml{translate:0 -300px !important;} +.translate-x-neg360-ml{translate:-360px 0 !important;} +.translate-y-neg360-ml{translate:0 -360px !important;} +.translate-x0-ml, +.translate-y0-ml{translate:0 0 !important;} +.translate-x3-ml{translate:3px 0 !important;} +.translate-y3-ml{translate:0 3px !important;} +.translate-x6-ml{translate:6px 0 !important;} +.translate-y6-ml{translate:0 6px !important;} +.translate-x12-ml{translate:12px 0 !important;} +.translate-y12-ml{translate:0 12px !important;} +.translate-x18-ml{translate:18px 0 !important;} +.translate-y18-ml{translate:0 18px !important;} +.translate-x24-ml{translate:24px 0 !important;} +.translate-y24-ml{translate:0 24px !important;} +.translate-x30-ml{translate:30px 0 !important;} +.translate-y30-ml{translate:0 30px !important;} +.translate-x36-ml{translate:36px 0 !important;} +.translate-y36-ml{translate:0 36px !important;} +.translate-x60-ml{translate:60px 0 !important;} +.translate-y60-ml{translate:0 60px !important;} +.translate-x120-ml{translate:120px 0 !important;} +.translate-y120-ml{translate:0 120px !important;} +.translate-x180-ml{translate:180px 0 !important;} +.translate-y180-ml{translate:0 180px !important;} +.translate-x240-ml{translate:240px 0 !important;} +.translate-y240-ml{translate:0 240px !important;} +.translate-x300-ml{translate:300px 0 !important;} +.translate-y300-ml{translate:0 300px !important;} +.translate-x360-ml{translate:360px 0 !important;} +.translate-y360-ml{translate:0 360px !important;} +.py0-ml{padding-top:0 !important;padding-bottom:0 !important;} +.px0-ml{padding-left:0 !important;padding-right:0 !important;} +.pt0-ml{padding-top:0 !important;} +.pr0-ml{padding-right:0 !important;} +.pb0-ml{padding-bottom:0 !important;} +.pl0-ml{padding-left:0 !important;} +.py3-ml{padding-top:3px !important;padding-bottom:3px !important;} +.px3-ml{padding-left:3px !important;padding-right:3px !important;} +.pt3-ml{padding-top:3px !important;} +.pr3-ml{padding-right:3px !important;} +.pb3-ml{padding-bottom:3px !important;} +.pl3-ml{padding-left:3px !important;} +.py6-ml{padding-top:6px !important;padding-bottom:6px !important;} +.px6-ml{padding-left:6px !important;padding-right:6px !important;} +.pt6-ml{padding-top:6px !important;} +.pr6-ml{padding-right:6px !important;} +.pb6-ml{padding-bottom:6px !important;} +.pl6-ml{padding-left:6px !important;} +.py12-ml{padding-top:12px !important;padding-bottom:12px !important;} +.px12-ml{padding-left:12px !important;padding-right:12px !important;} +.pt12-ml{padding-top:12px !important;} +.pr12-ml{padding-right:12px !important;} +.pb12-ml{padding-bottom:12px !important;} +.pl12-ml{padding-left:12px !important;} +.py18-ml{padding-top:18px !important;padding-bottom:18px !important;} +.px18-ml{padding-left:18px !important;padding-right:18px !important;} +.pt18-ml{padding-top:18px !important;} +.pr18-ml{padding-right:18px !important;} +.pb18-ml{padding-bottom:18px !important;} +.pl18-ml{padding-left:18px !important;} +.py24-ml{padding-top:24px !important;padding-bottom:24px !important;} +.px24-ml{padding-left:24px !important;padding-right:24px !important;} +.pt24-ml{padding-top:24px !important;} +.pr24-ml{padding-right:24px !important;} +.pb24-ml{padding-bottom:24px !important;} +.pl24-ml{padding-left:24px !important;} +.py30-ml{padding-top:30px !important;padding-bottom:30px !important;} +.px30-ml{padding-left:30px !important;padding-right:30px !important;} +.pt30-ml{padding-top:30px !important;} +.pr30-ml{padding-right:30px !important;} +.pb30-ml{padding-bottom:30px !important;} +.pl30-ml{padding-left:30px !important;} +.py36-ml{padding-top:36px !important;padding-bottom:36px !important;} +.px36-ml{padding-left:36px !important;padding-right:36px !important;} +.pt36-ml{padding-top:36px !important;} +.pr36-ml{padding-right:36px !important;} +.pb36-ml{padding-bottom:36px !important;} +.pl36-ml{padding-left:36px !important;} +.py60-ml{padding-top:60px !important;padding-bottom:60px !important;} +.px60-ml{padding-left:60px !important;padding-right:60px !important;} +.pt60-ml{padding-top:60px !important;} +.pr60-ml{padding-right:60px !important;} +.pb60-ml{padding-bottom:60px !important;} +.pl60-ml{padding-left:60px !important;} +.py120-ml{padding-top:120px !important;padding-bottom:120px !important;} +.px120-ml{padding-left:120px !important;padding-right:120px !important;} +.pt120-ml{padding-top:120px !important;} +.pr120-ml{padding-right:120px !important;} +.pb120-ml{padding-bottom:120px !important;} +.pl120-ml{padding-left:120px !important;} +.py180-ml{padding-top:180px !important;padding-bottom:180px !important;} +.px180-ml{padding-left:180px !important;padding-right:180px !important;} +.pt180-ml{padding-top:180px !important;} +.pr180-ml{padding-right:180px !important;} +.pb180-ml{padding-bottom:180px !important;} +.pl180-ml{padding-left:180px !important;} +.py240-ml{padding-top:240px !important;padding-bottom:240px !important;} +.px240-ml{padding-left:240px !important;padding-right:240px !important;} +.pt240-ml{padding-top:240px !important;} +.pr240-ml{padding-right:240px !important;} +.pb240-ml{padding-bottom:240px !important;} +.pl240-ml{padding-left:240px !important;} +.py300-ml{padding-top:300px !important;padding-bottom:300px !important;} +.px300-ml{padding-left:300px !important;padding-right:300px !important;} +.pt300-ml{padding-top:300px !important;} +.pr300-ml{padding-right:300px !important;} +.pb300-ml{padding-bottom:300px !important;} +.pl300-ml{padding-left:300px !important;} +.py360-ml{padding-top:360px !important;padding-bottom:360px !important;} +.px360-ml{padding-left:360px !important;padding-right:360px !important;} +.pt360-ml{padding-top:360px !important;} +.pr360-ml{padding-right:360px !important;} +.pb360-ml{padding-bottom:360px !important;} +.pl360-ml{padding-left:360px !important;} +.w0-ml{width:0 !important;} +.w3-ml{width:3px !important;} +.w6-ml{width:6px !important;} +.w12-ml{width:12px !important;} +.w18-ml{width:18px !important;} +.w24-ml{width:24px !important;} +.w30-ml{width:30px !important;} +.w36-ml{width:36px !important;} +.w60-ml{width:60px !important;} +.w120-ml{width:120px !important;} +.w180-ml{width:180px !important;} +.w240-ml{width:240px !important;} +.w300-ml{width:300px !important;} +.w360-ml{width:360px !important;} +.w600-ml{width:600px !important;} +.w-full-ml{width:100% !important;} +.w-auto-ml{width:auto !important;} +.wmax0-ml{max-width:0 !important;} +.wmax3-ml{max-width:3px !important;} +.wmax6-ml{max-width:6px !important;} +.wmax12-ml{max-width:12px !important;} +.wmax18-ml{max-width:18px !important;} +.wmax24-ml{max-width:24px !important;} +.wmax30-ml{max-width:30px !important;} +.wmax36-ml{max-width:36px !important;} +.wmax60-ml{max-width:60px !important;} +.wmax120-ml{max-width:120px !important;} +.wmax180-ml{max-width:180px !important;} +.wmax240-ml{max-width:240px !important;} +.wmax300-ml{max-width:300px !important;} +.wmax360-ml{max-width:360px !important;} +.wmax600-ml{max-width:600px !important;} +.wmax1200-ml{max-width:1200px !important;} +.wmax1800-ml{max-width:1800px !important;} +.wmax-full-ml{max-width:100% !important;} +.wmax-none-ml{max-width:none !important;} +.wmin0-ml{min-width:0 !important;} +.wmin3-ml{min-width:3px !important;} +.wmin6-ml{min-width:6px !important;} +.wmin12-ml{min-width:12px !important;} +.wmin18-ml{min-width:18px !important;} +.wmin24-ml{min-width:24px !important;} +.wmin30-ml{min-width:30px !important;} +.wmin36-ml{min-width:36px !important;} +.wmin60-ml{min-width:60px !important;} +.wmin120-ml{min-width:120px !important;} +.wmin180-ml{min-width:180px !important;} +.wmin240-ml{min-width:240px !important;} +.wmin300-ml{min-width:300px !important;} +.wmin360-ml{min-width:360px !important;} +.wmin600-ml{min-width:600px !important;} +.wmin-full-ml{min-width:100% !important;} +.h0-ml{height:0 !important;} +.h3-ml{height:3px !important;} +.h6-ml{height:6px !important;} +.h12-ml{height:12px !important;} +.h18-ml{height:18px !important;} +.h24-ml{height:24px !important;} +.h30-ml{height:30px !important;} +.h36-ml{height:36px !important;} +.h60-ml{height:60px !important;} +.h120-ml{height:120px !important;} +.h180-ml{height:180px !important;} +.h240-ml{height:240px !important;} +.h300-ml{height:300px !important;} +.h360-ml{height:360px !important;} +.h600-ml{height:600px !important;} +.h-full-ml{height:100% !important;} +.h-auto-ml{height:auto !important;} +.hmax0-ml{max-height:0 !important;} +.hmax3-ml{max-height:3px !important;} +.hmax6-ml{max-height:6px !important;} +.hmax12-ml{max-height:12px !important;} +.hmax18-ml{max-height:18px !important;} +.hmax24-ml{max-height:24px !important;} +.hmax30-ml{max-height:30px !important;} +.hmax36-ml{max-height:36px !important;} +.hmax60-ml{max-height:60px !important;} +.hmax120-ml{max-height:120px !important;} +.hmax180-ml{max-height:180px !important;} +.hmax240-ml{max-height:240px !important;} +.hmax300-ml{max-height:300px !important;} +.hmax360-ml{max-height:360px !important;} +.hmax600-ml{max-height:600px !important;} +.hmax-full-ml{max-height:100% !important;} +.hmax-none-ml{max-height:none !important;} +.hmin0-ml{min-height:0 !important;} +.hmin3-ml{min-height:3px !important;} +.hmin6-ml{min-height:6px !important;} +.hmin12-ml{min-height:12px !important;} +.hmin18-ml{min-height:18px !important;} +.hmin24-ml{min-height:24px !important;} +.hmin30-ml{min-height:30px !important;} +.hmin36-ml{min-height:36px !important;} +.hmin60-ml{min-height:60px !important;} +.hmin120-ml{min-height:120px !important;} +.hmin180-ml{min-height:180px !important;} +.hmin240-ml{min-height:240px !important;} +.hmin300-ml{min-height:300px !important;} +.hmin360-ml{min-height:360px !important;} +.hmin600-ml{min-height:600px !important;} +.hmin-full-ml{min-height:100% !important;} +.h-viewport-full-ml{height:100vh !important;} +.hmax-viewport-full-ml{max-height:100vh !important;} +} @media screen and (min-width: 1200px){ .txt-h1-mxl{font-size:36px;line-height:45px;} .txt-h2-mxl{font-size:30px;line-height:36px;} diff --git a/test/preset.jest.js b/test/preset.jest.js index f62e23aa..13e20859 100644 --- a/test/preset.jest.js +++ b/test/preset.jest.js @@ -75,7 +75,11 @@ describe('presetAssembly', () => { test('media variants wrap color utilities', async () => { const css = await generateJit( - 'bg-blue-mm btn--red-ml grid-ml grid--gut12-mxl' + 'grid--gut12-mxl grid-ml px6-mm btn--red-ml bg-blue-mm' + ); + expect(css.indexOf('.px6-mm')).toBeLessThan(css.indexOf('.grid-ml')); + expect(css.indexOf('.grid-ml')).toBeLessThan( + css.indexOf('.grid--gut12-mxl') ); expect(css).toMatch( /@media \(--m-screen\)\{\n\.bg-blue-mm\{background-color:var\(--blue\) !important;\}/ From bdb6714b1d4bb90cc08b4ac3f93cfb71c570ee2b Mon Sep 17 00:00:00 2001 From: tristen Date: Mon, 19 Oct 2026 14:44:30 -0400 Subject: [PATCH 6/8] Update docs for the CSS Grid grid --- CHANGELOG.md | 6 +- MIGRATION_GUIDES.md | 27 +++- docs/.vitepress/theme/IconGrid.vue | 2 +- docs/.vitepress/theme/LayoutScales.vue | 10 -- docs/.vitepress/theme/catalog/Grids.vue | 27 +--- docs/.vitepress/theme/site-nav.js | 1 - docs/documentation/layout.md | 179 +++--------------------- docs/examples/equal-height-columns.md | 6 +- docs/examples/legends.md | 56 ++++---- test/build-css.jest.js | 2 - test/preset.jest.js | 3 - 11 files changed, 78 insertions(+), 241 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 3c535c2f..c067c367 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,10 +4,10 @@ - [breaking] Rebuild Assembly's CSS pipeline on [UnoCSS](https://unocss.dev/). Class names and `buildUserAssets` stay compatible; the generated stylesheet's formatting, comments, and source maps may differ. Node.js 24+ is required. - [add] Export `presetAssembly()` for on-demand UnoCSS builds that keep Assembly class names. Pass `{ safelist: true }` only when you want the full prebuilt utility set. -- [add] `gap{size}`, `gapx{size}`, and `gapy{size}` on the padding scale, with `*-mm` / `*-ml` / `*-mxl` variants. Use with `flex` or `gridbox`; do not combine with `grid--gut*` or percentage `w-*` columns on `grid`. -- [add] CSS Grid via `gridbox` / `inline-gridbox`, `gridbox--cols{n}` / `gridbox--rows{n}` (1–12), child spans, auto-flow, and alignment. The existing `grid` / `col` 12-column flex system is unchanged. +- [add] `gap{size}`, `gapx{size}`, and `gapy{size}` on the padding scale, with `*-mm` / `*-ml` / `*-mxl` variants. Use with `flex` or `grid`. +- [breaking] `grid` is a 12-column CSS Grid. A `col` without a width class spans the full row, `w-1/12` to `w-11/12` set how many columns it spans, `ml-1/12` to `ml-11/12` set where it starts, and `grid--gut{size}` sets `column-gap`. `col--auto` is removed, and other left and right margins on a grid `col` are ignored. - [add] `examples/jit` — a sample app that generates only the utilities used in its markup (no reset or component preflight). On-demand builds can also emit off-scale transforms (`rotate*`, `scale*`, `translate-*`); pixel utilities stay on the documented scale. -- [add] `aspect-{ratio}` / `aspect-auto`, `object-{contain,cover,fill,none,scale-down}`, `flex--space-around-main` / `flex--space-evenly-main`, `gridbox--space-around` / `gridbox--space-evenly`, and transform utilities (`rotate{deg}`, `scale{percent}`, `translate-x{n}` / `translate-y{n}`). +- [add] `aspect-{ratio}` / `aspect-auto`, `object-{contain,cover,fill,none,scale-down}`, `flex--space-around-main` / `flex--space-evenly-main`, and transform utilities (`rotate{deg}`, `scale{percent}`, `translate-x{n}` / `translate-y{n}`). - [breaking] `txt-break-word` uses `overflow-wrap: anywhere`, so words break only when they would overflow, instead of `word-break: break-all`. - [add] `animation-shimmer`, `visible-on-parent-hover`, `bg-canvas`, and `bg-canvas--dark`. - [internal] Assembly utilities are UnoCSS rules in `src/preset/`. Reset and component CSS live in `src/preset/base.css`. The package build is `src/build-*.js`. The documentation site is VitePress under `docs/`. diff --git a/MIGRATION_GUIDES.md b/MIGRATION_GUIDES.md index 0d701706..63ce1e77 100644 --- a/MIGRATION_GUIDES.md +++ b/MIGRATION_GUIDES.md @@ -4,11 +4,11 @@ Version 2.0.0 rebuilds Assembly with [UnoCSS](https://unocss.dev/) while keeping the existing class names and `buildUserAssets` API. -You do not need to change class names in markup. Continue to use `assembly.css` / `assembly.js`, or keep calling `Assembly.buildUserAssets`. +Most markup works unchanged. Continue to use `assembly.css` / `assembly.js`, or keep calling `Assembly.buildUserAssets`. Check grids and `txt-break-word` for the changes below. What can change: -- The contents of `assembly.css` are generated by UnoCSS, so whitespace, comments, rule order, and source maps may differ from 1.x. Selectors and declarations for public classes stay the same. +- The contents of `assembly.css` are generated by UnoCSS, so whitespace, comments, rule order, and source maps may differ from 1.x. Selectors and declarations for public classes stay the same, except for the grid and `txt-break-word`. - Layout-scale media variants (`px12-mm`, `w-1/2-ml`, and so on) now use the same custom media queries you pass to `buildUserAssets`, instead of the hardcoded default breakpoints. - `@mapbox/assembly` now depends on `@unocss/core` (used when creating custom builds) and requires Node.js 24+. @@ -27,11 +27,28 @@ export default defineConfig({ The generated CSS still uses Assembly's CSS variables and custom media queries, so it needs a PostCSS step with `postcss-custom-properties` and `postcss-custom-media`. See [`presetAssembly` in the README](README.md#presetassemblyoptions) for the config. -New layout utilities, additive with 1.x class names: +### `grid` is CSS Grid -- `gap12` / `gapx12` / `gapy12` (padding scale) for flex and CSS Grid spacing. -- `gridbox` for CSS Grid. Keep `grid` / `col` / `grid--gut*` for the 12-column flex system. +`grid` is now a 12-column CSS Grid instead of a flexbox row. `grid`, `col`, `w-1/12` to `w-11/12`, and `grid--gut{size}` keep their names. Check grids that rely on flexbox behavior: + +- `col--auto` is removed. For columns that share the remaining space, use `flex` with `flex-child-grow` on the children. +- A `col` without a width class spans the full row instead of sizing to its content. For content-sized columns, use `flex`. +- `flex-child-*` classes have no effect on a `col`. +- Left and right margin classes on a `col` are ignored. `ml-1/12` to `ml-11/12` still offset a `col`, and need a `w-*` fraction class next to them. `mr-1/12` to `mr-11/12` have no grid equivalent. +- Give every direct child of `grid` the `col` class, including children that only have a `w-*` fraction class. +- `grid--gut{size}` sets `column-gap` instead of a negative margin on `grid` and padding on `col`. Add `gapy{size}` for space between rows. + +### `txt-break-word` + +`txt-break-word` uses `overflow-wrap: anywhere` instead of `word-break: break-all`, so words break only when they would overflow their container. + +### New utilities + +These are additive with 1.x class names: + +- `gap12` / `gapx12` / `gapy12` (padding scale) for `flex` and `grid` spacing. - `aspect-16/9`, `object-cover`, `flex--space-evenly-main`, `rotate90`, `scale50`, `translate-x12`. +- `animation-shimmer`, `visible-on-parent-hover`, `bg-canvas`, `bg-canvas--dark`. ## 1.0.0+ diff --git a/docs/.vitepress/theme/IconGrid.vue b/docs/.vitepress/theme/IconGrid.vue index 8a6a9115..ea056e31 100644 --- a/docs/.vitepress/theme/IconGrid.vue +++ b/docs/.vitepress/theme/IconGrid.vue @@ -7,7 +7,7 @@ import { data as icons } from './icons.data.js';
diff --git a/docs/.vitepress/theme/LayoutScales.vue b/docs/.vitepress/theme/LayoutScales.vue index bcbbd346..bd28a1ff 100644 --- a/docs/.vitepress/theme/LayoutScales.vue +++ b/docs/.vitepress/theme/LayoutScales.vue @@ -27,16 +27,6 @@ const classSets = [ classPatterns: ['gap{n}', 'gapx{n}', 'gapy{n}'], scale: scales.gap }, - { - name: 'Gridbox tracks', - classPatterns: [ - 'gridbox--cols{n}', - 'gridbox--rows{n}', - 'gridbox-child-col{n}', - 'gridbox-child-row{n}' - ], - scale: scales.gridTrack - }, { name: 'Aspect ratios', classPatterns: ['aspect-{ratio}'], diff --git a/docs/.vitepress/theme/catalog/Grids.vue b/docs/.vitepress/theme/catalog/Grids.vue index fcc2ac7f..f8fef11c 100644 --- a/docs/.vitepress/theme/catalog/Grids.vue +++ b/docs/.vitepress/theme/catalog/Grids.vue @@ -12,6 +12,7 @@ const sizeCombos = [ ['-1/6', '-1/6', '-2/3'], ['-1/12', '-1/6', '-3/4'] ]; +const offsetCombos = sizeCombos.filter(combo => combo.length === 2);
-
-
w{{ cell }}
-
-
-

- Grid with right offset -

-
-
-
w{{ cell }}
+
+
ml{{ offset }} w{{ width }}

diff --git a/docs/.vitepress/theme/site-nav.js b/docs/.vitepress/theme/site-nav.js index 8c80b623..a92da6c0 100644 --- a/docs/.vitepress/theme/site-nav.js +++ b/docs/.vitepress/theme/site-nav.js @@ -73,7 +73,6 @@ const nav = [ 'Gap', 'Sizing', 'Flexbox', - 'Gridbox', 'Aspect ratio', 'Object fit', 'Transforms', diff --git a/docs/documentation/layout.md b/docs/documentation/layout.md index 4a4d41a1..fdcd8cfa 100644 --- a/docs/documentation/layout.md +++ b/docs/documentation/layout.md @@ -4,17 +4,16 @@ Define the size, shape, and content flow of your markup. ## Grid -Assembly uses a 12-column flexible grid with optional gutters. -`grid` is flexbox (`display: flex`). For CSS Grid, use [`gridbox`](#gridbox). +Assembly uses a 12-column CSS Grid with optional gutters. ```selectors .grid .col ``` -Grids require at minimum two elements: A parent with the class `grid` and a child with the class `col`. To define the width of `col` in a grid, add a width class, `col--auto`, or both. The `grid` class includes `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. +Grids require at minimum two elements: A parent with the class `grid` and a child with the class `col`. A `col` spans the full row unless you add a `w-1/12` to `w-11/12` fraction class, which sets how many of the 12 columns it spans. Offset a `col` that has a width class with an [`ml-1/12` to `ml-11/12`](#margins) fraction class; other left and right margins on `col` are ignored inside a grid. The `grid` class includes `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. -To avoid unexpected side-effects, do not add margin left or right to `grid` and do not add padding left or right to `col`. +Align columns with the `flex--*-cross` [flexbox](#flexbox) classes. ```example
@@ -24,18 +23,10 @@ To avoid unexpected side-effects, do not add margin left or right to `grid` and
``` -```selectors -.col--auto -``` - -Apply to a `col` element to override a `col--{size}` rule and take on default `col`, occupying equal space with other `col` siblings. -This class is designed to be used with `*-mm`, `*-ml`, and `*-mxl` variations -to target screen sizes. - ```example
-
w-1/4 col--auto-ml
-
w-3/4 col--auto-ml
+
w-1/4-ml
+
w-3/4-ml
``` @@ -52,19 +43,14 @@ to target screen sizes. .grid--gut120 ``` -Apply column gutters to all columns in a grid by adding a `grid--gut{size}` modifier to the `grid` element. Class set includes `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. +Apply column gutters to all columns in a grid by adding a `grid--gut{size}` modifier to the `grid` element. For space between rows, add a [`gapy{size}`](#gap) class. Class set includes `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. ```example -
-
-
w-1/6
-
-
-
w-1/3
-
-
-
w-1/2
-
+
+
w-1/6
+
w-1/3
+
w-1/2
+
col
``` @@ -224,11 +210,12 @@ Apply margin on the right. .mr-11/12 ``` -Apply percentage-based margin on the right. When using with `col`, add a width class, `col--auto`, or both to define the size of the element. +Apply percentage-based margin on the right. ```example -
-
mr-1/2
+
+
mr-1/2
+
w-1/4
``` @@ -268,7 +255,7 @@ Apply margin on the left. .ml-11/12 ``` -Apply percentage-based margin on the left. When using with `col`, add a width class, `col--auto`, or both to define the size of the element. +Apply percentage-based margin on the left. Inside a `grid`, these offset a `col` by the same fraction of the 12 columns; pair them with a `w-*` fraction class. ```example
@@ -345,7 +332,7 @@ Apply padding on the left. Gap utilities fit `gap{size}`, `gapx{size}`, and `gapy{size}` on the padding scale. Class sets include `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. -Use with `flex`, `inline-flex`, or `gridbox`. Do not combine with `grid--gut*` or percentage `w-*` columns on `grid`. +Use with `flex`, `inline-flex`, or `grid`. ```selectors .gap{gap} @@ -781,138 +768,6 @@ This class prevents that default shrinkage, forcing siblings to accommodate the
``` -## Gridbox - -CSS Grid utilities. All class sets include `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. - -`gridbox` does not replace [`grid`](#grid). Keep using `grid` / `col` / `grid--gut*` for the 12-column flex system. - -Usage: -- Put `gridbox` or `inline-gridbox` on the parent. -- Set columns with `gridbox--cols{n}` (1–12). Use `gap{size}` for spacing. -- Span children with `gridbox-child-col{n}` and `gridbox-child-row{n}`. - -```selectors -.gridbox -.inline-gridbox -``` - -Establish an element as a CSS Grid parent. - -```example -
-
1
-
2
-
3
-
-``` - -```selectors -.gridbox--row -.gridbox--column -.gridbox--dense -.gridbox--column-dense -``` - -Set `grid-auto-flow`. `gridbox--row` is the CSS default; use it to override a column flow. - -```example -
-
1
-
2
-
3
-
-``` - -```selectors -.gridbox--center -.gridbox--stretch -.gridbox--start -.gridbox--end -``` - -Align items inside their grid areas with `place-items`. - -```example -
-
center
-
center
-
-``` - -```selectors -.gridbox--space-between -.gridbox--space-around -.gridbox--space-evenly -``` - -Distribute extra space between grid tracks. - -```example -
-
1
-
2
-
3
-
-``` - -```selectors -.gridbox--cols{gridTrack} -``` - -Set the number of equal columns on a `gridbox`. - -```example -
-
1
-
2
-
3
-
-``` - -```selectors -.gridbox--rows{gridTrack} -``` - -Set the number of equal rows on a `gridbox`. - -```example -
-
1
-
2
-
3
-
4
-
-``` - -```selectors -.gridbox-child-col{gridTrack} -``` - -Span columns on a `gridbox` child. - -```example -
-
span 2
-
1
-
1
-
-``` - -```selectors -.gridbox-child-row{gridTrack} -``` - -Span rows on a `gridbox` child. - -```example -
-
span 2 rows
-
1
-
1
-
-``` - ## Aspect ratio Class set includes `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. diff --git a/docs/examples/equal-height-columns.md b/docs/examples/equal-height-columns.md index d5d9269f..3f5263e9 100644 --- a/docs/examples/equal-height-columns.md +++ b/docs/examples/equal-height-columns.md @@ -4,14 +4,14 @@
-This effect is easy, of course, if you can fix the height of the columns. Often, though, that's not what you want. If you want columns to have equal heights *based on the column with the tallest content*, you need some flexbox powers. +This effect is easy, of course, if you can fix the height of the columns. Often, though, that's not what you want. If you want columns to have equal heights *based on the column with the tallest content*, use a `grid`. -The key here is to add `flex--stretch-cross` to the `grid`, and add `h-full` to the *child* of the `col` element, which is the one with the background color. +Columns in a `grid` stretch to the height of the tallest column in their row, so add `h-full` to the *child* of the `col` element, which is the one with the background color.
```example -
+
diff --git a/docs/examples/legends.md b/docs/examples/legends.md index 46882599..27ea2069 100644 --- a/docs/examples/legends.md +++ b/docs/examples/legends.md @@ -5,19 +5,19 @@ ```example
Title description -
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
Low
-
High
+
+
Low
+
High
``` @@ -25,17 +25,17 @@ ```example
Title description -
-
-
-
-
+
+
+
+
+
-
-
0
-
25
-
50
-
75
+
+
0
+
25
+
50
+
75
``` @@ -62,12 +62,12 @@
-
-
3
-
6
-
12
-
18
-
24
+
+
3
+
6
+
12
+
18
+
24
``` diff --git a/test/build-css.jest.js b/test/build-css.jest.js index 526511be..70c9e372 100644 --- a/test/build-css.jest.js +++ b/test/build-css.jest.js @@ -99,8 +99,6 @@ describe('buildCss', () => { 'margin-right': '0 !important' }); expect(declsForSelector(stripped, '.col')).toEqual({ 'min-width': '0' }); - expect(stripped).not.toContain('gridbox'); - expect(stripped).not.toContain('col--auto'); expect(declsForSelector(stripped, '.aspect-16\\/9')).toEqual({ 'aspect-ratio': '16/9 !important' }); diff --git a/test/preset.jest.js b/test/preset.jest.js index 13e20859..980a05d9 100644 --- a/test/preset.jest.js +++ b/test/preset.jest.js @@ -32,9 +32,6 @@ describe('presetAssembly', () => { expect(preset.safelist).toContain('gap12-mm'); expect(preset.safelist).toContain('grid'); expect(preset.safelist).toContain('grid-mm'); - expect(preset.safelist.some(token => token.includes('gridbox'))).toBe( - false - ); expect(preset.safelist).toContain('aspect-16/9'); expect(preset.safelist).toContain('aspect-16/9-ml'); expect(preset.safelist).toContain('object-cover'); From 4594d86db09764f7acfb9780b25749ebeda1338a Mon Sep 17 00:00:00 2001 From: tristen Date: Mon, 19 Oct 2026 15:27:37 -0400 Subject: [PATCH 7/8] Drop translate work --- CHANGELOG.md | 4 +- MIGRATION_GUIDES.md | 2 +- docs/.vitepress/theme/LayoutScales.vue | 5 - docs/documentation/layout.md | 26 +- examples/jit/assembly.css | 1 - examples/jit/index.html | 6 +- src/preset/layout-scales.js | 16 - src/scales.json | 1 - test/__snapshots__/build-css.jest.js.snap | 464 ---------------------- test/build-css.jest.js | 3 - test/preset.jest.js | 5 +- 11 files changed, 9 insertions(+), 524 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index c067c367..19623018 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,8 +6,8 @@ - [add] Export `presetAssembly()` for on-demand UnoCSS builds that keep Assembly class names. Pass `{ safelist: true }` only when you want the full prebuilt utility set. - [add] `gap{size}`, `gapx{size}`, and `gapy{size}` on the padding scale, with `*-mm` / `*-ml` / `*-mxl` variants. Use with `flex` or `grid`. - [breaking] `grid` is a 12-column CSS Grid. A `col` without a width class spans the full row, `w-1/12` to `w-11/12` set how many columns it spans, `ml-1/12` to `ml-11/12` set where it starts, and `grid--gut{size}` sets `column-gap`. `col--auto` is removed, and other left and right margins on a grid `col` are ignored. -- [add] `examples/jit` — a sample app that generates only the utilities used in its markup (no reset or component preflight). On-demand builds can also emit off-scale transforms (`rotate*`, `scale*`, `translate-*`); pixel utilities stay on the documented scale. -- [add] `aspect-{ratio}` / `aspect-auto`, `object-{contain,cover,fill,none,scale-down}`, `flex--space-around-main` / `flex--space-evenly-main`, and transform utilities (`rotate{deg}`, `scale{percent}`, `translate-x{n}` / `translate-y{n}`). +- [add] `examples/jit` — a sample app that generates only the utilities used in its markup (no reset or component preflight). On-demand builds can also emit off-scale transforms (`rotate*`, `scale*`); pixel utilities stay on the documented scale. +- [add] `aspect-{ratio}` / `aspect-auto`, `object-{contain,cover,fill,none,scale-down}`, `flex--space-around-main` / `flex--space-evenly-main`, and transform utilities (`rotate{deg}`, `scale{percent}`). - [breaking] `txt-break-word` uses `overflow-wrap: anywhere`, so words break only when they would overflow, instead of `word-break: break-all`. - [add] `animation-shimmer`, `visible-on-parent-hover`, `bg-canvas`, and `bg-canvas--dark`. - [internal] Assembly utilities are UnoCSS rules in `src/preset/`. Reset and component CSS live in `src/preset/base.css`. The package build is `src/build-*.js`. The documentation site is VitePress under `docs/`. diff --git a/MIGRATION_GUIDES.md b/MIGRATION_GUIDES.md index 63ce1e77..96926d96 100644 --- a/MIGRATION_GUIDES.md +++ b/MIGRATION_GUIDES.md @@ -47,7 +47,7 @@ The generated CSS still uses Assembly's CSS variables and custom media queries, These are additive with 1.x class names: - `gap12` / `gapx12` / `gapy12` (padding scale) for `flex` and `grid` spacing. -- `aspect-16/9`, `object-cover`, `flex--space-evenly-main`, `rotate90`, `scale50`, `translate-x12`. +- `aspect-16/9`, `object-cover`, `flex--space-evenly-main`, `rotate90`, `scale50`. - `animation-shimmer`, `visible-on-parent-hover`, `bg-canvas`, `bg-canvas--dark`. ## 1.0.0+ diff --git a/docs/.vitepress/theme/LayoutScales.vue b/docs/.vitepress/theme/LayoutScales.vue index bd28a1ff..df4a1e99 100644 --- a/docs/.vitepress/theme/LayoutScales.vue +++ b/docs/.vitepress/theme/LayoutScales.vue @@ -42,11 +42,6 @@ const classSets = [ classPatterns: ['scale{n}'], scale: scales.scale }, - { - name: 'Translates', - classPatterns: ['translate-x{n}', 'translate-y{n}'], - scale: scales.margin - }, { name: 'Widths', classPatterns: ['w{n}'], diff --git a/docs/documentation/layout.md b/docs/documentation/layout.md index fdcd8cfa..36d83902 100644 --- a/docs/documentation/layout.md +++ b/docs/documentation/layout.md @@ -808,14 +808,14 @@ Class set includes `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes ## Transforms -Transform utilities use the individual `rotate`, `scale`, and `translate` properties so they compose. +Transform utilities use the individual `rotate` and `scale` properties so they compose. Class sets include `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. ```selectors .rotate{rotate} ``` -Rotate an element. Combines with `scale*` and `translate-*`. +Rotate an element. Combines with `scale*`. ```example
@@ -825,32 +825,12 @@ Rotate an element. Combines with `scale*` and `translate-*`. .scale{scale} ``` -Scale an element. `scale100` is `1`. Combines with `rotate*` and `translate-*`. +Scale an element. `scale100` is `1`. Combines with `rotate*`. ```example
``` -```selectors -.translate-x{margin} -``` - -Translate on the x axis. Uses the margin scale, including negatives. - -```example -
-``` - -```selectors -.translate-y{margin} -``` - -Translate on the y axis. Uses the margin scale, including negatives. - -```example -
-``` - ## Layout utils Extra layout utilities. diff --git a/examples/jit/assembly.css b/examples/jit/assembly.css index 704d5e4f..4b5595cf 100644 --- a/examples/jit/assembly.css +++ b/examples/jit/assembly.css @@ -28,7 +28,6 @@ .wmax600{max-width:600px !important;} .h60{height:60px !important;} .rotate30{rotate:30deg !important;} -.translate-x48{translate:48px 0 !important;} @media screen and (min-width: 800px){ .w-1\/3-ml{width:33.3333% !important;grid-column-end:span 4 !important;} .w-2\/3-ml{width:66.6666% !important;grid-column-end:span 8 !important;} diff --git a/examples/jit/index.html b/examples/jit/index.html index 7ee6e3af..cbc4e9c7 100644 --- a/examples/jit/index.html +++ b/examples/jit/index.html @@ -57,11 +57,9 @@

Tree-shaken

Values outside the prebuilt scale

Pixel utilities stay on the documented scale. Transforms do not, so - on-demand CSS can emit - rotate30 and - translate-x48. + on-demand CSS can emit rotate30.

-
+

diff --git a/src/preset/layout-scales.js b/src/preset/layout-scales.js index 96003ed4..46a8e7ae 100644 --- a/src/preset/layout-scales.js +++ b/src/preset/layout-scales.js @@ -119,16 +119,6 @@ function layoutScaleRules() { }); }); - layoutScales.margin.forEach(scale => { - const value = cssValue(scale); - addStaticScale(rules, safelist, `translate-x${scale}`, { - translate: important(`${value} 0`) - }); - addStaticScale(rules, safelist, `translate-y${scale}`, { - translate: important(`0 ${value}`) - }); - }); - layoutScales.padding.forEach(scale => { const value = important(cssValue(scale)); addStaticScale(rules, safelist, `py${scale}`, { @@ -191,12 +181,6 @@ function layoutScaleRules() { addDynamicNumeric(rules, 'rotate', scale => ({ rotate: important(rotateDeg(scale)) })); - addDynamicNumeric(rules, 'translate-x', scale => ({ - translate: important(`${cssValue(scale)} 0`) - })); - addDynamicNumeric(rules, 'translate-y', scale => ({ - translate: important(`0 ${cssValue(scale)}`) - })); rules.push([ /^scale(\d+)$/, diff --git a/src/scales.json b/src/scales.json index 72fe0d48..6a1f6342 100644 --- a/src/scales.json +++ b/src/scales.json @@ -14,7 +14,6 @@ ], "rotate": [0, 45, 90, 180, 270, "-neg45", "-neg90", "-neg180", "-neg270"], "scale": [0, 50, 75, 100, 125, 150], - "translate": [], "width": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, "-full", "-auto"], "maxWidth": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, 1200, 1800, "-full", "-none"], "minWidth": [0, 3, 6, 12, 18, 24, 30, 36, 60, 120, 180, 240, 300, 360, 600, "-full"], diff --git a/test/__snapshots__/build-css.jest.js.snap b/test/__snapshots__/build-css.jest.js.snap index a205588a..8c1bb55c 100644 --- a/test/__snapshots__/build-css.jest.js.snap +++ b/test/__snapshots__/build-css.jest.js.snap @@ -1732,64 +1732,6 @@ textarea{ .scale100{scale:1 !important;} .scale125{scale:1.25 !important;} .scale150{scale:1.5 !important;} -.translate-x-neg1{translate:-1px 0 !important;} -.translate-y-neg1{translate:0 -1px !important;} -.translate-x-neg2{translate:-2px 0 !important;} -.translate-y-neg2{translate:0 -2px !important;} -.translate-x-neg3{translate:-3px 0 !important;} -.translate-y-neg3{translate:0 -3px !important;} -.translate-x-neg6{translate:-6px 0 !important;} -.translate-y-neg6{translate:0 -6px !important;} -.translate-x-neg12{translate:-12px 0 !important;} -.translate-y-neg12{translate:0 -12px !important;} -.translate-x-neg18{translate:-18px 0 !important;} -.translate-y-neg18{translate:0 -18px !important;} -.translate-x-neg24{translate:-24px 0 !important;} -.translate-y-neg24{translate:0 -24px !important;} -.translate-x-neg30{translate:-30px 0 !important;} -.translate-y-neg30{translate:0 -30px !important;} -.translate-x-neg36{translate:-36px 0 !important;} -.translate-y-neg36{translate:0 -36px !important;} -.translate-x-neg60{translate:-60px 0 !important;} -.translate-y-neg60{translate:0 -60px !important;} -.translate-x-neg120{translate:-120px 0 !important;} -.translate-y-neg120{translate:0 -120px !important;} -.translate-x-neg180{translate:-180px 0 !important;} -.translate-y-neg180{translate:0 -180px !important;} -.translate-x-neg240{translate:-240px 0 !important;} -.translate-y-neg240{translate:0 -240px !important;} -.translate-x-neg300{translate:-300px 0 !important;} -.translate-y-neg300{translate:0 -300px !important;} -.translate-x-neg360{translate:-360px 0 !important;} -.translate-y-neg360{translate:0 -360px !important;} -.translate-x0, -.translate-y0{translate:0 0 !important;} -.translate-x3{translate:3px 0 !important;} -.translate-y3{translate:0 3px !important;} -.translate-x6{translate:6px 0 !important;} -.translate-y6{translate:0 6px !important;} -.translate-x12{translate:12px 0 !important;} -.translate-y12{translate:0 12px !important;} -.translate-x18{translate:18px 0 !important;} -.translate-y18{translate:0 18px !important;} -.translate-x24{translate:24px 0 !important;} -.translate-y24{translate:0 24px !important;} -.translate-x30{translate:30px 0 !important;} -.translate-y30{translate:0 30px !important;} -.translate-x36{translate:36px 0 !important;} -.translate-y36{translate:0 36px !important;} -.translate-x60{translate:60px 0 !important;} -.translate-y60{translate:0 60px !important;} -.translate-x120{translate:120px 0 !important;} -.translate-y120{translate:0 120px !important;} -.translate-x180{translate:180px 0 !important;} -.translate-y180{translate:0 180px !important;} -.translate-x240{translate:240px 0 !important;} -.translate-y240{translate:0 240px !important;} -.translate-x300{translate:300px 0 !important;} -.translate-y300{translate:0 300px !important;} -.translate-x360{translate:360px 0 !important;} -.translate-y360{translate:0 360px !important;} .py0{padding-top:0 !important;padding-bottom:0 !important;} .px0{padding-left:0 !important;padding-right:0 !important;} .pt0{padding-top:0 !important;} @@ -2399,64 +2341,6 @@ textarea{ .scale100-mm{scale:1 !important;} .scale125-mm{scale:1.25 !important;} .scale150-mm{scale:1.5 !important;} -.translate-x-neg1-mm{translate:-1px 0 !important;} -.translate-y-neg1-mm{translate:0 -1px !important;} -.translate-x-neg2-mm{translate:-2px 0 !important;} -.translate-y-neg2-mm{translate:0 -2px !important;} -.translate-x-neg3-mm{translate:-3px 0 !important;} -.translate-y-neg3-mm{translate:0 -3px !important;} -.translate-x-neg6-mm{translate:-6px 0 !important;} -.translate-y-neg6-mm{translate:0 -6px !important;} -.translate-x-neg12-mm{translate:-12px 0 !important;} -.translate-y-neg12-mm{translate:0 -12px !important;} -.translate-x-neg18-mm{translate:-18px 0 !important;} -.translate-y-neg18-mm{translate:0 -18px !important;} -.translate-x-neg24-mm{translate:-24px 0 !important;} -.translate-y-neg24-mm{translate:0 -24px !important;} -.translate-x-neg30-mm{translate:-30px 0 !important;} -.translate-y-neg30-mm{translate:0 -30px !important;} -.translate-x-neg36-mm{translate:-36px 0 !important;} -.translate-y-neg36-mm{translate:0 -36px !important;} -.translate-x-neg60-mm{translate:-60px 0 !important;} -.translate-y-neg60-mm{translate:0 -60px !important;} -.translate-x-neg120-mm{translate:-120px 0 !important;} -.translate-y-neg120-mm{translate:0 -120px !important;} -.translate-x-neg180-mm{translate:-180px 0 !important;} -.translate-y-neg180-mm{translate:0 -180px !important;} -.translate-x-neg240-mm{translate:-240px 0 !important;} -.translate-y-neg240-mm{translate:0 -240px !important;} -.translate-x-neg300-mm{translate:-300px 0 !important;} -.translate-y-neg300-mm{translate:0 -300px !important;} -.translate-x-neg360-mm{translate:-360px 0 !important;} -.translate-y-neg360-mm{translate:0 -360px !important;} -.translate-x0-mm, -.translate-y0-mm{translate:0 0 !important;} -.translate-x3-mm{translate:3px 0 !important;} -.translate-y3-mm{translate:0 3px !important;} -.translate-x6-mm{translate:6px 0 !important;} -.translate-y6-mm{translate:0 6px !important;} -.translate-x12-mm{translate:12px 0 !important;} -.translate-y12-mm{translate:0 12px !important;} -.translate-x18-mm{translate:18px 0 !important;} -.translate-y18-mm{translate:0 18px !important;} -.translate-x24-mm{translate:24px 0 !important;} -.translate-y24-mm{translate:0 24px !important;} -.translate-x30-mm{translate:30px 0 !important;} -.translate-y30-mm{translate:0 30px !important;} -.translate-x36-mm{translate:36px 0 !important;} -.translate-y36-mm{translate:0 36px !important;} -.translate-x60-mm{translate:60px 0 !important;} -.translate-y60-mm{translate:0 60px !important;} -.translate-x120-mm{translate:120px 0 !important;} -.translate-y120-mm{translate:0 120px !important;} -.translate-x180-mm{translate:180px 0 !important;} -.translate-y180-mm{translate:0 180px !important;} -.translate-x240-mm{translate:240px 0 !important;} -.translate-y240-mm{translate:0 240px !important;} -.translate-x300-mm{translate:300px 0 !important;} -.translate-y300-mm{translate:0 300px !important;} -.translate-x360-mm{translate:360px 0 !important;} -.translate-y360-mm{translate:0 360px !important;} .py0-mm{padding-top:0 !important;padding-bottom:0 !important;} .px0-mm{padding-left:0 !important;padding-right:0 !important;} .pt0-mm{padding-top:0 !important;} @@ -3067,64 +2951,6 @@ textarea{ .scale100-ml{scale:1 !important;} .scale125-ml{scale:1.25 !important;} .scale150-ml{scale:1.5 !important;} -.translate-x-neg1-ml{translate:-1px 0 !important;} -.translate-y-neg1-ml{translate:0 -1px !important;} -.translate-x-neg2-ml{translate:-2px 0 !important;} -.translate-y-neg2-ml{translate:0 -2px !important;} -.translate-x-neg3-ml{translate:-3px 0 !important;} -.translate-y-neg3-ml{translate:0 -3px !important;} -.translate-x-neg6-ml{translate:-6px 0 !important;} -.translate-y-neg6-ml{translate:0 -6px !important;} -.translate-x-neg12-ml{translate:-12px 0 !important;} -.translate-y-neg12-ml{translate:0 -12px !important;} -.translate-x-neg18-ml{translate:-18px 0 !important;} -.translate-y-neg18-ml{translate:0 -18px !important;} -.translate-x-neg24-ml{translate:-24px 0 !important;} -.translate-y-neg24-ml{translate:0 -24px !important;} -.translate-x-neg30-ml{translate:-30px 0 !important;} -.translate-y-neg30-ml{translate:0 -30px !important;} -.translate-x-neg36-ml{translate:-36px 0 !important;} -.translate-y-neg36-ml{translate:0 -36px !important;} -.translate-x-neg60-ml{translate:-60px 0 !important;} -.translate-y-neg60-ml{translate:0 -60px !important;} -.translate-x-neg120-ml{translate:-120px 0 !important;} -.translate-y-neg120-ml{translate:0 -120px !important;} -.translate-x-neg180-ml{translate:-180px 0 !important;} -.translate-y-neg180-ml{translate:0 -180px !important;} -.translate-x-neg240-ml{translate:-240px 0 !important;} -.translate-y-neg240-ml{translate:0 -240px !important;} -.translate-x-neg300-ml{translate:-300px 0 !important;} -.translate-y-neg300-ml{translate:0 -300px !important;} -.translate-x-neg360-ml{translate:-360px 0 !important;} -.translate-y-neg360-ml{translate:0 -360px !important;} -.translate-x0-ml, -.translate-y0-ml{translate:0 0 !important;} -.translate-x3-ml{translate:3px 0 !important;} -.translate-y3-ml{translate:0 3px !important;} -.translate-x6-ml{translate:6px 0 !important;} -.translate-y6-ml{translate:0 6px !important;} -.translate-x12-ml{translate:12px 0 !important;} -.translate-y12-ml{translate:0 12px !important;} -.translate-x18-ml{translate:18px 0 !important;} -.translate-y18-ml{translate:0 18px !important;} -.translate-x24-ml{translate:24px 0 !important;} -.translate-y24-ml{translate:0 24px !important;} -.translate-x30-ml{translate:30px 0 !important;} -.translate-y30-ml{translate:0 30px !important;} -.translate-x36-ml{translate:36px 0 !important;} -.translate-y36-ml{translate:0 36px !important;} -.translate-x60-ml{translate:60px 0 !important;} -.translate-y60-ml{translate:0 60px !important;} -.translate-x120-ml{translate:120px 0 !important;} -.translate-y120-ml{translate:0 120px !important;} -.translate-x180-ml{translate:180px 0 !important;} -.translate-y180-ml{translate:0 180px !important;} -.translate-x240-ml{translate:240px 0 !important;} -.translate-y240-ml{translate:0 240px !important;} -.translate-x300-ml{translate:300px 0 !important;} -.translate-y300-ml{translate:0 300px !important;} -.translate-x360-ml{translate:360px 0 !important;} -.translate-y360-ml{translate:0 360px !important;} .py0-ml{padding-top:0 !important;padding-bottom:0 !important;} .px0-ml{padding-left:0 !important;padding-right:0 !important;} .pt0-ml{padding-top:0 !important;} @@ -3735,64 +3561,6 @@ textarea{ .scale100-mxl{scale:1 !important;} .scale125-mxl{scale:1.25 !important;} .scale150-mxl{scale:1.5 !important;} -.translate-x-neg1-mxl{translate:-1px 0 !important;} -.translate-y-neg1-mxl{translate:0 -1px !important;} -.translate-x-neg2-mxl{translate:-2px 0 !important;} -.translate-y-neg2-mxl{translate:0 -2px !important;} -.translate-x-neg3-mxl{translate:-3px 0 !important;} -.translate-y-neg3-mxl{translate:0 -3px !important;} -.translate-x-neg6-mxl{translate:-6px 0 !important;} -.translate-y-neg6-mxl{translate:0 -6px !important;} -.translate-x-neg12-mxl{translate:-12px 0 !important;} -.translate-y-neg12-mxl{translate:0 -12px !important;} -.translate-x-neg18-mxl{translate:-18px 0 !important;} -.translate-y-neg18-mxl{translate:0 -18px !important;} -.translate-x-neg24-mxl{translate:-24px 0 !important;} -.translate-y-neg24-mxl{translate:0 -24px !important;} -.translate-x-neg30-mxl{translate:-30px 0 !important;} -.translate-y-neg30-mxl{translate:0 -30px !important;} -.translate-x-neg36-mxl{translate:-36px 0 !important;} -.translate-y-neg36-mxl{translate:0 -36px !important;} -.translate-x-neg60-mxl{translate:-60px 0 !important;} -.translate-y-neg60-mxl{translate:0 -60px !important;} -.translate-x-neg120-mxl{translate:-120px 0 !important;} -.translate-y-neg120-mxl{translate:0 -120px !important;} -.translate-x-neg180-mxl{translate:-180px 0 !important;} -.translate-y-neg180-mxl{translate:0 -180px !important;} -.translate-x-neg240-mxl{translate:-240px 0 !important;} -.translate-y-neg240-mxl{translate:0 -240px !important;} -.translate-x-neg300-mxl{translate:-300px 0 !important;} -.translate-y-neg300-mxl{translate:0 -300px !important;} -.translate-x-neg360-mxl{translate:-360px 0 !important;} -.translate-y-neg360-mxl{translate:0 -360px !important;} -.translate-x0-mxl, -.translate-y0-mxl{translate:0 0 !important;} -.translate-x3-mxl{translate:3px 0 !important;} -.translate-y3-mxl{translate:0 3px !important;} -.translate-x6-mxl{translate:6px 0 !important;} -.translate-y6-mxl{translate:0 6px !important;} -.translate-x12-mxl{translate:12px 0 !important;} -.translate-y12-mxl{translate:0 12px !important;} -.translate-x18-mxl{translate:18px 0 !important;} -.translate-y18-mxl{translate:0 18px !important;} -.translate-x24-mxl{translate:24px 0 !important;} -.translate-y24-mxl{translate:0 24px !important;} -.translate-x30-mxl{translate:30px 0 !important;} -.translate-y30-mxl{translate:0 30px !important;} -.translate-x36-mxl{translate:36px 0 !important;} -.translate-y36-mxl{translate:0 36px !important;} -.translate-x60-mxl{translate:60px 0 !important;} -.translate-y60-mxl{translate:0 60px !important;} -.translate-x120-mxl{translate:120px 0 !important;} -.translate-y120-mxl{translate:0 120px !important;} -.translate-x180-mxl{translate:180px 0 !important;} -.translate-y180-mxl{translate:0 180px !important;} -.translate-x240-mxl{translate:240px 0 !important;} -.translate-y240-mxl{translate:0 240px !important;} -.translate-x300-mxl{translate:300px 0 !important;} -.translate-y300-mxl{translate:0 300px !important;} -.translate-x360-mxl{translate:360px 0 !important;} -.translate-y360-mxl{translate:0 360px !important;} .py0-mxl{padding-top:0 !important;padding-bottom:0 !important;} .px0-mxl{padding-left:0 !important;padding-right:0 !important;} .pt0-mxl{padding-top:0 !important;} @@ -6752,64 +6520,6 @@ textarea{ .scale100{scale:1 !important;} .scale125{scale:1.25 !important;} .scale150{scale:1.5 !important;} -.translate-x-neg1{translate:-1px 0 !important;} -.translate-y-neg1{translate:0 -1px !important;} -.translate-x-neg2{translate:-2px 0 !important;} -.translate-y-neg2{translate:0 -2px !important;} -.translate-x-neg3{translate:-3px 0 !important;} -.translate-y-neg3{translate:0 -3px !important;} -.translate-x-neg6{translate:-6px 0 !important;} -.translate-y-neg6{translate:0 -6px !important;} -.translate-x-neg12{translate:-12px 0 !important;} -.translate-y-neg12{translate:0 -12px !important;} -.translate-x-neg18{translate:-18px 0 !important;} -.translate-y-neg18{translate:0 -18px !important;} -.translate-x-neg24{translate:-24px 0 !important;} -.translate-y-neg24{translate:0 -24px !important;} -.translate-x-neg30{translate:-30px 0 !important;} -.translate-y-neg30{translate:0 -30px !important;} -.translate-x-neg36{translate:-36px 0 !important;} -.translate-y-neg36{translate:0 -36px !important;} -.translate-x-neg60{translate:-60px 0 !important;} -.translate-y-neg60{translate:0 -60px !important;} -.translate-x-neg120{translate:-120px 0 !important;} -.translate-y-neg120{translate:0 -120px !important;} -.translate-x-neg180{translate:-180px 0 !important;} -.translate-y-neg180{translate:0 -180px !important;} -.translate-x-neg240{translate:-240px 0 !important;} -.translate-y-neg240{translate:0 -240px !important;} -.translate-x-neg300{translate:-300px 0 !important;} -.translate-y-neg300{translate:0 -300px !important;} -.translate-x-neg360{translate:-360px 0 !important;} -.translate-y-neg360{translate:0 -360px !important;} -.translate-x0, -.translate-y0{translate:0 0 !important;} -.translate-x3{translate:3px 0 !important;} -.translate-y3{translate:0 3px !important;} -.translate-x6{translate:6px 0 !important;} -.translate-y6{translate:0 6px !important;} -.translate-x12{translate:12px 0 !important;} -.translate-y12{translate:0 12px !important;} -.translate-x18{translate:18px 0 !important;} -.translate-y18{translate:0 18px !important;} -.translate-x24{translate:24px 0 !important;} -.translate-y24{translate:0 24px !important;} -.translate-x30{translate:30px 0 !important;} -.translate-y30{translate:0 30px !important;} -.translate-x36{translate:36px 0 !important;} -.translate-y36{translate:0 36px !important;} -.translate-x60{translate:60px 0 !important;} -.translate-y60{translate:0 60px !important;} -.translate-x120{translate:120px 0 !important;} -.translate-y120{translate:0 120px !important;} -.translate-x180{translate:180px 0 !important;} -.translate-y180{translate:0 180px !important;} -.translate-x240{translate:240px 0 !important;} -.translate-y240{translate:0 240px !important;} -.translate-x300{translate:300px 0 !important;} -.translate-y300{translate:0 300px !important;} -.translate-x360{translate:360px 0 !important;} -.translate-y360{translate:0 360px !important;} .py0{padding-top:0 !important;padding-bottom:0 !important;} .px0{padding-left:0 !important;padding-right:0 !important;} .pt0{padding-top:0 !important;} @@ -7419,64 +7129,6 @@ textarea{ .scale100-mm{scale:1 !important;} .scale125-mm{scale:1.25 !important;} .scale150-mm{scale:1.5 !important;} -.translate-x-neg1-mm{translate:-1px 0 !important;} -.translate-y-neg1-mm{translate:0 -1px !important;} -.translate-x-neg2-mm{translate:-2px 0 !important;} -.translate-y-neg2-mm{translate:0 -2px !important;} -.translate-x-neg3-mm{translate:-3px 0 !important;} -.translate-y-neg3-mm{translate:0 -3px !important;} -.translate-x-neg6-mm{translate:-6px 0 !important;} -.translate-y-neg6-mm{translate:0 -6px !important;} -.translate-x-neg12-mm{translate:-12px 0 !important;} -.translate-y-neg12-mm{translate:0 -12px !important;} -.translate-x-neg18-mm{translate:-18px 0 !important;} -.translate-y-neg18-mm{translate:0 -18px !important;} -.translate-x-neg24-mm{translate:-24px 0 !important;} -.translate-y-neg24-mm{translate:0 -24px !important;} -.translate-x-neg30-mm{translate:-30px 0 !important;} -.translate-y-neg30-mm{translate:0 -30px !important;} -.translate-x-neg36-mm{translate:-36px 0 !important;} -.translate-y-neg36-mm{translate:0 -36px !important;} -.translate-x-neg60-mm{translate:-60px 0 !important;} -.translate-y-neg60-mm{translate:0 -60px !important;} -.translate-x-neg120-mm{translate:-120px 0 !important;} -.translate-y-neg120-mm{translate:0 -120px !important;} -.translate-x-neg180-mm{translate:-180px 0 !important;} -.translate-y-neg180-mm{translate:0 -180px !important;} -.translate-x-neg240-mm{translate:-240px 0 !important;} -.translate-y-neg240-mm{translate:0 -240px !important;} -.translate-x-neg300-mm{translate:-300px 0 !important;} -.translate-y-neg300-mm{translate:0 -300px !important;} -.translate-x-neg360-mm{translate:-360px 0 !important;} -.translate-y-neg360-mm{translate:0 -360px !important;} -.translate-x0-mm, -.translate-y0-mm{translate:0 0 !important;} -.translate-x3-mm{translate:3px 0 !important;} -.translate-y3-mm{translate:0 3px !important;} -.translate-x6-mm{translate:6px 0 !important;} -.translate-y6-mm{translate:0 6px !important;} -.translate-x12-mm{translate:12px 0 !important;} -.translate-y12-mm{translate:0 12px !important;} -.translate-x18-mm{translate:18px 0 !important;} -.translate-y18-mm{translate:0 18px !important;} -.translate-x24-mm{translate:24px 0 !important;} -.translate-y24-mm{translate:0 24px !important;} -.translate-x30-mm{translate:30px 0 !important;} -.translate-y30-mm{translate:0 30px !important;} -.translate-x36-mm{translate:36px 0 !important;} -.translate-y36-mm{translate:0 36px !important;} -.translate-x60-mm{translate:60px 0 !important;} -.translate-y60-mm{translate:0 60px !important;} -.translate-x120-mm{translate:120px 0 !important;} -.translate-y120-mm{translate:0 120px !important;} -.translate-x180-mm{translate:180px 0 !important;} -.translate-y180-mm{translate:0 180px !important;} -.translate-x240-mm{translate:240px 0 !important;} -.translate-y240-mm{translate:0 240px !important;} -.translate-x300-mm{translate:300px 0 !important;} -.translate-y300-mm{translate:0 300px !important;} -.translate-x360-mm{translate:360px 0 !important;} -.translate-y360-mm{translate:0 360px !important;} .py0-mm{padding-top:0 !important;padding-bottom:0 !important;} .px0-mm{padding-left:0 !important;padding-right:0 !important;} .pt0-mm{padding-top:0 !important;} @@ -8087,64 +7739,6 @@ textarea{ .scale100-ml{scale:1 !important;} .scale125-ml{scale:1.25 !important;} .scale150-ml{scale:1.5 !important;} -.translate-x-neg1-ml{translate:-1px 0 !important;} -.translate-y-neg1-ml{translate:0 -1px !important;} -.translate-x-neg2-ml{translate:-2px 0 !important;} -.translate-y-neg2-ml{translate:0 -2px !important;} -.translate-x-neg3-ml{translate:-3px 0 !important;} -.translate-y-neg3-ml{translate:0 -3px !important;} -.translate-x-neg6-ml{translate:-6px 0 !important;} -.translate-y-neg6-ml{translate:0 -6px !important;} -.translate-x-neg12-ml{translate:-12px 0 !important;} -.translate-y-neg12-ml{translate:0 -12px !important;} -.translate-x-neg18-ml{translate:-18px 0 !important;} -.translate-y-neg18-ml{translate:0 -18px !important;} -.translate-x-neg24-ml{translate:-24px 0 !important;} -.translate-y-neg24-ml{translate:0 -24px !important;} -.translate-x-neg30-ml{translate:-30px 0 !important;} -.translate-y-neg30-ml{translate:0 -30px !important;} -.translate-x-neg36-ml{translate:-36px 0 !important;} -.translate-y-neg36-ml{translate:0 -36px !important;} -.translate-x-neg60-ml{translate:-60px 0 !important;} -.translate-y-neg60-ml{translate:0 -60px !important;} -.translate-x-neg120-ml{translate:-120px 0 !important;} -.translate-y-neg120-ml{translate:0 -120px !important;} -.translate-x-neg180-ml{translate:-180px 0 !important;} -.translate-y-neg180-ml{translate:0 -180px !important;} -.translate-x-neg240-ml{translate:-240px 0 !important;} -.translate-y-neg240-ml{translate:0 -240px !important;} -.translate-x-neg300-ml{translate:-300px 0 !important;} -.translate-y-neg300-ml{translate:0 -300px !important;} -.translate-x-neg360-ml{translate:-360px 0 !important;} -.translate-y-neg360-ml{translate:0 -360px !important;} -.translate-x0-ml, -.translate-y0-ml{translate:0 0 !important;} -.translate-x3-ml{translate:3px 0 !important;} -.translate-y3-ml{translate:0 3px !important;} -.translate-x6-ml{translate:6px 0 !important;} -.translate-y6-ml{translate:0 6px !important;} -.translate-x12-ml{translate:12px 0 !important;} -.translate-y12-ml{translate:0 12px !important;} -.translate-x18-ml{translate:18px 0 !important;} -.translate-y18-ml{translate:0 18px !important;} -.translate-x24-ml{translate:24px 0 !important;} -.translate-y24-ml{translate:0 24px !important;} -.translate-x30-ml{translate:30px 0 !important;} -.translate-y30-ml{translate:0 30px !important;} -.translate-x36-ml{translate:36px 0 !important;} -.translate-y36-ml{translate:0 36px !important;} -.translate-x60-ml{translate:60px 0 !important;} -.translate-y60-ml{translate:0 60px !important;} -.translate-x120-ml{translate:120px 0 !important;} -.translate-y120-ml{translate:0 120px !important;} -.translate-x180-ml{translate:180px 0 !important;} -.translate-y180-ml{translate:0 180px !important;} -.translate-x240-ml{translate:240px 0 !important;} -.translate-y240-ml{translate:0 240px !important;} -.translate-x300-ml{translate:300px 0 !important;} -.translate-y300-ml{translate:0 300px !important;} -.translate-x360-ml{translate:360px 0 !important;} -.translate-y360-ml{translate:0 360px !important;} .py0-ml{padding-top:0 !important;padding-bottom:0 !important;} .px0-ml{padding-left:0 !important;padding-right:0 !important;} .pt0-ml{padding-top:0 !important;} @@ -8755,64 +8349,6 @@ textarea{ .scale100-mxl{scale:1 !important;} .scale125-mxl{scale:1.25 !important;} .scale150-mxl{scale:1.5 !important;} -.translate-x-neg1-mxl{translate:-1px 0 !important;} -.translate-y-neg1-mxl{translate:0 -1px !important;} -.translate-x-neg2-mxl{translate:-2px 0 !important;} -.translate-y-neg2-mxl{translate:0 -2px !important;} -.translate-x-neg3-mxl{translate:-3px 0 !important;} -.translate-y-neg3-mxl{translate:0 -3px !important;} -.translate-x-neg6-mxl{translate:-6px 0 !important;} -.translate-y-neg6-mxl{translate:0 -6px !important;} -.translate-x-neg12-mxl{translate:-12px 0 !important;} -.translate-y-neg12-mxl{translate:0 -12px !important;} -.translate-x-neg18-mxl{translate:-18px 0 !important;} -.translate-y-neg18-mxl{translate:0 -18px !important;} -.translate-x-neg24-mxl{translate:-24px 0 !important;} -.translate-y-neg24-mxl{translate:0 -24px !important;} -.translate-x-neg30-mxl{translate:-30px 0 !important;} -.translate-y-neg30-mxl{translate:0 -30px !important;} -.translate-x-neg36-mxl{translate:-36px 0 !important;} -.translate-y-neg36-mxl{translate:0 -36px !important;} -.translate-x-neg60-mxl{translate:-60px 0 !important;} -.translate-y-neg60-mxl{translate:0 -60px !important;} -.translate-x-neg120-mxl{translate:-120px 0 !important;} -.translate-y-neg120-mxl{translate:0 -120px !important;} -.translate-x-neg180-mxl{translate:-180px 0 !important;} -.translate-y-neg180-mxl{translate:0 -180px !important;} -.translate-x-neg240-mxl{translate:-240px 0 !important;} -.translate-y-neg240-mxl{translate:0 -240px !important;} -.translate-x-neg300-mxl{translate:-300px 0 !important;} -.translate-y-neg300-mxl{translate:0 -300px !important;} -.translate-x-neg360-mxl{translate:-360px 0 !important;} -.translate-y-neg360-mxl{translate:0 -360px !important;} -.translate-x0-mxl, -.translate-y0-mxl{translate:0 0 !important;} -.translate-x3-mxl{translate:3px 0 !important;} -.translate-y3-mxl{translate:0 3px !important;} -.translate-x6-mxl{translate:6px 0 !important;} -.translate-y6-mxl{translate:0 6px !important;} -.translate-x12-mxl{translate:12px 0 !important;} -.translate-y12-mxl{translate:0 12px !important;} -.translate-x18-mxl{translate:18px 0 !important;} -.translate-y18-mxl{translate:0 18px !important;} -.translate-x24-mxl{translate:24px 0 !important;} -.translate-y24-mxl{translate:0 24px !important;} -.translate-x30-mxl{translate:30px 0 !important;} -.translate-y30-mxl{translate:0 30px !important;} -.translate-x36-mxl{translate:36px 0 !important;} -.translate-y36-mxl{translate:0 36px !important;} -.translate-x60-mxl{translate:60px 0 !important;} -.translate-y60-mxl{translate:0 60px !important;} -.translate-x120-mxl{translate:120px 0 !important;} -.translate-y120-mxl{translate:0 120px !important;} -.translate-x180-mxl{translate:180px 0 !important;} -.translate-y180-mxl{translate:0 180px !important;} -.translate-x240-mxl{translate:240px 0 !important;} -.translate-y240-mxl{translate:0 240px !important;} -.translate-x300-mxl{translate:300px 0 !important;} -.translate-y300-mxl{translate:0 300px !important;} -.translate-x360-mxl{translate:360px 0 !important;} -.translate-y360-mxl{translate:0 360px !important;} .py0-mxl{padding-top:0 !important;padding-bottom:0 !important;} .px0-mxl{padding-left:0 !important;padding-right:0 !important;} .pt0-mxl{padding-top:0 !important;} diff --git a/test/build-css.jest.js b/test/build-css.jest.js index 70c9e372..95230a5f 100644 --- a/test/build-css.jest.js +++ b/test/build-css.jest.js @@ -114,9 +114,6 @@ describe('buildCss', () => { expect(declsForSelector(stripped, '.scale50')).toEqual({ scale: '0.5 !important' }); - expect(declsForSelector(stripped, '.translate-x12')).toEqual({ - translate: '12px 0 !important' - }); expect(declsForSelector(stripped, '.btn')['background-color']).toBe( '#0F71FA' ); diff --git a/test/preset.jest.js b/test/preset.jest.js index 980a05d9..0e3775a0 100644 --- a/test/preset.jest.js +++ b/test/preset.jest.js @@ -38,7 +38,6 @@ describe('presetAssembly', () => { expect(preset.safelist).toContain('flex--space-evenly-main'); expect(preset.safelist).toContain('rotate90'); expect(preset.safelist).toContain('scale50'); - expect(preset.safelist).toContain('translate-x12-mm'); expect(preset.safelist).toContain('bg-blue'); MEDIA_VARIANT_CLASSES.forEach(className => { expect(preset.safelist).toContain(`${className}-mm`); @@ -47,7 +46,7 @@ describe('presetAssembly', () => { test('JIT generate emits only requested utilities', async () => { const css = await generateJit( - 'px12 flex bg-blue gap12 grid rotate30 translate-x48 mt48 mr-2/5' + 'px12 flex bg-blue gap12 grid rotate30 mt48 mr-2/5' ); expect(css).toContain('.px12'); expect(css).toContain('.flex'); @@ -59,8 +58,6 @@ describe('presetAssembly', () => { expect(css).toContain('.grid > .col, .grid > .col-mm'); expect(css).toContain('.rotate30'); expect(css).toContain('rotate:30deg'); - expect(css).toContain('.translate-x48'); - expect(css).toContain('translate:48px 0'); expect(css).not.toContain('.mt48'); expect(css).not.toContain('.mr-2\\/5'); expect(css).not.toContain('.px24'); From 952c2bbf20422fbec8742aab10a8a41a1a8228b6 Mon Sep 17 00:00:00 2001 From: tristen Date: Mon, 19 Oct 2026 15:33:02 -0400 Subject: [PATCH 8/8] Don't use prose for everything --- docs/.vitepress/theme/Layout.vue | 15 +-------------- docs/icons.md | 10 +++++++++- docs/layout-scales.md | 10 +++++++++- 3 files changed, 19 insertions(+), 16 deletions(-) diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue index 8cee1cbc..821a169a 100644 --- a/docs/.vitepress/theme/Layout.vue +++ b/docs/.vitepress/theme/Layout.vue @@ -87,16 +87,6 @@ function nestedWrapClass(parent, level) { return parent.isDoc && level === 0 ? 'block mt6' : 'inline-block block-mm'; } -function useProse() { - const current = normalized(route.path); - return ( - current !== '/' && - current !== '/catalog' && - !current.startsWith('/examples') && - !current.startsWith('/documentation') - ); -} - onMounted(() => { updateHash(); window.addEventListener('hashchange', updateHash); @@ -173,10 +163,7 @@ onUnmounted(() => { -
+
diff --git a/docs/icons.md b/docs/icons.md index 013b3fb2..dfbdb002 100644 --- a/docs/icons.md +++ b/docs/icons.md @@ -1,9 +1,17 @@ +--- +title: Icons +--- + -# Icons +

Icons

+ +
Assembly comes with icons covering most UI design needs. The icons are designed to be used as embedded SVGs. For usage instructions, see the [`icon` class documentation](/documentation/#icons). +
+ diff --git a/docs/layout-scales.md b/docs/layout-scales.md index be045358..513cde3e 100644 --- a/docs/layout-scales.md +++ b/docs/layout-scales.md @@ -1,9 +1,17 @@ +--- +title: Layout Scales +--- + -# Layout Scales +

Layout Scales

+ +
These are the numbers, corresponding to pixel values, available for each set of layout classes. All of these class sets include `*-mm`, `*-ml`, and `*-mxl` variations to target screen sizes. +
+