diff options
Diffstat (limited to 'src/server/wwwroot')
| -rw-r--r-- | src/server/wwwroot/codyframe.css | 8901 | ||||
| -rw-r--r-- | src/server/wwwroot/codyframe.css.map | 1 | ||||
| -rw-r--r-- | src/server/wwwroot/codyframe.js | 296 | ||||
| -rw-r--r-- | src/server/wwwroot/login.css | 214 | ||||
| -rw-r--r-- | src/server/wwwroot/login.js | 73 |
5 files changed, 9485 insertions, 0 deletions
diff --git a/src/server/wwwroot/codyframe.css b/src/server/wwwroot/codyframe.css new file mode 100644 index 0000000..ca46021 --- /dev/null +++ b/src/server/wwwroot/codyframe.css @@ -0,0 +1,8901 @@ +*, *::after, *::before { + box-sizing: inherit; +} + +* { + font: inherit; +} + +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, hr { + margin: 0; + padding: 0; + border: 0; +} + +html { + box-sizing: border-box; +} + +body { + background-color: var(--color-bg, white); +} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section, main, form legend { + display: block; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + +button, input, textarea, select { + margin: 0; +} + +.btn, .form-control, .link, .reset { + background-color: transparent; + padding: 0; + border: 0; + border-radius: 0; + color: inherit; + line-height: inherit; + appearance: none; +} + +select.form-control::-ms-expand { + display: none; +} + +textarea { + resize: vertical; + overflow: auto; + vertical-align: top; +} + +input::-ms-clear { + display: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +img, video, svg { + max-width: 100%; +} + +[data-theme] { + background-color: var(--color-bg, white); + color: var(--color-contrast-high, #313135); +} + +:root { + --space-unit: 1em; + --space-xxxxs: calc(0.125 * var(--space-unit)); + --space-xxxs: calc(0.25 * var(--space-unit)); + --space-xxs: calc(0.375 * var(--space-unit)); + --space-xs: calc(0.5 * var(--space-unit)); + --space-sm: calc(0.75 * var(--space-unit)); + --space-md: calc(1.25 * var(--space-unit)); + --space-lg: calc(2 * var(--space-unit)); + --space-xl: calc(3.25 * var(--space-unit)); + --space-xxl: calc(5.25 * var(--space-unit)); + --space-xxxl: calc(8.5 * var(--space-unit)); + --space-xxxxl: calc(13.75 * var(--space-unit)); + --component-padding: var(--space-md); +} + +.container { + width: calc(100% - 2*var(--component-padding)); + margin-left: auto; + margin-right: auto; +} + +.grid { + --gap: 0px; + --offset: var(--gap); + display: flex; + flex-wrap: wrap; +} +.grid > * { + flex-basis: 100%; + max-width: 100%; +} +@supports (--css: variables) { + .grid > *[class*=offset-] { + margin-left: var(--offset); + } +} + +[class*=gap-xxxxs], [class*=gap-xxxs], [class*=gap-xxs], [class*=gap-xs], [class*=gap-sm], [class*=gap-md], [class*=gap-lg], [class*=gap-xl], [class*=gap-xxl], [class*=gap-xxxl], [class*=gap-xxxxl], [class*=grid-gap-], [class*=flex-gap-] { + margin-bottom: -0.75em; + margin-left: -0.75em; +} +[class*=gap-xxxxs] > *, [class*=gap-xxxs] > *, [class*=gap-xxs] > *, [class*=gap-xs] > *, [class*=gap-sm] > *, [class*=gap-md] > *, [class*=gap-lg] > *, [class*=gap-xl] > *, [class*=gap-xxl] > *, [class*=gap-xxxl] > *, [class*=gap-xxxxl] > *, [class*=grid-gap-] > *, [class*=flex-gap-] > * { + margin-bottom: 0.75em; + margin-left: 0.75em; +} + +@supports (--css: variables) { + [class*=gap-xxxxs], [class*=gap-xxxs], [class*=gap-xxs], [class*=gap-xs], [class*=gap-sm], [class*=gap-md], [class*=gap-lg], [class*=gap-xl], [class*=gap-xxl], [class*=gap-xxxl], [class*=gap-xxxxl], [class*=grid-gap-], [class*=flex-gap-] { + --gap: 0px; + --offset: var(--gap); + margin-bottom: calc(-1 * var(--gap)); + margin-left: calc(-1 * var(--gap)); + } + [class*=gap-xxxxs] > *, [class*=gap-xxxs] > *, [class*=gap-xxs] > *, [class*=gap-xs] > *, [class*=gap-sm] > *, [class*=gap-md] > *, [class*=gap-lg] > *, [class*=gap-xl] > *, [class*=gap-xxl] > *, [class*=gap-xxxl] > *, [class*=gap-xxxxl] > *, [class*=grid-gap-] > *, [class*=flex-gap-] > * { + margin-bottom: var(--gap); + margin-left: var(--offset); + } + + .gap-xxxxs, .grid-gap-xxxxs, .flex-gap-xxxxs { + --gap: var(--space-xxxxs); + } + + .gap-xxxs, .grid-gap-xxxs, .flex-gap-xxxs { + --gap: var(--space-xxxs); + } + + .gap-xxs, .grid-gap-xxs, .flex-gap-xxs { + --gap: var(--space-xxs); + } + + .gap-xs, .grid-gap-xs, .flex-gap-xs { + --gap: var(--space-xs); + } + + .gap-sm, .grid-gap-sm, .flex-gap-sm { + --gap: var(--space-sm); + } + + .gap-md, .grid-gap-md, .flex-gap-md { + --gap: var(--space-md); + } + + .gap-lg, .grid-gap-lg, .flex-gap-lg { + --gap: var(--space-lg); + } + + .gap-xl, .grid-gap-xl, .flex-gap-xl { + --gap: var(--space-xl); + } + + .gap-xxl, .grid-gap-xxl, .flex-gap-xxl { + --gap: var(--space-xxl); + } + + .gap-xxxl, .grid-gap-xxxl, .flex-gap-xxxl { + --gap: var(--space-xxxl); + } + + .gap-xxxxl, .grid-gap-xxxxl, .flex-gap-xxxxl { + --gap: var(--space-xxxxl); + } +} +.col { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; +} + +.col-1 { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); +} + +.col-2 { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); +} + +.col-3 { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); +} + +.col-4 { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); +} + +.col-5 { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); +} + +.col-6 { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); +} + +.col-7 { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); +} + +.col-8 { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); +} + +.col-9 { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); +} + +.col-10 { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); +} + +.col-11 { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); +} + +.col-12 { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); +} + +.col-content { + flex-grow: 0; + flex-basis: initial; + max-width: initial; +} + +.offset-1 { + --offset: calc(8.33% + var(--gap, 0.75em)); +} + +.offset-2 { + --offset: calc(16.66% + var(--gap, 0.75em)); +} + +.offset-3 { + --offset: calc(25% + var(--gap, 0.75em)); +} + +.offset-4 { + --offset: calc(33.33% + var(--gap, 0.75em)); +} + +.offset-5 { + --offset: calc(41.66% + var(--gap, 0.75em)); +} + +.offset-6 { + --offset: calc(50% + var(--gap, 0.75em)); +} + +.offset-7 { + --offset: calc(58.33% + var(--gap, 0.75em)); +} + +.offset-8 { + --offset: calc(66.66% + var(--gap, 0.75em)); +} + +.offset-9 { + --offset: calc(75% + var(--gap, 0.75em)); +} + +.offset-10 { + --offset: calc(83.33% + var(--gap, 0.75em)); +} + +.offset-11 { + --offset: calc(91.66% + var(--gap, 0.75em)); +} + +@media (min-width: 32rem) { + .col\@xs { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } + + .col-1\@xs { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-2\@xs { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-3\@xs { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); + } + + .col-4\@xs { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-5\@xs { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-6\@xs { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); + } + + .col-7\@xs { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-8\@xs { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-9\@xs { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); + } + + .col-10\@xs { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-11\@xs { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-12\@xs { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); + } + + .col-content\@xs { + flex-grow: 0; + flex-basis: initial; + max-width: initial; + } + + .offset-1\@xs { + --offset: calc(8.33% + var(--gap, 0.75em)); + } + + .offset-2\@xs { + --offset: calc(16.66% + var(--gap, 0.75em)); + } + + .offset-3\@xs { + --offset: calc(25% + var(--gap, 0.75em)); + } + + .offset-4\@xs { + --offset: calc(33.33% + var(--gap, 0.75em)); + } + + .offset-5\@xs { + --offset: calc(41.66% + var(--gap, 0.75em)); + } + + .offset-6\@xs { + --offset: calc(50% + var(--gap, 0.75em)); + } + + .offset-7\@xs { + --offset: calc(58.33% + var(--gap, 0.75em)); + } + + .offset-8\@xs { + --offset: calc(66.66% + var(--gap, 0.75em)); + } + + .offset-9\@xs { + --offset: calc(75% + var(--gap, 0.75em)); + } + + .offset-10\@xs { + --offset: calc(83.33% + var(--gap, 0.75em)); + } + + .offset-11\@xs { + --offset: calc(91.66% + var(--gap, 0.75em)); + } + + @supports (--css: variables) { + .gap-xxxxs\@xs { + --gap: var(--space-xxxxs); + } + + .gap-xxxs\@xs { + --gap: var(--space-xxxs); + } + + .gap-xxs\@xs { + --gap: var(--space-xxs); + } + + .gap-xs\@xs { + --gap: var(--space-xs); + } + + .gap-sm\@xs { + --gap: var(--space-sm); + } + + .gap-md\@xs { + --gap: var(--space-md); + } + + .gap-lg\@xs { + --gap: var(--space-lg); + } + + .gap-xl\@xs { + --gap: var(--space-xl); + } + + .gap-xxl\@xs { + --gap: var(--space-xxl); + } + + .gap-xxxl\@xs { + --gap: var(--space-xxxl); + } + + .gap-xxxxl\@xs { + --gap: var(--space-xxxxl); + } + + .gap-0\@xs { + --gap: 0px; + } + } +} +@media (min-width: 48rem) { + .col\@sm { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } + + .col-1\@sm { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-2\@sm { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-3\@sm { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); + } + + .col-4\@sm { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-5\@sm { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-6\@sm { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); + } + + .col-7\@sm { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-8\@sm { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-9\@sm { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); + } + + .col-10\@sm { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-11\@sm { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-12\@sm { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); + } + + .col-content\@sm { + flex-grow: 0; + flex-basis: initial; + max-width: initial; + } + + .offset-1\@sm { + --offset: calc(8.33% + var(--gap, 0.75em)); + } + + .offset-2\@sm { + --offset: calc(16.66% + var(--gap, 0.75em)); + } + + .offset-3\@sm { + --offset: calc(25% + var(--gap, 0.75em)); + } + + .offset-4\@sm { + --offset: calc(33.33% + var(--gap, 0.75em)); + } + + .offset-5\@sm { + --offset: calc(41.66% + var(--gap, 0.75em)); + } + + .offset-6\@sm { + --offset: calc(50% + var(--gap, 0.75em)); + } + + .offset-7\@sm { + --offset: calc(58.33% + var(--gap, 0.75em)); + } + + .offset-8\@sm { + --offset: calc(66.66% + var(--gap, 0.75em)); + } + + .offset-9\@sm { + --offset: calc(75% + var(--gap, 0.75em)); + } + + .offset-10\@sm { + --offset: calc(83.33% + var(--gap, 0.75em)); + } + + .offset-11\@sm { + --offset: calc(91.66% + var(--gap, 0.75em)); + } + + @supports (--css: variables) { + .gap-xxxxs\@sm { + --gap: var(--space-xxxxs); + } + + .gap-xxxs\@sm { + --gap: var(--space-xxxs); + } + + .gap-xxs\@sm { + --gap: var(--space-xxs); + } + + .gap-xs\@sm { + --gap: var(--space-xs); + } + + .gap-sm\@sm { + --gap: var(--space-sm); + } + + .gap-md\@sm { + --gap: var(--space-md); + } + + .gap-lg\@sm { + --gap: var(--space-lg); + } + + .gap-xl\@sm { + --gap: var(--space-xl); + } + + .gap-xxl\@sm { + --gap: var(--space-xxl); + } + + .gap-xxxl\@sm { + --gap: var(--space-xxxl); + } + + .gap-xxxxl\@sm { + --gap: var(--space-xxxxl); + } + + .gap-0\@sm { + --gap: 0px; + } + } +} +@media (min-width: 64rem) { + .col\@md { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } + + .col-1\@md { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-2\@md { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-3\@md { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); + } + + .col-4\@md { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-5\@md { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-6\@md { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); + } + + .col-7\@md { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-8\@md { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-9\@md { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); + } + + .col-10\@md { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-11\@md { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-12\@md { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); + } + + .col-content\@md { + flex-grow: 0; + flex-basis: initial; + max-width: initial; + } + + .offset-1\@md { + --offset: calc(8.33% + var(--gap, 0.75em)); + } + + .offset-2\@md { + --offset: calc(16.66% + var(--gap, 0.75em)); + } + + .offset-3\@md { + --offset: calc(25% + var(--gap, 0.75em)); + } + + .offset-4\@md { + --offset: calc(33.33% + var(--gap, 0.75em)); + } + + .offset-5\@md { + --offset: calc(41.66% + var(--gap, 0.75em)); + } + + .offset-6\@md { + --offset: calc(50% + var(--gap, 0.75em)); + } + + .offset-7\@md { + --offset: calc(58.33% + var(--gap, 0.75em)); + } + + .offset-8\@md { + --offset: calc(66.66% + var(--gap, 0.75em)); + } + + .offset-9\@md { + --offset: calc(75% + var(--gap, 0.75em)); + } + + .offset-10\@md { + --offset: calc(83.33% + var(--gap, 0.75em)); + } + + .offset-11\@md { + --offset: calc(91.66% + var(--gap, 0.75em)); + } + + @supports (--css: variables) { + .gap-xxxxs\@md { + --gap: var(--space-xxxxs); + } + + .gap-xxxs\@md { + --gap: var(--space-xxxs); + } + + .gap-xxs\@md { + --gap: var(--space-xxs); + } + + .gap-xs\@md { + --gap: var(--space-xs); + } + + .gap-sm\@md { + --gap: var(--space-sm); + } + + .gap-md\@md { + --gap: var(--space-md); + } + + .gap-lg\@md { + --gap: var(--space-lg); + } + + .gap-xl\@md { + --gap: var(--space-xl); + } + + .gap-xxl\@md { + --gap: var(--space-xxl); + } + + .gap-xxxl\@md { + --gap: var(--space-xxxl); + } + + .gap-xxxxl\@md { + --gap: var(--space-xxxxl); + } + + .gap-0\@md { + --gap: 0px; + } + } +} +@media (min-width: 80rem) { + .col\@lg { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } + + .col-1\@lg { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-2\@lg { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-3\@lg { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); + } + + .col-4\@lg { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-5\@lg { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-6\@lg { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); + } + + .col-7\@lg { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-8\@lg { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-9\@lg { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); + } + + .col-10\@lg { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-11\@lg { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-12\@lg { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); + } + + .col-content\@lg { + flex-grow: 0; + flex-basis: initial; + max-width: initial; + } + + .offset-1\@lg { + --offset: calc(8.33% + var(--gap, 0.75em)); + } + + .offset-2\@lg { + --offset: calc(16.66% + var(--gap, 0.75em)); + } + + .offset-3\@lg { + --offset: calc(25% + var(--gap, 0.75em)); + } + + .offset-4\@lg { + --offset: calc(33.33% + var(--gap, 0.75em)); + } + + .offset-5\@lg { + --offset: calc(41.66% + var(--gap, 0.75em)); + } + + .offset-6\@lg { + --offset: calc(50% + var(--gap, 0.75em)); + } + + .offset-7\@lg { + --offset: calc(58.33% + var(--gap, 0.75em)); + } + + .offset-8\@lg { + --offset: calc(66.66% + var(--gap, 0.75em)); + } + + .offset-9\@lg { + --offset: calc(75% + var(--gap, 0.75em)); + } + + .offset-10\@lg { + --offset: calc(83.33% + var(--gap, 0.75em)); + } + + .offset-11\@lg { + --offset: calc(91.66% + var(--gap, 0.75em)); + } + + @supports (--css: variables) { + .gap-xxxxs\@lg { + --gap: var(--space-xxxxs); + } + + .gap-xxxs\@lg { + --gap: var(--space-xxxs); + } + + .gap-xxs\@lg { + --gap: var(--space-xxs); + } + + .gap-xs\@lg { + --gap: var(--space-xs); + } + + .gap-sm\@lg { + --gap: var(--space-sm); + } + + .gap-md\@lg { + --gap: var(--space-md); + } + + .gap-lg\@lg { + --gap: var(--space-lg); + } + + .gap-xl\@lg { + --gap: var(--space-xl); + } + + .gap-xxl\@lg { + --gap: var(--space-xxl); + } + + .gap-xxxl\@lg { + --gap: var(--space-xxxl); + } + + .gap-xxxxl\@lg { + --gap: var(--space-xxxxl); + } + + .gap-0\@lg { + --gap: 0px; + } + } +} +@media (min-width: 90rem) { + .col\@xl { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } + + .col-1\@xl { + flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-2\@xl { + flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-3\@xl { + flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 25% - 0.01px - var(--gap, 0.75em)); + } + + .col-4\@xl { + flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-5\@xl { + flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-6\@xl { + flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 50% - 0.01px - var(--gap, 0.75em)); + } + + .col-7\@xl { + flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-8\@xl { + flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-9\@xl { + flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 75% - 0.01px - var(--gap, 0.75em)); + } + + .col-10\@xl { + flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em)); + } + + .col-11\@xl { + flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em)); + } + + .col-12\@xl { + flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em)); + max-width: calc( 100% - 0.01px - var(--gap, 0.75em)); + } + + .col-content\@xl { + flex-grow: 0; + flex-basis: initial; + max-width: initial; + } + + .offset-1\@xl { + --offset: calc(8.33% + var(--gap, 0.75em)); + } + + .offset-2\@xl { + --offset: calc(16.66% + var(--gap, 0.75em)); + } + + .offset-3\@xl { + --offset: calc(25% + var(--gap, 0.75em)); + } + + .offset-4\@xl { + --offset: calc(33.33% + var(--gap, 0.75em)); + } + + .offset-5\@xl { + --offset: calc(41.66% + var(--gap, 0.75em)); + } + + .offset-6\@xl { + --offset: calc(50% + var(--gap, 0.75em)); + } + + .offset-7\@xl { + --offset: calc(58.33% + var(--gap, 0.75em)); + } + + .offset-8\@xl { + --offset: calc(66.66% + var(--gap, 0.75em)); + } + + .offset-9\@xl { + --offset: calc(75% + var(--gap, 0.75em)); + } + + .offset-10\@xl { + --offset: calc(83.33% + var(--gap, 0.75em)); + } + + .offset-11\@xl { + --offset: calc(91.66% + var(--gap, 0.75em)); + } + + @supports (--css: variables) { + .gap-xxxxs\@xl { + --gap: var(--space-xxxxs); + } + + .gap-xxxs\@xl { + --gap: var(--space-xxxs); + } + + .gap-xxs\@xl { + --gap: var(--space-xxs); + } + + .gap-xs\@xl { + --gap: var(--space-xs); + } + + .gap-sm\@xl { + --gap: var(--space-sm); + } + + .gap-md\@xl { + --gap: var(--space-md); + } + + .gap-lg\@xl { + --gap: var(--space-lg); + } + + .gap-xl\@xl { + --gap: var(--space-xl); + } + + .gap-xxl\@xl { + --gap: var(--space-xxl); + } + + .gap-xxxl\@xl { + --gap: var(--space-xxxl); + } + + .gap-xxxxl\@xl { + --gap: var(--space-xxxxl); + } + + .gap-0\@xl { + --gap: 0px; + } + } +} +:root { + --radius-sm: calc(var(--radius, 0.25em)/2); + --radius-md: var(--radius, 0.25em); + --radius-lg: calc(var(--radius, 0.25em)*2); + --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), + 0 1px 2px rgba(0, 0, 0, 0.12); + --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), + 0 0.9px 1.5px rgba(0, 0, 0, 0.05), + 0 3.5px 6px rgba(0, 0, 0, 0.1); + --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), + 0 3.1px 5.5px rgba(0, 0, 0, 0.08), + 0 14px 25px rgba(0, 0, 0, 0.12); + --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), + 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), + 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), + 0 30px 42px -1px rgba(0, 0, 0, 0.15); + --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), + 0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), + 0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), + 0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), + 0 46px 60px -6px rgba(0, 0, 0, 0.2); + --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275); + --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1); + --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19); + --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1); + --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1); +} + +:root { + --heading-line-height: 1.2; + --body-line-height: 1.4; +} + +body { + font-size: var(--text-base-size, 1em); + font-family: var(--font-primary, sans-serif); + color: var(--color-contrast-high, #313135); +} + +h1, h2, h3, h4 { + color: var(--color-contrast-higher, #1c1c21); + line-height: var(--heading-line-height, 1.2); +} + +h1 { + font-size: var(--text-xxl, 2.074em); +} + +h2 { + font-size: var(--text-xl, 1.728em); +} + +h3 { + font-size: var(--text-lg, 1.44em); +} + +h4 { + font-size: var(--text-md, 1.2em); +} + +small { + font-size: var(--text-sm, 0.833em); +} + +a, .link { + color: var(--color-primary, #2a6df4); + text-decoration: underline; +} + +strong { + font-weight: bold; +} + +s { + text-decoration: line-through; +} + +u { + text-decoration: underline; +} + +.text-component h1, .text-component h2, .text-component h3, .text-component h4 { + line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1)); + margin-bottom: calc(var(--space-unit) * 0.25 * var(--text-vspace-multiplier, 1)); +} +.text-component h2, .text-component h3, .text-component h4 { + margin-top: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1)); +} +.text-component p, .text-component blockquote, .text-component ul li, .text-component ol li { + line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1)); +} +.text-component ul, .text-component ol, .text-component p, .text-component blockquote, .text-component .text-component__block { + margin-bottom: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1)); +} +.text-component ul, .text-component ol { + list-style-position: inside; +} +.text-component ul { + list-style-type: disc; +} +.text-component ol { + list-style-type: decimal; +} +.text-component img { + display: block; + margin: 0 auto; +} +.text-component figcaption { + text-align: center; + margin-top: calc(var(--space-unit) * 0.5); +} +.text-component em { + font-style: italic; +} +.text-component hr { + margin-top: calc(var(--space-unit) * var(--text-vspace-multiplier, 1)); + margin-bottom: calc(var(--space-unit) * var(--text-vspace-multiplier, 1)); + margin-left: auto; + margin-right: auto; +} +.text-component > *:first-child { + margin-top: 0; +} +.text-component > *:last-child { + margin-bottom: 0; +} + +.text-component__block--full-width { + width: 100vw; + margin-left: calc(50% - 50vw); +} + +@media (min-width: 48rem) { + .text-component__block--left, +.text-component__block--right { + width: 45%; + } + .text-component__block--left img, +.text-component__block--right img { + width: 100%; + } + + .text-component__block--left { + float: left; + margin-right: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1)); + } + + .text-component__block--right { + float: right; + margin-left: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1)); + } +} +@media (min-width: 90rem) { + .text-component__block--outset { + width: calc(100% + 10.5 * var(--space-unit)); + } + .text-component__block--outset img { + width: 100%; + } + + .text-component__block--outset:not(.text-component__block--right) { + margin-left: calc(-5.25 * var(--space-unit)); + } + + .text-component__block--left, .text-component__block--right { + width: 50%; + } + + .text-component__block--right.text-component__block--outset { + margin-right: calc(-5.25 * var(--space-unit)); + } +} +:root { + --icon-xxxs: 8px; + --icon-xxs: 12px; + --icon-xs: 16px; + --icon-sm: 24px; + --icon-md: 32px; + --icon-lg: 48px; + --icon-xl: 64px; + --icon-xxl: 96px; + --icon-xxxl: 128px; +} + +.icon { + display: inline-block; + color: inherit; + fill: currentColor; + height: 1em; + width: 1em; + line-height: 1; + flex-shrink: 0; + max-width: initial; +} + +.icon--xxxs { + font-size: var(--icon-xxxs); +} + +.icon--xxs { + font-size: var(--icon-xxs); +} + +.icon--xs { + font-size: var(--icon-xs); +} + +.icon--sm { + font-size: var(--icon-sm); +} + +.icon--md { + font-size: var(--icon-md); +} + +.icon--lg { + font-size: var(--icon-lg); +} + +.icon--xl { + font-size: var(--icon-xl); +} + +.icon--xxl { + font-size: var(--icon-xxl); +} + +.icon--xxxl { + font-size: var(--icon-xxxl); +} + +.icon--is-spinning { + animation: icon-spin 1s infinite linear; +} + +@keyframes icon-spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.icon use { + color: inherit; + fill: currentColor; +} + +.btn { + position: relative; + display: inline-flex; + justify-content: center; + align-items: center; + white-space: nowrap; + text-decoration: none; + line-height: 1; + font-size: var(--btn-font-size, 1em); + padding-top: var(--btn-padding-y, 0.5em); + padding-bottom: var(--btn-padding-y, 0.5em); + padding-left: var(--btn-padding-x, 0.75em); + padding-right: var(--btn-padding-x, 0.75em); + border-radius: var(--btn-radius, 0.25em); +} + +.btn--sm { + font-size: var(--btn-font-size-sm, 0.8em); +} + +.btn--md { + font-size: var(--btn-font-size-md, 1.2em); +} + +.btn--lg { + font-size: var(--btn-font-size-lg, 1.4em); +} + +.btn--icon { + padding: var(--btn-padding-y, 0.5em); +} + +.form-control { + padding-top: var(--form-control-padding-y, 0.5em); + padding-bottom: var(--form-control-padding-y, 0.5em); + padding-left: var(--form-control-padding-x, 0.75em); + padding-right: var(--form-control-padding-x, 0.75em); + border-radius: var(--form-control-radius, 0.25em); +} + +.form-legend { + color: var(--color-contrast-higher, #1c1c21); + line-height: var(--heading-line-height, 1.2); + font-size: var(--text-md, 1.2em); + margin-bottom: var(--space-xxs); +} + +.form-label { + display: inline-block; +} + +.form__msg-error, .form-error-msg { + color: var(--color-error, #e02447); + font-size: var(--text-sm, 0.833em); + margin-top: var(--space-xxs); + position: absolute; + clip: rect(1px, 1px, 1px, 1px); +} + +.form__msg-error--is-visible, .form-error-msg--is-visible { + position: relative; + clip: auto; +} + +.radio-list > *, .checkbox-list > * { + position: relative; + display: flex; + align-items: baseline; +} +.radio-list label, .checkbox-list label { + line-height: var(--body-line-height); +} +.radio-list input, .checkbox-list input { + margin-right: var(--space-xxxs); + flex-shrink: 0; +} + +:root { + --zindex-header: 3; + --zindex-popover: 5; + --zindex-fixed-element: 10; + --zindex-overlay: 15; +} + +:root { + --display: block; +} + +.is-visible { + display: var(--display) !important; +} + +.is-hidden { + display: none !important; +} + +html:not(.js) .no-js\:is-hidden { + display: none !important; +} + +@media print { + .print\:is-hidden { + display: none !important; + } +} +.sr-only { + position: absolute; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + width: 1px; + height: 1px; + overflow: hidden; + padding: 0; + border: 0; + white-space: nowrap; +} + +.flex { + display: flex; +} + +.inline-flex { + display: inline-flex; +} + +.flex-wrap { + flex-wrap: wrap; +} + +.flex-column { + flex-direction: column; +} + +.flex-column-reverse { + flex-direction: column-reverse; +} + +.flex-row { + flex-direction: row; +} + +.flex-row-reverse { + flex-direction: row-reverse; +} + +.flex-center { + justify-content: center; + align-items: center; +} + +.flex-grow { + flex-grow: 1; +} + +.flex-shrink-0 { + flex-shrink: 0; +} + +.flex-basis-0 { + flex-basis: 0; +} + +.justify-start { + justify-content: flex-start; +} + +.justify-end { + justify-content: flex-end; +} + +.justify-center { + justify-content: center; +} + +.justify-between { + justify-content: space-between; +} + +.items-center { + align-items: center; +} + +.items-start { + align-items: flex-start; +} + +.items-end { + align-items: flex-end; +} + +.items-baseline { + align-items: baseline; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.block { + display: block; +} + +.inline-block { + display: inline-block; +} + +.inline { + display: inline; +} + +.margin-xxxxs { + margin: var(--space-xxxxs); +} + +.margin-xxxs { + margin: var(--space-xxxs); +} + +.margin-xxs { + margin: var(--space-xxs); +} + +.margin-xs { + margin: var(--space-xs); +} + +.margin-sm { + margin: var(--space-sm); +} + +.margin-md { + margin: var(--space-md); +} + +.margin-lg { + margin: var(--space-lg); +} + +.margin-xl { + margin: var(--space-xl); +} + +.margin-xxl { + margin: var(--space-xxl); +} + +.margin-xxxl { + margin: var(--space-xxxl); +} + +.margin-xxxxl { + margin: var(--space-xxxxl); +} + +.margin-auto { + margin: auto; +} + +.margin-0 { + margin: 0; +} + +.margin-top-xxxxs { + margin-top: var(--space-xxxxs); +} + +.margin-top-xxxs { + margin-top: var(--space-xxxs); +} + +.margin-top-xxs { + margin-top: var(--space-xxs); +} + +.margin-top-xs { + margin-top: var(--space-xs); +} + +.margin-top-sm { + margin-top: var(--space-sm); +} + +.margin-top-md { + margin-top: var(--space-md); +} + +.margin-top-lg { + margin-top: var(--space-lg); +} + +.margin-top-xl { + margin-top: var(--space-xl); +} + +.margin-top-xxl { + margin-top: var(--space-xxl); +} + +.margin-top-xxxl { + margin-top: var(--space-xxxl); +} + +.margin-top-xxxxl { + margin-top: var(--space-xxxxl); +} + +.margin-top-auto { + margin-top: auto; +} + +.margin-top-0 { + margin-top: 0; +} + +.margin-bottom-xxxxs { + margin-bottom: var(--space-xxxxs); +} + +.margin-bottom-xxxs { + margin-bottom: var(--space-xxxs); +} + +.margin-bottom-xxs { + margin-bottom: var(--space-xxs); +} + +.margin-bottom-xs { + margin-bottom: var(--space-xs); +} + +.margin-bottom-sm { + margin-bottom: var(--space-sm); +} + +.margin-bottom-md { + margin-bottom: var(--space-md); +} + +.margin-bottom-lg { + margin-bottom: var(--space-lg); +} + +.margin-bottom-xl { + margin-bottom: var(--space-xl); +} + +.margin-bottom-xxl { + margin-bottom: var(--space-xxl); +} + +.margin-bottom-xxxl { + margin-bottom: var(--space-xxxl); +} + +.margin-bottom-xxxxl { + margin-bottom: var(--space-xxxxl); +} + +.margin-bottom-auto { + margin-bottom: auto; +} + +.margin-bottom-0 { + margin-bottom: 0; +} + +.margin-right-xxxxs { + margin-right: var(--space-xxxxs); +} + +.margin-right-xxxs { + margin-right: var(--space-xxxs); +} + +.margin-right-xxs { + margin-right: var(--space-xxs); +} + +.margin-right-xs { + margin-right: var(--space-xs); +} + +.margin-right-sm { + margin-right: var(--space-sm); +} + +.margin-right-md { + margin-right: var(--space-md); +} + +.margin-right-lg { + margin-right: var(--space-lg); +} + +.margin-right-xl { + margin-right: var(--space-xl); +} + +.margin-right-xxl { + margin-right: var(--space-xxl); +} + +.margin-right-xxxl { + margin-right: var(--space-xxxl); +} + +.margin-right-xxxxl { + margin-right: var(--space-xxxxl); +} + +.margin-right-auto { + margin-right: auto; +} + +.margin-right-0 { + margin-right: 0; +} + +.margin-left-xxxxs { + margin-left: var(--space-xxxxs); +} + +.margin-left-xxxs { + margin-left: var(--space-xxxs); +} + +.margin-left-xxs { + margin-left: var(--space-xxs); +} + +.margin-left-xs { + margin-left: var(--space-xs); +} + +.margin-left-sm { + margin-left: var(--space-sm); +} + +.margin-left-md { + margin-left: var(--space-md); +} + +.margin-left-lg { + margin-left: var(--space-lg); +} + +.margin-left-xl { + margin-left: var(--space-xl); +} + +.margin-left-xxl { + margin-left: var(--space-xxl); +} + +.margin-left-xxxl { + margin-left: var(--space-xxxl); +} + +.margin-left-xxxxl { + margin-left: var(--space-xxxxl); +} + +.margin-left-auto { + margin-left: auto; +} + +.margin-left-0 { + margin-left: 0; +} + +.margin-x-xxxxs { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); +} + +.margin-x-xxxs { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); +} + +.margin-x-xxs { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); +} + +.margin-x-xs { + margin-left: var(--space-xs); + margin-right: var(--space-xs); +} + +.margin-x-sm { + margin-left: var(--space-sm); + margin-right: var(--space-sm); +} + +.margin-x-md { + margin-left: var(--space-md); + margin-right: var(--space-md); +} + +.margin-x-lg { + margin-left: var(--space-lg); + margin-right: var(--space-lg); +} + +.margin-x-xl { + margin-left: var(--space-xl); + margin-right: var(--space-xl); +} + +.margin-x-xxl { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); +} + +.margin-x-xxxl { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); +} + +.margin-x-xxxxl { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); +} + +.margin-x-auto { + margin-left: auto; + margin-right: auto; +} + +.margin-x-0 { + margin-left: 0; + margin-right: 0; +} + +.margin-y-xxxxs { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); +} + +.margin-y-xxxs { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); +} + +.margin-y-xxs { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); +} + +.margin-y-xs { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); +} + +.margin-y-sm { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); +} + +.margin-y-md { + margin-top: var(--space-md); + margin-bottom: var(--space-md); +} + +.margin-y-lg { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); +} + +.margin-y-xl { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); +} + +.margin-y-xxl { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); +} + +.margin-y-xxxl { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); +} + +.margin-y-xxxxl { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); +} + +.margin-y-auto { + margin-top: auto; + margin-bottom: auto; +} + +.margin-y-0 { + margin-top: 0; + margin-bottom: 0; +} + +.padding-xxxxs { + padding: var(--space-xxxxs); +} + +.padding-xxxs { + padding: var(--space-xxxs); +} + +.padding-xxs { + padding: var(--space-xxs); +} + +.padding-xs { + padding: var(--space-xs); +} + +.padding-sm { + padding: var(--space-sm); +} + +.padding-md { + padding: var(--space-md); +} + +.padding-lg { + padding: var(--space-lg); +} + +.padding-xl { + padding: var(--space-xl); +} + +.padding-xxl { + padding: var(--space-xxl); +} + +.padding-xxxl { + padding: var(--space-xxxl); +} + +.padding-xxxxl { + padding: var(--space-xxxxl); +} + +.padding-0 { + padding: 0; +} + +.padding-component { + padding: var(--component-padding); +} + +.padding-top-xxxxs { + padding-top: var(--space-xxxxs); +} + +.padding-top-xxxs { + padding-top: var(--space-xxxs); +} + +.padding-top-xxs { + padding-top: var(--space-xxs); +} + +.padding-top-xs { + padding-top: var(--space-xs); +} + +.padding-top-sm { + padding-top: var(--space-sm); +} + +.padding-top-md { + padding-top: var(--space-md); +} + +.padding-top-lg { + padding-top: var(--space-lg); +} + +.padding-top-xl { + padding-top: var(--space-xl); +} + +.padding-top-xxl { + padding-top: var(--space-xxl); +} + +.padding-top-xxxl { + padding-top: var(--space-xxxl); +} + +.padding-top-xxxxl { + padding-top: var(--space-xxxxl); +} + +.padding-top-0 { + padding-top: 0; +} + +.padding-top-component { + padding-top: var(--component-padding); +} + +.padding-bottom-xxxxs { + padding-bottom: var(--space-xxxxs); +} + +.padding-bottom-xxxs { + padding-bottom: var(--space-xxxs); +} + +.padding-bottom-xxs { + padding-bottom: var(--space-xxs); +} + +.padding-bottom-xs { + padding-bottom: var(--space-xs); +} + +.padding-bottom-sm { + padding-bottom: var(--space-sm); +} + +.padding-bottom-md { + padding-bottom: var(--space-md); +} + +.padding-bottom-lg { + padding-bottom: var(--space-lg); +} + +.padding-bottom-xl { + padding-bottom: var(--space-xl); +} + +.padding-bottom-xxl { + padding-bottom: var(--space-xxl); +} + +.padding-bottom-xxxl { + padding-bottom: var(--space-xxxl); +} + +.padding-bottom-xxxxl { + padding-bottom: var(--space-xxxxl); +} + +.padding-bottom-0 { + padding-bottom: 0; +} + +.padding-bottom-component { + padding-bottom: var(--component-padding); +} + +.padding-right-xxxxs { + padding-right: var(--space-xxxxs); +} + +.padding-right-xxxs { + padding-right: var(--space-xxxs); +} + +.padding-right-xxs { + padding-right: var(--space-xxs); +} + +.padding-right-xs { + padding-right: var(--space-xs); +} + +.padding-right-sm { + padding-right: var(--space-sm); +} + +.padding-right-md { + padding-right: var(--space-md); +} + +.padding-right-lg { + padding-right: var(--space-lg); +} + +.padding-right-xl { + padding-right: var(--space-xl); +} + +.padding-right-xxl { + padding-right: var(--space-xxl); +} + +.padding-right-xxxl { + padding-right: var(--space-xxxl); +} + +.padding-right-xxxxl { + padding-right: var(--space-xxxxl); +} + +.padding-right-0 { + padding-right: 0; +} + +.padding-right-component { + padding-right: var(--component-padding); +} + +.padding-left-xxxxs { + padding-left: var(--space-xxxxs); +} + +.padding-left-xxxs { + padding-left: var(--space-xxxs); +} + +.padding-left-xxs { + padding-left: var(--space-xxs); +} + +.padding-left-xs { + padding-left: var(--space-xs); +} + +.padding-left-sm { + padding-left: var(--space-sm); +} + +.padding-left-md { + padding-left: var(--space-md); +} + +.padding-left-lg { + padding-left: var(--space-lg); +} + +.padding-left-xl { + padding-left: var(--space-xl); +} + +.padding-left-xxl { + padding-left: var(--space-xxl); +} + +.padding-left-xxxl { + padding-left: var(--space-xxxl); +} + +.padding-left-xxxxl { + padding-left: var(--space-xxxxl); +} + +.padding-left-0 { + padding-left: 0; +} + +.padding-left-component { + padding-left: var(--component-padding); +} + +.padding-x-xxxxs { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); +} + +.padding-x-xxxs { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); +} + +.padding-x-xxs { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); +} + +.padding-x-xs { + padding-left: var(--space-xs); + padding-right: var(--space-xs); +} + +.padding-x-sm { + padding-left: var(--space-sm); + padding-right: var(--space-sm); +} + +.padding-x-md { + padding-left: var(--space-md); + padding-right: var(--space-md); +} + +.padding-x-lg { + padding-left: var(--space-lg); + padding-right: var(--space-lg); +} + +.padding-x-xl { + padding-left: var(--space-xl); + padding-right: var(--space-xl); +} + +.padding-x-xxl { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); +} + +.padding-x-xxxl { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); +} + +.padding-x-xxxxl { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); +} + +.padding-x-0 { + padding-left: 0; + padding-right: 0; +} + +.padding-x-component { + padding-left: var(--component-padding); + padding-right: var(--component-padding); +} + +.padding-y-xxxxs { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); +} + +.padding-y-xxxs { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); +} + +.padding-y-xxs { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); +} + +.padding-y-xs { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); +} + +.padding-y-sm { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); +} + +.padding-y-md { + padding-top: var(--space-md); + padding-bottom: var(--space-md); +} + +.padding-y-lg { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); +} + +.padding-y-xl { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); +} + +.padding-y-xxl { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); +} + +.padding-y-xxxl { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); +} + +.padding-y-xxxxl { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); +} + +.padding-y-0 { + padding-top: 0; + padding-bottom: 0; +} + +.padding-y-component { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); +} + +.align-baseline { + vertical-align: baseline; +} + +.align-top { + vertical-align: top; +} + +.align-middle { + vertical-align: middle; +} + +.align-bottom { + vertical-align: bottom; +} + +.truncate, .text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-replace { + overflow: hidden; + color: transparent; + text-indent: 100%; + white-space: nowrap; +} + +.text-xs { + font-size: var(--text-xs, 0.694em); +} + +.text-sm { + font-size: var(--text-sm, 0.833em); +} + +.text-base { + font-size: 1em; +} + +.text-md { + font-size: var(--text-md, 1.2em); +} + +.text-lg { + font-size: var(--text-lg, 1.44em); +} + +.text-xl { + font-size: var(--text-xl, 1.728em); +} + +.text-xxl { + font-size: var(--text-xxl, 2.074em); +} + +.text-xxxl { + font-size: var(--text-xxxl, 2.488em); +} + +.text-xxxxl { + font-size: var(--text-xxxxl, 2.985em); +} + +.text-uppercase { + text-transform: uppercase; +} + +.text-capitalize { + text-transform: capitalize; +} + +.letter-spacing-sm { + letter-spacing: -0.05em; +} + +.letter-spacing-md { + letter-spacing: 0.05em; +} + +.letter-spacing-lg { + letter-spacing: 0.1em; +} + +.font-light { + font-weight: 300; +} + +.font-normal { + font-weight: 400; +} + +.font-medium { + font-weight: 500; +} + +.font-semibold { + font-weight: 600; +} + +.font-bold, .text-bold { + font-weight: 700; +} + +.font-italic { + font-style: italic; +} + +.font-smooth { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.font-primary { + font-family: var(--font-primary); +} + +.text-center { + text-align: center; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-justify { + text-align: justify; +} + +.text-line-through { + text-decoration: line-through; +} + +.text-underline { + text-decoration: underline; +} + +.text-decoration-none { + text-decoration: none; +} + +.v-space-xxs { + --text-vspace-multiplier: 0.25 !important; +} + +.v-space-xs { + --text-vspace-multiplier: 0.5 !important; +} + +.v-space-sm { + --text-vspace-multiplier: 0.75 !important; +} + +.v-space-md { + --text-vspace-multiplier: 1.25 !important; +} + +.v-space-lg { + --text-vspace-multiplier: 1.5 !important; +} + +.v-space-xl { + --text-vspace-multiplier: 1.75 !important; +} + +.v-space-xxl { + --text-vspace-multiplier: 2 !important; +} + +.line-height-xs { + --heading-line-height: 1; + --body-line-height: 1; +} +.line-height-xs:not(.text-component) { + line-height: 1; +} + +.line-height-sm { + --heading-line-height: 1.1; + --body-line-height: 1.2; +} +.line-height-sm:not(.text-component) { + line-height: 1.2; +} + +.line-height-md { + --heading-line-height: 1.15; + --body-line-height: 1.4; +} +.line-height-md:not(.text-component) { + line-height: 1.4; +} + +.line-height-lg { + --heading-line-height: 1.22; + --body-line-height: 1.58; +} +.line-height-lg:not(.text-component) { + line-height: 1.58; +} + +.line-height-xl { + --heading-line-height: 1.3; + --body-line-height: 1.72; +} +.line-height-xl:not(.text-component) { + line-height: 1.72; +} + +.line-height-body { + line-height: var(--body-line-height); +} + +.line-height-heading { + line-height: var(--heading-line-height); +} + +.ws-nowrap, .text-nowrap { + white-space: nowrap; +} + +.cursor-pointer { + cursor: pointer; +} + +.cursor-default { + cursor: default; +} + +.pointer-events-auto { + pointer-events: auto; +} + +.pointer-events-none { + pointer-events: none; +} + +.user-select-none { + user-select: none; +} + +.user-select-all { + user-select: all; +} + +[class*=color-] { + --color-o: 1; +} + +.color-inherit { + color: inherit; +} + +.color-bg { + color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1)); +} + +.color-contrast-lower { + color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--color-o, 1)); +} + +.color-contrast-low { + color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--color-o, 1)); +} + +.color-contrast-medium { + color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--color-o, 1)); +} + +.color-contrast-high { + color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1)); +} + +.color-contrast-higher { + color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--color-o, 1)); +} + +.color-primary-darker { + color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1)); +} + +.color-primary-dark { + color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--color-o, 1)); +} + +.color-primary { + color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-o, 1)); +} + +.color-primary-light { + color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1)); +} + +.color-primary-lighter { + color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1)); +} + +.color-accent-darker { + color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1)); +} + +.color-accent-dark { + color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--color-o, 1)); +} + +.color-accent { + color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--color-o, 1)); +} + +.color-accent-light { + color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1)); +} + +.color-accent-lighter { + color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1)); +} + +.color-success-darker { + color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1)); +} + +.color-success-dark { + color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--color-o, 1)); +} + +.color-success { + color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-o, 1)); +} + +.color-success-light { + color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1)); +} + +.color-success-lighter { + color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1)); +} + +.color-warning-darker { + color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1)); +} + +.color-warning-dark { + color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--color-o, 1)); +} + +.color-warning { + color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-o, 1)); +} + +.color-warning-light { + color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1)); +} + +.color-warning-lighter { + color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1)); +} + +.color-error-darker { + color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1)); +} + +.color-error-dark { + color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1)); +} + +.color-error { + color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1)); +} + +.color-error-light { + color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1)); +} + +.color-error-lighter { + color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1)); +} + +.color-white { + color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1)); +} + +.color-black { + color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1)); +} + +@supports (--css: variables) { + .color-opacity-0 { + --color-o: 0; + } + + .color-opacity-10\% { + --color-o: 0.1; + } + + .color-opacity-20\% { + --color-o: 0.2; + } + + .color-opacity-30\% { + --color-o: 0.3; + } + + .color-opacity-40\% { + --color-o: 0.4; + } + + .color-opacity-50\% { + --color-o: 0.5; + } + + .color-opacity-60\% { + --color-o: 0.6; + } + + .color-opacity-70\% { + --color-o: 0.7; + } + + .color-opacity-80\% { + --color-o: 0.8; + } + + .color-opacity-90\% { + --color-o: 0.9; + } +} +.width-xxxxs { + width: var(--size-xxxxs, 0.25rem); +} + +.width-xxxs { + width: var(--size-xxxs, 0.5rem); +} + +.width-xxs { + width: var(--size-xxs, 0.75rem); +} + +.width-xs { + width: var(--size-xs, 1rem); +} + +.width-sm { + width: var(--size-sm, 1.5rem); +} + +.width-md { + width: var(--size-md, 2rem); +} + +.width-lg { + width: var(--size-lg, 3rem); +} + +.width-xl { + width: var(--size-xl, 4rem); +} + +.width-xxl { + width: var(--size-xxl, 6rem); +} + +.width-xxxl { + width: var(--size-xxxl, 8rem); +} + +.width-xxxxl { + width: var(--size-xxxxl, 16rem); +} + +.width-0 { + width: 0; +} + +.width-10\% { + width: 10%; +} + +.width-20\% { + width: 20%; +} + +.width-25\% { + width: 25%; +} + +.width-30\% { + width: 30%; +} + +.width-33\% { + width: calc(100% / 3); +} + +.width-40\% { + width: 40%; +} + +.width-50\% { + width: 50%; +} + +.width-60\% { + width: 60%; +} + +.width-66\% { + width: calc(100% / 1.5); +} + +.width-70\% { + width: 70%; +} + +.width-75\% { + width: 75%; +} + +.width-80\% { + width: 80%; +} + +.width-90\% { + width: 90%; +} + +.width-100\% { + width: 100%; +} + +.width-100vw { + width: 100vw; +} + +.width-auto { + width: auto; +} + +.height-xxxxs { + height: var(--size-xxxxs, 0.25rem); +} + +.height-xxxs { + height: var(--size-xxxs, 0.5rem); +} + +.height-xxs { + height: var(--size-xxs, 0.75rem); +} + +.height-xs { + height: var(--size-xs, 1rem); +} + +.height-sm { + height: var(--size-sm, 1.5rem); +} + +.height-md { + height: var(--size-md, 2rem); +} + +.height-lg { + height: var(--size-lg, 3rem); +} + +.height-xl { + height: var(--size-xl, 4rem); +} + +.height-xxl { + height: var(--size-xxl, 6rem); +} + +.height-xxxl { + height: var(--size-xxxl, 8rem); +} + +.height-xxxxl { + height: var(--size-xxxxl, 16rem); +} + +.height-0 { + height: 0; +} + +.height-10\% { + height: 10%; +} + +.height-20\% { + height: 20%; +} + +.height-25\% { + height: 25%; +} + +.height-30\% { + height: 30%; +} + +.height-33\% { + height: calc(100% / 3); +} + +.height-40\% { + height: 40%; +} + +.height-50\% { + height: 50%; +} + +.height-60\% { + height: 60%; +} + +.height-66\% { + height: calc(100% / 1.5); +} + +.height-70\% { + height: 70%; +} + +.height-75\% { + height: 75%; +} + +.height-80\% { + height: 80%; +} + +.height-90\% { + height: 90%; +} + +.height-100\% { + height: 100%; +} + +.height-100vh { + height: 100vh; +} + +.height-auto { + height: auto; +} + +.min-width-0 { + min-width: 0; +} + +.min-width-25\% { + min-width: 25%; +} + +.min-width-33\% { + min-width: calc(100% / 3); +} + +.min-width-50\% { + min-width: 50%; +} + +.min-width-66\% { + min-width: calc(100% / 1.5); +} + +.min-width-75\% { + min-width: 75%; +} + +.min-width-100\% { + min-width: 100%; +} + +.min-width-100vw { + min-width: 100vw; +} + +.min-height-100\% { + min-height: 100%; +} + +.min-height-100vh { + min-height: 100vh; +} + +:root { + --max-width-xxxxs: 20rem; + --max-width-xxxs: 26rem; + --max-width-xxs: 32rem; + --max-width-xs: 38rem; + --max-width-sm: 48rem; + --max-width-md: 64rem; + --max-width-lg: 80rem; + --max-width-xl: 90rem; + --max-width-xxl: 100rem; + --max-width-xxxl: 120rem; + --max-width-xxxxl: 150rem; +} + +.max-width-xxxxs { + max-width: var(--max-width-xxxxs); +} + +.max-width-xxxs { + max-width: var(--max-width-xxxs); +} + +.max-width-xxs { + max-width: var(--max-width-xxs); +} + +.max-width-xs { + max-width: var(--max-width-xs); +} + +.max-width-sm { + max-width: var(--max-width-sm); +} + +.max-width-md { + max-width: var(--max-width-md); +} + +.max-width-lg { + max-width: var(--max-width-lg); +} + +.max-width-xl { + max-width: var(--max-width-xl); +} + +.max-width-xxl { + max-width: var(--max-width-xxl); +} + +.max-width-xxxl { + max-width: var(--max-width-xxxl); +} + +.max-width-xxxxl { + max-width: var(--max-width-xxxxl); +} + +.max-width-100\% { + max-width: 100%; +} + +[class*=max-width-adaptive] { + max-width: 32rem; +} + +@media (min-width: 48rem) { + .max-width-adaptive-sm, .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive { + max-width: 48rem; + } +} +@media (min-width: 64rem) { + .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive { + max-width: 64rem; + } +} +@media (min-width: 80rem) { + .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive { + max-width: 80rem; + } +} +@media (min-width: 90rem) { + .max-width-adaptive-xl { + max-width: 90rem; + } +} +.max-height-100\% { + max-height: 100%; +} + +.max-height-100vh { + max-height: 100vh; +} + +.position-relative { + position: relative; +} + +.position-absolute { + position: absolute; +} + +.position-fixed { + position: fixed; +} + +.position-sticky { + position: sticky; +} + +.top-0 { + top: 0; +} + +.bottom-0 { + bottom: 0; +} + +.left-0 { + left: 0; +} + +.right-0 { + right: 0; +} + +.z-index-header { + z-index: var(--zindex-header); +} + +.z-index-popover { + z-index: var(--zindex-popover); +} + +.z-index-fixed-element { + z-index: var(--zindex-fixed-element); +} + +.z-index-overlay { + z-index: var(--zindex-overlay); +} + +.zindex-1, .z-index-1 { + z-index: 1; +} + +.zindex-2, .z-index-2 { + z-index: 2; +} + +.zindex-3, .z-index-3 { + z-index: 3; +} + +.overflow-hidden { + overflow: hidden; +} + +.overflow-auto { + overflow: auto; +} + +.momentum-scrolling { + -webkit-overflow-scrolling: touch; +} + +.overscroll-contain { + overscroll-behavior: contain; +} + +.opacity-0 { + opacity: 0; +} + +.opacity-10\% { + opacity: 0.1; +} + +.opacity-20\% { + opacity: 0.2; +} + +.opacity-30\% { + opacity: 0.3; +} + +.opacity-40\% { + opacity: 0.4; +} + +.opacity-50\% { + opacity: 0.5; +} + +.opacity-60\% { + opacity: 0.6; +} + +.opacity-70\% { + opacity: 0.7; +} + +.opacity-80\% { + opacity: 0.8; +} + +.opacity-90\% { + opacity: 0.9; +} + +.media-wrapper { + position: relative; + height: 0; + padding-bottom: 56.25%; +} +.media-wrapper > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; +} + +.media-wrapper--4\:3 { + padding-bottom: calc((3 / 4) * 100%); +} + +.media-wrapper--1\:1 { + padding-bottom: calc((1 / 1) * 100%); +} + +.float-left { + float: left; +} + +.float-right { + float: right; +} + +.clearfix::after { + content: ""; + display: table; + clear: both; +} + +[class*=border-] { + --border-o: 1; +} + +.border { + border: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + +.border-top { + border-top: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + +.border-bottom { + border-bottom: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + +.border-left { + border-left: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + +.border-right { + border-right: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + +.border-2 { + border-width: 2px; +} + +.border-3 { + border-width: 3px; +} + +.border-4 { + border-width: 4px; +} + +.border-bg { + border-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--border-o, 1)); +} + +.border-contrast-lower { + border-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1)); +} + +.border-contrast-low { + border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1)); +} + +.border-contrast-medium { + border-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--border-o, 1)); +} + +.border-contrast-high { + border-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--border-o, 1)); +} + +.border-contrast-higher { + border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o, 1)); +} + +.border-primary-darker { + border-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--border-o, 1)); +} + +.border-primary-dark { + border-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--border-o, 1)); +} + +.border-primary { + border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--border-o, 1)); +} + +.border-primary-light { + border-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--border-o, 1)); +} + +.border-primary-lighter { + border-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--border-o, 1)); +} + +.border-accent-darker { + border-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--border-o, 1)); +} + +.border-accent-dark { + border-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--border-o, 1)); +} + +.border-accent { + border-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--border-o, 1)); +} + +.border-accent-light { + border-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--border-o, 1)); +} + +.border-accent-lighter { + border-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--border-o, 1)); +} + +.border-success-darker { + border-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--border-o, 1)); +} + +.border-success-dark { + border-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--border-o, 1)); +} + +.border-success { + border-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--border-o, 1)); +} + +.border-success-light { + border-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--border-o, 1)); +} + +.border-success-lighter { + border-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--border-o, 1)); +} + +.border-warning-darker { + border-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--border-o, 1)); +} + +.border-warning-dark { + border-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--border-o, 1)); +} + +.border-warning { + border-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--border-o, 1)); +} + +.border-warning-light { + border-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--border-o, 1)); +} + +.border-warning-lighter { + border-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--border-o, 1)); +} + +.border-error-darker { + border-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--border-o, 1)); +} + +.border-error-dark { + border-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--border-o, 1)); +} + +.border-error { + border-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--border-o, 1)); +} + +.border-error-light { + border-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--border-o, 1)); +} + +.border-error-lighter { + border-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--border-o, 1)); +} + +.border-white { + border-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--border-o, 1)); +} + +.border-black { + border-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--border-o, 1)); +} + +@supports (--css: variables) { + .border-opacity-0 { + --border-o: 0; + } + + .border-opacity-10\% { + --border-o: 0.1; + } + + .border-opacity-20\% { + --border-o: 0.2; + } + + .border-opacity-30\% { + --border-o: 0.3; + } + + .border-opacity-40\% { + --border-o: 0.4; + } + + .border-opacity-50\% { + --border-o: 0.5; + } + + .border-opacity-60\% { + --border-o: 0.6; + } + + .border-opacity-70\% { + --border-o: 0.7; + } + + .border-opacity-80\% { + --border-o: 0.8; + } + + .border-opacity-90\% { + --border-o: 0.9; + } +} +.radius-sm { + border-radius: var(--radius-sm); +} + +.radius-md { + border-radius: var(--radius-md); +} + +.radius-lg { + border-radius: var(--radius-lg); +} + +.radius-50\% { + border-radius: 50%; +} + +.radius-full { + border-radius: 50em; +} + +.shadow-xs { + box-shadow: var(--shadow-xs); +} + +.shadow-sm { + box-shadow: var(--shadow-sm); +} + +.shadow-md { + box-shadow: var(--shadow-md); +} + +.shadow-lg { + box-shadow: var(--shadow-lg); +} + +.shadow-xl { + box-shadow: var(--shadow-xl); +} + +.bg, [class*=bg-] { + --bg-o: 1; +} + +.bg-transparent { + background-color: transparent; +} + +.bg-inherit { + background-color: inherit; +} + +.bg { + background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o)); +} + +.bg-contrast-lower { + background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--bg-o, 1)); +} + +.bg-contrast-low { + background-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--bg-o, 1)); +} + +.bg-contrast-medium { + background-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--bg-o, 1)); +} + +.bg-contrast-high { + background-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--bg-o, 1)); +} + +.bg-contrast-higher { + background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--bg-o, 1)); +} + +.bg-primary-darker { + background-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--bg-o, 1)); +} + +.bg-primary-dark { + background-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--bg-o, 1)); +} + +.bg-primary { + background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--bg-o, 1)); +} + +.bg-primary-light { + background-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--bg-o, 1)); +} + +.bg-primary-lighter { + background-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--bg-o, 1)); +} + +.bg-accent-darker { + background-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--bg-o, 1)); +} + +.bg-accent-dark { + background-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--bg-o, 1)); +} + +.bg-accent { + background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--bg-o, 1)); +} + +.bg-accent-light { + background-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--bg-o, 1)); +} + +.bg-accent-lighter { + background-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--bg-o, 1)); +} + +.bg-success-darker { + background-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--bg-o, 1)); +} + +.bg-success-dark { + background-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--bg-o, 1)); +} + +.bg-success { + background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--bg-o, 1)); +} + +.bg-success-light { + background-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--bg-o, 1)); +} + +.bg-success-lighter { + background-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--bg-o, 1)); +} + +.bg-warning-darker { + background-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--bg-o, 1)); +} + +.bg-warning-dark { + background-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--bg-o, 1)); +} + +.bg-warning { + background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1)); +} + +.bg-warning-light { + background-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--bg-o, 1)); +} + +.bg-warning-lighter { + background-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--bg-o, 1)); +} + +.bg-error-darker { + background-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--bg-o, 1)); +} + +.bg-error-dark { + background-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--bg-o, 1)); +} + +.bg-error { + background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--bg-o, 1)); +} + +.bg-error-light { + background-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--bg-o, 1)); +} + +.bg-error-lighter { + background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--bg-o, 1)); +} + +.bg-white { + background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1)); +} + +.bg-black { + background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1)); +} + +@supports (--css: variables) { + .bg-opacity-0 { + --bg-o: 0; + } + + .bg-opacity-10\% { + --bg-o: 0.1; + } + + .bg-opacity-20\% { + --bg-o: 0.2; + } + + .bg-opacity-30\% { + --bg-o: 0.3; + } + + .bg-opacity-40\% { + --bg-o: 0.4; + } + + .bg-opacity-50\% { + --bg-o: 0.5; + } + + .bg-opacity-60\% { + --bg-o: 0.6; + } + + .bg-opacity-70\% { + --bg-o: 0.7; + } + + .bg-opacity-80\% { + --bg-o: 0.8; + } + + .bg-opacity-90\% { + --bg-o: 0.9; + } +} +.bg-cover { + background-size: cover; +} + +.bg-center { + background-position: center; +} + +.bg-no-repeat { + background-repeat: no-repeat; +} + +.backdrop-blur-10 { + backdrop-filter: blur(10px); +} + +.backdrop-blur-20 { + backdrop-filter: blur(20px); +} + +.isolate { + isolation: isolate; +} + +.blend-multiply { + mix-blend-mode: multiply; +} + +.blend-overlay { + mix-blend-mode: overlay; +} + +.object-contain { + object-fit: contain; +} + +.object-cover { + object-fit: cover; +} + +.flip { + transform: scale(-1); +} + +.flip-x { + transform: scaleX(-1); +} + +.flip-y { + transform: scaleY(-1); +} + +@media (min-width: 32rem) { + .flex\@xs { + display: flex; + } + + .inline-flex\@xs { + display: inline-flex; + } + + .flex-wrap\@xs { + flex-wrap: wrap; + } + + .flex-column\@xs { + flex-direction: column; + } + + .flex-column-reverse\@xs { + flex-direction: column-reverse; + } + + .flex-row\@xs { + flex-direction: row; + } + + .flex-row-reverse\@xs { + flex-direction: row-reverse; + } + + .flex-center\@xs { + justify-content: center; + align-items: center; + } + + .flex-grow-0\@xs { + flex-grow: 0; + } + + .flex-grow\@xs { + flex-grow: 1; + } + + .flex-shrink-0\@xs { + flex-shrink: 0; + } + + .flex-shrink\@xs { + flex-shrink: 1; + } + + .justify-start\@xs { + justify-content: flex-start; + } + + .justify-end\@xs { + justify-content: flex-end; + } + + .justify-center\@xs { + justify-content: center; + } + + .justify-between\@xs { + justify-content: space-between; + } + + .items-center\@xs { + align-items: center; + } + + .items-start\@xs { + align-items: flex-start; + } + + .items-end\@xs { + align-items: flex-end; + } + + .items-baseline\@xs { + align-items: baseline; + } + + .order-1\@xs { + order: 1; + } + + .order-2\@xs { + order: 2; + } + + .order-3\@xs { + order: 3; + } + + .block\@xs { + display: block; + } + + .inline-block\@xs { + display: inline-block; + } + + .inline\@xs { + display: inline; + } + + @supports (--css: variables) { + .margin-xxxxs\@xs { + margin: var(--space-xxxxs); + } + + .margin-xxxs\@xs { + margin: var(--space-xxxs); + } + + .margin-xxs\@xs { + margin: var(--space-xxs); + } + + .margin-xs\@xs { + margin: var(--space-xs); + } + + .margin-sm\@xs { + margin: var(--space-sm); + } + + .margin-md\@xs { + margin: var(--space-md); + } + + .margin-lg\@xs { + margin: var(--space-lg); + } + + .margin-xl\@xs { + margin: var(--space-xl); + } + + .margin-xxl\@xs { + margin: var(--space-xxl); + } + + .margin-xxxl\@xs { + margin: var(--space-xxxl); + } + + .margin-xxxxl\@xs { + margin: var(--space-xxxxl); + } + + .margin-auto\@xs { + margin: auto; + } + + .margin-0\@xs { + margin: 0; + } + + .margin-top-xxxxs\@xs { + margin-top: var(--space-xxxxs); + } + + .margin-top-xxxs\@xs { + margin-top: var(--space-xxxs); + } + + .margin-top-xxs\@xs { + margin-top: var(--space-xxs); + } + + .margin-top-xs\@xs { + margin-top: var(--space-xs); + } + + .margin-top-sm\@xs { + margin-top: var(--space-sm); + } + + .margin-top-md\@xs { + margin-top: var(--space-md); + } + + .margin-top-lg\@xs { + margin-top: var(--space-lg); + } + + .margin-top-xl\@xs { + margin-top: var(--space-xl); + } + + .margin-top-xxl\@xs { + margin-top: var(--space-xxl); + } + + .margin-top-xxxl\@xs { + margin-top: var(--space-xxxl); + } + + .margin-top-xxxxl\@xs { + margin-top: var(--space-xxxxl); + } + + .margin-top-auto\@xs { + margin-top: auto; + } + + .margin-top-0\@xs { + margin-top: 0; + } + + .margin-bottom-xxxxs\@xs { + margin-bottom: var(--space-xxxxs); + } + + .margin-bottom-xxxs\@xs { + margin-bottom: var(--space-xxxs); + } + + .margin-bottom-xxs\@xs { + margin-bottom: var(--space-xxs); + } + + .margin-bottom-xs\@xs { + margin-bottom: var(--space-xs); + } + + .margin-bottom-sm\@xs { + margin-bottom: var(--space-sm); + } + + .margin-bottom-md\@xs { + margin-bottom: var(--space-md); + } + + .margin-bottom-lg\@xs { + margin-bottom: var(--space-lg); + } + + .margin-bottom-xl\@xs { + margin-bottom: var(--space-xl); + } + + .margin-bottom-xxl\@xs { + margin-bottom: var(--space-xxl); + } + + .margin-bottom-xxxl\@xs { + margin-bottom: var(--space-xxxl); + } + + .margin-bottom-xxxxl\@xs { + margin-bottom: var(--space-xxxxl); + } + + .margin-bottom-auto\@xs { + margin-bottom: auto; + } + + .margin-bottom-0\@xs { + margin-bottom: 0; + } + + .margin-right-xxxxs\@xs { + margin-right: var(--space-xxxxs); + } + + .margin-right-xxxs\@xs { + margin-right: var(--space-xxxs); + } + + .margin-right-xxs\@xs { + margin-right: var(--space-xxs); + } + + .margin-right-xs\@xs { + margin-right: var(--space-xs); + } + + .margin-right-sm\@xs { + margin-right: var(--space-sm); + } + + .margin-right-md\@xs { + margin-right: var(--space-md); + } + + .margin-right-lg\@xs { + margin-right: var(--space-lg); + } + + .margin-right-xl\@xs { + margin-right: var(--space-xl); + } + + .margin-right-xxl\@xs { + margin-right: var(--space-xxl); + } + + .margin-right-xxxl\@xs { + margin-right: var(--space-xxxl); + } + + .margin-right-xxxxl\@xs { + margin-right: var(--space-xxxxl); + } + + .margin-right-auto\@xs { + margin-right: auto; + } + + .margin-right-0\@xs { + margin-right: 0; + } + + .margin-left-xxxxs\@xs { + margin-left: var(--space-xxxxs); + } + + .margin-left-xxxs\@xs { + margin-left: var(--space-xxxs); + } + + .margin-left-xxs\@xs { + margin-left: var(--space-xxs); + } + + .margin-left-xs\@xs { + margin-left: var(--space-xs); + } + + .margin-left-sm\@xs { + margin-left: var(--space-sm); + } + + .margin-left-md\@xs { + margin-left: var(--space-md); + } + + .margin-left-lg\@xs { + margin-left: var(--space-lg); + } + + .margin-left-xl\@xs { + margin-left: var(--space-xl); + } + + .margin-left-xxl\@xs { + margin-left: var(--space-xxl); + } + + .margin-left-xxxl\@xs { + margin-left: var(--space-xxxl); + } + + .margin-left-xxxxl\@xs { + margin-left: var(--space-xxxxl); + } + + .margin-left-auto\@xs { + margin-left: auto; + } + + .margin-left-0\@xs { + margin-left: 0; + } + + .margin-x-xxxxs\@xs { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); + } + + .margin-x-xxxs\@xs { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); + } + + .margin-x-xxs\@xs { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); + } + + .margin-x-xs\@xs { + margin-left: var(--space-xs); + margin-right: var(--space-xs); + } + + .margin-x-sm\@xs { + margin-left: var(--space-sm); + margin-right: var(--space-sm); + } + + .margin-x-md\@xs { + margin-left: var(--space-md); + margin-right: var(--space-md); + } + + .margin-x-lg\@xs { + margin-left: var(--space-lg); + margin-right: var(--space-lg); + } + + .margin-x-xl\@xs { + margin-left: var(--space-xl); + margin-right: var(--space-xl); + } + + .margin-x-xxl\@xs { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); + } + + .margin-x-xxxl\@xs { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); + } + + .margin-x-xxxxl\@xs { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); + } + + .margin-x-auto\@xs { + margin-left: auto; + margin-right: auto; + } + + .margin-x-0\@xs { + margin-left: 0; + margin-right: 0; + } + + .margin-y-xxxxs\@xs { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); + } + + .margin-y-xxxs\@xs { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); + } + + .margin-y-xxs\@xs { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); + } + + .margin-y-xs\@xs { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); + } + + .margin-y-sm\@xs { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); + } + + .margin-y-md\@xs { + margin-top: var(--space-md); + margin-bottom: var(--space-md); + } + + .margin-y-lg\@xs { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); + } + + .margin-y-xl\@xs { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); + } + + .margin-y-xxl\@xs { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); + } + + .margin-y-xxxl\@xs { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); + } + + .margin-y-xxxxl\@xs { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); + } + + .margin-y-auto\@xs { + margin-top: auto; + margin-bottom: auto; + } + + .margin-y-0\@xs { + margin-top: 0; + margin-bottom: 0; + } + } + @supports (--css: variables) { + .padding-xxxxs\@xs { + padding: var(--space-xxxxs); + } + + .padding-xxxs\@xs { + padding: var(--space-xxxs); + } + + .padding-xxs\@xs { + padding: var(--space-xxs); + } + + .padding-xs\@xs { + padding: var(--space-xs); + } + + .padding-sm\@xs { + padding: var(--space-sm); + } + + .padding-md\@xs { + padding: var(--space-md); + } + + .padding-lg\@xs { + padding: var(--space-lg); + } + + .padding-xl\@xs { + padding: var(--space-xl); + } + + .padding-xxl\@xs { + padding: var(--space-xxl); + } + + .padding-xxxl\@xs { + padding: var(--space-xxxl); + } + + .padding-xxxxl\@xs { + padding: var(--space-xxxxl); + } + + .padding-0\@xs { + padding: 0; + } + + .padding-component\@xs { + padding: var(--component-padding); + } + + .padding-top-xxxxs\@xs { + padding-top: var(--space-xxxxs); + } + + .padding-top-xxxs\@xs { + padding-top: var(--space-xxxs); + } + + .padding-top-xxs\@xs { + padding-top: var(--space-xxs); + } + + .padding-top-xs\@xs { + padding-top: var(--space-xs); + } + + .padding-top-sm\@xs { + padding-top: var(--space-sm); + } + + .padding-top-md\@xs { + padding-top: var(--space-md); + } + + .padding-top-lg\@xs { + padding-top: var(--space-lg); + } + + .padding-top-xl\@xs { + padding-top: var(--space-xl); + } + + .padding-top-xxl\@xs { + padding-top: var(--space-xxl); + } + + .padding-top-xxxl\@xs { + padding-top: var(--space-xxxl); + } + + .padding-top-xxxxl\@xs { + padding-top: var(--space-xxxxl); + } + + .padding-top-0\@xs { + padding-top: 0; + } + + .padding-top-component\@xs { + padding-top: var(--component-padding); + } + + .padding-bottom-xxxxs\@xs { + padding-bottom: var(--space-xxxxs); + } + + .padding-bottom-xxxs\@xs { + padding-bottom: var(--space-xxxs); + } + + .padding-bottom-xxs\@xs { + padding-bottom: var(--space-xxs); + } + + .padding-bottom-xs\@xs { + padding-bottom: var(--space-xs); + } + + .padding-bottom-sm\@xs { + padding-bottom: var(--space-sm); + } + + .padding-bottom-md\@xs { + padding-bottom: var(--space-md); + } + + .padding-bottom-lg\@xs { + padding-bottom: var(--space-lg); + } + + .padding-bottom-xl\@xs { + padding-bottom: var(--space-xl); + } + + .padding-bottom-xxl\@xs { + padding-bottom: var(--space-xxl); + } + + .padding-bottom-xxxl\@xs { + padding-bottom: var(--space-xxxl); + } + + .padding-bottom-xxxxl\@xs { + padding-bottom: var(--space-xxxxl); + } + + .padding-bottom-0\@xs { + padding-bottom: 0; + } + + .padding-bottom-component\@xs { + padding-bottom: var(--component-padding); + } + + .padding-right-xxxxs\@xs { + padding-right: var(--space-xxxxs); + } + + .padding-right-xxxs\@xs { + padding-right: var(--space-xxxs); + } + + .padding-right-xxs\@xs { + padding-right: var(--space-xxs); + } + + .padding-right-xs\@xs { + padding-right: var(--space-xs); + } + + .padding-right-sm\@xs { + padding-right: var(--space-sm); + } + + .padding-right-md\@xs { + padding-right: var(--space-md); + } + + .padding-right-lg\@xs { + padding-right: var(--space-lg); + } + + .padding-right-xl\@xs { + padding-right: var(--space-xl); + } + + .padding-right-xxl\@xs { + padding-right: var(--space-xxl); + } + + .padding-right-xxxl\@xs { + padding-right: var(--space-xxxl); + } + + .padding-right-xxxxl\@xs { + padding-right: var(--space-xxxxl); + } + + .padding-right-0\@xs { + padding-right: 0; + } + + .padding-right-component\@xs { + padding-right: var(--component-padding); + } + + .padding-left-xxxxs\@xs { + padding-left: var(--space-xxxxs); + } + + .padding-left-xxxs\@xs { + padding-left: var(--space-xxxs); + } + + .padding-left-xxs\@xs { + padding-left: var(--space-xxs); + } + + .padding-left-xs\@xs { + padding-left: var(--space-xs); + } + + .padding-left-sm\@xs { + padding-left: var(--space-sm); + } + + .padding-left-md\@xs { + padding-left: var(--space-md); + } + + .padding-left-lg\@xs { + padding-left: var(--space-lg); + } + + .padding-left-xl\@xs { + padding-left: var(--space-xl); + } + + .padding-left-xxl\@xs { + padding-left: var(--space-xxl); + } + + .padding-left-xxxl\@xs { + padding-left: var(--space-xxxl); + } + + .padding-left-xxxxl\@xs { + padding-left: var(--space-xxxxl); + } + + .padding-left-0\@xs { + padding-left: 0; + } + + .padding-left-component\@xs { + padding-left: var(--component-padding); + } + + .padding-x-xxxxs\@xs { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); + } + + .padding-x-xxxs\@xs { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); + } + + .padding-x-xxs\@xs { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); + } + + .padding-x-xs\@xs { + padding-left: var(--space-xs); + padding-right: var(--space-xs); + } + + .padding-x-sm\@xs { + padding-left: var(--space-sm); + padding-right: var(--space-sm); + } + + .padding-x-md\@xs { + padding-left: var(--space-md); + padding-right: var(--space-md); + } + + .padding-x-lg\@xs { + padding-left: var(--space-lg); + padding-right: var(--space-lg); + } + + .padding-x-xl\@xs { + padding-left: var(--space-xl); + padding-right: var(--space-xl); + } + + .padding-x-xxl\@xs { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); + } + + .padding-x-xxxl\@xs { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); + } + + .padding-x-xxxxl\@xs { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); + } + + .padding-x-0\@xs { + padding-left: 0; + padding-right: 0; + } + + .padding-x-component\@xs { + padding-left: var(--component-padding); + padding-right: var(--component-padding); + } + + .padding-y-xxxxs\@xs { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); + } + + .padding-y-xxxs\@xs { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); + } + + .padding-y-xxs\@xs { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); + } + + .padding-y-xs\@xs { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); + } + + .padding-y-sm\@xs { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); + } + + .padding-y-md\@xs { + padding-top: var(--space-md); + padding-bottom: var(--space-md); + } + + .padding-y-lg\@xs { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); + } + + .padding-y-xl\@xs { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + } + + .padding-y-xxl\@xs { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); + } + + .padding-y-xxxl\@xs { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); + } + + .padding-y-xxxxl\@xs { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); + } + + .padding-y-0\@xs { + padding-top: 0; + padding-bottom: 0; + } + + .padding-y-component\@xs { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); + } + } + .text-center\@xs { + text-align: center; + } + + .text-left\@xs { + text-align: left; + } + + .text-right\@xs { + text-align: right; + } + + .text-justify\@xs { + text-align: justify; + } + + @supports (--css: variables) { + .text-xs\@xs { + font-size: var(--text-xs, 0.694em); + } + + .text-sm\@xs { + font-size: var(--text-sm, 0.833em); + } + + .text-base\@xs { + font-size: 1em; + } + + .text-md\@xs { + font-size: var(--text-md, 1.2em); + } + + .text-lg\@xs { + font-size: var(--text-lg, 1.44em); + } + + .text-xl\@xs { + font-size: var(--text-xl, 1.728em); + } + + .text-xxl\@xs { + font-size: var(--text-xxl, 2.074em); + } + + .text-xxxl\@xs { + font-size: var(--text-xxxl, 2.488em); + } + + .text-xxxxl\@xs { + font-size: var(--text-xxxxl, 2.985em); + } + } + .hide\@xs { + display: none !important; + } +} +@media not all and (min-width: 32rem) { + .has-margin\@xs { + margin: 0 !important; + } + + .has-padding\@xs { + padding: 0 !important; + } + + .display\@xs { + display: none !important; + } +} +@media (min-width: 48rem) { + .flex\@sm { + display: flex; + } + + .inline-flex\@sm { + display: inline-flex; + } + + .flex-wrap\@sm { + flex-wrap: wrap; + } + + .flex-column\@sm { + flex-direction: column; + } + + .flex-column-reverse\@sm { + flex-direction: column-reverse; + } + + .flex-row\@sm { + flex-direction: row; + } + + .flex-row-reverse\@sm { + flex-direction: row-reverse; + } + + .flex-center\@sm { + justify-content: center; + align-items: center; + } + + .flex-grow-0\@sm { + flex-grow: 0; + } + + .flex-grow\@sm { + flex-grow: 1; + } + + .flex-shrink-0\@sm { + flex-shrink: 0; + } + + .flex-shrink\@sm { + flex-shrink: 1; + } + + .justify-start\@sm { + justify-content: flex-start; + } + + .justify-end\@sm { + justify-content: flex-end; + } + + .justify-center\@sm { + justify-content: center; + } + + .justify-between\@sm { + justify-content: space-between; + } + + .items-center\@sm { + align-items: center; + } + + .items-start\@sm { + align-items: flex-start; + } + + .items-end\@sm { + align-items: flex-end; + } + + .items-baseline\@sm { + align-items: baseline; + } + + .order-1\@sm { + order: 1; + } + + .order-2\@sm { + order: 2; + } + + .order-3\@sm { + order: 3; + } + + .block\@sm { + display: block; + } + + .inline-block\@sm { + display: inline-block; + } + + .inline\@sm { + display: inline; + } + + @supports (--css: variables) { + .margin-xxxxs\@sm { + margin: var(--space-xxxxs); + } + + .margin-xxxs\@sm { + margin: var(--space-xxxs); + } + + .margin-xxs\@sm { + margin: var(--space-xxs); + } + + .margin-xs\@sm { + margin: var(--space-xs); + } + + .margin-sm\@sm { + margin: var(--space-sm); + } + + .margin-md\@sm { + margin: var(--space-md); + } + + .margin-lg\@sm { + margin: var(--space-lg); + } + + .margin-xl\@sm { + margin: var(--space-xl); + } + + .margin-xxl\@sm { + margin: var(--space-xxl); + } + + .margin-xxxl\@sm { + margin: var(--space-xxxl); + } + + .margin-xxxxl\@sm { + margin: var(--space-xxxxl); + } + + .margin-auto\@sm { + margin: auto; + } + + .margin-0\@sm { + margin: 0; + } + + .margin-top-xxxxs\@sm { + margin-top: var(--space-xxxxs); + } + + .margin-top-xxxs\@sm { + margin-top: var(--space-xxxs); + } + + .margin-top-xxs\@sm { + margin-top: var(--space-xxs); + } + + .margin-top-xs\@sm { + margin-top: var(--space-xs); + } + + .margin-top-sm\@sm { + margin-top: var(--space-sm); + } + + .margin-top-md\@sm { + margin-top: var(--space-md); + } + + .margin-top-lg\@sm { + margin-top: var(--space-lg); + } + + .margin-top-xl\@sm { + margin-top: var(--space-xl); + } + + .margin-top-xxl\@sm { + margin-top: var(--space-xxl); + } + + .margin-top-xxxl\@sm { + margin-top: var(--space-xxxl); + } + + .margin-top-xxxxl\@sm { + margin-top: var(--space-xxxxl); + } + + .margin-top-auto\@sm { + margin-top: auto; + } + + .margin-top-0\@sm { + margin-top: 0; + } + + .margin-bottom-xxxxs\@sm { + margin-bottom: var(--space-xxxxs); + } + + .margin-bottom-xxxs\@sm { + margin-bottom: var(--space-xxxs); + } + + .margin-bottom-xxs\@sm { + margin-bottom: var(--space-xxs); + } + + .margin-bottom-xs\@sm { + margin-bottom: var(--space-xs); + } + + .margin-bottom-sm\@sm { + margin-bottom: var(--space-sm); + } + + .margin-bottom-md\@sm { + margin-bottom: var(--space-md); + } + + .margin-bottom-lg\@sm { + margin-bottom: var(--space-lg); + } + + .margin-bottom-xl\@sm { + margin-bottom: var(--space-xl); + } + + .margin-bottom-xxl\@sm { + margin-bottom: var(--space-xxl); + } + + .margin-bottom-xxxl\@sm { + margin-bottom: var(--space-xxxl); + } + + .margin-bottom-xxxxl\@sm { + margin-bottom: var(--space-xxxxl); + } + + .margin-bottom-auto\@sm { + margin-bottom: auto; + } + + .margin-bottom-0\@sm { + margin-bottom: 0; + } + + .margin-right-xxxxs\@sm { + margin-right: var(--space-xxxxs); + } + + .margin-right-xxxs\@sm { + margin-right: var(--space-xxxs); + } + + .margin-right-xxs\@sm { + margin-right: var(--space-xxs); + } + + .margin-right-xs\@sm { + margin-right: var(--space-xs); + } + + .margin-right-sm\@sm { + margin-right: var(--space-sm); + } + + .margin-right-md\@sm { + margin-right: var(--space-md); + } + + .margin-right-lg\@sm { + margin-right: var(--space-lg); + } + + .margin-right-xl\@sm { + margin-right: var(--space-xl); + } + + .margin-right-xxl\@sm { + margin-right: var(--space-xxl); + } + + .margin-right-xxxl\@sm { + margin-right: var(--space-xxxl); + } + + .margin-right-xxxxl\@sm { + margin-right: var(--space-xxxxl); + } + + .margin-right-auto\@sm { + margin-right: auto; + } + + .margin-right-0\@sm { + margin-right: 0; + } + + .margin-left-xxxxs\@sm { + margin-left: var(--space-xxxxs); + } + + .margin-left-xxxs\@sm { + margin-left: var(--space-xxxs); + } + + .margin-left-xxs\@sm { + margin-left: var(--space-xxs); + } + + .margin-left-xs\@sm { + margin-left: var(--space-xs); + } + + .margin-left-sm\@sm { + margin-left: var(--space-sm); + } + + .margin-left-md\@sm { + margin-left: var(--space-md); + } + + .margin-left-lg\@sm { + margin-left: var(--space-lg); + } + + .margin-left-xl\@sm { + margin-left: var(--space-xl); + } + + .margin-left-xxl\@sm { + margin-left: var(--space-xxl); + } + + .margin-left-xxxl\@sm { + margin-left: var(--space-xxxl); + } + + .margin-left-xxxxl\@sm { + margin-left: var(--space-xxxxl); + } + + .margin-left-auto\@sm { + margin-left: auto; + } + + .margin-left-0\@sm { + margin-left: 0; + } + + .margin-x-xxxxs\@sm { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); + } + + .margin-x-xxxs\@sm { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); + } + + .margin-x-xxs\@sm { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); + } + + .margin-x-xs\@sm { + margin-left: var(--space-xs); + margin-right: var(--space-xs); + } + + .margin-x-sm\@sm { + margin-left: var(--space-sm); + margin-right: var(--space-sm); + } + + .margin-x-md\@sm { + margin-left: var(--space-md); + margin-right: var(--space-md); + } + + .margin-x-lg\@sm { + margin-left: var(--space-lg); + margin-right: var(--space-lg); + } + + .margin-x-xl\@sm { + margin-left: var(--space-xl); + margin-right: var(--space-xl); + } + + .margin-x-xxl\@sm { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); + } + + .margin-x-xxxl\@sm { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); + } + + .margin-x-xxxxl\@sm { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); + } + + .margin-x-auto\@sm { + margin-left: auto; + margin-right: auto; + } + + .margin-x-0\@sm { + margin-left: 0; + margin-right: 0; + } + + .margin-y-xxxxs\@sm { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); + } + + .margin-y-xxxs\@sm { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); + } + + .margin-y-xxs\@sm { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); + } + + .margin-y-xs\@sm { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); + } + + .margin-y-sm\@sm { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); + } + + .margin-y-md\@sm { + margin-top: var(--space-md); + margin-bottom: var(--space-md); + } + + .margin-y-lg\@sm { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); + } + + .margin-y-xl\@sm { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); + } + + .margin-y-xxl\@sm { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); + } + + .margin-y-xxxl\@sm { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); + } + + .margin-y-xxxxl\@sm { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); + } + + .margin-y-auto\@sm { + margin-top: auto; + margin-bottom: auto; + } + + .margin-y-0\@sm { + margin-top: 0; + margin-bottom: 0; + } + } + @supports (--css: variables) { + .padding-xxxxs\@sm { + padding: var(--space-xxxxs); + } + + .padding-xxxs\@sm { + padding: var(--space-xxxs); + } + + .padding-xxs\@sm { + padding: var(--space-xxs); + } + + .padding-xs\@sm { + padding: var(--space-xs); + } + + .padding-sm\@sm { + padding: var(--space-sm); + } + + .padding-md\@sm { + padding: var(--space-md); + } + + .padding-lg\@sm { + padding: var(--space-lg); + } + + .padding-xl\@sm { + padding: var(--space-xl); + } + + .padding-xxl\@sm { + padding: var(--space-xxl); + } + + .padding-xxxl\@sm { + padding: var(--space-xxxl); + } + + .padding-xxxxl\@sm { + padding: var(--space-xxxxl); + } + + .padding-0\@sm { + padding: 0; + } + + .padding-component\@sm { + padding: var(--component-padding); + } + + .padding-top-xxxxs\@sm { + padding-top: var(--space-xxxxs); + } + + .padding-top-xxxs\@sm { + padding-top: var(--space-xxxs); + } + + .padding-top-xxs\@sm { + padding-top: var(--space-xxs); + } + + .padding-top-xs\@sm { + padding-top: var(--space-xs); + } + + .padding-top-sm\@sm { + padding-top: var(--space-sm); + } + + .padding-top-md\@sm { + padding-top: var(--space-md); + } + + .padding-top-lg\@sm { + padding-top: var(--space-lg); + } + + .padding-top-xl\@sm { + padding-top: var(--space-xl); + } + + .padding-top-xxl\@sm { + padding-top: var(--space-xxl); + } + + .padding-top-xxxl\@sm { + padding-top: var(--space-xxxl); + } + + .padding-top-xxxxl\@sm { + padding-top: var(--space-xxxxl); + } + + .padding-top-0\@sm { + padding-top: 0; + } + + .padding-top-component\@sm { + padding-top: var(--component-padding); + } + + .padding-bottom-xxxxs\@sm { + padding-bottom: var(--space-xxxxs); + } + + .padding-bottom-xxxs\@sm { + padding-bottom: var(--space-xxxs); + } + + .padding-bottom-xxs\@sm { + padding-bottom: var(--space-xxs); + } + + .padding-bottom-xs\@sm { + padding-bottom: var(--space-xs); + } + + .padding-bottom-sm\@sm { + padding-bottom: var(--space-sm); + } + + .padding-bottom-md\@sm { + padding-bottom: var(--space-md); + } + + .padding-bottom-lg\@sm { + padding-bottom: var(--space-lg); + } + + .padding-bottom-xl\@sm { + padding-bottom: var(--space-xl); + } + + .padding-bottom-xxl\@sm { + padding-bottom: var(--space-xxl); + } + + .padding-bottom-xxxl\@sm { + padding-bottom: var(--space-xxxl); + } + + .padding-bottom-xxxxl\@sm { + padding-bottom: var(--space-xxxxl); + } + + .padding-bottom-0\@sm { + padding-bottom: 0; + } + + .padding-bottom-component\@sm { + padding-bottom: var(--component-padding); + } + + .padding-right-xxxxs\@sm { + padding-right: var(--space-xxxxs); + } + + .padding-right-xxxs\@sm { + padding-right: var(--space-xxxs); + } + + .padding-right-xxs\@sm { + padding-right: var(--space-xxs); + } + + .padding-right-xs\@sm { + padding-right: var(--space-xs); + } + + .padding-right-sm\@sm { + padding-right: var(--space-sm); + } + + .padding-right-md\@sm { + padding-right: var(--space-md); + } + + .padding-right-lg\@sm { + padding-right: var(--space-lg); + } + + .padding-right-xl\@sm { + padding-right: var(--space-xl); + } + + .padding-right-xxl\@sm { + padding-right: var(--space-xxl); + } + + .padding-right-xxxl\@sm { + padding-right: var(--space-xxxl); + } + + .padding-right-xxxxl\@sm { + padding-right: var(--space-xxxxl); + } + + .padding-right-0\@sm { + padding-right: 0; + } + + .padding-right-component\@sm { + padding-right: var(--component-padding); + } + + .padding-left-xxxxs\@sm { + padding-left: var(--space-xxxxs); + } + + .padding-left-xxxs\@sm { + padding-left: var(--space-xxxs); + } + + .padding-left-xxs\@sm { + padding-left: var(--space-xxs); + } + + .padding-left-xs\@sm { + padding-left: var(--space-xs); + } + + .padding-left-sm\@sm { + padding-left: var(--space-sm); + } + + .padding-left-md\@sm { + padding-left: var(--space-md); + } + + .padding-left-lg\@sm { + padding-left: var(--space-lg); + } + + .padding-left-xl\@sm { + padding-left: var(--space-xl); + } + + .padding-left-xxl\@sm { + padding-left: var(--space-xxl); + } + + .padding-left-xxxl\@sm { + padding-left: var(--space-xxxl); + } + + .padding-left-xxxxl\@sm { + padding-left: var(--space-xxxxl); + } + + .padding-left-0\@sm { + padding-left: 0; + } + + .padding-left-component\@sm { + padding-left: var(--component-padding); + } + + .padding-x-xxxxs\@sm { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); + } + + .padding-x-xxxs\@sm { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); + } + + .padding-x-xxs\@sm { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); + } + + .padding-x-xs\@sm { + padding-left: var(--space-xs); + padding-right: var(--space-xs); + } + + .padding-x-sm\@sm { + padding-left: var(--space-sm); + padding-right: var(--space-sm); + } + + .padding-x-md\@sm { + padding-left: var(--space-md); + padding-right: var(--space-md); + } + + .padding-x-lg\@sm { + padding-left: var(--space-lg); + padding-right: var(--space-lg); + } + + .padding-x-xl\@sm { + padding-left: var(--space-xl); + padding-right: var(--space-xl); + } + + .padding-x-xxl\@sm { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); + } + + .padding-x-xxxl\@sm { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); + } + + .padding-x-xxxxl\@sm { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); + } + + .padding-x-0\@sm { + padding-left: 0; + padding-right: 0; + } + + .padding-x-component\@sm { + padding-left: var(--component-padding); + padding-right: var(--component-padding); + } + + .padding-y-xxxxs\@sm { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); + } + + .padding-y-xxxs\@sm { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); + } + + .padding-y-xxs\@sm { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); + } + + .padding-y-xs\@sm { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); + } + + .padding-y-sm\@sm { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); + } + + .padding-y-md\@sm { + padding-top: var(--space-md); + padding-bottom: var(--space-md); + } + + .padding-y-lg\@sm { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); + } + + .padding-y-xl\@sm { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + } + + .padding-y-xxl\@sm { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); + } + + .padding-y-xxxl\@sm { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); + } + + .padding-y-xxxxl\@sm { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); + } + + .padding-y-0\@sm { + padding-top: 0; + padding-bottom: 0; + } + + .padding-y-component\@sm { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); + } + } + .text-center\@sm { + text-align: center; + } + + .text-left\@sm { + text-align: left; + } + + .text-right\@sm { + text-align: right; + } + + .text-justify\@sm { + text-align: justify; + } + + @supports (--css: variables) { + .text-xs\@sm { + font-size: var(--text-xs, 0.694em); + } + + .text-sm\@sm { + font-size: var(--text-sm, 0.833em); + } + + .text-base\@sm { + font-size: 1em; + } + + .text-md\@sm { + font-size: var(--text-md, 1.2em); + } + + .text-lg\@sm { + font-size: var(--text-lg, 1.44em); + } + + .text-xl\@sm { + font-size: var(--text-xl, 1.728em); + } + + .text-xxl\@sm { + font-size: var(--text-xxl, 2.074em); + } + + .text-xxxl\@sm { + font-size: var(--text-xxxl, 2.488em); + } + + .text-xxxxl\@sm { + font-size: var(--text-xxxxl, 2.985em); + } + } + .hide\@sm { + display: none !important; + } +} +@media not all and (min-width: 48rem) { + .has-margin\@sm { + margin: 0 !important; + } + + .has-padding\@sm { + padding: 0 !important; + } + + .display\@sm { + display: none !important; + } +} +@media (min-width: 64rem) { + .flex\@md { + display: flex; + } + + .inline-flex\@md { + display: inline-flex; + } + + .flex-wrap\@md { + flex-wrap: wrap; + } + + .flex-column\@md { + flex-direction: column; + } + + .flex-column-reverse\@md { + flex-direction: column-reverse; + } + + .flex-row\@md { + flex-direction: row; + } + + .flex-row-reverse\@md { + flex-direction: row-reverse; + } + + .flex-center\@md { + justify-content: center; + align-items: center; + } + + .flex-grow-0\@md { + flex-grow: 0; + } + + .flex-grow\@md { + flex-grow: 1; + } + + .flex-shrink-0\@md { + flex-shrink: 0; + } + + .flex-shrink\@md { + flex-shrink: 1; + } + + .justify-start\@md { + justify-content: flex-start; + } + + .justify-end\@md { + justify-content: flex-end; + } + + .justify-center\@md { + justify-content: center; + } + + .justify-between\@md { + justify-content: space-between; + } + + .items-center\@md { + align-items: center; + } + + .items-start\@md { + align-items: flex-start; + } + + .items-end\@md { + align-items: flex-end; + } + + .items-baseline\@md { + align-items: baseline; + } + + .order-1\@md { + order: 1; + } + + .order-2\@md { + order: 2; + } + + .order-3\@md { + order: 3; + } + + .block\@md { + display: block; + } + + .inline-block\@md { + display: inline-block; + } + + .inline\@md { + display: inline; + } + + @supports (--css: variables) { + .margin-xxxxs\@md { + margin: var(--space-xxxxs); + } + + .margin-xxxs\@md { + margin: var(--space-xxxs); + } + + .margin-xxs\@md { + margin: var(--space-xxs); + } + + .margin-xs\@md { + margin: var(--space-xs); + } + + .margin-sm\@md { + margin: var(--space-sm); + } + + .margin-md\@md { + margin: var(--space-md); + } + + .margin-lg\@md { + margin: var(--space-lg); + } + + .margin-xl\@md { + margin: var(--space-xl); + } + + .margin-xxl\@md { + margin: var(--space-xxl); + } + + .margin-xxxl\@md { + margin: var(--space-xxxl); + } + + .margin-xxxxl\@md { + margin: var(--space-xxxxl); + } + + .margin-auto\@md { + margin: auto; + } + + .margin-0\@md { + margin: 0; + } + + .margin-top-xxxxs\@md { + margin-top: var(--space-xxxxs); + } + + .margin-top-xxxs\@md { + margin-top: var(--space-xxxs); + } + + .margin-top-xxs\@md { + margin-top: var(--space-xxs); + } + + .margin-top-xs\@md { + margin-top: var(--space-xs); + } + + .margin-top-sm\@md { + margin-top: var(--space-sm); + } + + .margin-top-md\@md { + margin-top: var(--space-md); + } + + .margin-top-lg\@md { + margin-top: var(--space-lg); + } + + .margin-top-xl\@md { + margin-top: var(--space-xl); + } + + .margin-top-xxl\@md { + margin-top: var(--space-xxl); + } + + .margin-top-xxxl\@md { + margin-top: var(--space-xxxl); + } + + .margin-top-xxxxl\@md { + margin-top: var(--space-xxxxl); + } + + .margin-top-auto\@md { + margin-top: auto; + } + + .margin-top-0\@md { + margin-top: 0; + } + + .margin-bottom-xxxxs\@md { + margin-bottom: var(--space-xxxxs); + } + + .margin-bottom-xxxs\@md { + margin-bottom: var(--space-xxxs); + } + + .margin-bottom-xxs\@md { + margin-bottom: var(--space-xxs); + } + + .margin-bottom-xs\@md { + margin-bottom: var(--space-xs); + } + + .margin-bottom-sm\@md { + margin-bottom: var(--space-sm); + } + + .margin-bottom-md\@md { + margin-bottom: var(--space-md); + } + + .margin-bottom-lg\@md { + margin-bottom: var(--space-lg); + } + + .margin-bottom-xl\@md { + margin-bottom: var(--space-xl); + } + + .margin-bottom-xxl\@md { + margin-bottom: var(--space-xxl); + } + + .margin-bottom-xxxl\@md { + margin-bottom: var(--space-xxxl); + } + + .margin-bottom-xxxxl\@md { + margin-bottom: var(--space-xxxxl); + } + + .margin-bottom-auto\@md { + margin-bottom: auto; + } + + .margin-bottom-0\@md { + margin-bottom: 0; + } + + .margin-right-xxxxs\@md { + margin-right: var(--space-xxxxs); + } + + .margin-right-xxxs\@md { + margin-right: var(--space-xxxs); + } + + .margin-right-xxs\@md { + margin-right: var(--space-xxs); + } + + .margin-right-xs\@md { + margin-right: var(--space-xs); + } + + .margin-right-sm\@md { + margin-right: var(--space-sm); + } + + .margin-right-md\@md { + margin-right: var(--space-md); + } + + .margin-right-lg\@md { + margin-right: var(--space-lg); + } + + .margin-right-xl\@md { + margin-right: var(--space-xl); + } + + .margin-right-xxl\@md { + margin-right: var(--space-xxl); + } + + .margin-right-xxxl\@md { + margin-right: var(--space-xxxl); + } + + .margin-right-xxxxl\@md { + margin-right: var(--space-xxxxl); + } + + .margin-right-auto\@md { + margin-right: auto; + } + + .margin-right-0\@md { + margin-right: 0; + } + + .margin-left-xxxxs\@md { + margin-left: var(--space-xxxxs); + } + + .margin-left-xxxs\@md { + margin-left: var(--space-xxxs); + } + + .margin-left-xxs\@md { + margin-left: var(--space-xxs); + } + + .margin-left-xs\@md { + margin-left: var(--space-xs); + } + + .margin-left-sm\@md { + margin-left: var(--space-sm); + } + + .margin-left-md\@md { + margin-left: var(--space-md); + } + + .margin-left-lg\@md { + margin-left: var(--space-lg); + } + + .margin-left-xl\@md { + margin-left: var(--space-xl); + } + + .margin-left-xxl\@md { + margin-left: var(--space-xxl); + } + + .margin-left-xxxl\@md { + margin-left: var(--space-xxxl); + } + + .margin-left-xxxxl\@md { + margin-left: var(--space-xxxxl); + } + + .margin-left-auto\@md { + margin-left: auto; + } + + .margin-left-0\@md { + margin-left: 0; + } + + .margin-x-xxxxs\@md { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); + } + + .margin-x-xxxs\@md { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); + } + + .margin-x-xxs\@md { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); + } + + .margin-x-xs\@md { + margin-left: var(--space-xs); + margin-right: var(--space-xs); + } + + .margin-x-sm\@md { + margin-left: var(--space-sm); + margin-right: var(--space-sm); + } + + .margin-x-md\@md { + margin-left: var(--space-md); + margin-right: var(--space-md); + } + + .margin-x-lg\@md { + margin-left: var(--space-lg); + margin-right: var(--space-lg); + } + + .margin-x-xl\@md { + margin-left: var(--space-xl); + margin-right: var(--space-xl); + } + + .margin-x-xxl\@md { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); + } + + .margin-x-xxxl\@md { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); + } + + .margin-x-xxxxl\@md { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); + } + + .margin-x-auto\@md { + margin-left: auto; + margin-right: auto; + } + + .margin-x-0\@md { + margin-left: 0; + margin-right: 0; + } + + .margin-y-xxxxs\@md { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); + } + + .margin-y-xxxs\@md { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); + } + + .margin-y-xxs\@md { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); + } + + .margin-y-xs\@md { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); + } + + .margin-y-sm\@md { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); + } + + .margin-y-md\@md { + margin-top: var(--space-md); + margin-bottom: var(--space-md); + } + + .margin-y-lg\@md { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); + } + + .margin-y-xl\@md { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); + } + + .margin-y-xxl\@md { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); + } + + .margin-y-xxxl\@md { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); + } + + .margin-y-xxxxl\@md { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); + } + + .margin-y-auto\@md { + margin-top: auto; + margin-bottom: auto; + } + + .margin-y-0\@md { + margin-top: 0; + margin-bottom: 0; + } + } + @supports (--css: variables) { + .padding-xxxxs\@md { + padding: var(--space-xxxxs); + } + + .padding-xxxs\@md { + padding: var(--space-xxxs); + } + + .padding-xxs\@md { + padding: var(--space-xxs); + } + + .padding-xs\@md { + padding: var(--space-xs); + } + + .padding-sm\@md { + padding: var(--space-sm); + } + + .padding-md\@md { + padding: var(--space-md); + } + + .padding-lg\@md { + padding: var(--space-lg); + } + + .padding-xl\@md { + padding: var(--space-xl); + } + + .padding-xxl\@md { + padding: var(--space-xxl); + } + + .padding-xxxl\@md { + padding: var(--space-xxxl); + } + + .padding-xxxxl\@md { + padding: var(--space-xxxxl); + } + + .padding-0\@md { + padding: 0; + } + + .padding-component\@md { + padding: var(--component-padding); + } + + .padding-top-xxxxs\@md { + padding-top: var(--space-xxxxs); + } + + .padding-top-xxxs\@md { + padding-top: var(--space-xxxs); + } + + .padding-top-xxs\@md { + padding-top: var(--space-xxs); + } + + .padding-top-xs\@md { + padding-top: var(--space-xs); + } + + .padding-top-sm\@md { + padding-top: var(--space-sm); + } + + .padding-top-md\@md { + padding-top: var(--space-md); + } + + .padding-top-lg\@md { + padding-top: var(--space-lg); + } + + .padding-top-xl\@md { + padding-top: var(--space-xl); + } + + .padding-top-xxl\@md { + padding-top: var(--space-xxl); + } + + .padding-top-xxxl\@md { + padding-top: var(--space-xxxl); + } + + .padding-top-xxxxl\@md { + padding-top: var(--space-xxxxl); + } + + .padding-top-0\@md { + padding-top: 0; + } + + .padding-top-component\@md { + padding-top: var(--component-padding); + } + + .padding-bottom-xxxxs\@md { + padding-bottom: var(--space-xxxxs); + } + + .padding-bottom-xxxs\@md { + padding-bottom: var(--space-xxxs); + } + + .padding-bottom-xxs\@md { + padding-bottom: var(--space-xxs); + } + + .padding-bottom-xs\@md { + padding-bottom: var(--space-xs); + } + + .padding-bottom-sm\@md { + padding-bottom: var(--space-sm); + } + + .padding-bottom-md\@md { + padding-bottom: var(--space-md); + } + + .padding-bottom-lg\@md { + padding-bottom: var(--space-lg); + } + + .padding-bottom-xl\@md { + padding-bottom: var(--space-xl); + } + + .padding-bottom-xxl\@md { + padding-bottom: var(--space-xxl); + } + + .padding-bottom-xxxl\@md { + padding-bottom: var(--space-xxxl); + } + + .padding-bottom-xxxxl\@md { + padding-bottom: var(--space-xxxxl); + } + + .padding-bottom-0\@md { + padding-bottom: 0; + } + + .padding-bottom-component\@md { + padding-bottom: var(--component-padding); + } + + .padding-right-xxxxs\@md { + padding-right: var(--space-xxxxs); + } + + .padding-right-xxxs\@md { + padding-right: var(--space-xxxs); + } + + .padding-right-xxs\@md { + padding-right: var(--space-xxs); + } + + .padding-right-xs\@md { + padding-right: var(--space-xs); + } + + .padding-right-sm\@md { + padding-right: var(--space-sm); + } + + .padding-right-md\@md { + padding-right: var(--space-md); + } + + .padding-right-lg\@md { + padding-right: var(--space-lg); + } + + .padding-right-xl\@md { + padding-right: var(--space-xl); + } + + .padding-right-xxl\@md { + padding-right: var(--space-xxl); + } + + .padding-right-xxxl\@md { + padding-right: var(--space-xxxl); + } + + .padding-right-xxxxl\@md { + padding-right: var(--space-xxxxl); + } + + .padding-right-0\@md { + padding-right: 0; + } + + .padding-right-component\@md { + padding-right: var(--component-padding); + } + + .padding-left-xxxxs\@md { + padding-left: var(--space-xxxxs); + } + + .padding-left-xxxs\@md { + padding-left: var(--space-xxxs); + } + + .padding-left-xxs\@md { + padding-left: var(--space-xxs); + } + + .padding-left-xs\@md { + padding-left: var(--space-xs); + } + + .padding-left-sm\@md { + padding-left: var(--space-sm); + } + + .padding-left-md\@md { + padding-left: var(--space-md); + } + + .padding-left-lg\@md { + padding-left: var(--space-lg); + } + + .padding-left-xl\@md { + padding-left: var(--space-xl); + } + + .padding-left-xxl\@md { + padding-left: var(--space-xxl); + } + + .padding-left-xxxl\@md { + padding-left: var(--space-xxxl); + } + + .padding-left-xxxxl\@md { + padding-left: var(--space-xxxxl); + } + + .padding-left-0\@md { + padding-left: 0; + } + + .padding-left-component\@md { + padding-left: var(--component-padding); + } + + .padding-x-xxxxs\@md { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); + } + + .padding-x-xxxs\@md { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); + } + + .padding-x-xxs\@md { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); + } + + .padding-x-xs\@md { + padding-left: var(--space-xs); + padding-right: var(--space-xs); + } + + .padding-x-sm\@md { + padding-left: var(--space-sm); + padding-right: var(--space-sm); + } + + .padding-x-md\@md { + padding-left: var(--space-md); + padding-right: var(--space-md); + } + + .padding-x-lg\@md { + padding-left: var(--space-lg); + padding-right: var(--space-lg); + } + + .padding-x-xl\@md { + padding-left: var(--space-xl); + padding-right: var(--space-xl); + } + + .padding-x-xxl\@md { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); + } + + .padding-x-xxxl\@md { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); + } + + .padding-x-xxxxl\@md { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); + } + + .padding-x-0\@md { + padding-left: 0; + padding-right: 0; + } + + .padding-x-component\@md { + padding-left: var(--component-padding); + padding-right: var(--component-padding); + } + + .padding-y-xxxxs\@md { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); + } + + .padding-y-xxxs\@md { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); + } + + .padding-y-xxs\@md { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); + } + + .padding-y-xs\@md { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); + } + + .padding-y-sm\@md { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); + } + + .padding-y-md\@md { + padding-top: var(--space-md); + padding-bottom: var(--space-md); + } + + .padding-y-lg\@md { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); + } + + .padding-y-xl\@md { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + } + + .padding-y-xxl\@md { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); + } + + .padding-y-xxxl\@md { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); + } + + .padding-y-xxxxl\@md { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); + } + + .padding-y-0\@md { + padding-top: 0; + padding-bottom: 0; + } + + .padding-y-component\@md { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); + } + } + .text-center\@md { + text-align: center; + } + + .text-left\@md { + text-align: left; + } + + .text-right\@md { + text-align: right; + } + + .text-justify\@md { + text-align: justify; + } + + @supports (--css: variables) { + .text-xs\@md { + font-size: var(--text-xs, 0.694em); + } + + .text-sm\@md { + font-size: var(--text-sm, 0.833em); + } + + .text-base\@md { + font-size: 1em; + } + + .text-md\@md { + font-size: var(--text-md, 1.2em); + } + + .text-lg\@md { + font-size: var(--text-lg, 1.44em); + } + + .text-xl\@md { + font-size: var(--text-xl, 1.728em); + } + + .text-xxl\@md { + font-size: var(--text-xxl, 2.074em); + } + + .text-xxxl\@md { + font-size: var(--text-xxxl, 2.488em); + } + + .text-xxxxl\@md { + font-size: var(--text-xxxxl, 2.985em); + } + } + .hide\@md { + display: none !important; + } +} +@media not all and (min-width: 64rem) { + .has-margin\@md { + margin: 0 !important; + } + + .has-padding\@md { + padding: 0 !important; + } + + .display\@md { + display: none !important; + } +} +@media (min-width: 80rem) { + .flex\@lg { + display: flex; + } + + .inline-flex\@lg { + display: inline-flex; + } + + .flex-wrap\@lg { + flex-wrap: wrap; + } + + .flex-column\@lg { + flex-direction: column; + } + + .flex-column-reverse\@lg { + flex-direction: column-reverse; + } + + .flex-row\@lg { + flex-direction: row; + } + + .flex-row-reverse\@lg { + flex-direction: row-reverse; + } + + .flex-center\@lg { + justify-content: center; + align-items: center; + } + + .flex-grow-0\@lg { + flex-grow: 0; + } + + .flex-grow\@lg { + flex-grow: 1; + } + + .flex-shrink-0\@lg { + flex-shrink: 0; + } + + .flex-shrink\@lg { + flex-shrink: 1; + } + + .justify-start\@lg { + justify-content: flex-start; + } + + .justify-end\@lg { + justify-content: flex-end; + } + + .justify-center\@lg { + justify-content: center; + } + + .justify-between\@lg { + justify-content: space-between; + } + + .items-center\@lg { + align-items: center; + } + + .items-start\@lg { + align-items: flex-start; + } + + .items-end\@lg { + align-items: flex-end; + } + + .items-baseline\@lg { + align-items: baseline; + } + + .order-1\@lg { + order: 1; + } + + .order-2\@lg { + order: 2; + } + + .order-3\@lg { + order: 3; + } + + .block\@lg { + display: block; + } + + .inline-block\@lg { + display: inline-block; + } + + .inline\@lg { + display: inline; + } + + @supports (--css: variables) { + .margin-xxxxs\@lg { + margin: var(--space-xxxxs); + } + + .margin-xxxs\@lg { + margin: var(--space-xxxs); + } + + .margin-xxs\@lg { + margin: var(--space-xxs); + } + + .margin-xs\@lg { + margin: var(--space-xs); + } + + .margin-sm\@lg { + margin: var(--space-sm); + } + + .margin-md\@lg { + margin: var(--space-md); + } + + .margin-lg\@lg { + margin: var(--space-lg); + } + + .margin-xl\@lg { + margin: var(--space-xl); + } + + .margin-xxl\@lg { + margin: var(--space-xxl); + } + + .margin-xxxl\@lg { + margin: var(--space-xxxl); + } + + .margin-xxxxl\@lg { + margin: var(--space-xxxxl); + } + + .margin-auto\@lg { + margin: auto; + } + + .margin-0\@lg { + margin: 0; + } + + .margin-top-xxxxs\@lg { + margin-top: var(--space-xxxxs); + } + + .margin-top-xxxs\@lg { + margin-top: var(--space-xxxs); + } + + .margin-top-xxs\@lg { + margin-top: var(--space-xxs); + } + + .margin-top-xs\@lg { + margin-top: var(--space-xs); + } + + .margin-top-sm\@lg { + margin-top: var(--space-sm); + } + + .margin-top-md\@lg { + margin-top: var(--space-md); + } + + .margin-top-lg\@lg { + margin-top: var(--space-lg); + } + + .margin-top-xl\@lg { + margin-top: var(--space-xl); + } + + .margin-top-xxl\@lg { + margin-top: var(--space-xxl); + } + + .margin-top-xxxl\@lg { + margin-top: var(--space-xxxl); + } + + .margin-top-xxxxl\@lg { + margin-top: var(--space-xxxxl); + } + + .margin-top-auto\@lg { + margin-top: auto; + } + + .margin-top-0\@lg { + margin-top: 0; + } + + .margin-bottom-xxxxs\@lg { + margin-bottom: var(--space-xxxxs); + } + + .margin-bottom-xxxs\@lg { + margin-bottom: var(--space-xxxs); + } + + .margin-bottom-xxs\@lg { + margin-bottom: var(--space-xxs); + } + + .margin-bottom-xs\@lg { + margin-bottom: var(--space-xs); + } + + .margin-bottom-sm\@lg { + margin-bottom: var(--space-sm); + } + + .margin-bottom-md\@lg { + margin-bottom: var(--space-md); + } + + .margin-bottom-lg\@lg { + margin-bottom: var(--space-lg); + } + + .margin-bottom-xl\@lg { + margin-bottom: var(--space-xl); + } + + .margin-bottom-xxl\@lg { + margin-bottom: var(--space-xxl); + } + + .margin-bottom-xxxl\@lg { + margin-bottom: var(--space-xxxl); + } + + .margin-bottom-xxxxl\@lg { + margin-bottom: var(--space-xxxxl); + } + + .margin-bottom-auto\@lg { + margin-bottom: auto; + } + + .margin-bottom-0\@lg { + margin-bottom: 0; + } + + .margin-right-xxxxs\@lg { + margin-right: var(--space-xxxxs); + } + + .margin-right-xxxs\@lg { + margin-right: var(--space-xxxs); + } + + .margin-right-xxs\@lg { + margin-right: var(--space-xxs); + } + + .margin-right-xs\@lg { + margin-right: var(--space-xs); + } + + .margin-right-sm\@lg { + margin-right: var(--space-sm); + } + + .margin-right-md\@lg { + margin-right: var(--space-md); + } + + .margin-right-lg\@lg { + margin-right: var(--space-lg); + } + + .margin-right-xl\@lg { + margin-right: var(--space-xl); + } + + .margin-right-xxl\@lg { + margin-right: var(--space-xxl); + } + + .margin-right-xxxl\@lg { + margin-right: var(--space-xxxl); + } + + .margin-right-xxxxl\@lg { + margin-right: var(--space-xxxxl); + } + + .margin-right-auto\@lg { + margin-right: auto; + } + + .margin-right-0\@lg { + margin-right: 0; + } + + .margin-left-xxxxs\@lg { + margin-left: var(--space-xxxxs); + } + + .margin-left-xxxs\@lg { + margin-left: var(--space-xxxs); + } + + .margin-left-xxs\@lg { + margin-left: var(--space-xxs); + } + + .margin-left-xs\@lg { + margin-left: var(--space-xs); + } + + .margin-left-sm\@lg { + margin-left: var(--space-sm); + } + + .margin-left-md\@lg { + margin-left: var(--space-md); + } + + .margin-left-lg\@lg { + margin-left: var(--space-lg); + } + + .margin-left-xl\@lg { + margin-left: var(--space-xl); + } + + .margin-left-xxl\@lg { + margin-left: var(--space-xxl); + } + + .margin-left-xxxl\@lg { + margin-left: var(--space-xxxl); + } + + .margin-left-xxxxl\@lg { + margin-left: var(--space-xxxxl); + } + + .margin-left-auto\@lg { + margin-left: auto; + } + + .margin-left-0\@lg { + margin-left: 0; + } + + .margin-x-xxxxs\@lg { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); + } + + .margin-x-xxxs\@lg { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); + } + + .margin-x-xxs\@lg { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); + } + + .margin-x-xs\@lg { + margin-left: var(--space-xs); + margin-right: var(--space-xs); + } + + .margin-x-sm\@lg { + margin-left: var(--space-sm); + margin-right: var(--space-sm); + } + + .margin-x-md\@lg { + margin-left: var(--space-md); + margin-right: var(--space-md); + } + + .margin-x-lg\@lg { + margin-left: var(--space-lg); + margin-right: var(--space-lg); + } + + .margin-x-xl\@lg { + margin-left: var(--space-xl); + margin-right: var(--space-xl); + } + + .margin-x-xxl\@lg { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); + } + + .margin-x-xxxl\@lg { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); + } + + .margin-x-xxxxl\@lg { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); + } + + .margin-x-auto\@lg { + margin-left: auto; + margin-right: auto; + } + + .margin-x-0\@lg { + margin-left: 0; + margin-right: 0; + } + + .margin-y-xxxxs\@lg { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); + } + + .margin-y-xxxs\@lg { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); + } + + .margin-y-xxs\@lg { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); + } + + .margin-y-xs\@lg { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); + } + + .margin-y-sm\@lg { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); + } + + .margin-y-md\@lg { + margin-top: var(--space-md); + margin-bottom: var(--space-md); + } + + .margin-y-lg\@lg { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); + } + + .margin-y-xl\@lg { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); + } + + .margin-y-xxl\@lg { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); + } + + .margin-y-xxxl\@lg { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); + } + + .margin-y-xxxxl\@lg { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); + } + + .margin-y-auto\@lg { + margin-top: auto; + margin-bottom: auto; + } + + .margin-y-0\@lg { + margin-top: 0; + margin-bottom: 0; + } + } + @supports (--css: variables) { + .padding-xxxxs\@lg { + padding: var(--space-xxxxs); + } + + .padding-xxxs\@lg { + padding: var(--space-xxxs); + } + + .padding-xxs\@lg { + padding: var(--space-xxs); + } + + .padding-xs\@lg { + padding: var(--space-xs); + } + + .padding-sm\@lg { + padding: var(--space-sm); + } + + .padding-md\@lg { + padding: var(--space-md); + } + + .padding-lg\@lg { + padding: var(--space-lg); + } + + .padding-xl\@lg { + padding: var(--space-xl); + } + + .padding-xxl\@lg { + padding: var(--space-xxl); + } + + .padding-xxxl\@lg { + padding: var(--space-xxxl); + } + + .padding-xxxxl\@lg { + padding: var(--space-xxxxl); + } + + .padding-0\@lg { + padding: 0; + } + + .padding-component\@lg { + padding: var(--component-padding); + } + + .padding-top-xxxxs\@lg { + padding-top: var(--space-xxxxs); + } + + .padding-top-xxxs\@lg { + padding-top: var(--space-xxxs); + } + + .padding-top-xxs\@lg { + padding-top: var(--space-xxs); + } + + .padding-top-xs\@lg { + padding-top: var(--space-xs); + } + + .padding-top-sm\@lg { + padding-top: var(--space-sm); + } + + .padding-top-md\@lg { + padding-top: var(--space-md); + } + + .padding-top-lg\@lg { + padding-top: var(--space-lg); + } + + .padding-top-xl\@lg { + padding-top: var(--space-xl); + } + + .padding-top-xxl\@lg { + padding-top: var(--space-xxl); + } + + .padding-top-xxxl\@lg { + padding-top: var(--space-xxxl); + } + + .padding-top-xxxxl\@lg { + padding-top: var(--space-xxxxl); + } + + .padding-top-0\@lg { + padding-top: 0; + } + + .padding-top-component\@lg { + padding-top: var(--component-padding); + } + + .padding-bottom-xxxxs\@lg { + padding-bottom: var(--space-xxxxs); + } + + .padding-bottom-xxxs\@lg { + padding-bottom: var(--space-xxxs); + } + + .padding-bottom-xxs\@lg { + padding-bottom: var(--space-xxs); + } + + .padding-bottom-xs\@lg { + padding-bottom: var(--space-xs); + } + + .padding-bottom-sm\@lg { + padding-bottom: var(--space-sm); + } + + .padding-bottom-md\@lg { + padding-bottom: var(--space-md); + } + + .padding-bottom-lg\@lg { + padding-bottom: var(--space-lg); + } + + .padding-bottom-xl\@lg { + padding-bottom: var(--space-xl); + } + + .padding-bottom-xxl\@lg { + padding-bottom: var(--space-xxl); + } + + .padding-bottom-xxxl\@lg { + padding-bottom: var(--space-xxxl); + } + + .padding-bottom-xxxxl\@lg { + padding-bottom: var(--space-xxxxl); + } + + .padding-bottom-0\@lg { + padding-bottom: 0; + } + + .padding-bottom-component\@lg { + padding-bottom: var(--component-padding); + } + + .padding-right-xxxxs\@lg { + padding-right: var(--space-xxxxs); + } + + .padding-right-xxxs\@lg { + padding-right: var(--space-xxxs); + } + + .padding-right-xxs\@lg { + padding-right: var(--space-xxs); + } + + .padding-right-xs\@lg { + padding-right: var(--space-xs); + } + + .padding-right-sm\@lg { + padding-right: var(--space-sm); + } + + .padding-right-md\@lg { + padding-right: var(--space-md); + } + + .padding-right-lg\@lg { + padding-right: var(--space-lg); + } + + .padding-right-xl\@lg { + padding-right: var(--space-xl); + } + + .padding-right-xxl\@lg { + padding-right: var(--space-xxl); + } + + .padding-right-xxxl\@lg { + padding-right: var(--space-xxxl); + } + + .padding-right-xxxxl\@lg { + padding-right: var(--space-xxxxl); + } + + .padding-right-0\@lg { + padding-right: 0; + } + + .padding-right-component\@lg { + padding-right: var(--component-padding); + } + + .padding-left-xxxxs\@lg { + padding-left: var(--space-xxxxs); + } + + .padding-left-xxxs\@lg { + padding-left: var(--space-xxxs); + } + + .padding-left-xxs\@lg { + padding-left: var(--space-xxs); + } + + .padding-left-xs\@lg { + padding-left: var(--space-xs); + } + + .padding-left-sm\@lg { + padding-left: var(--space-sm); + } + + .padding-left-md\@lg { + padding-left: var(--space-md); + } + + .padding-left-lg\@lg { + padding-left: var(--space-lg); + } + + .padding-left-xl\@lg { + padding-left: var(--space-xl); + } + + .padding-left-xxl\@lg { + padding-left: var(--space-xxl); + } + + .padding-left-xxxl\@lg { + padding-left: var(--space-xxxl); + } + + .padding-left-xxxxl\@lg { + padding-left: var(--space-xxxxl); + } + + .padding-left-0\@lg { + padding-left: 0; + } + + .padding-left-component\@lg { + padding-left: var(--component-padding); + } + + .padding-x-xxxxs\@lg { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); + } + + .padding-x-xxxs\@lg { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); + } + + .padding-x-xxs\@lg { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); + } + + .padding-x-xs\@lg { + padding-left: var(--space-xs); + padding-right: var(--space-xs); + } + + .padding-x-sm\@lg { + padding-left: var(--space-sm); + padding-right: var(--space-sm); + } + + .padding-x-md\@lg { + padding-left: var(--space-md); + padding-right: var(--space-md); + } + + .padding-x-lg\@lg { + padding-left: var(--space-lg); + padding-right: var(--space-lg); + } + + .padding-x-xl\@lg { + padding-left: var(--space-xl); + padding-right: var(--space-xl); + } + + .padding-x-xxl\@lg { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); + } + + .padding-x-xxxl\@lg { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); + } + + .padding-x-xxxxl\@lg { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); + } + + .padding-x-0\@lg { + padding-left: 0; + padding-right: 0; + } + + .padding-x-component\@lg { + padding-left: var(--component-padding); + padding-right: var(--component-padding); + } + + .padding-y-xxxxs\@lg { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); + } + + .padding-y-xxxs\@lg { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); + } + + .padding-y-xxs\@lg { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); + } + + .padding-y-xs\@lg { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); + } + + .padding-y-sm\@lg { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); + } + + .padding-y-md\@lg { + padding-top: var(--space-md); + padding-bottom: var(--space-md); + } + + .padding-y-lg\@lg { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); + } + + .padding-y-xl\@lg { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + } + + .padding-y-xxl\@lg { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); + } + + .padding-y-xxxl\@lg { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); + } + + .padding-y-xxxxl\@lg { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); + } + + .padding-y-0\@lg { + padding-top: 0; + padding-bottom: 0; + } + + .padding-y-component\@lg { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); + } + } + .text-center\@lg { + text-align: center; + } + + .text-left\@lg { + text-align: left; + } + + .text-right\@lg { + text-align: right; + } + + .text-justify\@lg { + text-align: justify; + } + + @supports (--css: variables) { + .text-xs\@lg { + font-size: var(--text-xs, 0.694em); + } + + .text-sm\@lg { + font-size: var(--text-sm, 0.833em); + } + + .text-base\@lg { + font-size: 1em; + } + + .text-md\@lg { + font-size: var(--text-md, 1.2em); + } + + .text-lg\@lg { + font-size: var(--text-lg, 1.44em); + } + + .text-xl\@lg { + font-size: var(--text-xl, 1.728em); + } + + .text-xxl\@lg { + font-size: var(--text-xxl, 2.074em); + } + + .text-xxxl\@lg { + font-size: var(--text-xxxl, 2.488em); + } + + .text-xxxxl\@lg { + font-size: var(--text-xxxxl, 2.985em); + } + } + .hide\@lg { + display: none !important; + } +} +@media not all and (min-width: 80rem) { + .has-margin\@lg { + margin: 0 !important; + } + + .has-padding\@lg { + padding: 0 !important; + } + + .display\@lg { + display: none !important; + } +} +@media (min-width: 90rem) { + .flex\@xl { + display: flex; + } + + .inline-flex\@xl { + display: inline-flex; + } + + .flex-wrap\@xl { + flex-wrap: wrap; + } + + .flex-column\@xl { + flex-direction: column; + } + + .flex-column-reverse\@xl { + flex-direction: column-reverse; + } + + .flex-row\@xl { + flex-direction: row; + } + + .flex-row-reverse\@xl { + flex-direction: row-reverse; + } + + .flex-center\@xl { + justify-content: center; + align-items: center; + } + + .flex-grow-0\@xl { + flex-grow: 0; + } + + .flex-grow\@xl { + flex-grow: 1; + } + + .flex-shrink-0\@xl { + flex-shrink: 0; + } + + .flex-shrink\@xl { + flex-shrink: 1; + } + + .justify-start\@xl { + justify-content: flex-start; + } + + .justify-end\@xl { + justify-content: flex-end; + } + + .justify-center\@xl { + justify-content: center; + } + + .justify-between\@xl { + justify-content: space-between; + } + + .items-center\@xl { + align-items: center; + } + + .items-start\@xl { + align-items: flex-start; + } + + .items-end\@xl { + align-items: flex-end; + } + + .items-baseline\@xl { + align-items: baseline; + } + + .order-1\@xl { + order: 1; + } + + .order-2\@xl { + order: 2; + } + + .order-3\@xl { + order: 3; + } + + .block\@xl { + display: block; + } + + .inline-block\@xl { + display: inline-block; + } + + .inline\@xl { + display: inline; + } + + @supports (--css: variables) { + .margin-xxxxs\@xl { + margin: var(--space-xxxxs); + } + + .margin-xxxs\@xl { + margin: var(--space-xxxs); + } + + .margin-xxs\@xl { + margin: var(--space-xxs); + } + + .margin-xs\@xl { + margin: var(--space-xs); + } + + .margin-sm\@xl { + margin: var(--space-sm); + } + + .margin-md\@xl { + margin: var(--space-md); + } + + .margin-lg\@xl { + margin: var(--space-lg); + } + + .margin-xl\@xl { + margin: var(--space-xl); + } + + .margin-xxl\@xl { + margin: var(--space-xxl); + } + + .margin-xxxl\@xl { + margin: var(--space-xxxl); + } + + .margin-xxxxl\@xl { + margin: var(--space-xxxxl); + } + + .margin-auto\@xl { + margin: auto; + } + + .margin-0\@xl { + margin: 0; + } + + .margin-top-xxxxs\@xl { + margin-top: var(--space-xxxxs); + } + + .margin-top-xxxs\@xl { + margin-top: var(--space-xxxs); + } + + .margin-top-xxs\@xl { + margin-top: var(--space-xxs); + } + + .margin-top-xs\@xl { + margin-top: var(--space-xs); + } + + .margin-top-sm\@xl { + margin-top: var(--space-sm); + } + + .margin-top-md\@xl { + margin-top: var(--space-md); + } + + .margin-top-lg\@xl { + margin-top: var(--space-lg); + } + + .margin-top-xl\@xl { + margin-top: var(--space-xl); + } + + .margin-top-xxl\@xl { + margin-top: var(--space-xxl); + } + + .margin-top-xxxl\@xl { + margin-top: var(--space-xxxl); + } + + .margin-top-xxxxl\@xl { + margin-top: var(--space-xxxxl); + } + + .margin-top-auto\@xl { + margin-top: auto; + } + + .margin-top-0\@xl { + margin-top: 0; + } + + .margin-bottom-xxxxs\@xl { + margin-bottom: var(--space-xxxxs); + } + + .margin-bottom-xxxs\@xl { + margin-bottom: var(--space-xxxs); + } + + .margin-bottom-xxs\@xl { + margin-bottom: var(--space-xxs); + } + + .margin-bottom-xs\@xl { + margin-bottom: var(--space-xs); + } + + .margin-bottom-sm\@xl { + margin-bottom: var(--space-sm); + } + + .margin-bottom-md\@xl { + margin-bottom: var(--space-md); + } + + .margin-bottom-lg\@xl { + margin-bottom: var(--space-lg); + } + + .margin-bottom-xl\@xl { + margin-bottom: var(--space-xl); + } + + .margin-bottom-xxl\@xl { + margin-bottom: var(--space-xxl); + } + + .margin-bottom-xxxl\@xl { + margin-bottom: var(--space-xxxl); + } + + .margin-bottom-xxxxl\@xl { + margin-bottom: var(--space-xxxxl); + } + + .margin-bottom-auto\@xl { + margin-bottom: auto; + } + + .margin-bottom-0\@xl { + margin-bottom: 0; + } + + .margin-right-xxxxs\@xl { + margin-right: var(--space-xxxxs); + } + + .margin-right-xxxs\@xl { + margin-right: var(--space-xxxs); + } + + .margin-right-xxs\@xl { + margin-right: var(--space-xxs); + } + + .margin-right-xs\@xl { + margin-right: var(--space-xs); + } + + .margin-right-sm\@xl { + margin-right: var(--space-sm); + } + + .margin-right-md\@xl { + margin-right: var(--space-md); + } + + .margin-right-lg\@xl { + margin-right: var(--space-lg); + } + + .margin-right-xl\@xl { + margin-right: var(--space-xl); + } + + .margin-right-xxl\@xl { + margin-right: var(--space-xxl); + } + + .margin-right-xxxl\@xl { + margin-right: var(--space-xxxl); + } + + .margin-right-xxxxl\@xl { + margin-right: var(--space-xxxxl); + } + + .margin-right-auto\@xl { + margin-right: auto; + } + + .margin-right-0\@xl { + margin-right: 0; + } + + .margin-left-xxxxs\@xl { + margin-left: var(--space-xxxxs); + } + + .margin-left-xxxs\@xl { + margin-left: var(--space-xxxs); + } + + .margin-left-xxs\@xl { + margin-left: var(--space-xxs); + } + + .margin-left-xs\@xl { + margin-left: var(--space-xs); + } + + .margin-left-sm\@xl { + margin-left: var(--space-sm); + } + + .margin-left-md\@xl { + margin-left: var(--space-md); + } + + .margin-left-lg\@xl { + margin-left: var(--space-lg); + } + + .margin-left-xl\@xl { + margin-left: var(--space-xl); + } + + .margin-left-xxl\@xl { + margin-left: var(--space-xxl); + } + + .margin-left-xxxl\@xl { + margin-left: var(--space-xxxl); + } + + .margin-left-xxxxl\@xl { + margin-left: var(--space-xxxxl); + } + + .margin-left-auto\@xl { + margin-left: auto; + } + + .margin-left-0\@xl { + margin-left: 0; + } + + .margin-x-xxxxs\@xl { + margin-left: var(--space-xxxxs); + margin-right: var(--space-xxxxs); + } + + .margin-x-xxxs\@xl { + margin-left: var(--space-xxxs); + margin-right: var(--space-xxxs); + } + + .margin-x-xxs\@xl { + margin-left: var(--space-xxs); + margin-right: var(--space-xxs); + } + + .margin-x-xs\@xl { + margin-left: var(--space-xs); + margin-right: var(--space-xs); + } + + .margin-x-sm\@xl { + margin-left: var(--space-sm); + margin-right: var(--space-sm); + } + + .margin-x-md\@xl { + margin-left: var(--space-md); + margin-right: var(--space-md); + } + + .margin-x-lg\@xl { + margin-left: var(--space-lg); + margin-right: var(--space-lg); + } + + .margin-x-xl\@xl { + margin-left: var(--space-xl); + margin-right: var(--space-xl); + } + + .margin-x-xxl\@xl { + margin-left: var(--space-xxl); + margin-right: var(--space-xxl); + } + + .margin-x-xxxl\@xl { + margin-left: var(--space-xxxl); + margin-right: var(--space-xxxl); + } + + .margin-x-xxxxl\@xl { + margin-left: var(--space-xxxxl); + margin-right: var(--space-xxxxl); + } + + .margin-x-auto\@xl { + margin-left: auto; + margin-right: auto; + } + + .margin-x-0\@xl { + margin-left: 0; + margin-right: 0; + } + + .margin-y-xxxxs\@xl { + margin-top: var(--space-xxxxs); + margin-bottom: var(--space-xxxxs); + } + + .margin-y-xxxs\@xl { + margin-top: var(--space-xxxs); + margin-bottom: var(--space-xxxs); + } + + .margin-y-xxs\@xl { + margin-top: var(--space-xxs); + margin-bottom: var(--space-xxs); + } + + .margin-y-xs\@xl { + margin-top: var(--space-xs); + margin-bottom: var(--space-xs); + } + + .margin-y-sm\@xl { + margin-top: var(--space-sm); + margin-bottom: var(--space-sm); + } + + .margin-y-md\@xl { + margin-top: var(--space-md); + margin-bottom: var(--space-md); + } + + .margin-y-lg\@xl { + margin-top: var(--space-lg); + margin-bottom: var(--space-lg); + } + + .margin-y-xl\@xl { + margin-top: var(--space-xl); + margin-bottom: var(--space-xl); + } + + .margin-y-xxl\@xl { + margin-top: var(--space-xxl); + margin-bottom: var(--space-xxl); + } + + .margin-y-xxxl\@xl { + margin-top: var(--space-xxxl); + margin-bottom: var(--space-xxxl); + } + + .margin-y-xxxxl\@xl { + margin-top: var(--space-xxxxl); + margin-bottom: var(--space-xxxxl); + } + + .margin-y-auto\@xl { + margin-top: auto; + margin-bottom: auto; + } + + .margin-y-0\@xl { + margin-top: 0; + margin-bottom: 0; + } + } + @supports (--css: variables) { + .padding-xxxxs\@xl { + padding: var(--space-xxxxs); + } + + .padding-xxxs\@xl { + padding: var(--space-xxxs); + } + + .padding-xxs\@xl { + padding: var(--space-xxs); + } + + .padding-xs\@xl { + padding: var(--space-xs); + } + + .padding-sm\@xl { + padding: var(--space-sm); + } + + .padding-md\@xl { + padding: var(--space-md); + } + + .padding-lg\@xl { + padding: var(--space-lg); + } + + .padding-xl\@xl { + padding: var(--space-xl); + } + + .padding-xxl\@xl { + padding: var(--space-xxl); + } + + .padding-xxxl\@xl { + padding: var(--space-xxxl); + } + + .padding-xxxxl\@xl { + padding: var(--space-xxxxl); + } + + .padding-0\@xl { + padding: 0; + } + + .padding-component\@xl { + padding: var(--component-padding); + } + + .padding-top-xxxxs\@xl { + padding-top: var(--space-xxxxs); + } + + .padding-top-xxxs\@xl { + padding-top: var(--space-xxxs); + } + + .padding-top-xxs\@xl { + padding-top: var(--space-xxs); + } + + .padding-top-xs\@xl { + padding-top: var(--space-xs); + } + + .padding-top-sm\@xl { + padding-top: var(--space-sm); + } + + .padding-top-md\@xl { + padding-top: var(--space-md); + } + + .padding-top-lg\@xl { + padding-top: var(--space-lg); + } + + .padding-top-xl\@xl { + padding-top: var(--space-xl); + } + + .padding-top-xxl\@xl { + padding-top: var(--space-xxl); + } + + .padding-top-xxxl\@xl { + padding-top: var(--space-xxxl); + } + + .padding-top-xxxxl\@xl { + padding-top: var(--space-xxxxl); + } + + .padding-top-0\@xl { + padding-top: 0; + } + + .padding-top-component\@xl { + padding-top: var(--component-padding); + } + + .padding-bottom-xxxxs\@xl { + padding-bottom: var(--space-xxxxs); + } + + .padding-bottom-xxxs\@xl { + padding-bottom: var(--space-xxxs); + } + + .padding-bottom-xxs\@xl { + padding-bottom: var(--space-xxs); + } + + .padding-bottom-xs\@xl { + padding-bottom: var(--space-xs); + } + + .padding-bottom-sm\@xl { + padding-bottom: var(--space-sm); + } + + .padding-bottom-md\@xl { + padding-bottom: var(--space-md); + } + + .padding-bottom-lg\@xl { + padding-bottom: var(--space-lg); + } + + .padding-bottom-xl\@xl { + padding-bottom: var(--space-xl); + } + + .padding-bottom-xxl\@xl { + padding-bottom: var(--space-xxl); + } + + .padding-bottom-xxxl\@xl { + padding-bottom: var(--space-xxxl); + } + + .padding-bottom-xxxxl\@xl { + padding-bottom: var(--space-xxxxl); + } + + .padding-bottom-0\@xl { + padding-bottom: 0; + } + + .padding-bottom-component\@xl { + padding-bottom: var(--component-padding); + } + + .padding-right-xxxxs\@xl { + padding-right: var(--space-xxxxs); + } + + .padding-right-xxxs\@xl { + padding-right: var(--space-xxxs); + } + + .padding-right-xxs\@xl { + padding-right: var(--space-xxs); + } + + .padding-right-xs\@xl { + padding-right: var(--space-xs); + } + + .padding-right-sm\@xl { + padding-right: var(--space-sm); + } + + .padding-right-md\@xl { + padding-right: var(--space-md); + } + + .padding-right-lg\@xl { + padding-right: var(--space-lg); + } + + .padding-right-xl\@xl { + padding-right: var(--space-xl); + } + + .padding-right-xxl\@xl { + padding-right: var(--space-xxl); + } + + .padding-right-xxxl\@xl { + padding-right: var(--space-xxxl); + } + + .padding-right-xxxxl\@xl { + padding-right: var(--space-xxxxl); + } + + .padding-right-0\@xl { + padding-right: 0; + } + + .padding-right-component\@xl { + padding-right: var(--component-padding); + } + + .padding-left-xxxxs\@xl { + padding-left: var(--space-xxxxs); + } + + .padding-left-xxxs\@xl { + padding-left: var(--space-xxxs); + } + + .padding-left-xxs\@xl { + padding-left: var(--space-xxs); + } + + .padding-left-xs\@xl { + padding-left: var(--space-xs); + } + + .padding-left-sm\@xl { + padding-left: var(--space-sm); + } + + .padding-left-md\@xl { + padding-left: var(--space-md); + } + + .padding-left-lg\@xl { + padding-left: var(--space-lg); + } + + .padding-left-xl\@xl { + padding-left: var(--space-xl); + } + + .padding-left-xxl\@xl { + padding-left: var(--space-xxl); + } + + .padding-left-xxxl\@xl { + padding-left: var(--space-xxxl); + } + + .padding-left-xxxxl\@xl { + padding-left: var(--space-xxxxl); + } + + .padding-left-0\@xl { + padding-left: 0; + } + + .padding-left-component\@xl { + padding-left: var(--component-padding); + } + + .padding-x-xxxxs\@xl { + padding-left: var(--space-xxxxs); + padding-right: var(--space-xxxxs); + } + + .padding-x-xxxs\@xl { + padding-left: var(--space-xxxs); + padding-right: var(--space-xxxs); + } + + .padding-x-xxs\@xl { + padding-left: var(--space-xxs); + padding-right: var(--space-xxs); + } + + .padding-x-xs\@xl { + padding-left: var(--space-xs); + padding-right: var(--space-xs); + } + + .padding-x-sm\@xl { + padding-left: var(--space-sm); + padding-right: var(--space-sm); + } + + .padding-x-md\@xl { + padding-left: var(--space-md); + padding-right: var(--space-md); + } + + .padding-x-lg\@xl { + padding-left: var(--space-lg); + padding-right: var(--space-lg); + } + + .padding-x-xl\@xl { + padding-left: var(--space-xl); + padding-right: var(--space-xl); + } + + .padding-x-xxl\@xl { + padding-left: var(--space-xxl); + padding-right: var(--space-xxl); + } + + .padding-x-xxxl\@xl { + padding-left: var(--space-xxxl); + padding-right: var(--space-xxxl); + } + + .padding-x-xxxxl\@xl { + padding-left: var(--space-xxxxl); + padding-right: var(--space-xxxxl); + } + + .padding-x-0\@xl { + padding-left: 0; + padding-right: 0; + } + + .padding-x-component\@xl { + padding-left: var(--component-padding); + padding-right: var(--component-padding); + } + + .padding-y-xxxxs\@xl { + padding-top: var(--space-xxxxs); + padding-bottom: var(--space-xxxxs); + } + + .padding-y-xxxs\@xl { + padding-top: var(--space-xxxs); + padding-bottom: var(--space-xxxs); + } + + .padding-y-xxs\@xl { + padding-top: var(--space-xxs); + padding-bottom: var(--space-xxs); + } + + .padding-y-xs\@xl { + padding-top: var(--space-xs); + padding-bottom: var(--space-xs); + } + + .padding-y-sm\@xl { + padding-top: var(--space-sm); + padding-bottom: var(--space-sm); + } + + .padding-y-md\@xl { + padding-top: var(--space-md); + padding-bottom: var(--space-md); + } + + .padding-y-lg\@xl { + padding-top: var(--space-lg); + padding-bottom: var(--space-lg); + } + + .padding-y-xl\@xl { + padding-top: var(--space-xl); + padding-bottom: var(--space-xl); + } + + .padding-y-xxl\@xl { + padding-top: var(--space-xxl); + padding-bottom: var(--space-xxl); + } + + .padding-y-xxxl\@xl { + padding-top: var(--space-xxxl); + padding-bottom: var(--space-xxxl); + } + + .padding-y-xxxxl\@xl { + padding-top: var(--space-xxxxl); + padding-bottom: var(--space-xxxxl); + } + + .padding-y-0\@xl { + padding-top: 0; + padding-bottom: 0; + } + + .padding-y-component\@xl { + padding-top: var(--component-padding); + padding-bottom: var(--component-padding); + } + } + .text-center\@xl { + text-align: center; + } + + .text-left\@xl { + text-align: left; + } + + .text-right\@xl { + text-align: right; + } + + .text-justify\@xl { + text-align: justify; + } + + @supports (--css: variables) { + .text-xs\@xl { + font-size: var(--text-xs, 0.694em); + } + + .text-sm\@xl { + font-size: var(--text-sm, 0.833em); + } + + .text-base\@xl { + font-size: 1em; + } + + .text-md\@xl { + font-size: var(--text-md, 1.2em); + } + + .text-lg\@xl { + font-size: var(--text-lg, 1.44em); + } + + .text-xl\@xl { + font-size: var(--text-xl, 1.728em); + } + + .text-xxl\@xl { + font-size: var(--text-xxl, 2.074em); + } + + .text-xxxl\@xl { + font-size: var(--text-xxxl, 2.488em); + } + + .text-xxxxl\@xl { + font-size: var(--text-xxxxl, 2.985em); + } + } + .hide\@xl { + display: none !important; + } +} +@media not all and (min-width: 90rem) { + .has-margin\@xl { + margin: 0 !important; + } + + .has-padding\@xl { + padding: 0 !important; + } + + .display\@xl { + display: none !important; + } +} +:root, [data-theme=default] { + --color-primary-darker:hsl(220, 90%, 42%); + --color-primary-darker-h:220; + --color-primary-darker-s:90%; + --color-primary-darker-l:42%; + --color-primary-dark:hsl(220, 90%, 49%); + --color-primary-dark-h:220; + --color-primary-dark-s:90%; + --color-primary-dark-l:49%; + --color-primary:hsl(220, 90%, 56%); + --color-primary-h:220; + --color-primary-s:90%; + --color-primary-l:56%; + --color-primary-light:hsl(220, 90%, 63%); + --color-primary-light-h:220; + --color-primary-light-s:90%; + --color-primary-light-l:63%; + --color-primary-lighter:hsl(220, 90%, 70%); + --color-primary-lighter-h:220; + --color-primary-lighter-s:90%; + --color-primary-lighter-l:70%; + --color-accent-darker:hsl(349, 75%, 36%); + --color-accent-darker-h:349; + --color-accent-darker-s:75%; + --color-accent-darker-l:36%; + --color-accent-dark:hsl(349, 75%, 44%); + --color-accent-dark-h:349; + --color-accent-dark-s:75%; + --color-accent-dark-l:44%; + --color-accent:hsl(349, 75%, 51%); + --color-accent-h:349; + --color-accent-s:75%; + --color-accent-l:51%; + --color-accent-light:hsl(349, 75%, 59%); + --color-accent-light-h:349; + --color-accent-light-s:75%; + --color-accent-light-l:59%; + --color-accent-lighter:hsl(349, 75%, 67%); + --color-accent-lighter-h:349; + --color-accent-lighter-s:75%; + --color-accent-lighter-l:67%; + --color-black:hsl(240, 8%, 12%); + --color-black-h:240; + --color-black-s:8%; + --color-black-l:12%; + --color-white:hsl(0, 0%, 100%); + --color-white-h:0; + --color-white-s:0%; + --color-white-l:100%; + --color-success-darker:hsl(94, 48%, 42%); + --color-success-darker-h:94; + --color-success-darker-s:48%; + --color-success-darker-l:42%; + --color-success-dark:hsl(94, 48%, 48%); + --color-success-dark-h:94; + --color-success-dark-s:48%; + --color-success-dark-l:48%; + --color-success:hsl(94, 48%, 56%); + --color-success-h:94; + --color-success-s:48%; + --color-success-l:56%; + --color-success-light:hsl(94, 48%, 65%); + --color-success-light-h:94; + --color-success-light-s:48%; + --color-success-light-l:65%; + --color-success-lighter:hsl(94, 48%, 74%); + --color-success-lighter-h:94; + --color-success-lighter-s:48%; + --color-success-lighter-l:74%; + --color-error-darker:hsl(349, 75%, 36%); + --color-error-darker-h:349; + --color-error-darker-s:75%; + --color-error-darker-l:36%; + --color-error-dark:hsl(349, 75%, 44%); + --color-error-dark-h:349; + --color-error-dark-s:75%; + --color-error-dark-l:44%; + --color-error:hsl(349, 75%, 51%); + --color-error-h:349; + --color-error-s:75%; + --color-error-l:51%; + --color-error-light:hsl(349, 75%, 59%); + --color-error-light-h:349; + --color-error-light-s:75%; + --color-error-light-l:59%; + --color-error-lighter:hsl(349, 75%, 67%); + --color-error-lighter-h:349; + --color-error-lighter-s:75%; + --color-error-lighter-l:67%; + --color-warning-darker:hsl(46, 100%, 47%); + --color-warning-darker-h:46; + --color-warning-darker-s:100%; + --color-warning-darker-l:47%; + --color-warning-dark:hsl(46, 100%, 50%); + --color-warning-dark-h:46; + --color-warning-dark-s:100%; + --color-warning-dark-l:50%; + --color-warning:hsl(46, 100%, 61%); + --color-warning-h:46; + --color-warning-s:100%; + --color-warning-l:61%; + --color-warning-light:hsl(46, 100%, 71%); + --color-warning-light-h:46; + --color-warning-light-s:100%; + --color-warning-light-l:71%; + --color-warning-lighter:hsl(46, 100%, 80%); + --color-warning-lighter-h:46; + --color-warning-lighter-s:100%; + --color-warning-lighter-l:80%; + --color-bg:hsl(0, 0%, 100%); + --color-bg-h:0; + --color-bg-s:0%; + --color-bg-l:100%; + --color-contrast-lower:hsl(0, 0%, 95%); + --color-contrast-lower-h:0; + --color-contrast-lower-s:0%; + --color-contrast-lower-l:95%; + --color-contrast-low:hsl(240, 1%, 83%); + --color-contrast-low-h:240; + --color-contrast-low-s:1%; + --color-contrast-low-l:83%; + --color-contrast-medium:hsl(240, 1%, 48%); + --color-contrast-medium-h:240; + --color-contrast-medium-s:1%; + --color-contrast-medium-l:48%; + --color-contrast-high:hsl(240, 4%, 20%); + --color-contrast-high-h:240; + --color-contrast-high-s:4%; + --color-contrast-high-l:20%; + --color-contrast-higher:hsl(240, 8%, 12%); + --color-contrast-higher-h:240; + --color-contrast-higher-s:8%; + --color-contrast-higher-l:12%; +} + +@supports (--css: variables) { + @media (min-width: 64rem) { + :root { + --space-unit: 1.25em; + } + } +} +:root { + --radius: 0.25em; +} + +:root { + --font-primary: system-ui, sans-serif; + --text-base-size: 1em; + --text-scale-ratio: 1.2; + --text-xs: calc((1em / var(--text-scale-ratio)) / var(--text-scale-ratio)); + --text-sm: calc(var(--text-xs) * var(--text-scale-ratio)); + --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio)); + --text-lg: calc(var(--text-md) * var(--text-scale-ratio)); + --text-xl: calc(var(--text-lg) * var(--text-scale-ratio)); + --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio)); + --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio)); + --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio)); + --body-line-height: 1.4; + --heading-line-height: 1.2; + --font-primary-capital-letter: 1; +} + +@supports (--css: variables) { + @media (min-width: 64rem) { + :root { + --text-base-size: 1.25em; + --text-scale-ratio: 1.25; + } + } +} +h1, h2, h3, h4 { + font-weight: 600; +} + +mark { + background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2); + color: inherit; +} + +.text-component { + --line-height-multiplier: 1; + --text-vspace-multiplier: 1; +} +.text-component blockquote { + padding-left: 1em; + border-left: 4px solid var(--color-contrast-low); +} +.text-component hr { + background: var(--color-contrast-low); + height: 1px; +} +.text-component figcaption { + font-size: var(--text-sm); + color: var(--color-contrast-medium); +} + +.article { + --body-line-height: 1.58; + --text-vspace-multiplier: 1.2; +} + +:root { + --btn-font-size: 1em; + --btn-font-size-sm: calc(var(--btn-font-size) - 0.2em); + --btn-font-size-md: calc(var(--btn-font-size) + 0.2em); + --btn-font-size-lg: calc(var(--btn-font-size) + 0.4em); + --btn-padding-x: var(--space-sm); + --btn-padding-y: var(--space-xs); + --btn-radius: 0.25em; +} + +.btn { + box-shadow: var(--shadow-xs); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transition: 0.3s; +} +.btn:hover { + cursor: pointer; + box-shadow: var(--shadow-sm); +} +.btn:focus { + outline: none; + box-shadow: 0px 0px 0px 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15); +} +.btn:active { + transform: translateY(2px); +} + +.btn--primary { + background-color: var(--color-primary); + color: var(--color-white); +} +.btn--primary:hover { + background-color: var(--color-primary-dark); +} +.btn--primary:focus { + box-shadow: 0px 0px 0px 2px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2); +} + +.btn--subtle { + background-color: var(--color-contrast-lower); + color: var(--color-contrast-higher); +} + +.btn--accent { + background-color: var(--color-accent); + color: var(--color-white); +} +.btn--accent:hover { + background-color: var(--color-accent-dark); +} +.btn--accent:focus { + box-shadow: 0px 0px 0px 2px hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2); +} + +.btn--disabled { + opacity: 0.6; + cursor: not-allowed; +} + +:root { + --form-control-padding-x: var(--space-sm); + --form-control-padding-y: var(--space-xs); + --form-control-radius: 0.25em; +} + +.form-control { + background-color: var(--color-bg); + border: 2px solid var(--color-contrast-low); + transition: 0.3s; +} +.form-control::placeholder { + opacity: 1; + color: var(--color-contrast-medium); +} +.form-control:focus { + outline: none; + border-color: var(--color-primary); + box-shadow: 0 0 0 2px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2); +} + +.form-control[aria-invalid=true] { + border-color: var(--color-error); +} +.form-control[aria-invalid=true]:focus { + box-shadow: 0 0 0 2px hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2); +} + +.form-control[disabled], .form-control[readonly] { + cursor: not-allowed; +} + +/*# sourceMappingURL=codyframe.css.map */ diff --git a/src/server/wwwroot/codyframe.css.map b/src/server/wwwroot/codyframe.css.map new file mode 100644 index 0000000..81d518f --- /dev/null +++ b/src/server/wwwroot/codyframe.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["codyframe/base/_reset.scss","codyframe/base/_colors.scss","codyframe/base/_spacing.scss","codyframe/base/_grid-layout.scss","codyframe/base/_mixins.scss","codyframe/base/_breakpoints.scss","codyframe/base/_shared-styles.scss","codyframe/base/_typography.scss","codyframe/base/_icons.scss","codyframe/base/_buttons.scss","codyframe/base/_forms.scss","codyframe/base/_z-index.scss","codyframe/base/_visibility.scss","codyframe/base/_accessibility.scss","codyframe/base/_util.scss","codyframe/custom-style/_colors.scss","codyframe/custom-style/_spacing.scss","codyframe/custom-style/_shared-styles.scss","codyframe/custom-style/_typography.scss","codyframe/custom-style/_buttons.scss","codyframe/custom-style/_forms.scss"],"names":[],"mappings":"AACE;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC/EF;EACE;EACA;;;ACDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACVF;EACE;EACA;EACA;;;AASF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;;EAIJ;IAA+C;;;EAC/C;IAA+C;;;EAC/C;IAA+C;;;EAC/C;IAA+C;;;EAC/C;IAA+C;;;EAC/C;IAA+C;;;EAC/C;IAA+C;;;EAC/C;IAA+C;;;EAC/C;IAA+C;;;EAC/C;IAA+C;;;EAC/C;IAA+C;;;AAGjD;ECgFA;EACA;EACA;;;AD7EE;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AE7EF;EFmFE;ICuDJ;IACA;IACA;;;EDpDM;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAIJ;IACE;IACA;IACA;;;EAIA;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EAIJ;IACE;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;;AEtHjC;EFmFE;ICuDJ;IACA;IACA;;;EDpDM;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAIJ;IACE;IACA;IACA;;;EAIA;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EAIJ;IACE;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;;AEtHjC;EFmFE;ICuDJ;IACA;IACA;;;EDpDM;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAIJ;IACE;IACA;IACA;;;EAIA;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EAIJ;IACE;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;;AEtHjC;EFmFE;ICuDJ;IACA;IACA;;;EDpDM;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAIJ;IACE;IACA;IACA;;;EAIA;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EAIJ;IACE;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;;AEtHjC;EFmFE;ICuDJ;IACA;IACA;;;EDpDM;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAFF;IACE;IACA;;;EAIJ;IACE;IACA;IACA;;;EAIA;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EADF;IACE;;;EAIJ;IACE;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;;AGjInC;EAEE;EACA;EACA;EAGA;AAAA;EAEA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;AAAA;EAQA;EACA;EACA;EACA;EACA;;;AC/BF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AASF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAUA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAKJ;EACE;EACA;;;AFtHA;EE0HA;AAAA;IAEE;;EAEA;AAAA;IACE;;;EAIJ;IACE;IACA;;;EAGF;IACE;IACA;;;AF1IF;EEgJA;IACE;;EAEA;IACE;;;EAIJ;IACE;;;EAGF;IACE;;;EAGF;IACE;;;AC5KJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AAEd;EACE;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAOJ;EACE;EACA;;;ACrDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EAAW;;;AACX;EAAW;;;AACX;EAAW;;;AAGX;EAAa;;;ACtBb;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EAGA;EACA;;;AAGF;EACE;EACA;;;AAKA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;;ACpDJ;EACE;EACA;EACA;EACA;;;ACJF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AAIJ;EACE;IACE;;;ACpBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACHF;EAAQ;;;AACR;EAAe;;;AACf;EAAa;;;AACb;EAAe;;;AACf;EAAuB;;;AACvB;EAAY;;;AACZ;EAAoB;;;AACpB;EAAe;EAAyB;;;AAGxC;EAAa;;;AACb;EAAiB;;;AACjB;EAAgB;;;AAQhB;EAAiB;;;AACjB;EAAe;;;AACf;EAAkB;;;AAClB;EAAmB;;;AAQnB;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAkB;;;AAQlB;EAAW;;;AACX;EAAW;;;AACX;EAAW;;;AAQX;EAAS;;;AACT;EAAgB;;;AAChB;EAAU;;;AAQV;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAEhB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAoB;;;AAEpB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AAEvB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AAEtB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AAErB;EAAkB;EAAiC;;;AACnD;EAAkB;EAAgC;;;AAClD;EAAkB;EAA+B;;;AACjD;EAAkB;EAA8B;;;AAChD;EAAkB;EAA8B;;;AAChD;EAAkB;EAA8B;;;AAChD;EAAkB;EAA8B;;;AAChD;EAAkB;EAA8B;;;AAChD;EAAkB;EAA+B;;;AACjD;EAAkB;EAAgC;;;AAClD;EAAkB;EAAiC;;;AACnD;EAAkB;EAAmB;;;AACrC;EAAkB;EAAgB;;;AAElC;EAAkB;EAAgC;;;AAClD;EAAkB;EAA+B;;;AACjD;EAAkB;EAA8B;;;AAChD;EAAkB;EAA6B;;;AAC/C;EAAkB;EAA6B;;;AAC/C;EAAkB;EAA6B;;;AAC/C;EAAkB;EAA6B;;;AAC/C;EAAkB;EAA6B;;;AAC/C;EAAkB;EAA8B;;;AAChD;EAAkB;EAA+B;;;AACjD;EAAkB;EAAgC;;;AAClD;EAAkB;EAAkB;;;AACpC;EAAkB;EAAe;;;AAQjC;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAqB;;;AAErB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAyB;;;AAEzB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAA4B;;;AAE5B;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAAuB;;;AACvB;EAA2B;;;AAE3B;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAA0B;;;AAE1B;EAAmB;EAAkC;;;AACrD;EAAmB;EAAiC;;;AACpD;EAAmB;EAAgC;;;AACnD;EAAmB;EAA+B;;;AAClD;EAAmB;EAA+B;;;AAClD;EAAmB;EAA+B;;;AAClD;EAAmB;EAA+B;;;AAClD;EAAmB;EAA+B;;;AAClD;EAAmB;EAAgC;;;AACnD;EAAmB;EAAiC;;;AACpD;EAAmB;EAAkC;;;AACrD;EAAmB;EAAiB;;;AACpC;EAAuB;EAAwC;;;AAE/D;EAAmB;EAAiC;;;AACpD;EAAmB;EAAgC;;;AACnD;EAAmB;EAA+B;;;AAClD;EAAmB;EAA8B;;;AACjD;EAAmB;EAA8B;;;AACjD;EAAmB;EAA8B;;;AACjD;EAAmB;EAA8B;;;AACjD;EAAmB;EAA8B;;;AACjD;EAAmB;EAA+B;;;AAClD;EAAmB;EAAgC;;;AACnD;EAAmB;EAAiC;;;AACpD;EAAmB;EAAgB;;;AACnC;EAAuB;EAAuC;;;AAQ9D;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAQlB;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AASF;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AACd;EAAc;;;AAQd;EAAmB;;;AACnB;EAAmB;;;AAQnB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AAQrB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAyB;;;AAQzB;EAAe;;;AAQf;EACE;EACA;;;AASF;EAAgB;;;AAQhB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAQhB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AAQxB;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AAQf;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EAAuB;;;AACvB;EAAuB;;;AAQvB;EAA2B;;;AAQ3B;EAAkB;;;AAClB;EAAkB;;;AAQlB;EAAuB;;;AACvB;EAAuB;;;AAQvB;EAAoB;;;AACpB;EAAoB;;;AAQpB;EAAoB;;;AAEpB;EAAiB;;;AACjB;EAAY;;;AACZ;EAAwB;;;AACxB;EAAsB;;;AACtB;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAyB;;;AACzB;EAAwB;;;AACxB;EAAsB;;;AACtB;EAAiB;;;AACjB;EAAuB;;;AACvB;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAqB;;;AACrB;EAAgB;;;AAChB;EAAsB;;;AACtB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAsB;;;AACtB;EAAiB;;;AACjB;EAAuB;;;AACvB;EAAyB;;;AACzB;EAAwB;;;AACxB;EAAsB;;;AACtB;EAAiB;;;AACjB;EAAuB;;;AACvB;EAAyB;;;AACzB;EAAsB;;;AACtB;EAAoB;;;AACpB;EAAe;;;AACf;EAAqB;;;AACrB;EAAuB;;;AACvB;EAAe;;;AACf;EAAe;;;AAEf;EACE;IAAsB;;;EACtB;IAAsB;;;EACtB;IAAsB;;;EACtB;IAAsB;;;EACtB;IAAsB;;;EACtB;IAAsB;;;EACtB;IAAsB;;;EACtB;IAAsB;;;EACtB;IAAsB;;;EACtB;IAAsB;;;AASxB;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AAQf;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAQhB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AAQnB;EAAoB;;;AACpB;EAAoB;;;AAQpB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AAOf;EACE;;;ATjqBJ;ESirBI;IACE;;;ATlrBN;ESirBI;IACE;;;ATlrBN;ESirBI;IACE;;;ATlrBN;ESirBI;IACE;;;AAYR;EAAoB;;;AACpB;EAAoB;;;AAQpB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAqB;;;AAErB;EAAY;;;AACZ;EAAY;;;AACZ;EAAY;;;AACZ;EAAY;;;AAQZ;EAAkB;;;AAClB;EAAmB;;;AACnB;EAAyB;;;AACzB;EAAmB;;;AAEnB;EAAwB;;;AACxB;EAAwB;;;AACxB;EAAwB;;;AAQxB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAsB;;;AAGtB;EAAsB;;;AAQtB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAgB;;;AAahB;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAQF;EACE;;;AADF;EACE;;;AAUJ;EAAe;;;AACf;EAAe;;;AAEf;EACE;EACA;EACA;;;AAUF;EAAqB;;;AAErB;EAAU;;;AACV;EAAc;;;AACd;EAAiB;;;AACjB;EAAe;;;AACf;EAAgB;;;AAChB;EAAY;;;AACZ;EAAY;;;AACZ;EAAY;;;AAEZ;EAAa;;;AACb;EAAyB;;;AACzB;EAAuB;;;AACvB;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAA0B;;;AAC1B;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAkB;;;AAClB;EAAwB;;;AACxB;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAsB;;;AACtB;EAAiB;;;AACjB;EAAuB;;;AACvB;EAAyB;;;AACzB;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAkB;;;AAClB;EAAwB;;;AACxB;EAA0B;;;AAC1B;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAkB;;;AAClB;EAAwB;;;AACxB;EAA0B;;;AAC1B;EAAuB;;;AACvB;EAAqB;;;AACrB;EAAgB;;;AAChB;EAAsB;;;AACtB;EAAwB;;;AACxB;EAAgB;;;AAChB;EAAgB;;;AAEhB;EACE;IAAuB;;;EACvB;IAAuB;;;EACvB;IAAuB;;;EACvB;IAAuB;;;EACvB;IAAuB;;;EACvB;IAAuB;;;EACvB;IAAuB;;;EACvB;IAAuB;;;EACvB;IAAuB;;;EACvB;IAAuB;;;AASzB;EAAa;;;AACb;EAAa;;;AACb;EAAa;;;AACb;EAAe;;;AACf;EAAe;;;AAQf;EAAa;;;AACb;EAAa;;;AACb;EAAa;;;AACb;EAAa;;;AACb;EAAa;;;AAQb;EAAsB;;;AAEtB;EAAkB;;;AAClB;EAAc;;;AACd;EAAM;;;AACN;EAAqB;;;AACrB;EAAmB;;;AACnB;EAAsB;;;AACtB;EAAoB;;;AACpB;EAAsB;;;AACtB;EAAqB;;;AACrB;EAAmB;;;AACnB;EAAc;;;AACd;EAAoB;;;AACpB;EAAsB;;;AACtB;EAAoB;;;AACpB;EAAkB;;;AAClB;EAAa;;;AACb;EAAmB;;;AACnB;EAAqB;;;AACrB;EAAqB;;;AACrB;EAAmB;;;AACnB;EAAc;;;AACd;EAAoB;;;AACpB;EAAsB;;;AACtB;EAAqB;;;AACrB;EAAmB;;;AACnB;EAAc;;;AACd;EAAoB;;;AACpB;EAAsB;;;AACtB;EAAmB;;;AACnB;EAAiB;;;AACjB;EAAY;;;AACZ;EAAkB;;;AAClB;EAAoB;;;AACpB;EAAY;;;AACZ;EAAY;;;AAEZ;EACE;IAAmB;;;EACnB;IAAmB;;;EACnB;IAAmB;;;EACnB;IAAmB;;;EACnB;IAAmB;;;EACnB;IAAmB;;;EACnB;IAAmB;;;EACnB;IAAmB;;;EACnB;IAAmB;;;EACnB;IAAmB;;;AAGrB;EAAY;;;AACZ;EAAa;;;AACb;EAAgB;;;AAQhB;EAAoB;;;AACpB;EAAoB;;;AAQpB;EAAW;;;AACX;EAAkB;;;AAClB;EAAkB;;;AAQlB;EAAkB;;;AAClB;EAAkB;;;AAQlB;EAAU;;;AACV;EAAU;;;AACV;EAAU;;;AT1+BR;ESq/BE;IAAwB;;;EACxB;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAA+B;;;EAC/B;IAAuC;;;EACvC;IAA4B;;;EAC5B;IAAoC;;;EACpC;IAA+B;IAAyB;;;EAExD;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAAiC;;;EACjC;IAA+B;;;EAG/B;IAAiC;;;EACjC;IAA+B;;;EAC/B;IAAkC;;;EAClC;IAAmC;;;EAGnC;IAAgC;;;EAChC;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAAkC;;;EAGlC;IAA4B;;;EAC5B;IAA4B;;;EAC5B;IAA4B;;;EAG5B;IAAyB;;;EACzB;IAAgC;;;EAChC;IAA0B;;;EAG1B;IACE;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAEhC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IAEpC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IAEvC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IAEtC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IAErC;MAAkC;MAAiC;;;IACnE;MAAkC;MAAgC;;;IAClE;MAAkC;MAA+B;;;IACjE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA+B;;;IACjE;MAAkC;MAAgC;;;IAClE;MAAkC;MAAiC;;;IACnE;MAAkC;MAAmB;;;IACrD;MAAkC;MAAgB;;;IAElD;MAAkC;MAAgC;;;IAClE;MAAkC;MAA+B;;;IACjE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA8B;;;IAChE;MAAkC;MAA+B;;;IACjE;MAAkC;MAAgC;;;IAClE;MAAkC;MAAkB;;;IACpD;MAAkC;MAAe;;;EAInD;IACE;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAqC;;;IAErC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAyC;;;IAEzC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAA4C;;;IAE5C;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAA2C;;;IAE3C;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAA0C;;;IAE1C;MAAmC;MAAkC;;;IACrE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgC;;;IACnE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAAgC;;;IACnE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAkC;;;IACrE;MAAmC;MAAiB;;;IACpD;MAAuC;MAAwC;;;IAE/E;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgC;;;IACnE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA+B;;;IAClE;MAAmC;MAAgC;;;IACnE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgB;;;IACnD;MAAuC;MAAuC;;;EAIhF;IAA+B;;;EAC/B;IAA+B;;;EAC/B;IAA+B;;;EAC/B;IAAiC;;;EAGjC;IACE;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA8B;;;EAIhC;IAAwB;;;ATzvC1B;ES6vCE;IAA8B;;;EAC9B;IAA+B;;;EAC/B;IAA2B;;;AT7vC7B;ESq/BE;IAAwB;;;EACxB;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAA+B;;;EAC/B;IAAuC;;;EACvC;IAA4B;;;EAC5B;IAAoC;;;EACpC;IAA+B;IAAyB;;;EAExD;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAAiC;;;EACjC;IAA+B;;;EAG/B;IAAiC;;;EACjC;IAA+B;;;EAC/B;IAAkC;;;EAClC;IAAmC;;;EAGnC;IAAgC;;;EAChC;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAAkC;;;EAGlC;IAA4B;;;EAC5B;IAA4B;;;EAC5B;IAA4B;;;EAG5B;IAAyB;;;EACzB;IAAgC;;;EAChC;IAA0B;;;EAG1B;IACE;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAEhC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IAEpC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IAEvC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IAEtC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IAErC;MAAkC;MAAiC;;;IACnE;MAAkC;MAAgC;;;IAClE;MAAkC;MAA+B;;;IACjE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA+B;;;IACjE;MAAkC;MAAgC;;;IAClE;MAAkC;MAAiC;;;IACnE;MAAkC;MAAmB;;;IACrD;MAAkC;MAAgB;;;IAElD;MAAkC;MAAgC;;;IAClE;MAAkC;MAA+B;;;IACjE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA8B;;;IAChE;MAAkC;MAA+B;;;IACjE;MAAkC;MAAgC;;;IAClE;MAAkC;MAAkB;;;IACpD;MAAkC;MAAe;;;EAInD;IACE;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAqC;;;IAErC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAyC;;;IAEzC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAA4C;;;IAE5C;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAA2C;;;IAE3C;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAA0C;;;IAE1C;MAAmC;MAAkC;;;IACrE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgC;;;IACnE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAAgC;;;IACnE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAkC;;;IACrE;MAAmC;MAAiB;;;IACpD;MAAuC;MAAwC;;;IAE/E;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgC;;;IACnE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA+B;;;IAClE;MAAmC;MAAgC;;;IACnE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgB;;;IACnD;MAAuC;MAAuC;;;EAIhF;IAA+B;;;EAC/B;IAA+B;;;EAC/B;IAA+B;;;EAC/B;IAAiC;;;EAGjC;IACE;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA8B;;;EAIhC;IAAwB;;;ATzvC1B;ES6vCE;IAA8B;;;EAC9B;IAA+B;;;EAC/B;IAA2B;;;AT7vC7B;ESq/BE;IAAwB;;;EACxB;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAA+B;;;EAC/B;IAAuC;;;EACvC;IAA4B;;;EAC5B;IAAoC;;;EACpC;IAA+B;IAAyB;;;EAExD;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAAiC;;;EACjC;IAA+B;;;EAG/B;IAAiC;;;EACjC;IAA+B;;;EAC/B;IAAkC;;;EAClC;IAAmC;;;EAGnC;IAAgC;;;EAChC;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAAkC;;;EAGlC;IAA4B;;;EAC5B;IAA4B;;;EAC5B;IAA4B;;;EAG5B;IAAyB;;;EACzB;IAAgC;;;EAChC;IAA0B;;;EAG1B;IACE;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAEhC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IAEpC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IAEvC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IAEtC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IAErC;MAAkC;MAAiC;;;IACnE;MAAkC;MAAgC;;;IAClE;MAAkC;MAA+B;;;IACjE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA+B;;;IACjE;MAAkC;MAAgC;;;IAClE;MAAkC;MAAiC;;;IACnE;MAAkC;MAAmB;;;IACrD;MAAkC;MAAgB;;;IAElD;MAAkC;MAAgC;;;IAClE;MAAkC;MAA+B;;;IACjE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA8B;;;IAChE;MAAkC;MAA+B;;;IACjE;MAAkC;MAAgC;;;IAClE;MAAkC;MAAkB;;;IACpD;MAAkC;MAAe;;;EAInD;IACE;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAqC;;;IAErC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAyC;;;IAEzC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAA4C;;;IAE5C;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAA2C;;;IAE3C;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAA0C;;;IAE1C;MAAmC;MAAkC;;;IACrE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgC;;;IACnE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAAgC;;;IACnE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAkC;;;IACrE;MAAmC;MAAiB;;;IACpD;MAAuC;MAAwC;;;IAE/E;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgC;;;IACnE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA+B;;;IAClE;MAAmC;MAAgC;;;IACnE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgB;;;IACnD;MAAuC;MAAuC;;;EAIhF;IAA+B;;;EAC/B;IAA+B;;;EAC/B;IAA+B;;;EAC/B;IAAiC;;;EAGjC;IACE;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA8B;;;EAIhC;IAAwB;;;ATzvC1B;ES6vCE;IAA8B;;;EAC9B;IAA+B;;;EAC/B;IAA2B;;;AT7vC7B;ESq/BE;IAAwB;;;EACxB;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAA+B;;;EAC/B;IAAuC;;;EACvC;IAA4B;;;EAC5B;IAAoC;;;EACpC;IAA+B;IAAyB;;;EAExD;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAAiC;;;EACjC;IAA+B;;;EAG/B;IAAiC;;;EACjC;IAA+B;;;EAC/B;IAAkC;;;EAClC;IAAmC;;;EAGnC;IAAgC;;;EAChC;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAAkC;;;EAGlC;IAA4B;;;EAC5B;IAA4B;;;EAC5B;IAA4B;;;EAG5B;IAAyB;;;EACzB;IAAgC;;;EAChC;IAA0B;;;EAG1B;IACE;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAEhC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IAEpC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IAEvC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IAEtC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IAErC;MAAkC;MAAiC;;;IACnE;MAAkC;MAAgC;;;IAClE;MAAkC;MAA+B;;;IACjE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA+B;;;IACjE;MAAkC;MAAgC;;;IAClE;MAAkC;MAAiC;;;IACnE;MAAkC;MAAmB;;;IACrD;MAAkC;MAAgB;;;IAElD;MAAkC;MAAgC;;;IAClE;MAAkC;MAA+B;;;IACjE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA8B;;;IAChE;MAAkC;MAA+B;;;IACjE;MAAkC;MAAgC;;;IAClE;MAAkC;MAAkB;;;IACpD;MAAkC;MAAe;;;EAInD;IACE;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAqC;;;IAErC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAyC;;;IAEzC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAA4C;;;IAE5C;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAA2C;;;IAE3C;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAA0C;;;IAE1C;MAAmC;MAAkC;;;IACrE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgC;;;IACnE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAAgC;;;IACnE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAkC;;;IACrE;MAAmC;MAAiB;;;IACpD;MAAuC;MAAwC;;;IAE/E;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgC;;;IACnE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA+B;;;IAClE;MAAmC;MAAgC;;;IACnE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgB;;;IACnD;MAAuC;MAAuC;;;EAIhF;IAA+B;;;EAC/B;IAA+B;;;EAC/B;IAA+B;;;EAC/B;IAAiC;;;EAGjC;IACE;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA8B;;;EAIhC;IAAwB;;;ATzvC1B;ES6vCE;IAA8B;;;EAC9B;IAA+B;;;EAC/B;IAA2B;;;AT7vC7B;ESq/BE;IAAwB;;;EACxB;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAA+B;;;EAC/B;IAAuC;;;EACvC;IAA4B;;;EAC5B;IAAoC;;;EACpC;IAA+B;IAAyB;;;EAExD;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAAiC;;;EACjC;IAA+B;;;EAG/B;IAAiC;;;EACjC;IAA+B;;;EAC/B;IAAkC;;;EAClC;IAAmC;;;EAGnC;IAAgC;;;EAChC;IAA+B;;;EAC/B;IAA6B;;;EAC7B;IAAkC;;;EAGlC;IAA4B;;;EAC5B;IAA4B;;;EAC5B;IAA4B;;;EAG5B;IAAyB;;;EACzB;IAAgC;;;EAChC;IAA0B;;;EAG1B;IACE;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAChC;MAAgC;;;IAEhC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IACpC;MAAoC;;;IAEpC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IAEvC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IAEtC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IAErC;MAAkC;MAAiC;;;IACnE;MAAkC;MAAgC;;;IAClE;MAAkC;MAA+B;;;IACjE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA+B;;;IACjE;MAAkC;MAAgC;;;IAClE;MAAkC;MAAiC;;;IACnE;MAAkC;MAAmB;;;IACrD;MAAkC;MAAgB;;;IAElD;MAAkC;MAAgC;;;IAClE;MAAkC;MAA+B;;;IACjE;MAAkC;MAA8B;;;IAChE;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA6B;;;IAC/D;MAAkC;MAA8B;;;IAChE;MAAkC;MAA+B;;;IACjE;MAAkC;MAAgC;;;IAClE;MAAkC;MAAkB;;;IACpD;MAAkC;MAAe;;;EAInD;IACE;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAiC;;;IACjC;MAAqC;;;IAErC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAqC;;;IACrC;MAAyC;;;IAEzC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAAwC;;;IACxC;MAA4C;;;IAE5C;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAAuC;;;IACvC;MAA2C;;;IAE3C;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAAsC;;;IACtC;MAA0C;;;IAE1C;MAAmC;MAAkC;;;IACrE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgC;;;IACnE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA+B;;;IAClE;MAAmC;MAAgC;;;IACnE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAkC;;;IACrE;MAAmC;MAAiB;;;IACpD;MAAuC;MAAwC;;;IAE/E;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgC;;;IACnE;MAAmC;MAA+B;;;IAClE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA8B;;;IACjE;MAAmC;MAA+B;;;IAClE;MAAmC;MAAgC;;;IACnE;MAAmC;MAAiC;;;IACpE;MAAmC;MAAgB;;;IACnD;MAAuC;MAAuC;;;EAIhF;IAA+B;;;EAC/B;IAA+B;;;EAC/B;IAA+B;;;EAC/B;IAAiC;;;EAGjC;IACE;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA6B;;;IAC7B;MAA8B;;;EAIhC;IAAwB;;;ATzvC1B;ES6vCE;IAA8B;;;EAC9B;IAA+B;;;EAC/B;IAA2B;;;ACtwCjC;EX8EE;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;EAAnH;EAAkE;EAAqB;EAA4B;;;AY7DrH;EXRI;IWSF;MAEI;;;;AC1BN;EAEE;;;ACIF;EAEE;EAGA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;;;AAGF;EbjBI;IakBF;MAEI;MACA;;;;AAKN;EACE;;;AAYF;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AC3EF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKJ;EACE;EACA;;;AClEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE","file":"codyframe.css"}
\ No newline at end of file diff --git a/src/server/wwwroot/codyframe.js b/src/server/wwwroot/codyframe.js new file mode 100644 index 0000000..68e22d7 --- /dev/null +++ b/src/server/wwwroot/codyframe.js @@ -0,0 +1,296 @@ +// Utility function +function Util () {}; + +/* + class manipulation functions +*/ +Util.hasClass = function(el, className) { + if (el.classList) return el.classList.contains(className); + else return !!el.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)')); +}; + +Util.addClass = function(el, className) { + var classList = className.split(' '); + if (el.classList) el.classList.add(classList[0]); + else if (!Util.hasClass(el, classList[0])) el.className += " " + classList[0]; + if (classList.length > 1) Util.addClass(el, classList.slice(1).join(' ')); +}; + +Util.removeClass = function(el, className) { + var classList = className.split(' '); + if (el.classList) el.classList.remove(classList[0]); + else if(Util.hasClass(el, classList[0])) { + var reg = new RegExp('(\\s|^)' + classList[0] + '(\\s|$)'); + el.className=el.className.replace(reg, ' '); + } + if (classList.length > 1) Util.removeClass(el, classList.slice(1).join(' ')); +}; + +Util.toggleClass = function(el, className, bool) { + if(bool) Util.addClass(el, className); + else Util.removeClass(el, className); +}; + +Util.setAttributes = function(el, attrs) { + for(var key in attrs) { + el.setAttribute(key, attrs[key]); + } +}; + +/* + DOM manipulation +*/ +Util.getChildrenByClassName = function(el, className) { + var children = el.children, + childrenByClass = []; + for (var i = 0; i < el.children.length; i++) { + if (Util.hasClass(el.children[i], className)) childrenByClass.push(el.children[i]); + } + return childrenByClass; +}; + +Util.is = function(elem, selector) { + if(selector.nodeType){ + return elem === selector; + } + + var qa = (typeof(selector) === 'string' ? document.querySelectorAll(selector) : selector), + length = qa.length, + returnArr = []; + + while(length--){ + if(qa[length] === elem){ + return true; + } + } + + return false; +}; + +/* + Animate height of an element +*/ +Util.setHeight = function(start, to, element, duration, cb) { + var change = to - start, + currentTime = null; + + var animateHeight = function(timestamp){ + if (!currentTime) currentTime = timestamp; + var progress = timestamp - currentTime; + var val = parseInt((progress/duration)*change + start); + element.style.height = val+"px"; + if(progress < duration) { + window.requestAnimationFrame(animateHeight); + } else { + cb(); + } + }; + + //set the height of the element before starting animation -> fix bug on Safari + element.style.height = start+"px"; + window.requestAnimationFrame(animateHeight); +}; + +/* + Smooth Scroll +*/ + +Util.scrollTo = function(final, duration, cb, scrollEl) { + var element = scrollEl || window; + var start = element.scrollTop || document.documentElement.scrollTop, + currentTime = null; + + if(!scrollEl) start = window.scrollY || document.documentElement.scrollTop; + + var animateScroll = function(timestamp){ + if (!currentTime) currentTime = timestamp; + var progress = timestamp - currentTime; + if(progress > duration) progress = duration; + var val = Math.easeInOutQuad(progress, start, final-start, duration); + element.scrollTo(0, val); + if(progress < duration) { + window.requestAnimationFrame(animateScroll); + } else { + cb && cb(); + } + }; + + window.requestAnimationFrame(animateScroll); +}; + +/* + Focus utility classes +*/ + +//Move focus to an element +Util.moveFocus = function (element) { + if( !element ) element = document.getElementsByTagName("body")[0]; + element.focus(); + if (document.activeElement !== element) { + element.setAttribute('tabindex','-1'); + element.focus(); + } +}; + +/* + Misc +*/ + +Util.getIndexInArray = function(array, el) { + return Array.prototype.indexOf.call(array, el); +}; + +Util.cssSupports = function(property, value) { + if('CSS' in window) { + return CSS.supports(property, value); + } else { + var jsProperty = property.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase();}); + return jsProperty in document.body.style; + } +}; + +// merge a set of user options into plugin defaults +// https://gomakethings.com/vanilla-javascript-version-of-jquery-extend/ +Util.extend = function() { + // Variables + var extended = {}; + var deep = false; + var i = 0; + var length = arguments.length; + + // Check if a deep merge + if ( Object.prototype.toString.call( arguments[0] ) === '[object Boolean]' ) { + deep = arguments[0]; + i++; + } + + // Merge the object into the extended object + var merge = function (obj) { + for ( var prop in obj ) { + if ( Object.prototype.hasOwnProperty.call( obj, prop ) ) { + // If deep merge and property is an object, merge properties + if ( deep && Object.prototype.toString.call(obj[prop]) === '[object Object]' ) { + extended[prop] = extend( true, extended[prop], obj[prop] ); + } else { + extended[prop] = obj[prop]; + } + } + } + }; + + // Loop through each object and conduct a merge + for ( ; i < length; i++ ) { + var obj = arguments[i]; + merge(obj); + } + + return extended; +}; + +// Check if Reduced Motion is enabled +Util.osHasReducedMotion = function() { + if(!window.matchMedia) return false; + var matchMediaObj = window.matchMedia('(prefers-reduced-motion: reduce)'); + if(matchMediaObj) return matchMediaObj.matches; + return false; // return false if not supported +}; + +/* + Polyfills +*/ +//Closest() method +if (!Element.prototype.matches) { + Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; +} + +if (!Element.prototype.closest) { + Element.prototype.closest = function(s) { + var el = this; + if (!document.documentElement.contains(el)) return null; + do { + if (el.matches(s)) return el; + el = el.parentElement || el.parentNode; + } while (el !== null && el.nodeType === 1); + return null; + }; +} + +//Custom Event() constructor +if ( typeof window.CustomEvent !== "function" ) { + + function CustomEvent ( event, params ) { + params = params || { bubbles: false, cancelable: false, detail: undefined }; + var evt = document.createEvent( 'CustomEvent' ); + evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail ); + return evt; + } + + CustomEvent.prototype = window.Event.prototype; + + window.CustomEvent = CustomEvent; +} + +/* + Animation curves +*/ +Math.easeInOutQuad = function (t, b, c, d) { + t /= d/2; + if (t < 1) return c/2*t*t + b; + t--; + return -c/2 * (t*(t-2) - 1) + b; +}; + +Math.easeInQuart = function (t, b, c, d) { + t /= d; + return c*t*t*t*t + b; +}; + +Math.easeOutQuart = function (t, b, c, d) { + t /= d; + t--; + return -c * (t*t*t*t - 1) + b; +}; + +Math.easeInOutQuart = function (t, b, c, d) { + t /= d/2; + if (t < 1) return c/2*t*t*t*t + b; + t -= 2; + return -c/2 * (t*t*t*t - 2) + b; +}; + +Math.easeOutElastic = function (t, b, c, d) { + var s=1.70158;var p=d*0.7;var a=c; + if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; +}; + + +/* JS Utility Classes */ +(function() { + // make focus ring visible only for keyboard navigation (i.e., tab key) + var focusTab = document.getElementsByClassName('js-tab-focus'); + function detectClick() { + if(focusTab.length > 0) { + resetFocusTabs(false); + window.addEventListener('keydown', detectTab); + } + window.removeEventListener('mousedown', detectClick); + }; + + function detectTab(event) { + if(event.keyCode !== 9) return; + resetFocusTabs(true); + window.removeEventListener('keydown', detectTab); + window.addEventListener('mousedown', detectClick); + }; + + function resetFocusTabs(bool) { + var outlineStyle = bool ? '' : 'none'; + for(var i = 0; i < focusTab.length; i++) { + focusTab[i].style.setProperty('outline', outlineStyle); + } + }; + window.addEventListener('mousedown', detectClick); +}());
\ No newline at end of file diff --git a/src/server/wwwroot/login.css b/src/server/wwwroot/login.css new file mode 100644 index 0000000..102af37 --- /dev/null +++ b/src/server/wwwroot/login.css @@ -0,0 +1,214 @@ +:root { + --form-control-padding-x: var(--space-sm); + --form-control-padding-y: var(--space-xs); + --form-control-radius: 0.25em; + --checkbox-radio-size: 1em; + --checkbox-radio-translate-y: 0.15em; + --checkbox-radio-gap: var(--space-xxxs); + --checkbox-radio-border-width: 2px; + --checkbox-radio-line-height: var(--body-line-height); + --radio-marker-size: 8px; + --checkbox-marker-size: 12px; + --checkbox-radius: 0.185em; +} +.form-control { + background-color: var(--color-bg); + border: 2px solid var(--color-contrast-low); + transition: 0.3s; +} +.form-control::placeholder { + opacity: 1; + color: var(--color-contrast-medium); +} +.form-control:focus { + outline: none; + border-color: var(--color-primary); + box-shadow: 0 0 0 2px alpha(var(--color-primary), 0.2); +} +.form-control[aria-invalid="true"] { + border-color: var(--color-error); +} +.form-control[aria-invalid="true"]:focus { + box-shadow: 0 0 0 2px alpha(var(--color-error), 0.2); +} +.form-control[disabled] { + filter: opacity(0.8); +} +.form-control[disabled], +.form-control[readonly] { + cursor: not-allowed; +} +.form-legend { + font-size: var(--text-md); +} +.form-label { + font-size: var(--text-sm); +} + +.radio, +.checkbox { + position: absolute; + margin: 0 !important; + padding: 0 !important; + opacity: 0; + height: 0; + width: 0; + pointer-events: none; +} +.radio + label, +.checkbox + label { + display: inline-block; + display: inline-flex; + align-items: baseline; + line-height: var(--checkbox-radio-line-height); + user-select: none; + cursor: pointer; +} +.radio + label::before, +.checkbox + label::before { + content: ""; + display: inline-block; + vertical-align: middle; + flex-shrink: 0; + width: var(--checkbox-radio-size); + height: var(--checkbox-radio-size); + background-color: var(--color-bg); + border-width: var(--checkbox-radio-border-width); + border-color: var(--color-contrast-low); + border-style: solid; + margin-right: var(--checkbox-radio-gap); + background-repeat: no-repeat; + background-position: center; + transition: transform 0.2s, border 0.2s; +} +.radio:not(:checked):not(:focus) + label:hover::before, +.checkbox:not(:checked):not(:focus) + label:hover::before { + border-color: var(--color-contrast-medium); +} +@supports (grid-area: auto) { + .radio + label::before, + .checkbox + label::before { + position: relative; + top: var(--checkbox-radio-translate-y); + } +} +.radio + label::before { + border-radius: 50%; +} +.checkbox + label::before { + border-radius: var(--checkbox-radius); +} +.radio:checked + label::before, +.checkbox:checked + label::before { + background-color: var(--color-primary); + box-shadow: none; + border-color: var(--color-primary); + transition: transform 0.2s; +} +.radio:active + label::before, +.checkbox:active + label::before { + transform: scale(0.8); + transition: transform 0.2s; +} +.radio:checked:active + label::before, +.checkbox:checked:active + label::before { + transform: none; + transition: none; +} +.radio:checked + label::before { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg class='nc-icon-wrapper' fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23ffffff'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); + background-size: var(--radio-marker-size); +} +.checkbox:checked + label::before { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg class='nc-icon-wrapper' stroke-width='2' fill='%23ffffff' stroke='%23ffffff'%3E%3Cpolyline fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='1,9 5,13 15,3 ' data-cap='butt'%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E"); + background-size: var(--checkbox-marker-size); +} +.radio:checked:active + label::before, +.checkbox:checked:active + label::before, +.radio:focus + label::before, +.checkbox:focus + label::before { + border-color: var(--color-primary); + box-shadow: 0 0 0 3px alpha(var(--color-primary), 0.2); +} +.radio--bg + label, +.checkbox--bg + label { + padding: var(--space-xxxxs) var(--space-xxxs); + border-radius: var(--radius-md); + transition: background 0.2s; +} +.radio--bg + label:hover, +.checkbox--bg + label:hover { + background-color: var(--color-contrast-lower); +} +.radio--bg:active + label, +.checkbox--bg:active + label, +.radio--bg:focus + label, +.checkbox--bg:focus + label { + background-color: alpha(var(--color-primary), 0.1); +} +.alert { + padding: var(--space-xs) var(--space-sm); + background-color: alpha(var(--color-primary), 0.2); + border-radius: var(--radius-md); + color: var(--color-contrast-higher); + margin: var(--space-sm) 0; + position: absolute; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); +} +.alert__link { + color: inherit; + text-decoration: underline; +} +.alert__close-btn { + display: inline-block; + flex-shrink: 0; + margin-left: var(--space-sm); +} +.alert__close-btn .icon { + display: block; +} +.alert--success { + background-color: alpha(var(--color-success), 0.2); +} +.alert--error { + background-color: alpha(var(--color-error), 0.2); +} +.alert--warning { + background-color: alpha(var(--color-warning), 0.2); +} +.alert--is-visible { + position: static; + clip: auto; + clip-path: none; +} +.btn .btn__content-a { + display: inline-flex; +} +.btn .btn__content-b { + display: none; +} +.btn__content-a, .btn__content-b { + align-items: center; +} +.btn--state-b .btn__content-a { + display: none; +} +.btn--state-b .btn__content-b { + display: inline-block; + display: inline-flex; +} +/* preserve button width when switching from state A to state B */ +.btn--preserve-width .btn__content-b { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + justify-content: center; +} +.btn--preserve-width.btn--state-b .btn__content-a { + display: inline-block; + display: inline-flex; + visibility: hidden; +} diff --git a/src/server/wwwroot/login.js b/src/server/wwwroot/login.js new file mode 100644 index 0000000..6f80a3f --- /dev/null +++ b/src/server/wwwroot/login.js @@ -0,0 +1,73 @@ +const form = document.querySelector("form"); +let errorEL = document.querySelector("#error"); +let titleEl = document.querySelector("#title"); +let messageEl = document.querySelector("#message"); +const loginBtn = document.querySelector("#login-btn"); +let returnUrl = new URL(location.href).searchParams.get("ReturnUrl"); +if(!returnUrl) location.href = "http://localhost:3000"; +form.addEventListener("submit", () => { + const username = document.querySelector("#username").value; + const password = document.querySelector("#password").value; + const persist = document.querySelector("#persist").checked; + + let data = { + username, + password, + returnUrl, + persist, + }; + + Util.addClass(loginBtn, "btn--state-b"); + + fetch("/account/login", { + method: "POST", + body: JSON.stringify(data), + credentials: "include", + headers: { + "Content-Type": "application/json;charset=utf-8", + RequestVerificationToken: document.querySelector( + "input[name='__RequestVerificationToken']" + ).value, + }, + }) + .then((response) => { + if (response.status === 400) { + response.json().then((res) => { + if (res.title && res.message) { + displayError(res.title, res.message); + } + }); + } else { + location.href = returnUrl; + } + }) + .catch((error) => console.error(error)); +}); + +function displayError(title, message) { + titleEl.innerText = title; + messageEl.innerText = message; + Util.addClass(errorEL, "alert--is-visible"); + Util.addClass(errorEL, "alert--error"); +} + +function hideError() { + Util.removeClass(errorEL, "alert--is-visible"); + Util.removeClass(errorEL, "alert--error"); +} + +let alertClose = document.getElementsByClassName("js-alert__close-btn"); +if (alertClose.length > 0) { + for (let i = 0; i < alertClose.length; i++) { + (function (i) { + initAlertEvent(alertClose[i]); + })(i); + } +} + +function initAlertEvent(element) { + element.addEventListener("click", function (event) { + event.preventDefault(); + Util.removeClass(element.closest(".js-alert"), "alert--is-visible"); + }); +}
\ No newline at end of file |
