@import url(icons/all.min.css);

*, :after, :before {
    box-sizing: inherit
}

* {
    font: inherit
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0
}

html {
    box-sizing: border-box
}
}

body {
    background-color: var(--color-bg,#fff)
}

article, aside, details, figcaption, figure, footer, form legend, header, hgroup, main, menu, nav, section {
    display: block
}

blockquote, q {
    quotes: none
}

button, input, select, textarea {
    margin: 0
}

.btn, .form-control, .link, .reset {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control::-ms-expand {
    display: none
}

textarea {
    vertical-align: top
}

input::-ms-clear {
    display: none
}

table {
    border-spacing: 0
}

img, svg, video {
    max-width: 100%
}

[data-theme] {
    background-color: var(--color-bg,#fff);
    color: var(--color-contrast-high,#313135)
}

:root {
    --space-unit: 1em;
    --space-xxxxs: calc(var(--space-unit)*0.125);
    --space-xxxs: calc(var(--space-unit)*0.25);
    --space-xxs: calc(var(--space-unit)*0.375);
    --space-xs: calc(var(--space-unit)*0.5);
    --space-sm: calc(var(--space-unit)*0.75);
    --space-md: calc(var(--space-unit)*1.25);
    --space-lg: calc(var(--space-unit)*2);
    --space-xl: calc(var(--space-unit)*3.25);
    --space-xxl: calc(var(--space-unit)*5.25);
    --space-xxxl: calc(var(--space-unit)*8.5);
    --space-xxxxl: calc(var(--space-unit)*13.75);
    --component-padding: var(--space-md);
    --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
}

.container {
    width: calc(100% - var(--component-padding)*2);
    margin-left: auto;
    margin-right: auto
}

.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)
}

[class*=max-width-adaptive] {
    max-width: 32rem
}

@media (min-width:48rem) {
    [class*=max-width-adaptive] {
        max-width: 48rem
    }
}

@media (min-width:64rem) {
    .max-width-adaptive, .max-width-adaptive-lg, .max-width-adaptive-md, .max-width-adaptive-xl {
        max-width: 64rem
    }
}

@media (min-width:80rem) {
    .max-width-adaptive, .max-width-adaptive-lg, .max-width-adaptive-xl {
        max-width: 80rem
    }
}

@media (min-width:90rem) {
    .max-width-adaptive-xl {
        max-width: 90rem
    }
}

.grid {
    --grid-gap: 0px;
    --offset: var(--grid-gap);
    display: flex;
    flex-wrap: wrap
}

    .grid > * {
        flex-basis: 100%
    }

[class*=grid-gap]:not([class*=grid-auto]) {
    margin-bottom: calc(var(--grid-gap, 1em)*-1);
    margin-left: calc(var(--grid-gap, 1em)*-1)
}

    [class*=grid-gap]:not([class*=grid-auto]) > * {
        margin-bottom: var(--grid-gap,1em);
        margin-left: var(--offset,1em)
    }

@supports (--css:variables) {
    .grid-gap-xxxxs {
        --grid-gap: var(--space-xxxxs)
    }

    .grid-gap-xxxs {
        --grid-gap: var(--space-xxxs)
    }

    .grid-gap-xxs {
        --grid-gap: var(--space-xxs)
    }

    .grid-gap-xs {
        --grid-gap: var(--space-xs)
    }

    .grid-gap-sm {
        --grid-gap: var(--space-sm)
    }

    .grid-gap-md {
        --grid-gap: var(--space-md)
    }

    .grid-gap-lg {
        --grid-gap: var(--space-lg)
    }

    .grid-gap-xl {
        --grid-gap: var(--space-xl)
    }

    .grid-gap-xxl {
        --grid-gap: var(--space-xxl)
    }

    .grid-gap-xxxl {
        --grid-gap: var(--space-xxxl)
    }

    .grid-gap-xxxxl {
        --grid-gap: var(--space-xxxxl)
    }
}

.col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
}

.col-1 {
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - .01px - var(--grid-gap, 1em))
}

.col-2 {
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - .01px - var(--grid-gap, 1em))
}

.col-3 {
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - .01px - var(--grid-gap, 1em))
}

.col-4 {
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - .01px - var(--grid-gap, 1em))
}

.col-5 {
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - .01px - var(--grid-gap, 1em))
}

.col-6 {
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - .01px - var(--grid-gap, 1em))
}

.col-7 {
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - .01px - var(--grid-gap, 1em))
}

.col-8 {
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - .01px - var(--grid-gap, 1em))
}

.col-9 {
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - .01px - var(--grid-gap, 1em))
}

.col-10 {
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - .01px - var(--grid-gap, 1em))
}

.col-11 {
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - .01px - var(--grid-gap, 1em))
}

.col-12 {
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - .01px - var(--grid-gap, 1em))
}

.offset-1 {
    --offset: calc(8.33% + var(--grid-gap, 1em))
}

.offset-2 {
    --offset: calc(16.66% + var(--grid-gap, 1em))
}

.offset-3 {
    --offset: calc(25% + var(--grid-gap, 1em))
}

.offset-4 {
    --offset: calc(33.33% + var(--grid-gap, 1em))
}

.offset-5 {
    --offset: calc(41.66% + var(--grid-gap, 1em))
}

.offset-6 {
    --offset: calc(50% + var(--grid-gap, 1em))
}

.offset-7 {
    --offset: calc(58.33% + var(--grid-gap, 1em))
}

.offset-8 {
    --offset: calc(66.66% + var(--grid-gap, 1em))
}

.offset-9 {
    --offset: calc(75% + var(--grid-gap, 1em))
}

.offset-10 {
    --offset: calc(83.33% + var(--grid-gap, 1em))
}

.offset-11 {
    --offset: calc(91.66% + var(--grid-gap, 1em))
}

@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(--grid-gap, 1em));
        max-width: calc(8.33% - .01px - var(--grid-gap, 1em))
    }

    .col-2\@xs {
        flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(16.66% - .01px - var(--grid-gap, 1em))
    }

    .col-3\@xs {
        flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(25% - .01px - var(--grid-gap, 1em))
    }

    .col-4\@xs {
        flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(33.33% - .01px - var(--grid-gap, 1em))
    }

    .col-5\@xs {
        flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(41.66% - .01px - var(--grid-gap, 1em))
    }

    .col-6\@xs {
        flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(50% - .01px - var(--grid-gap, 1em))
    }

    .col-7\@xs {
        flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(58.33% - .01px - var(--grid-gap, 1em))
    }

    .col-8\@xs {
        flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(66.66% - .01px - var(--grid-gap, 1em))
    }

    .col-9\@xs {
        flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(75% - .01px - var(--grid-gap, 1em))
    }

    .col-10\@xs {
        flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(83.33% - .01px - var(--grid-gap, 1em))
    }

    .col-11\@xs {
        flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(91.66% - .01px - var(--grid-gap, 1em))
    }

    .col-12\@xs {
        flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(100% - .01px - var(--grid-gap, 1em))
    }

    .offset-1\@xs {
        --offset: calc(8.33% + var(--grid-gap, 1em))
    }

    .offset-2\@xs {
        --offset: calc(16.66% + var(--grid-gap, 1em))
    }

    .offset-3\@xs {
        --offset: calc(25% + var(--grid-gap, 1em))
    }

    .offset-4\@xs {
        --offset: calc(33.33% + var(--grid-gap, 1em))
    }

    .offset-5\@xs {
        --offset: calc(41.66% + var(--grid-gap, 1em))
    }

    .offset-6\@xs {
        --offset: calc(50% + var(--grid-gap, 1em))
    }

    .offset-7\@xs {
        --offset: calc(58.33% + var(--grid-gap, 1em))
    }

    .offset-8\@xs {
        --offset: calc(66.66% + var(--grid-gap, 1em))
    }

    .offset-9\@xs {
        --offset: calc(75% + var(--grid-gap, 1em))
    }

    .offset-10\@xs {
        --offset: calc(83.33% + var(--grid-gap, 1em))
    }

    .offset-11\@xs {
        --offset: calc(91.66% + var(--grid-gap, 1em))
    }
}

@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(--grid-gap, 1em));
        max-width: calc(8.33% - .01px - var(--grid-gap, 1em))
    }

    .col-2\@sm {
        flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(16.66% - .01px - var(--grid-gap, 1em))
    }

    .col-3\@sm {
        flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(25% - .01px - var(--grid-gap, 1em))
    }

    .col-4\@sm {
        flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(33.33% - .01px - var(--grid-gap, 1em))
    }

    .col-5\@sm {
        flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(41.66% - .01px - var(--grid-gap, 1em))
    }

    .col-6\@sm {
        flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(50% - .01px - var(--grid-gap, 1em))
    }

    .col-7\@sm {
        flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(58.33% - .01px - var(--grid-gap, 1em))
    }

    .col-8\@sm {
        flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(66.66% - .01px - var(--grid-gap, 1em))
    }

    .col-9\@sm {
        flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(75% - .01px - var(--grid-gap, 1em))
    }

    .col-10\@sm {
        flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(83.33% - .01px - var(--grid-gap, 1em))
    }

    .col-11\@sm {
        flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(91.66% - .01px - var(--grid-gap, 1em))
    }

    .col-12\@sm {
        flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(100% - .01px - var(--grid-gap, 1em))
    }

    .offset-1\@sm {
        --offset: calc(8.33% + var(--grid-gap, 1em))
    }

    .offset-2\@sm {
        --offset: calc(16.66% + var(--grid-gap, 1em))
    }

    .offset-3\@sm {
        --offset: calc(25% + var(--grid-gap, 1em))
    }

    .offset-4\@sm {
        --offset: calc(33.33% + var(--grid-gap, 1em))
    }

    .offset-5\@sm {
        --offset: calc(41.66% + var(--grid-gap, 1em))
    }

    .offset-6\@sm {
        --offset: calc(50% + var(--grid-gap, 1em))
    }

    .offset-7\@sm {
        --offset: calc(58.33% + var(--grid-gap, 1em))
    }

    .offset-8\@sm {
        --offset: calc(66.66% + var(--grid-gap, 1em))
    }

    .offset-9\@sm {
        --offset: calc(75% + var(--grid-gap, 1em))
    }

    .offset-10\@sm {
        --offset: calc(83.33% + var(--grid-gap, 1em))
    }

    .offset-11\@sm {
        --offset: calc(91.66% + var(--grid-gap, 1em))
    }
}

@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(--grid-gap, 1em));
        max-width: calc(8.33% - .01px - var(--grid-gap, 1em))
    }

    .col-2\@md {
        flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(16.66% - .01px - var(--grid-gap, 1em))
    }

    .col-3\@md {
        flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(25% - .01px - var(--grid-gap, 1em))
    }

    .col-4\@md {
        flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(33.33% - .01px - var(--grid-gap, 1em))
    }

    .col-5\@md {
        flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(41.66% - .01px - var(--grid-gap, 1em))
    }

    .col-6\@md {
        flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(50% - .01px - var(--grid-gap, 1em))
    }

    .col-7\@md {
        flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(58.33% - .01px - var(--grid-gap, 1em))
    }

    .col-8\@md {
        flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(66.66% - .01px - var(--grid-gap, 1em))
    }

    .col-9\@md {
        flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(75% - .01px - var(--grid-gap, 1em))
    }

    .col-10\@md {
        flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(83.33% - .01px - var(--grid-gap, 1em))
    }

    .col-11\@md {
        flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(91.66% - .01px - var(--grid-gap, 1em))
    }

    .col-12\@md {
        flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(100% - .01px - var(--grid-gap, 1em))
    }

    .offset-1\@md {
        --offset: calc(8.33% + var(--grid-gap, 1em))
    }

    .offset-2\@md {
        --offset: calc(16.66% + var(--grid-gap, 1em))
    }

    .offset-3\@md {
        --offset: calc(25% + var(--grid-gap, 1em))
    }

    .offset-4\@md {
        --offset: calc(33.33% + var(--grid-gap, 1em))
    }

    .offset-5\@md {
        --offset: calc(41.66% + var(--grid-gap, 1em))
    }

    .offset-6\@md {
        --offset: calc(50% + var(--grid-gap, 1em))
    }

    .offset-7\@md {
        --offset: calc(58.33% + var(--grid-gap, 1em))
    }

    .offset-8\@md {
        --offset: calc(66.66% + var(--grid-gap, 1em))
    }

    .offset-9\@md {
        --offset: calc(75% + var(--grid-gap, 1em))
    }

    .offset-10\@md {
        --offset: calc(83.33% + var(--grid-gap, 1em))
    }

    .offset-11\@md {
        --offset: calc(91.66% + var(--grid-gap, 1em))
    }
}

@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(--grid-gap, 1em));
        max-width: calc(8.33% - .01px - var(--grid-gap, 1em))
    }

    .col-2\@lg {
        flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(16.66% - .01px - var(--grid-gap, 1em))
    }

    .col-3\@lg {
        flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(25% - .01px - var(--grid-gap, 1em))
    }

    .col-4\@lg {
        flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(33.33% - .01px - var(--grid-gap, 1em))
    }

    .col-5\@lg {
        flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(41.66% - .01px - var(--grid-gap, 1em))
    }

    .col-6\@lg {
        flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(50% - .01px - var(--grid-gap, 1em))
    }

    .col-7\@lg {
        flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(58.33% - .01px - var(--grid-gap, 1em))
    }

    .col-8\@lg {
        flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(66.66% - .01px - var(--grid-gap, 1em))
    }

    .col-9\@lg {
        flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(75% - .01px - var(--grid-gap, 1em))
    }

    .col-10\@lg {
        flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(83.33% - .01px - var(--grid-gap, 1em))
    }

    .col-11\@lg {
        flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(91.66% - .01px - var(--grid-gap, 1em))
    }

    .col-12\@lg {
        flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(100% - .01px - var(--grid-gap, 1em))
    }

    .offset-1\@lg {
        --offset: calc(8.33% + var(--grid-gap, 1em))
    }

    .offset-2\@lg {
        --offset: calc(16.66% + var(--grid-gap, 1em))
    }

    .offset-3\@lg {
        --offset: calc(25% + var(--grid-gap, 1em))
    }

    .offset-4\@lg {
        --offset: calc(33.33% + var(--grid-gap, 1em))
    }

    .offset-5\@lg {
        --offset: calc(41.66% + var(--grid-gap, 1em))
    }

    .offset-6\@lg {
        --offset: calc(50% + var(--grid-gap, 1em))
    }

    .offset-7\@lg {
        --offset: calc(58.33% + var(--grid-gap, 1em))
    }

    .offset-8\@lg {
        --offset: calc(66.66% + var(--grid-gap, 1em))
    }

    .offset-9\@lg {
        --offset: calc(75% + var(--grid-gap, 1em))
    }

    .offset-10\@lg {
        --offset: calc(83.33% + var(--grid-gap, 1em))
    }

    .offset-11\@lg {
        --offset: calc(91.66% + var(--grid-gap, 1em))
    }
}

@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(--grid-gap, 1em));
        max-width: calc(8.33% - .01px - var(--grid-gap, 1em))
    }

    .col-2\@xl {
        flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(16.66% - .01px - var(--grid-gap, 1em))
    }

    .col-3\@xl {
        flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(25% - .01px - var(--grid-gap, 1em))
    }

    .col-4\@xl {
        flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(33.33% - .01px - var(--grid-gap, 1em))
    }

    .col-5\@xl {
        flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(41.66% - .01px - var(--grid-gap, 1em))
    }

    .col-6\@xl {
        flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(50% - .01px - var(--grid-gap, 1em))
    }

    .col-7\@xl {
        flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(58.33% - .01px - var(--grid-gap, 1em))
    }

    .col-8\@xl {
        flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(66.66% - .01px - var(--grid-gap, 1em))
    }

    .col-9\@xl {
        flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(75% - .01px - var(--grid-gap, 1em))
    }

    .col-10\@xl {
        flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(83.33% - .01px - var(--grid-gap, 1em))
    }

    .col-11\@xl {
        flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(91.66% - .01px - var(--grid-gap, 1em))
    }

    .col-12\@xl {
        flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(100% - .01px - var(--grid-gap, 1em))
    }

    .offset-1\@xl {
        --offset: calc(8.33% + var(--grid-gap, 1em))
    }

    .offset-2\@xl {
        --offset: calc(16.66% + var(--grid-gap, 1em))
    }

    .offset-3\@xl {
        --offset: calc(25% + var(--grid-gap, 1em))
    }

    .offset-4\@xl {
        --offset: calc(33.33% + var(--grid-gap, 1em))
    }

    .offset-5\@xl {
        --offset: calc(41.66% + var(--grid-gap, 1em))
    }

    .offset-6\@xl {
        --offset: calc(50% + var(--grid-gap, 1em))
    }

    .offset-7\@xl {
        --offset: calc(58.33% + var(--grid-gap, 1em))
    }

    .offset-8\@xl {
        --offset: calc(66.66% + var(--grid-gap, 1em))
    }

    .offset-9\@xl {
        --offset: calc(75% + var(--grid-gap, 1em))
    }

    .offset-10\@xl {
        --offset: calc(83.33% + var(--grid-gap, 1em))
    }

    .offset-11\@xl {
        --offset: calc(91.66% + var(--grid-gap, 1em))
    }
}

: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)
}

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)
}

.text-xxxl {
    font-size: var(--text-xxxl,2.488em)
}

.text-xxl, h1 {
    font-size: var(--text-xxl,2.074em)
}

.text-xl, h2 {
    font-size: var(--text-xl,1.728em)
}

.text-lg, h3 {
    font-size: var(--text-lg,1.44em)
}

.text-md, h4 {
    font-size: var(--text-md,1.2em)
}

.text-base {
    font-size: 1em
}

.text-sm, small {
    font-size: var(--text-sm,.833em)
}

.text-xs {
    font-size: var(--text-xs,.694em)
}

.link, a {
    color: var(--color-primary,#2a6df4);
    text-decoration: underline
}

strong {
    font-weight: 700
}

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 blockquote, .text-component ol li, .text-component p, .text-component ul li {
    line-height: calc(var(--body-line-height)*var(--line-height-multiplier, 1))
}

.text-component .text-component__block, .text-component blockquote, .text-component ol, .text-component p, .text-component ul {
    margin-bottom: calc(var(--space-unit)*0.75*var(--text-vspace-multiplier, 1))
}

.text-component ol, .text-component ul {
    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)*2*var(--text-vspace-multiplier, 1));
    margin-bottom: calc(var(--space-unit)*2*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% + var(--space-unit)*10.5)
    }

        .text-component__block--outset img {
            width: 100%
        }

        .text-component__block--outset:not(.text-component__block--right) {
            margin-left: calc(var(--space-unit)*-5.25)
        }

    .text-component__block--left, .text-component__block--right {
        width: 50%
    }

        .text-component__block--right.text-component__block--outset {
            margin-right: calc(var(--space-unit)*-5.25)
        }
}

:root {
    --icon-xxs: 12px;
    --icon-xs: 16px;
    --icon-sm: 24px;
    --icon-md: 32px;
    --icon-lg: 48px;
    --icon-xl: 64px;
    --icon-xxl: 128px
}

.icon {
    display: inline-block;
    color: inherit;
    fill: currentColor;
    height: 1em;
    width: 1em;
    line-height: 1;
    flex-shrink: 0;
    max-width: none
}

.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--is-spinning {
    animation: icon-spin 1s linear infinite
}

@keyframes icon-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.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: var(--btn-padding-y,.5em) var(--btn-padding-x,.75em);
    border-radius: var(--btn-radius,.25em)
}

.btn--primary {
    background-color: var(--color-primary,#2a6df4);
    color: var(--color-white,#fff)
}

.btn--subtle {
    background-color: var(--color-contrast-low,#d3d3d4);
    color: var(--color-contrast-higher,#1c1c21)
}

.btn--accent {
    background-color: var(--color-accent,#e02447);
    color: var(--color-white,#fff)
}

.btn--sm {
    font-size: var(--btn-font-size-sm,.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,.5em)
}

.form-control {
    background-color: var(--color-bg,#f2f2f2);
    padding: var(--form-control-padding-y,.5em) var(--form-control-padding-x,.75em);
    border-radius: var(--form-control-radius,.25em)
}

    .form-control::-webkit-input-placeholder {
        color: var(--color-contrast-medium,#79797c)
    }

    .form-control::-moz-placeholder {
        opacity: 1;
        color: var(--color-contrast-medium,#79797c)
    }

    .form-control:-ms-input-placeholder {
        color: var(--color-contrast-medium,#79797c)
    }

    .form-control:-moz-placeholder {
        color: var(--color-contrast-medium,#79797c)
    }

.form-legend {
    color: var(--color-contrast-higher,#1c1c21);
    line-height: 1.2;
    font-size: var(--text-md,1.2em);
    margin-bottom: var(--space-xxs)
}

.form-label {
    display: inline-block
}

.form-error-msg, .form__msg-error {
    color: var(--color-error,#e02447);
    font-size: var(--text-sm,.833em);
    margin-top: var(--space-xxs);
    position: absolute;
    clip: rect(1px,1px,1px,1px)
}

.form-error-msg--is-visible, .form__msg-error--is-visible {
    position: relative;
    clip: auto
}

.checkbox-list > *, .radio-list > * {
    position: relative;
    display: flex;
    align-items: baseline
}

.checkbox-list label, .radio-list label {
    line-height: var(--body-line-height)
}

.checkbox-list input, .radio-list input {
    margin-right: var(--space-xxxs);
    flex-shrink: 0
}

:root {
    --zindex-header: 2;
    --zindex-popover: 5;
    --zindex-fixed-element: 10;
    --zindex-overlay: 15;
    --display: block
}

.is-visible {
    display: var(--display) !important
}

.is-hidden {
    display: none !important
}

.sr-only {
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.flex-column {
    flex-direction: column
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-center {
    justify-content: center;
    align-items: center
}

.flex-basis-0 {
    flex-basis: 0
}

[class*=flex-gap-] {
    margin-bottom: calc(var(--gap, .5em)*-1);
    margin-left: calc(var(--gap, .5em)*-1)
}

    [class*=flex-gap-] > * {
        margin-bottom: var(--gap,.5em);
        margin-left: var(--gap,.5em)
    }

@supports (--css:variables) {
    .flex-gap-xxxxs {
        --gap: var(--space-xxxxs)
    }

    .flex-gap-xxxs {
        --gap: var(--space-xxxs)
    }

    .flex-gap-xxs {
        --gap: var(--space-xxs)
    }

    .flex-gap-xs {
        --gap: var(--space-xs)
    }

    .flex-gap-sm {
        --gap: var(--space-sm)
    }

    .flex-gap-md {
        --gap: var(--space-md)
    }

    .flex-gap-lg {
        --gap: var(--space-lg)
    }

    .flex-gap-xl {
        --gap: var(--space-xl)
    }

    .flex-gap-xxl {
        --gap: var(--space-xxl)
    }

    .flex-gap-xxxl {
        --gap: var(--space-xxxl)
    }

    .flex-gap-xxxxl {
        --gap: var(--space-xxxxl)
    }
}

.order-3 {
    order: 3
}

.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-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-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-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-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-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-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
}

.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-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-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-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-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-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-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-component {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding)
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-bottom {
    vertical-align: bottom
}

.text-truncate, .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-replace {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.letter-spacing-sm {
    letter-spacing: -.05em
}

.letter-spacing-md {
    letter-spacing: .05em
}

.letter-spacing-lg {
    letter-spacing: .1em
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-bold, .text-bold {
    font-weight: 700
}

.font-smooth {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.font-primary {
    font-family: var(--font-primary)
}

.text-line-through {
    text-decoration: line-through
}

.text-underline {
    text-decoration: underline
}

.text-decoration-none {
    text-decoration: none
}

.line-height-xs {
    --heading-line-height: 1;
    --body-line-height: 1
}

.line-height-sm {
    --heading-line-height: 1.1;
    --body-line-height: 1.2
}

.line-height-md {
    --heading-line-height: 1.15;
    --body-line-height: 1.4
}

.line-height-lg {
    --heading-line-height: 1.22;
    --body-line-height: 1.58
}

.line-height-xl {
    --heading-line-height: 1.3;
    --body-line-height: 1.72
}

.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
}

.text-nowrap, .ws-nowrap {
    white-space: nowrap
}

[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 {
    color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-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-success {
    color: hsla(var(--color-success-h),var(--color-success-s),var(--color-success-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-error {
    color: hsla(var(--color-error-h),var(--color-error-s),var(--color-error-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-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: .25rem
}

.width-xxxs {
    width: .5rem
}

.width-xxs {
    width: .75rem
}

.width-xs {
    width: 1rem
}

.width-sm {
    width: 1.5rem
}

.width-md {
    width: 2rem
}

.width-lg {
    width: 3rem
}

.width-xl {
    width: 4rem
}

.width-xxl {
    width: 6rem
}

.width-xxxl {
    width: 8rem
}

.width-xxxxl {
    width: 16rem
}

.width-10\% {
    width: 10%
}

.width-20\% {
    width: 20%
}

.width-25\% {
    width: 25%
}

.width-30\% {
    width: 30%
}

.width-33\% {
    width: 33.33333%
}

.width-40\% {
    width: 40%
}

.width-50\% {
    width: 50%
}

.width-60\% {
    width: 60%
}

.width-66\% {
    width: 66.66667%
}

.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: .25rem
}

.height-xxxs {
    height: .5rem
}

.height-xxs {
    height: .75rem
}

.height-xs {
    height: 1rem
}

.height-sm {
    height: 1.5rem
}

.height-md {
    height: 2rem
}

.height-lg {
    height: 3rem
}

.height-xl {
    height: 4rem
}

.height-xxl {
    height: 6rem
}

.height-xxxl {
    height: 8rem
}

.height-xxxxl {
    height: 16rem
}

.height-10\% {
    height: 10%
}

.height-20\% {
    height: 20%
}

.height-25\% {
    height: 25%
}

.height-30\% {
    height: 30%
}

.height-33\% {
    height: 33.33333%
}

.height-40\% {
    height: 40%
}

.height-50\% {
    height: 50%
}

.height-60\% {
    height: 60%
}

.height-66\% {
    height: 66.66667%
}

.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: 33.33333%
}

.min-width-50\% {
    min-width: 50%
}

.min-width-66\% {
    min-width: 66.66667%
}

.min-width-75\% {
    min-width: 75%
}

.min-width-100\% {
    min-width: 100%
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}

.position-sticky {
    position: sticky
}

.zindex-1 {
    z-index: 1
}

.zindex-2 {
    z-index: 2
}

.zindex-3 {
    z-index: 3
}

.opacity-10\% {
    opacity: .1
}

.opacity-20\% {
    opacity: .2
}

.opacity-30\% {
    opacity: .3
}

.opacity-40\% {
    opacity: .4
}

.opacity-50\% {
    opacity: .5
}

.opacity-60\% {
    opacity: .6
}

.opacity-70\% {
    opacity: .7
}

.opacity-80\% {
    opacity: .8
}

.opacity-90\% {
    opacity: .9
}

.media-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

    .media-wrapper iframe, .media-wrapper img, .media-wrapper video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .media-wrapper img, .media-wrapper video {
        -o-object-fit: cover;
        object-fit: cover
    }

.media-wrapper--4\:3 {
    padding-bottom: 75%
}

.media-wrapper--1\:1 {
    padding-bottom: 100%
}

.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-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 {
    border-color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-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-success {
    border-color: hsla(var(--color-success-h),var(--color-success-s),var(--color-success-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-error {
    border-color: hsla(var(--color-error-h),var(--color-error-s),var(--color-error-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-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%
}

.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, .bg-accent, .bg-black, .bg-error, .bg-primary, .bg-success, .bg-warning, .bg-white, [class*=bg-contrast-] {
    --bg-o: 1
}

.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 {
    background-color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),var(--bg-o))
}

.bg-accent {
    background-color: hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),var(--bg-o))
}

.bg-success {
    background-color: hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),var(--bg-o))
}

.bg-warning {
    background-color: hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),var(--bg-o))
}

.bg-error {
    background-color: hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),var(--bg-o))
}

.bg-white {
    background-color: hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--bg-o))
}

.bg-black {
    background-color: hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--bg-o))
}

@supports (--css:variables) {
    .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-center {
    background-position: 50%
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

@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-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
    }

    .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
    }

    @supports (--css:variables) {
        .text-xs\@xs {
            font-size: var(--text-xs,.694em)
        }

        .text-sm\@xs {
            font-size: var(--text-sm,.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)
        }
    }

    .hide\@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
    }

    .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
    }

    @supports (--css:variables) {
        .text-xs\@sm {
            font-size: var(--text-xs,.694em)
        }

        .text-sm\@sm {
            font-size: var(--text-sm,.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)
        }
    }

    .hide\@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
    }

    .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
    }

    @supports (--css:variables) {
        .text-xs\@md {
            font-size: var(--text-xs,.694em)
        }

        .text-sm\@md {
            font-size: var(--text-sm,.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)
        }
    }

    .hide\@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
    }

    .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
    }

    @supports (--css:variables) {
        .text-xs\@lg {
            font-size: var(--text-xs,.694em)
        }

        .text-sm\@lg {
            font-size: var(--text-sm,.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)
        }
    }

    .hide\@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
    }

    .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
    }

    @supports (--css:variables) {
        .text-xs\@xl {
            font-size: var(--text-xs,.694em)
        }

        .text-sm\@xl {
            font-size: var(--text-sm,.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)
        }
    }

    .hide\@xl {
        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 not all and (min-width:48rem) {
    .has-margin\@sm {
        margin: 0 !important
    }

    .has-padding\@sm {
        padding: 0 !important
    }

    .display\@sm {
        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 not all and (min-width:80rem) {
    .has-margin\@lg {
        margin: 0 !important
    }

    .has-padding\@lg {
        padding: 0 !important
    }

    .display\@lg {
        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: #0940ae;
    --color-primary-darker-h: 220;
    --color-primary-darker-s: 90%;
    --color-primary-darker-l: 36%;
    --color-primary-dark: #0c52df;
    --color-primary-dark-h: 220;
    --color-primary-dark-s: 90%;
    --color-primary-dark-l: 46%;
    --color-primary: #2a6df4;
    --color-primary-h: 220;
    --color-primary-s: 90%;
    --color-primary-l: 56%;
    --color-primary-light: #5a8ef6;
    --color-primary-light-h: 220;
    --color-primary-light-s: 90%;
    --color-primary-light-l: 66%;
    --color-primary-lighter: #8baff9;
    --color-primary-lighter-h: 220;
    --color-primary-lighter-s: 90%;
    --color-primary-lighter-l: 76%;
    --color-accent-darker: #8a142a;
    --color-accent-darker-h: 349;
    --color-accent-darker-s: 75%;
    --color-accent-darker-l: 31%;
    --color-accent-dark: #b71a37;
    --color-accent-dark-h: 349;
    --color-accent-dark-s: 75%;
    --color-accent-dark-l: 41%;
    --color-accent: #e02447;
    --color-accent-h: 349;
    --color-accent-s: 75%;
    --color-accent-l: 51%;
    --color-accent-light: #e6516c;
    --color-accent-light-h: 349;
    --color-accent-light-s: 75%;
    --color-accent-light-l: 61%;
    --color-accent-lighter: #ed7e92;
    --color-accent-lighter-h: 349;
    --color-accent-lighter-s: 75%;
    --color-accent-lighter-l: 71%;
    --color-black: #1c1c21;
    --color-black-h: 240;
    --color-black-s: 8%;
    --color-black-l: 12%;
    --color-white: #fff;
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-success-darker: #568830;
    --color-success-darker-h: 94;
    --color-success-darker-s: 48%;
    --color-success-darker-l: 36%;
    --color-success-dark: #6eae3d;
    --color-success-dark-h: 94;
    --color-success-dark-s: 48%;
    --color-success-dark-l: 46%;
    --color-success: #88c559;
    --color-success-h: 94;
    --color-success-s: 48%;
    --color-success-l: 56%;
    --color-success-light: #a3d27f;
    --color-success-light-h: 94;
    --color-success-light-s: 48%;
    --color-success-light-l: 66%;
    --color-success-lighter: #bedfa4;
    --color-success-lighter-h: 94;
    --color-success-lighter-s: 48%;
    --color-success-lighter-l: 76%;
    --color-error-darker: #8a142a;
    --color-error-darker-h: 349;
    --color-error-darker-s: 75%;
    --color-error-darker-l: 31%;
    --color-error-dark: #b71a37;
    --color-error-dark-h: 349;
    --color-error-dark-s: 75%;
    --color-error-dark-l: 41%;
    --color-error: #e02447;
    --color-error-h: 349;
    --color-error-s: 75%;
    --color-error-l: 51%;
    --color-error-light: #e6516c;
    --color-error-light-h: 349;
    --color-error-light-s: 75%;
    --color-error-light-l: 61%;
    --color-error-lighter: #ed7e92;
    --color-error-lighter-h: 349;
    --color-error-lighter-s: 75%;
    --color-error-lighter-l: 71%;
    --color-warning-darker: #d1a000;
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 41%;
    --color-warning-dark: #ffc505;
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 51%;
    --color-warning: #ffd138;
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 61%;
    --color-warning-light: #ffdc6b;
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 71%;
    --color-warning-lighter: #ffe89e;
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 81%;
    --color-bg: #fff;
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-contrast-lower: #f2f2f2;
    --color-contrast-lower-h: 0;
    --color-contrast-lower-s: 0%;
    --color-contrast-lower-l: 95%;
    --color-contrast-low: #d3d3d4;
    --color-contrast-low-h: 240;
    --color-contrast-low-s: 1%;
    --color-contrast-low-l: 83%;
    --color-contrast-medium: #79797c;
    --color-contrast-medium-h: 240;
    --color-contrast-medium-s: 1%;
    --color-contrast-medium-l: 48%;
    --color-contrast-high: #313135;
    --color-contrast-high-h: 240;
    --color-contrast-high-s: 4%;
    --color-contrast-high-l: 20%;
    --color-contrast-higher: #1c1c21;
    --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
}

body, html {
    height: 100%
}

body {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--bg-opacity));
    padding-top: 50px
}

#pre-header {
    /*    background-color: rgb(228, 31, 46);*/
    background-color: #000;
}

@media (max-width:640px) {
    .MyWindowScreenFrame {
        margin-top: 120px
    }
}

.MyWindowScreenFrame > main {
    flex: 1 0 auto;
    padding-bottom: 1rem
}

.MyWindowScreenFrame {
    height: 100%;
    display: flex;
    flex-direction: column
}

.container {
    padding-left: 1rem;
    padding-right: 1rem
}

a {
    cursor: pointer
}

footer {
    flex-shrink: 0;
    --text-opacity: 1;
    color: #757575;
    color: rgba(117,117,117,var(--text-opacity));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    --bg-opacity: 1;
    background-color: #ddd;
    background-color: rgba(221,221,221,var(--bg-opacity))
}

    footer span {
        font-size: 1rem;
        --text-opacity: 1;
        color: #424242;
        color: rgba(66,66,66,var(--text-opacity));
        display: block;
        margin-bottom: .25rem;
        padding-bottom: .25rem
    }

    footer #footer-storefront img {
        height: auto;
        max-height: 8rem;
        border: 2px solid hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--border-o,1));
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
        margin-top: .5rem;
    }

    footer .footer-links {
        text-align: center;
        padding-bottom: 1rem
    }

@media (min-width:768px) {
    footer .footer-links {
        text-align: left
    }
}

footer .footer-links a {
    display: block;
    font-size: .875rem;
    margin-top: .25rem;
    margin-bottom: .25rem
}

    footer .footer-links a:hover {
        --text-opacity: 1;
        color: #c53030;
        color: rgba(197,48,48,var(--text-opacity))
    }

footer .footer-links span {
    --border-opacity: 1;
    border-color: #bbb;
    border-color: rgba(187,187,187,var(--border-opacity));
    border-top: 1px rgba(187,187,187,var(--border-opacity));
    border-style: solid;
    font-size: 1.3rem; /*1em;*/
    padding-top: 1rem;
    text-transform: uppercase;
}

@media (min-width:768px) {
    footer .footer-links span {
        /* border-bottom-width: 1px; */
        border-top-width: 0;
        padding-top: 0
    }
}

footer #join-rewards {
    width: auto
}

    footer #join-rewards span {
        font-size: .875rem;
        margin: 0;
        padding: 0
    }

        footer #join-rewards span.bonus {
            font-size: 1.5rem;
            text-transform: uppercase;
            --text-opacity: 1;
            color: #000;
            color: rgba(0,0,0,var(--text-opacity));
            font-weight: bold;
        }

        footer #join-rewards span:last-of-type {
            margin-bottom: .5rem
        }

    footer join-rewards button,
    footer .join-btn {
        --bg-opacity: 1;
        /* background-color: #4299e1;
        background-color: rgba(66,153,225,var(--bg-opacity)); */
        --text-opacity: 1;
        background-color: #e41f2e;
        color: #fff;
        color: rgba(255,255,255,var(--text-opacity));
        padding: .5rem 1rem;
        border-radius: .25rem;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
        font-size: 0.9rem;
        margin-bottom: 1.5rem
    }

@media (min-width:768px) {
    footer #join-rewards button {
        margin-bottom: 0
    }
}

footer #join-rewards button:hover {
    --bg-opacity: 1;
    /* background-color: #3182ce;
    background-color: rgba(49,130,206,var(--bg-opacity)) */
    background-color: #e41f2e;
}

footer #join-rewards ul {
    font-size: .875rem;
    margin-top: 1rem;
    text-align: left
}

    footer #join-rewards ul li .fas {
        --text-opacity: 1;
        color: #2f855a;
        color: rgba(47,133,90,var(--text-opacity));
        margin-right: .25rem;
        font-size: var(--text-xs,.694em)
    }

footer #copyright, footer #social {
    font-size: var(--text-xs,.694em)
}

    footer #copyright i, footer #social i {
        font-size: 1.25rem;
        --text-opacity: 1;
        color: #424242;
        color: rgba(66,66,66,var(--text-opacity));
        margin-left: .75rem;
        margin-right: .75rem;
        vertical-align: top !important
    }

a, button, div, i, li {
    outline: none;
    outline-color: transparent
}

    a:focus, button:focus, div:focus, i:focus, li:focus {
        outline: none !important
    }

.label {
    color: #000 !important;
    font-family: "source-sans-pro-regular", sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background: none !important;
    float: right;
}

    .label.sale {
        background: #fff
    }

    .label.new {
        background: #fff
    }

    .label.online {
        background: #fff
    }

    .label.clearance {
        background: #fff
    }

@media (min-width:1024px) {
    body {
        padding-top: 0
    }
}

@media (min-width:1366px) {
    #my-account i.far, #my-account i.fas, #shopping-bag i.far {
        font-size: 1.5rem
    }

    .counter {
        top: 5px;
        right: -5px;
        font-weight:bold;
    }
}

:root {
    /*--font-primary: "source-sans-pro-regular","roboto",sans-serif;*/
    --font-primary: "Satoshi-Variable",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));
    --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
        }
    }
}

mark {
    background-color: hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),.2);
    color: inherit
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: open-sans-condensed-bold,sans-serif;*/
    margin-bottom: .5rem !important;
    color: #000;
    font-weight:700;
}

h1 {
    font-size: 1.5rem !important
}

h2 {
    font-size: 1.3rem !important
}

h3 {
    font-size: 1.375rem !important
}

h4 {
    font-size: 1.25rem !important
}

h5 {
    font-size: 1.125rem !important
}

h5, h6 {
    line-height: var(--heading-line-height,1.2)
}

h6 {
    font-size: 1rem !important
}

.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.text-component {
    --line-height-multiplier: 1.13;
    --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 {
    cursor: pointer;
    --bg-opacity: 1;
    background-color: #4299e1;
    /*background-color: rgba(66,153,225,var(--bg-opacity));*/
    background-color: black;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--text-opacity));
    font-size: .875rem;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)
}

.btn--accent, .btn--primary {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn--black {
    background-color: var(--color-black);
    color: var(--color-white)
}

.btn--white {
    background-color: var(--color-white);
    color: var(--color-black);
    border: 1px black solid;
}

.btn--disabled {
    opacity: .6;
    cursor: not-allowed
}

.btn--link {
    padding: 0;
    background: transparent;
    color: inherit;
    box-shadow: none
}

    .btn--link:hover {
        --text-opacity: 1;
        color: #c53030;
        color: rgba(197,48,48,var(--text-opacity))
    }

.btn:focus {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn--md {
    padding: var(--space-sm) var(--space-md)
}

:root {
    --form-control-padding-x: var(--space-sm);
    --form-control-padding-y: var(--space-xs);
    --form-control-radius: 0.25em
}

.form-control {
    border: 2px solid #aaa
}

    .form-control:focus {
        outline: none;
        --border-opacity: 1;
        border-color: #212121;
        border-color: rgba(33,33,33,var(--border-opacity));
        border-style: solid;
        box-shadow: 0 0 0 3px rgba(0,0,0,.05)
    }

    .form-control[aria-invalid=true] {
        border-color: var(--color-error)
    }

        .form-control[aria-invalid=true]:focus {
            --color-shadow: hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),0.2);
            box-shadow: 0 0 0 3px var(--color-shadow)
        }

    .form-control[disabled], .form-control[readonly] {
        cursor: not-allowed
    }

.form-label {
    font-size: var(--text-sm)
}

.form__msg-error {
    background-color: var(--color-error,#e02447);
    color: var(--color-white,#fff);
    font-size: var(--text-sm,.833em);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: var(--space-xs);
    margin-top: var(--space-sm);
    border-radius: var(--radius-md,.25em);
    position: absolute;
    clip: rect(1px,1px,1px,1px)
}

    .form__msg-error:before {
        content: "";
        position: absolute;
        left: var(--space-sm);
        top: 0;
        transform: translateY(-100%);
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-bottom: 8px solid var(--color-error)
    }

.form__msg-error--is-visible {
    position: relative;
    clip: auto
}

.icon {
    --color-primary: #e0002b
}

.icon-bg-primary {
    background: red
}

html.scroll-disabled {
    position: fixed;
    width: 100%;
    overflow-y: hidden
}

#myfit-suggestion {
    z-index: 20;
}

#shopping-bag-drawer {
    z-index: 20;
}

#shopping-bag-drawer.drawer--modal.drawer--is-visible {
    background-color: rgba(0,0,0,.3)
}

#shopping-bag-returns-policy-modal .modal__content {
    display: flex;
    flex-direction: column
}

    #shopping-bag-returns-policy-modal .modal__content .modal__body {
        height: 100%;
        overflow-y: auto
    }

    #shopping-bag-returns-policy-modal .modal__content .modal__header {
        min-height: 45px
    }

#shopping-bag-container {
    box-shadow: none;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
    max-width: 550px
}

@media (min-width:1200px) {
    #shopping-bag-container {
        max-width: 700px
    }
}

#shopping-bag-container .spinner-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: #fff
}

#shopping-bag-container #drawer-cart-title {
    font-size: 1.1rem !important;
    text-align: left;
    margin-bottom: 0 !important;
    min-width: 160px;
    text-transform: uppercase;
}

@media (min-width:768px) {
    #shopping-bag-container #drawer-cart-title {
        font-size: 1.375rem !important
    }
}

@media (min-width:1200px) {
    #shopping-bag-container #drawer-cart-title {
        font-size: 1.5rem !important
    }
}

#shopping-bag-container .drawer__close-btn {
    margin-left: auto;
    margin-right: -10px;
    justify-content: center
}

#shopping-bag-container .drawer__body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 0
}

#shopping-bag-container .shopping-bags-container {
    height: 100%;
    overflow-y: auto
}

#shopping-bag-container .drawer__header {
    display: grid;
    grid-gap: 10px;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    background: #f5f5f5;
    width: 100%
}

#shopping-bag-container .form-control {
    border: 1px solid #ddd
}

.shopping-bag-content {
    display: grid;
    grid-gap: 10px;
    align-items: center;
    grid-template-columns: 7rem 1fr
}

@media (min-width:640px) {
    .shopping-bag-content {
        grid-template-columns: 10rem 1fr
    }

        .shopping-bag-content .item-details {
            display: grid;
            grid-template-columns: minmax(60%,1fr) 1fr;
            align-items: end
        }

        .shopping-bag-content .item-details-title {
            grid-column: 2 span
        }
}

.product-brand {
    word-break: break-word
}

.shopping-bag-item + .shopping-bag-item {
    border-top: 1px solid #ddd
}

#returns-policy-banner {
    background: #f5f5f5
}

#fbt-slider, #fbt-slider-v2 {
    display: flex;
    align-items: center;
    overflow: hidden
}

    #fbt-slider-v2 .slick-arrow, #fbt-slider .slick-arrow {
        display: block;
        flex-shrink: 0;
        width: 30px;
        height: 30px;
        position: relative;
        top: auto
    }

    #fbt-slider-v2 .slick-list, #fbt-slider .slick-list {
        flex-grow: 1
    }

    #fbt-slider-v2 .item-height, #fbt-slider .item-height {
        height: auto
    }

    #fbt-slider-v2 .carousel__content, #fbt-slider .carousel__content {
        position: relative
    }

        #fbt-slider-v2 .carousel__content .add-btn, #fbt-slider .carousel__content .add-btn {
            background-color: #333
        }

        #fbt-slider-v2 .carousel__content .choose-size, #fbt-slider .carousel__content .choose-size {
            display: none;
            text-align: center;
            width: 150px;
            border: 1px solid #eee;
            border-radius: 3px;
            margin: 0 auto;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fff;
            overflow-y: auto;
            height: 99%;
            z-index: 2;
            font-size: .625rem
        }

            #fbt-slider-v2 .carousel__content .choose-size span.heading, #fbt-slider .carousel__content .choose-size span.heading {
                font-family: open-sans-condensed-bold;
                margin: .25rem;
                font-size: 1rem
            }

            #fbt-slider-v2 .carousel__content .choose-size ul, #fbt-slider .carousel__content .choose-size ul {
                margin: 0
            }

            #fbt-slider-v2 .carousel__content .choose-size li, #fbt-slider .carousel__content .choose-size li {
                border-top: 1px solid #eee;
                border-bottom: 1px solid #eee;
                margin: 0 0 -1px;
                padding: .5rem;
                font-size: .625rem;
                line-height: .875rem;
                cursor: pointer
            }

                #fbt-slider-v2 .carousel__content .choose-size li:hover, #fbt-slider .carousel__content .choose-size li:hover {
                    background-color: #069;
                    border-color: #069;
                    color: #fff
                }

.qty-wrapper select, .size-wrapper select {
    padding-right: 25px
}

@media (min-width:1024px) {
    #coupon-code, #returns-policy-banner, .fbt-name, .input-group-field, .qty-wrapper select, .size-wrapper select {
        font-size: 16px
    }
}

.checkout-area {
    background: #f5f5f5;
    border-top: 1px solid #ddd
}

    .checkout-area .subtotal {
        font-family: open-sans-condensed-bold;
        font-size: 20px;
        color: rgba(66,66,66,var(--text-opacity))
    }

    .checkout-area #secure-btn {
        font-family: roboto-condensed-regular;
        /*background: #f60;*/
        width: 98%;
        padding: 13px
    }

    .checkout-area #paypal-btn {
        width: 48%
    }

        .checkout-area #paypal-btn .paypal-logo {
            width: 60px
        }

    .checkout-area #contact-info-m .phone {
        font-size: 16px
    }

        .checkout-area #contact-info-m .phone i {
            transform: rotate(90deg)
        }

    .checkout-area #contact-info-m #live-chat {
        color: rgba(66,66,66,var(--text-opacity))
    }

.checkout-points-wrapper.redeem-credit .checkout-points-total {
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

@media (min-width:600px) {
    .checkout-points-wrapper.redeem-credit .checkout-points-total {
        text-align: left;
        margin-bottom: 0
    }
}

.checkout-points-wrapper.redeem-credit .redeem-btn {
    position: relative;
    right: 0;
    display: block
}

.checkout-points-wrapper {
    background: #dceaf3
}

    .checkout-points-wrapper .redeem-btn {
        font-family: roboto-condensed-regular;
        background: #007dc9;
        right: 12px
    }

    .checkout-points-wrapper .remove-coupon, .checkout-points-wrapper .remove-credit {
        top: 12px;
        right: 10px
    }

.grid-item {
    position: relative;
    width: 25%;
    padding: 20px;
    margin-bottom: 50px
}

    /*.grid-item:hover .qv-favourite, .grid-item:hover .qv-next-btn, .grid-item:hover .qv-prev-btn, .grid-item:hover .size-add {
        display: block !important
    }
    */

    .grid-item .promo-tag {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

        .grid-item .promo-tag .label {
            display: inline-block;
            color: #fff;
            text-align: center;
            font-size: .75rem;
            line-height: 1.2rem;
            box-sizing: border-box;
            border-radius: 3px;
            padding: 3px 5px
        }

    .grid-item .rating {
        z-index: 0
    }

    .grid-item .grid-item-details {
        text-align: center;
        margin-top: 16px;
        margin-bottom: 50px
    }

        .grid-item .grid-item-details img {
            position: relative;
            width: 100%;
            z-index: 1;
            margin: auto auto 10px
        }

        .grid-item .grid-item-details .product-brand {
            font-size: .875rem;
            color: #2b6cb0;
            line-height: 1;
            text-transform: uppercase;
            margin-bottom: .5rem
        }

            .grid-item .grid-item-details .product-brand.mb0 {
                margin: 0
            }

        .grid-item .grid-item-details .rating__control li {
            height: 18px;
            width: 19px
        }

        .grid-item .grid-item-details .rating__icon {
            font-size: .875rem
        }

        .grid-item .grid-item-details .rating__item--checked ~ li .rating__icon {
            color: #ddd
        }

        .grid-item .grid-item-details .star-ratings {
            font-size: .875rem
        }

        .grid-item .grid-item-details .product-description {
            font-size: .875rem;
            color: #616161;
            margin-bottom: .5rem
        }

        .grid-item .grid-item-details .reg-price {
            font-size: .875rem;
            display: block
        }

        .grid-item .grid-item-details .sale-price {
            font-size: 1.125rem;
            color: #e53e3e;
            display: block;
            font-weight: 700
        }

            .grid-item .grid-item-details .sale-price.dark {
                color: #404145
            }

    .grid-item .qv-favourite {
        position: absolute;
        top: 0;
        right: 15px;
        z-index: 1;
        cursor: pointer
    }

        .grid-item .qv-favourite .custom-checkbox {
            font-size: 20px
        }

            .grid-item .qv-favourite .custom-checkbox input {
                cursor: pointer
            }

            .grid-item .qv-favourite .custom-checkbox > .custom-checkbox__input:checked ~ .custom-checkbox__control {
                color: #e0002b !important
            }

            .grid-item .qv-favourite .custom-checkbox .custom-checkbox__control {
                position: unset
            }

    .grid-item .qv-next-btn, .grid-item .qv-prev-btn {
        display: none !important;
        color: #000;
        position: absolute;
        z-index: 1;
        bottom: -2rem;
        font-size: 1.25rem
    }

        .grid-item .qv-next-btn:hover, .grid-item .qv-prev-btn:hover {
            color: #333
        }

        .grid-item .qv-next-btn.slick-arrow.slick-disabled, .grid-item .qv-prev-btn.slick-arrow.slick-disabled {
            color: #ccc
        }

    .grid-item .qv-next-btn {
        right: -1rem
    }

    .grid-item .qv-prev-btn {
        left: -1rem
    }

    .grid-item .size-add .button {
        width: 96%;
        margin: 0;
        position: absolute;
        bottom: 16px;
        padding: .85em 1em;
        font-size: .75rem;
        /*text-transform: uppercase*/
    }

        .grid-item .size-add .button.quick-view {
            background: #333;
            left: 0
        }

        .grid-item .size-add .button.add-bag {
            background: #e4002b;
            right: 0
        }

    .grid-item .size-add .size-select {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #f5f5f5;
        width: 100%;
        z-index: 3
    }

        .grid-item .size-add .size-select > p {
            font-size: 16px;
            text-align: center;
            padding-top: 10px
        }

        .grid-item .size-add .size-select ul {
            width: 80%;
            margin: .5rem auto .75rem;
            background: #fff;
            box-shadow: 0 0 2px rgba(0,0,0,.1);
            border: 5px solid #fff;
            border-radius: 3px;
            max-height: 325px;
            overflow: auto
        }

        .grid-item .size-add .size-select li {
            font-family: roboto-condensed-regular,sans-serif;
            font-size: .75rem;
            color: #444;
            padding: 5px 0 5px 10px;
            cursor: pointer;
            margin: 0;
            border-bottom: 1px solid #eee
        }

            .grid-item .size-add .size-select li:last-child {
                border-bottom: 0
            }

            .grid-item .size-add .size-select li:hover {
                background-color: #ebd8c2;
                cursor: pointer
            }

        .grid-item .size-add .size-select button {
            background: #000;
            color: #fff;
            padding: .5rem;
            font-size: .75rem;
            border-radius: 3px;
            margin: 0 auto;
            display: block;
            line-height: .75em;
            font-family: roboto-condensed-regular,sans-serif;
            text-transform: uppercase;
            cursor: pointer
        }

@media only screen and (max-width:1024px) {
    .grid-item {
        padding: 0 10px
    }

        .grid-item .grid-item-details img {
            z-index: 0
        }

        .grid-item .size-add .button {
            display: none
        }

    .qv-favourite, .qv-next-btn, .qv-prev-btn, .size-add {
        opacity: 1
    }

    .rating__icon svg {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .grid-item {
        width: 33%
    }
}

@media only screen and (max-width:428px) {
    #product-grid-container {
        margin-top: 20px
    }

    .grid-item {
        width: 50%
    }
}

#filters-d .loading-overlay, #filters-drawer .loading-overlay, #filters-modal .loading-overlay {
    z-index: 1009;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0,0%,100%,.8);
    display: flex;
    align-items: center;
    justify-content: center
}

#filters-d .hide-overlay, #filters-drawer .hide-overlay, #filters-modal .hide-overlay {
    display: none !important
}

#filters-d .accordion__item, #filters-drawer .accordion__item, #filters-modal .accordion__item {
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    padding: 7px 0 !important
}

    #filters-d .accordion__item .accordion__header, #filters-drawer .accordion__item .accordion__header, #filters-modal .accordion__item .accordion__header {
        padding: 0;
        outline: none
    }

        #filters-d .accordion__item .accordion__header:hover, #filters-drawer .accordion__item .accordion__header:hover, #filters-modal .accordion__item .accordion__header:hover {
            color: #1c1c21
        }

    #filters-d .accordion__item .accordion__header-icon, #filters-drawer .accordion__item .accordion__header-icon, #filters-modal .accordion__item .accordion__header-icon {
        margin-left: 0
    }

        #filters-d .accordion__item .accordion__header-icon > i, #filters-drawer .accordion__item .accordion__header-icon > i, #filters-modal .accordion__item .accordion__header-icon > i {
            display: inline-block;
            font-size: 12px;
            margin: 4px 0
        }

    #filters-d .accordion__item .accordion__header-title, #filters-drawer .accordion__item .accordion__header-title, #filters-modal .accordion__item .accordion__header-title {
        margin-left: 12px
    }

    #filters-d .accordion__item .accordion__panel-content, #filters-drawer .accordion__item .accordion__panel-content, #filters-modal .accordion__item .accordion__panel-content {
        padding: 0;
        margin-top: 5px
    }

        #filters-d .accordion__item .accordion__panel-content.brand-filter, #filters-d .accordion__item .accordion__panel-content.dept-filter, #filters-d .accordion__item .accordion__panel-content.gender-filter, #filters-d .accordion__item .accordion__panel-content.price-filter, #filters-d .accordion__item .accordion__panel-content.style-filter, #filters-drawer .accordion__item .accordion__panel-content.brand-filter, #filters-drawer .accordion__item .accordion__panel-content.dept-filter, #filters-drawer .accordion__item .accordion__panel-content.gender-filter, #filters-drawer .accordion__item .accordion__panel-content.price-filter, #filters-drawer .accordion__item .accordion__panel-content.style-filter, #filters-modal .accordion__item .accordion__panel-content.brand-filter, #filters-modal .accordion__item .accordion__panel-content.dept-filter, #filters-modal .accordion__item .accordion__panel-content.gender-filter, #filters-modal .accordion__item .accordion__panel-content.price-filter, #filters-modal .accordion__item .accordion__panel-content.style-filter {
            margin-left: 26px
        }

        #filters-d .accordion__item .accordion__panel-content .size, #filters-drawer .accordion__item .accordion__panel-content .size, #filters-modal .accordion__item .accordion__panel-content .size {
            width: 50px;
            padding: 5px 10px;
            border: 1px solid #ddd;
            border-radius: 3px;
            margin-bottom: 10px;
            text-align: center;
            margin-right: 10px;
            cursor: pointer
        }

        #filters-d .accordion__item .accordion__panel-content .colour-swatch, #filters-drawer .accordion__item .accordion__panel-content .colour-swatch, #filters-modal .accordion__item .accordion__panel-content .colour-swatch {
            margin-bottom: 12px !important
        }

            #filters-d .accordion__item .accordion__panel-content .colour-swatch img, #filters-drawer .accordion__item .accordion__panel-content .colour-swatch img, #filters-modal .accordion__item .accordion__panel-content .colour-swatch img {
                border-radius: 3px
            }

            #filters-d .accordion__item .accordion__panel-content .colour-swatch [data-hint=Blanc] img, #filters-d .accordion__item .accordion__panel-content .colour-swatch [data-hint=White] img, #filters-drawer .accordion__item .accordion__panel-content .colour-swatch [data-hint=Blanc] img, #filters-drawer .accordion__item .accordion__panel-content .colour-swatch [data-hint=White] img, #filters-modal .accordion__item .accordion__panel-content .colour-swatch [data-hint=Blanc] img, #filters-modal .accordion__item .accordion__panel-content .colour-swatch [data-hint=White] img {
                border: 1px solid #ddd
            }

        #filters-d .accordion__item .accordion__panel-content .m-filter-option i.fa-check-circle, #filters-drawer .accordion__item .accordion__panel-content .m-filter-option i.fa-check-circle, #filters-modal .accordion__item .accordion__panel-content .m-filter-option i.fa-check-circle {
            float: right;
            color: #7cb342;
            font-size: 1rem;
            display: none
        }

        #filters-d .accordion__item .accordion__panel-content .m-filter-option:last-child, #filters-drawer .accordion__item .accordion__panel-content .m-filter-option:last-child, #filters-modal .accordion__item .accordion__panel-content .m-filter-option:last-child {
            margin: 0
        }

#sort-modal ul.sort-options li, .sort-by-d ul.sort-options li {
    position: relative;
    padding: 6px 0;
    border-bottom: 1px solid #ddd
}

    #sort-modal ul.sort-options li > a.sort-container-d, #sort-modal ul.sort-options li > a.sort-container-m, .sort-by-d ul.sort-options li > a.sort-container-d, .sort-by-d ul.sort-options li > a.sort-container-m {
        margin-left: 28px
    }

        #sort-modal ul.sort-options li > a.sort-container-d > input[type=radio], #sort-modal ul.sort-options li > a.sort-container-m > input[type=radio], .sort-by-d ul.sort-options li > a.sort-container-d > input[type=radio], .sort-by-d ul.sort-options li > a.sort-container-m > input[type=radio] {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            opacity: 0;
            cursor: pointer
        }

            #sort-modal ul.sort-options li > a.sort-container-d > input[type=radio]:checked ~ .checkmark-d:after, #sort-modal ul.sort-options li > a.sort-container-d > input[type=radio]:checked ~ .checkmark-m:after, #sort-modal ul.sort-options li > a.sort-container-m > input[type=radio]:checked ~ .checkmark-d:after, #sort-modal ul.sort-options li > a.sort-container-m > input[type=radio]:checked ~ .checkmark-m:after, .sort-by-d ul.sort-options li > a.sort-container-d > input[type=radio]:checked ~ .checkmark-d:after, .sort-by-d ul.sort-options li > a.sort-container-d > input[type=radio]:checked ~ .checkmark-m:after, .sort-by-d ul.sort-options li > a.sort-container-m > input[type=radio]:checked ~ .checkmark-d:after, .sort-by-d ul.sort-options li > a.sort-container-m > input[type=radio]:checked ~ .checkmark-m:after {
                display: block
            }

        #sort-modal ul.sort-options li > a.sort-container-d .checkmark-d, #sort-modal ul.sort-options li > a.sort-container-m .checkmark-d, .sort-by-d ul.sort-options li > a.sort-container-d .checkmark-d, .sort-by-d ul.sort-options li > a.sort-container-m .checkmark-d {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto 0;
            width: 15px;
            height: 15px;
            border: 3px solid #777;
            border-radius: 50%
        }

            #sort-modal ul.sort-options li > a.sort-container-d .checkmark-d:after, #sort-modal ul.sort-options li > a.sort-container-m .checkmark-d:after, .sort-by-d ul.sort-options li > a.sort-container-d .checkmark-d:after, .sort-by-d ul.sort-options li > a.sort-container-m .checkmark-d:after {
                content: "";
                position: absolute;
                display: none;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #7cb342
            }

        #sort-modal ul.sort-options li > a.sort-container-d .checkmark-m, #sort-modal ul.sort-options li > a.sort-container-m .checkmark-m, .sort-by-d ul.sort-options li > a.sort-container-d .checkmark-m, .sort-by-d ul.sort-options li > a.sort-container-m .checkmark-m {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto 0;
            height: 20px;
            width: 20px;
            border: 3px solid #777;
            border-radius: 50%
        }

            #sort-modal ul.sort-options li > a.sort-container-d .checkmark-m:after, #sort-modal ul.sort-options li > a.sort-container-m .checkmark-m:after, .sort-by-d ul.sort-options li > a.sort-container-d .checkmark-m:after, .sort-by-d ul.sort-options li > a.sort-container-m .checkmark-m:after {
                content: "";
                position: absolute;
                display: none;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #7cb342
            }

    #sort-modal ul.sort-options li a.sort-container-m, .sort-by-d ul.sort-options li a.sort-container-m {
        margin-left: 0 !important
    }

#filters-d .loading-overlay, #filters-modal .loading-overlay {
    z-index: 1009;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0,0%,100%,.8);
    display: flex;
    align-items: center;
    justify-content: center
}

#filters-d .hide-overlay, #filters-modal .hide-overlay {
    display: none !important
}

#filters-d .accordion__item, #filters-modal .accordion__item {
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    padding: 7px 0 !important
}

    #filters-d .accordion__item .accordion__header, #filters-modal .accordion__item .accordion__header {
        padding: 0;
        outline: none
    }

        #filters-d .accordion__item .accordion__header:hover, #filters-modal .accordion__item .accordion__header:hover {
            color: #1c1c21
        }

    #filters-d .accordion__item .accordion__header-icon, #filters-modal .accordion__item .accordion__header-icon {
        margin-left: 0
    }

        #filters-d .accordion__item .accordion__header-icon > i, #filters-modal .accordion__item .accordion__header-icon > i {
            display: inline-block;
            font-size: 12px;
            margin: 4px 0
        }

    #filters-d .accordion__item .accordion__header-title, #filters-modal .accordion__item .accordion__header-title {
        margin-left: 12px
    }

    #filters-d .accordion__item .accordion__panel-content, #filters-modal .accordion__item .accordion__panel-content {
        padding: 0;
        margin-top: 5px
    }

        #filters-d .accordion__item .accordion__panel-content.brand-filter, #filters-d .accordion__item .accordion__panel-content.dept-filter, #filters-d .accordion__item .accordion__panel-content.gender-filter, #filters-d .accordion__item .accordion__panel-content.price-filter, #filters-d .accordion__item .accordion__panel-content.style-filter, #filters-modal .accordion__item .accordion__panel-content.brand-filter, #filters-modal .accordion__item .accordion__panel-content.dept-filter, #filters-modal .accordion__item .accordion__panel-content.gender-filter, #filters-modal .accordion__item .accordion__panel-content.price-filter, #filters-modal .accordion__item .accordion__panel-content.style-filter {
            margin-left: 26px
        }

        #filters-d .accordion__item .accordion__panel-content .size, #filters-modal .accordion__item .accordion__panel-content .size {
            width: 50px;
            padding: 5px 10px;
            border: 1px solid #ddd;
            border-radius: 3px;
            margin-bottom: 10px;
            text-align: center;
            margin-right: 10px;
            cursor: pointer
        }

        #filters-d .accordion__item .accordion__panel-content .colour-swatch, #filters-modal .accordion__item .accordion__panel-content .colour-swatch {
            margin-bottom: 12px !important
        }

            #filters-d .accordion__item .accordion__panel-content .colour-swatch img, #filters-modal .accordion__item .accordion__panel-content .colour-swatch img {
                border-radius: 3px
            }

            #filters-d .accordion__item .accordion__panel-content .colour-swatch [data-hint=Blanc] img, #filters-d .accordion__item .accordion__panel-content .colour-swatch [data-hint=White] img, #filters-modal .accordion__item .accordion__panel-content .colour-swatch [data-hint=Blanc] img, #filters-modal .accordion__item .accordion__panel-content .colour-swatch [data-hint=White] img {
                border: 1px solid #ddd
            }

        #filters-d .accordion__item .accordion__panel-content .m-filter-option i.fa-check-circle, #filters-modal .accordion__item .accordion__panel-content .m-filter-option i.fa-check-circle {
            float: right;
            color: #7cb342;
            font-size: 1rem;
            display: none
        }

        #filters-d .accordion__item .accordion__panel-content .m-filter-option:last-child, #filters-modal .accordion__item .accordion__panel-content .m-filter-option:last-child {
            margin: 0
        }

.top-brand {
    width: 47%;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 15px
}

    .top-brand img {
        padding: 15px
    }

    .top-brand:nth-of-type(2n) {
        margin-left: auto
    }

@media only screen and (max-width:1024px) {
    .m-filter-option {
        padding: 5px 0
    }

        .m-filter-option:last-child {
            border-bottom: 0
        }

    .modal__content {
        max-width: 100%
    }
}

#quick-shop-drawer > .drawer__content {
    overflow-y: hidden;
    width: 500px;
    max-width: 100%
}

    #quick-shop-drawer > .drawer__content header {
        padding: 10px !important
    }

        #quick-shop-drawer > .drawer__content header span#quick-shop-title {
            font-family: open-sans-condensed-bold;
            font-size: 26px !important;
            margin: auto
        }

        #quick-shop-drawer > .drawer__content header .drawer__close-btn {
            position: absolute !important
        }

    #quick-shop-drawer > .drawer__content #quick-shop-container {
        height: calc(100% - 70px)
    }

        #quick-shop-drawer > .drawer__content #quick-shop-container .product-title-m {
            display: block !important;
            display: flex !important;
            background: #f5f5f5;
            padding: 15px;
            z-index: 1
        }

            #quick-shop-drawer > .drawer__content #quick-shop-container .product-title-m > #product-logo-m {
                width: 50px
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .product-title-m > #product-logo-m #product-logo-m img {
                    border: 1px solid #ddd
                }

            #quick-shop-drawer > .drawer__content #quick-shop-container .product-title-m .title-details #product-brand {
                font-size: 18px !important;
                text-transform: uppercase;
                margin-bottom: -3px !important
            }

            #quick-shop-drawer > .drawer__content #quick-shop-container .product-title-m .qv-stars {
                position: absolute;
                top: 15px;
                right: 15px;
                font-size: 16px
            }

            #quick-shop-drawer > .drawer__content #quick-shop-container .product-title-m #favourites {
                position: absolute;
                right: 15px;
                bottom: 13px
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .product-title-m #favourites .custom-checkbox {
                    font-size: 20px
                }

                    #quick-shop-drawer > .drawer__content #quick-shop-container .product-title-m #favourites .custom-checkbox .custom-checkbox__control {
                        position: static;
                        color: white;
                        stroke: black;
                        stroke-width: 1px;
                        stroke-linejoin: round;
                    }

                    #quick-shop-drawer > .drawer__content #quick-shop-container .product-title-m #favourites .custom-checkbox .custom-checkbox__input:checked ~ .custom-checkbox__control {
                        color: #000 !important
                    }

        #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body {
            position: relative
        }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #slideshow #close-360, #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #slideshow #close-360-gif, #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #slideshow #close-video {
                margin-top: 20px !important;
                margin: auto;
                background-color: #eee;
                padding: .5rem 2rem;
                text-align: center;
                text-transform: uppercase;
                font-size: .75rem;
                color: #333;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                outline: none
            }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #slideshow #product-image-slider {
                cursor: zoom-in
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #slideshow #product-image-slider .slick-arrow {
                    position: absolute;
                    top: 50%;
                    color: #333;
                    z-index: 1
                }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #slideshow #product-image-slider .slick-prev {
                    left: 0
                }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #slideshow #product-image-slider .slick-next {
                    right: 0
                }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #slideshow #product-image-slider.zoom-out {
                    cursor: zoom-out !important
                }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #slideshow #product-image-slider img {
                    outline: none
                }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails img {
                width: 40px;
                max-width: 100%;
                padding: .156rem;
                border: 1px solid #eee;
                border-radius: 3px;
                cursor: pointer
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails img:hover {
                    border: 1px solid #aaa
                }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails img.active {
                    border-color: #454545
                }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails .slide-dots {
                display: inline-flex
            }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails .slide-dot {
                margin: 0 .4rem;
                height: .75rem;
                width: .75rem;
                background: #ddd;
                border-radius: 99px;
                cursor: pointer
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails .slide-dot.active {
                    background: #454545
                }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails #play-threesixty, #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails #play-threesixty-gif, #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails #play-video {
                padding: 0;
                height: 35px;
                width: 35px;
                margin: .125rem .25rem;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                border-radius: 3px;
                border: 1px solid #eee;
                box-sizing: border-box;
                font-size: .75rem;
                color: #333
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails #play-threesixty-gif:hover, #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails #play-threesixty:hover, #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails #play-video:hover {
                    border: 1px solid #aaa
                }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails #play-threesixty-gif.active, #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails #play-threesixty.active, #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #product-thumbnails #play-video.active {
                    border-color: #454545
                }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body .product-price {
                /*font-family: open-sans-condensed-bold,sans-serif*/
                font-weight: 700;
            }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body .on-sale-price {
                /*font-family: open-sans-condensed-bold,sans-serif;*/
                font-size: 30px;
                font-weight: 700;
            }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #size-area .choose-size-desk {
                padding: 10px
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #size-area .choose-size-desk.is-invalid-input {
                    border-color: #cc4b37 !important;
                    background-color: #f9ecea
                }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #size-area .myfit-activator > .myfit-logo > .my-text {
                color: #369
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #size-area .myfit-activator > .myfit-logo > .my-text > .fit-text {
                    color: #666
                }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #size-area .myfit-activator > .myfit-logo .myfit-text {
                transition: all .25s;
                cursor: pointer;
                margin-top: 1px;
                color: #369
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #size-area .myfit-activator > .myfit-logo .myfit-text.cleared {
                    top: 100%
                }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #size-area .myfit-activator > .myfit-logo .myfit-reset {
                transition: all .2s;
                color: #555;
                cursor: pointer;
                font-size: .75rem;
                margin-top: .1rem
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #size-area .myfit-activator > .myfit-logo .myfit-reset:hover {
                    color: #c00
                }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body main:not([data-store]) .store-selected, #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body main[data-store] .no-store-selected {
                display: none
            }

            #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #pick-up-today {
                background: #f5f5f5;
                padding: .5rem .75rem;
                margin-top: -.75rem
            }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #pick-up-today .pick-up-today-logo {
                    font-weight: bold;
                }

                    #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #pick-up-today .pick-up-today-logo .text-red {
                        color: #e0002b
                    }

                #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body #pick-up-today .choose-your-store {
                    top: -1px
                }

@media (max-width:1279px) {
    #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body .pick-up-today-logo {
        font-size: 1rem
    }
}

@media (max-width:639px) {
    #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body .pick-up-today-logo {
        font-size: 20px
    }

    #quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body .pick-up-today-container .mystore-remove {
        font-size: .875rem
    }
}

#quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body .add-to-bag {
    font-weight: bold;
    background: black;
}

#quick-shop-drawer > .drawer__content #quick-shop-container .drawer__body .view-full-detail {
    font-weight: bold;
    background: white;
    border: 1px solid black;
    padding: .5rem;
}

.alt-colour-area .alt-colour-select {
    padding: 10px;
    z-index: 1;
    cursor: pointer
}

    .alt-colour-area .alt-colour-select.no-border-b {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .alt-colour-area .alt-colour-select .colour-arrow {
        transition: transform .2s ease
    }

    .alt-colour-area .alt-colour-select .rotate-180 {
        transform: rotate(180deg)
    }

.alt-colour-area .alt-colours {
    z-index: 1
}

    .alt-colour-area .alt-colours .alt-colour {
        padding: 6px;
        cursor: pointer;
        border-top: 0
    }

        .alt-colour-area .alt-colours .alt-colour:last-child {
            border-bottom-left-radius: .25rem;
            border-bottom-right-radius: .25rem
        }

        .alt-colour-area .alt-colours .alt-colour .alt-colour-img {
            width: 30px
        }

        .alt-colour-area .alt-colours .alt-colour .price {
            top: 3px
        }

        .alt-colour-area .alt-colours .alt-colour.disabled {
            background: #f5f5f5;
            cursor: not-allowed
        }

            .alt-colour-area .alt-colours .alt-colour.disabled > img, .alt-colour-area .alt-colours .alt-colour.disabled span {
                opacity: .25
            }

.neg-z-1 {
    z-index: -1
}

.modal__footer button:last-child {
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1.625;
    text-align: center;
    width: auto;
    padding: .5rem 1rem
}

@media (min-width:768px) {
    .modal__footer button:last-child {
        font-size: .875rem
    }
}

.input-vee-validate {
    display: block;
    width: 100%;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.375;
    border: 1px solid #ddd
}

.input-invalid-message {
    color: red;
    font-size: 12px;
    line-height: 1
}

input.vee-validation-error, select.vee-validation-error, textarea.vee-validation-error {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7
}

input.vee-validation-success, select.vee-validation-success, textarea.vee-validation-success {
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6
}

.slick-track[data-v-e4caeaf8] {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    transform: translateZ(0)
}

.slick-track.slick-center[data-v-e4caeaf8] {
    margin-left: auto;
    margin-right: auto
}

.slick-track[data-v-e4caeaf8]:after, .slick-track[data-v-e4caeaf8]:before {
    display: table;
    content: ""
}

.slick-track[data-v-e4caeaf8]:after {
    clear: both
}

.slick-loading .slick-track[data-v-e4caeaf8] {
    visibility: hidden
}

.slick-slide[data-v-e4caeaf8] {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide[data-v-e4caeaf8] {
    float: right
}

.slick-slide img[data-v-e4caeaf8] {
    display: block
}

.slick-slide.slick-loading img[data-v-e4caeaf8] {
    display: none
}

.slick-slide.dragging img[data-v-e4caeaf8] {
    pointer-events: none
}

.slick-initialized .slick-slide[data-v-e4caeaf8] {
    display: block
}

.slick-loading .slick-slide[data-v-e4caeaf8] {
    visibility: hidden
}

.slick-vertical .slick-slide[data-v-e4caeaf8] {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden[data-v-21137603] {
    display: none
}

.slick-slider[data-v-3d1a4f76] {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list[data-v-3d1a4f76] {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    transform: translateZ(0)
}

    .slick-list[data-v-3d1a4f76]:focus {
        outline: none
    }

.slick-list.dragging[data-v-3d1a4f76] {
    cursor: pointer;
    cursor: hand
}

.mobile-fixed-footer_spacer {
    width: 54px
}

#INDWrap {
    z-index: 6 !important
}

@media (max-width:640px) {
    .INDhasDragTooltip #INDWrap #INDmenu-btn[data-INDdrag] {
        --indscale: 0.225 !important;
        top: auto !important;
        bottom: -20px !important;
        left: 10px !important;
        border-radius: 100% !important;
        border: 6px solid #000 !important;
        cursor: pointer !important
    }

        .INDhasDragTooltip #INDWrap #INDmenu-btn[data-INDdrag], .INDhasDragTooltip #INDWrap #INDmenu-btn[data-INDdrag]:hover {
            --indmaincolor: #fff !important;
            background-color: #fff !important;
            background: #fff !important
        }

            .INDhasDragTooltip #INDWrap #INDmenu-btn[data-INDdrag]:last-child:after, .INDhasDragTooltip #INDWrap #INDmenu-btn[data-INDdrag]:last-child:before, .INDhasDragTooltip #INDWrap #INDmenu-btn[data-INDdrag] svg:first-child {
                display: none !important
            }

            .INDhasDragTooltip #INDWrap #INDmenu-btn[data-INDdrag] svg path {
                fill: #000 !important
            }

    .INDpositionLeft #INDmenu-btn.INDsemicircle-btn {
        --indscale: 0.225 !important;
        top: auto !important;
        bottom: -20px !important;
        left: 10px !important;
        border-radius: 100% !important;
        border: 6px solid #000 !important;
        cursor: pointer !important
    }

        .INDpositionLeft #INDmenu-btn.INDsemicircle-btn, .INDpositionLeft #INDmenu-btn.INDsemicircle-btn:hover {
            --indmaincolor: #fff !important;
            background-color: #fff !important;
            background: #fff !important
        }

            .INDpositionLeft #INDmenu-btn.INDsemicircle-btn:last-child:after, .INDpositionLeft #INDmenu-btn.INDsemicircle-btn:last-child:before, .INDpositionLeft #INDmenu-btn.INDsemicircle-btn svg:first-child {
                display: none !important
            }

            .INDpositionLeft #INDmenu-btn.INDsemicircle-btn svg path {
                fill: #000 !important
            }
}

:root {
    --accordion-icon-size: 1em;
    --accordion-icon-stroke-width: 2px
}

/*.accordion__item {
    border: solid var(--color-contrast-low);
    border-width: 0 0 1px
}*/

    .accordion__item:last-child {
        border-bottom-width: 0
    }

.accordion__header {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: var(--space-sm) var(--component-padding);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-contrast-higher)
}

    .accordion__header:hover {
        color: var(--color-primary)
    }

.accordion__header-title {
    font-size: var(--text-md);
    text-align: left
}

.accordion__header-icon {
    float: right;
    flex-shrink: 0;
    margin-left: var(--space-sm);
    display: none
}

    .accordion__header-icon i {
        position: relative;
        width: var(--accordion-icon-size);
        height: var(--accordion-icon-size);
        display: block;
        will-change: transform
    }

        .accordion__header-icon i:after, .accordion__header-icon i:before {
            content: "";
            position: absolute;
            width: var(--accordion-icon-stroke-width);
            height: 80%;
            background: currentColor;
            top: 0;
            transform-origin: 50% 100%;
            will-change: transform;
            transition: transform .1s
        }

        .accordion__header-icon i:before {
            left: 50%;
            transform: rotate(-45deg)
        }

        .accordion__header-icon i:after {
            left: calc(50% - var(--accordion-icon-stroke-width)/2);
            transform: rotate(45deg)
        }

.accordion__item--is-open > .accordion__header > .accordion__header-icon i:before {
    transform: translateY(-80%) rotate(-135deg)
}

.accordion__item--is-open > .accordion__header > .accordion__header-icon i:after {
    transform: translateY(-80%) rotate(135deg)
}

.accordion__header-icon .icon {
    width: var(--accordion-icon-size);
    height: var(--accordion-icon-size);
    color: inherit
}

.accordion__panel-content {
    padding: var(--space-xxxs) var(--component-padding) var(--component-padding)
}

.js .accordion__header-icon {
    display: block
}

.js .accordion__panel {
    display: none;
    overflow: hidden;
    will-change: height;
    transform: translateZ(0)
}

.js .accordion__item--is-open > .accordion__panel {
    display: block
}

.accordion--icon-plus .accordion__header-icon i {
    height: var(--accordion-icon-stroke-width);
    background-color: currentColor
}

    .accordion--icon-plus .accordion__header-icon i:before {
        display: none
    }

    .accordion--icon-plus .accordion__header-icon i:after {
        left: 0;
        width: 100%;
        height: 100%;
        transform-origin: 50% 50%;
        transform: rotate(-90deg)
    }

.accordion--icon-plus .accordion__item--is-open > .accordion__header > .accordion__header-icon i:after {
    transform: rotate(0deg)
}

.alert {
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

.alert--is-visible {
    -webkit-clip-path: none;
    clip-path: none
}

:root {
    --anim-menu-btn-size: 48px;
    --anim-menu-btn-icon-size: 32px;
    --anim-menu-btn-icon-stroke: 2px
}

.anim-menu-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--anim-menu-btn-size);
    height: var(--anim-menu-btn-size)
}

.anim-menu-btn__icon {
    position: relative;
    display: block;
    font-size: var(--anim-menu-btn-icon-size);
    width: 1em;
    height: var(--anim-menu-btn-icon-stroke);
    color: var(--color-contrast-high);
    background-image: linear-gradient(currentColor,currentColor);
    background-repeat: no-repeat;
    transform: scale(1)
}

    .anim-menu-btn__icon:after, .anim-menu-btn__icon:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: inherit;
        border-radius: inherit
    }

.anim-menu-btn__icon--close {
    background-size: 100% 100%;
    will-change: transform,background-size;
    transition: transform .2s,background-size .2s
}

.anim-menu-btn:active .anim-menu-btn__icon--close {
    transform: scale(.9)
}

.anim-menu-btn__icon--close:after, .anim-menu-btn__icon--close:before {
    will-change: inherit;
    transition: inherit
}

.anim-menu-btn__icon--close:before {
    transform: translateY(-.25em) rotate(0)
}

.anim-menu-btn__icon--close:after {
    transform: translateY(.25em) rotate(0)
}

.anim-menu-btn--state-b .anim-menu-btn__icon--close {
    background-size: 0 100%
}

    .anim-menu-btn--state-b .anim-menu-btn__icon--close:before {
        transform: translateY(0) rotate(45deg)
    }

    .anim-menu-btn--state-b .anim-menu-btn__icon--close:after {
        transform: translateY(0) rotate(-45deg)
    }

.anim-menu-btn__icon--arrow-down, .anim-menu-btn__icon--arrow-left, .anim-menu-btn__icon--arrow-right, .anim-menu-btn__icon--arrow-up {
    border-radius: 50em;
    will-change: transform;
    transition: transform .2s
}

.anim-menu-btn:active .anim-menu-btn__icon--arrow-down, .anim-menu-btn:active .anim-menu-btn__icon--arrow-left, .anim-menu-btn:active .anim-menu-btn__icon--arrow-right, .anim-menu-btn:active .anim-menu-btn__icon--arrow-up {
    transform: scale(.9)
}

.anim-menu-btn__icon--arrow-down:after, .anim-menu-btn__icon--arrow-down:before, .anim-menu-btn__icon--arrow-left:after, .anim-menu-btn__icon--arrow-left:before, .anim-menu-btn__icon--arrow-right:after, .anim-menu-btn__icon--arrow-right:before, .anim-menu-btn__icon--arrow-up:after, .anim-menu-btn__icon--arrow-up:before {
    transform-origin: calc(var(--anim-menu-btn-icon-stroke)/2) 50%;
    will-change: transform,width;
    transition: transform .2s,width .2s
}

.anim-menu-btn__icon--arrow-down:before, .anim-menu-btn__icon--arrow-left:before, .anim-menu-btn__icon--arrow-right:before, .anim-menu-btn__icon--arrow-up:before {
    transform: translateY(-.25em) rotate(0)
}

.anim-menu-btn__icon--arrow-down:after, .anim-menu-btn__icon--arrow-left:after, .anim-menu-btn__icon--arrow-right:after, .anim-menu-btn__icon--arrow-up:after {
    transform: translateY(.25em) rotate(0)
}

.anim-menu-btn__icon--arrow-right {
    transform: rotate(180deg)
}

.anim-menu-btn:active .anim-menu-btn__icon--arrow-right {
    transform: rotate(180deg) scale(.9)
}

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down:after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down:before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left:after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left:before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right:after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right:before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up:after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up:before {
    width: 50%
}

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down:before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left:before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right:before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up:before {
    transform: translateY(0) rotate(-45deg)
}

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down:after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left:after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right:after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up:after {
    transform: translateY(0) rotate(45deg)
}

.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-up {
    transform: rotate(90deg) scale(.9)
}

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up {
    transform: rotate(90deg)
}

.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-down {
    transform: rotate(-90deg) scale(.9)
}

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down {
    transform: rotate(-90deg)
}

:root {
    --btt-icon-size: 1.25em
}

.back-to-top {
    position: fixed;
    right: var(--space-md);
    bottom: var(--space-md);
    padding: var(--space-xs);
    z-index: var(--zindex-fixed-element);
    border-radius: var(--radius-md);
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.9);
    transition: .3s
}

    .back-to-top:hover {
        background-color: var(--color-contrast-higher)
    }

    .back-to-top .icon {
        display: block;
        color: var(--color-bg);
        width: var(--btt-icon-size);
        height: var(--btt-icon-size)
    }

.js .back-to-top {
    visibility: hidden;
    opacity: 0
}

.js .back-to-top--is-visible {
    visibility: visible;
    opacity: 1
}

@media (min-width:48rem) {
    .back-to-top {
        display: none
    }
}

.breadcrumbs {
    font-size: var(--text-xs,.694em);
    --text-opacity: 1;
    color: #757575;
    color: rgba(117,117,117,var(--text-opacity));
    padding-top: .5rem;
    padding-bottom: .5rem
}

@media (min-width:768px) {
    .breadcrumbs {
        font-size: .875rem
    }
}

.breadcrumbs__list {
    flex-wrap: wrap;
    margin-bottom: calc(var(--space-xxs)*-1)
}

    .breadcrumbs__list li {
        display: inline-block;
        margin-bottom: var(--space-xxs);
        display: inline-flex;
        align-items: center
    }

        .breadcrumbs__list li a:hover {
            --text-opacity: 1;
            color: #2b6cb0;
            color: rgba(43,108,176,var(--text-opacity))
        }

.breadcrumbs__separator {
    display: inline-block;
    margin: 0 var(--space-xxs);
    color: var(--color-contrast-medium)
}

    .breadcrumbs__separator .icon {
        display: block;
        color: inherit;
        font-size: var(--text-xs,.694em);
        --text-opacity: 1;
        color: #bbb;
        color: rgba(187,187,187,var(--text-opacity))
    }

.btn-states {
    position: relative
}

    .btn-states--state-b:not(.btn-states--preserve-width) .btn-states__content-a, .btn-states:not(.btn-states--state-b) .btn-states__content-b {
        display: none
    }

.btn-states--preserve-width .btn-states__content-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.btn-states--preserve-width.btn-states--state-b .btn-states__content-a {
    visibility: hidden
}

.grid-item-details.active {
    position: relative
}

    .grid-item-details.active .item-slider-block .qv-next-btn, .grid-item-details.active .item-slider-block .qv-prev-btn {
        bottom: 39%;
        transform: translateY(-39%)
    }

    .grid-item-details.active .item-slider-block .item-image {
        max-height: 240px;
        overflow: hidden
    }

.grid-item-details .qv-slides, .grid-item-details .qv-slides .slick-list {
    height: 100%
}

.color-change-block [data-hint=White] {
    border: 1px solid #ddd
}

.color-change-block .active[data-hint=White] {
    border: 0
}

.color-change-block {
    margin: 20px 0 16px;
    line-height: 0
}

    .color-change-block .block {
        padding-top: 2px
    }

    .color-change-block .color-item {
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        display: inline-block;
        margin: 2px 2px 5px;
        vertical-align: top;
        position: relative;
        cursor: pointer
    }

        .color-change-block .color-item:after {
            content: " ";
            position: absolute;
            width: 24px;
            height: 24px;
            left: -2px;
            top: -2px;
            box-sizing: border-box;
            border-radius: 2px
        }

        .color-change-block .color-item:hover:after {
            box-shadow: 0 0 0 1px #000
        }

        .color-change-block .color-item .for-slider {
            display: none
        }

        .color-change-block .color-item.active:after {
            box-shadow: 0 0 0 1px #000
        }

    .color-change-block .slick-next, .color-change-block .slick-prev {
        display: none !important
    }

    .color-change-block .slick-dots {
        display: flex;
        justify-content: center;
        margin-top: 15px
    }

        .color-change-block .slick-dots li {
            height: 10px
        }

            .color-change-block .slick-dots li button {
                margin: 5px;
                text-indent: -9999px;
                overflow: hidden;
                color: transparent;
                background: #000;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                opacity: .5
            }

            .color-change-block .slick-dots li.slick-active button {
                opacity: 1
            }

@media only screen and (max-width:1024px) {
    .color-change-block {
        margin: 15px auto
    }

        .color-change-block .slick-list {
            width: 90%;
            margin: 0 auto
        }

        .color-change-block .block {
            padding-bottom: 2px
        }

        .color-change-block .color-item {
            width: 20px;
            height: 20px
        }

            .color-change-block .color-item:after {
                width: 24px;
                height: 24px
            }
}

@media only screen and (max-width:768px) {
    .grid-item-details.active .item-slider-block .item-image {
        max-height: 210px
    }

    .color-change-block {
        display: none
    }
}

@media only screen and (max-width:612px) {
    .grid-item-details.active .item-slider-block .item-image {
        max-height: 200px
    }
}

:root {
    --tooltip-triangle-size: 12px
}

.tooltip-trigger {
    white-space: nowrap;
    border-bottom: 1px dotted var(--color-contrast-high);
    cursor: pointer;
    outline: none
}

.tooltip {
    display: inline-block;
    position: absolute;
    padding: var(--space-xxs);
    border-radius: var(--radius-sm);
    max-width: 200px;
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.98);
    box-shadow: var(--shadow-md);
    color: var(--color-bg);
    font-size: var(--text-sm);
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: opacity .2s,visibility .2s
}

    .tooltip a {
        color: inherit;
        text-decoration: underline
    }

@supports ((-webkit-clip-path:inset(50%)) or (clip-path:inset(50%))) {
    .tooltip:before {
        content: "";
        position: absolute;
        background-color: inherit;
        border: inherit;
        width: var(--tooltip-triangle-size);
        height: var(--tooltip-triangle-size);
        -webkit-clip-path: polygon(0 0,100% 100%,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 100%,100% 100%,0 100%)
    }
}

.tootip:not(.tooltip--sticky) {
    pointer-events: none
}

.tooltip--lg {
    max-width: 350px;
    padding: var(--space-xs)
}

.tooltip--bottom:before, .tooltip--top:before {
    left: calc(50% - var(--tooltip-triangle-size)/2)
}

.tooltip--top:before {
    bottom: calc(var(--tooltip-triangle-size)*-0.5);
    transform: rotate(-45deg)
}

.tooltip--bottom:before {
    top: calc(var(--tooltip-triangle-size)*-0.5);
    transform: rotate(135deg)
}

.tooltip--left:before, .tooltip--right:before {
    top: calc(50% - var(--tooltip-triangle-size)/2)
}

.tooltip--left:before {
    right: calc(var(--tooltip-triangle-size)*-0.5);
    transform: rotate(-135deg)
}

.tooltip--right:before {
    left: calc(var(--tooltip-triangle-size)*-0.5);
    transform: rotate(45deg)
}

.tooltip--is-hidden {
    visibility: hidden;
    opacity: 0
}

.counter {
    font-size: var(--text-xs);
    background-color: var(--color-contrast-low);
    padding: var(--space-xxxs) var(--space-xs);
    border-radius: 50em
}

.counter--primary {
    background-color: var(--color-primary)
}

.counter--critical, .counter--primary {
    color: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.counter--critical {
    background-color: var(--color-error)
}

.counter--light {
    background-color: hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.9);
    color: hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.85)
}

.counter--dark {
    background-color: hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.8);
    color: hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.9);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.counter--docked {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%)
}

.counter-container {
    position: relative
}

:root {
    --select-icon-size: 1em;
    --select-icon-right-margin: var(--space-sm);
    --select-text-icon-gap: var(--space-xxxs)
}

.select {
    position: relative
}

.select__input {
    width: 100%;
    height: 100%;
    padding-right: calc(var(--select-icon-size) + var(--select-icon-right-margin) + var(--select-text-icon-gap)) !important
}

.select__icon {
    width: var(--select-icon-size);
    height: var(--select-icon-size);
    pointer-events: none;
    position: absolute;
    right: var(--select-icon-right-margin);
    top: 50%;
    transform: translateY(-50%)
}

:root {
    --select-dropdown-gap: 4px
}

.select__button {
    width: 100%
}

.select__dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    max-height: 1px;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    z-index: var(--zindex-popover);
    margin-top: var(--select-dropdown-gap);
    margin-bottom: var(--select-dropdown-gap);
    overflow: auto;
    --space-unit: 1rem;
    --space-xxxxs: 0.125rem;
    --space-xxxs: 0.25rem;
    --space-xxs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.25rem;
    --space-xxl: 5.25rem;
    --space-xxxl: 8.5rem;
    --space-xxxxl: 13.75rem;
    --component-padding: var(--space-md);
    --text-xs: 0.69444rem;
    --text-sm: calc(var(--text-xs)*1.2);
    --text-md: calc(var(--text-sm)*1.2*1.2);
    --text-lg: calc(var(--text-md)*1.2);
    --text-xl: calc(var(--text-lg)*1.2);
    --text-xxl: calc(var(--text-xl)*1.2);
    --text-xxxl: calc(var(--text-xxl)*1.2);
    font-size: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s,opacity .2s
}

.select__dropdown--right {
    right: 0;
    left: auto
}

.select__dropdown--up {
    bottom: 100%;
    top: auto
}

.select__button[aria-expanded=true] + .select__dropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s,opacity .2s
}

.select__list {
    list-style: none !important
}

    .select__list:not(:first-of-type) {
        padding-top: var(--space-xxs)
    }

    .select__list:not(:last-of-type) {
        border-bottom: 1px solid var(--color-contrast-low);
        padding-bottom: var(--space-xxs)
    }

.select__item {
    display: block;
    padding: var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);
    color: var(--color-contrast-high);
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.select__item--optgroup {
    font-size: var(--text-sm);
    color: var(--color-contrast-medium)
}

.select__item--option {
    cursor: pointer
}

    .select__item--option:hover {
        background-color: var(--color-contrast-lower)
    }

    .select__item--option:focus {
        outline: none;
        background-color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.1)
    }

    .select__item--option[aria-selected=true] {
        background-color: var(--color-primary);
        color: var(--color-white);
        position: relative;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

        .select__item--option[aria-selected=true]:after {
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            height: 16px;
            width: 16px;
            right: var(--space-sm);
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath stroke-width='1.5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round' d='M1 9l4 4L15 3'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 50%
        }

html:not(.js) .select .icon {
    display: none
}

:root {
    --date-picker-trigger-width: 2.5em;
    --date-picker-icon-size: 24px;
    --date-picker-calendar-gap: 4px;
    --date-picker-calendar-padding: var(--space-xxs);
    --date-picker-calendar-item-size: 2em;
    --date-picker-calendar-item-radius: var(--radius-md)
}

@media (min-width:48rem) {
    :root {
        --date-picker-calendar-item-size: 2.5em
    }
}

.date-input, .date-input__wrapper {
    position: relative
}

.date-input__trigger {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: var(--date-picker-trigger-width);
    display: none;
    transition: .2s
}

    .date-input__trigger .icon {
        display: block;
        width: var(--date-picker-icon-size);
        height: var(--date-picker-icon-size);
        margin: auto
    }

    .date-input__trigger:hover {
        color: var(--color-primary)
    }

    .date-input__trigger:active {
        transform: translateY(2px)
    }

.js .date-input__trigger {
    display: flex
}

.js .date-input__text {
    padding-right: calc(var(--date-picker-trigger-width) + var(--space-xxxs))
}

.date-input--hide-calendar .date-input__trigger {
    display: none
}

.date-picker {
    display: inline-block;
    position: absolute;
    left: 0;
    top: calc(var(--date-picker-calendar-gap) + 100%);
    z-index: var(--zindex-popover);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    --space-unit: 1rem;
    --space-xxxxs: 0.125rem;
    --space-xxxs: 0.25rem;
    --space-xxs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.25rem;
    --space-xxl: 5.25rem;
    --space-xxxl: 8.5rem;
    --space-xxxxl: 13.75rem;
    --component-padding: var(--space-md);
    font-size: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s,opacity .2s
}

.date-picker--is-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .2s
}

.date-picker__header {
    padding-top: var(--date-picker-calendar-padding)
}

.date-picker__month {
    position: relative;
    padding: 0 var(--date-picker-calendar-padding)
}

.date-picker__month-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: var(--color-contrast-higher)
}

.date-picker__dates, .date-picker__month-nav, .date-picker__week {
    display: flex;
    flex-wrap: wrap
}

    .date-picker__dates li, .date-picker__month-nav li, .date-picker__week li {
        width: var(--date-picker-calendar-item-size);
        height: var(--date-picker-calendar-item-size)
    }

.date-picker__month-nav {
    position: relative;
    z-index: 1;
    justify-content: space-between
}

.date-picker__month-nav-btn {
    width: 100%;
    height: 100%;
    border-radius: var(--date-picker-calendar-item-radius);
    color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.5);
    transition: transform .2s
}

    .date-picker__month-nav-btn .icon {
        display: block;
        margin: auto
    }

    .date-picker__month-nav-btn:hover {
        background-color: var(--color-contrast-lower);
        color: var(--color-contrast-higher)
    }

    .date-picker__month-nav-btn:active {
        transform: translateY(2px)
    }

.date-picker__week {
    padding: 0 var(--date-picker-calendar-padding)
}

.date-picker__day {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--text-sm);
    color: var(--color-contrast-medium)
}

.date-picker__dates {
    padding: 0 var(--date-picker-calendar-padding) var(--date-picker-calendar-padding);
    width: calc(var(--date-picker-calendar-padding)*2 + var(--date-picker-calendar-item-size)*7)
}

.date-picker__date {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: var(--text-sm)
}

    .date-picker__date:focus {
        outline: none;
        background-color: var(--color-bg);
        box-shadow: inset 0 0 0 2px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2);
        color: var(--color-contrast-higher)
    }

    .date-picker__date.date-picker__date--selected, .date-picker__date:focus, .date-picker__date:hover {
        border-radius: var(--date-picker-calendar-item-radius)
    }

    .date-picker__date.date-picker__date--range {
        background-color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.15);
        color: var(--color-contrast-higher)
    }

        .date-picker__date.date-picker__date--range:focus {
            border-radius: 0
        }

    .date-picker__date.date-picker__date--range-end, .date-picker__date.date-picker__date--range-start, .date-picker__date.date-picker__date--selected {
        background-color: var(--color-primary);
        box-shadow: 0 2px 4px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.25);
        color: var(--color-white);
        z-index: 2
    }

        .date-picker__date.date-picker__date--range-end:focus:not(:hover), .date-picker__date.date-picker__date--range-start:focus:not(:hover), .date-picker__date.date-picker__date--selected:focus:not(:hover) {
            box-shadow: 0 0 0 2px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2),0 2px 4px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.25)
        }

    .date-picker__date.date-picker__date--range-start {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .date-picker__date.date-picker__date--range-end {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .date-picker__date:hover {
        background-color: var(--color-bg);
        box-shadow: inset 0 0 0 2px var(--color-primary);
        color: var(--color-contrast-high)
    }

.date-picker__date--today {
    color: var(--color-primary)
}

.date-picker__date::-moz-focus-inner {
    border: none
}

.dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: var(--zindex-overlay);
    opacity: 0;
    visibility: hidden
}

.dialog__content {
    width: calc(100% - var(--space-md)*2);
    overflow: auto;
    padding: var(--space-md);
    background-color: var(--color-bg);
    box-shadow: var(--shadow-lg);
    border-radius: var(--radius-md)
}

.dialog--is-visible {
    opacity: 1;
    visibility: visible
}

.dialog--sticky {
    align-items: flex-start
}

    .dialog--sticky .dialog__content {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.dialog[data-animation=on] {
    transition: opacity .3s,visibility 0s .3s;
    perspective: 800
}

    .dialog[data-animation=on] .dialog__content {
        will-change: transform;
        transition: transform .3s var(--ease-out);
        transform: translateY(10%)
    }

    .dialog[data-animation=on].dialog--is-visible {
        transition: opacity .3s
    }

        .dialog[data-animation=on].dialog--is-visible .dialog__content {
            transform: translateY(0)
        }

    .dialog[data-animation=on].dialog--sticky .dialog__content {
        transform: translateY(-100%)
    }

    .dialog[data-animation=on].dialog--sticky.dialog--is-visible {
        transition: none
    }

        .dialog[data-animation=on].dialog--sticky.dialog--is-visible .dialog__content {
            transform: translateY(0)
        }

:root {
    --drawer-width: 400px
}

.drawer {
    position: fixed;
    z-index: var(--zindex-overlay);
    width: 100%;
    max-width: var(--drawer-width);
    height: 100%;
    top: 0;
    right: 0;
    visibility: hidden;
    transition: visibility 0s .3s
}

    .drawer:focus {
        outline: none
    }

.drawer--is-visible {
    visibility: visible;
    transition: none
}

.drawer--open-left {
    right: auto;
    left: 0
}

.drawer__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    transform: translateX(100%);
    transition: transform .3s;
    transition-timing-function: var(--ease-in-out)
}

.drawer--open-left .drawer__content {
    transform: translateX(-100%)
}

.drawer--is-visible .drawer__content {
    transform: translateX(0)
}

.drawer__body {
    height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}

.drawer__close-btn {
    z-index: var(--zindex-fixed-element);
    top: var(--space-xxs);
    right: var(--space-xxs);
    width: 2em;
    height: 2em;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.95);
    box-shadow: var(--shadow-sm);
    transition: .2s
}

    .drawer__close-btn:hover {
        background-color: var(--color-bg);
        box-shadow: var(--shadow-md)
    }

    .drawer__close-btn .icon {
        display: block;
        color: var(--color-contrast-high)
    }

.drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: var(--space-xs) var(--component-padding);
    border-bottom: 1px solid var(--color-contrast-lower)
}

.drawer--modal {
    max-width: none;
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0);
    transition: background-color .3s,visibility 0s .3s
}

    .drawer--modal.drawer--is-visible {
        background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.6);
        transition: background-color .3s
    }

    .drawer--modal.drawer--open-left .drawer__content {
        right: auto;
        left: 0
    }

    .drawer--modal .drawer__content {
        max-width: var(--drawer-width)
    }

:root {
    --expandable-search-size: 1em
}

.expandable-search {
    position: relative;
    display: inline-block;
    font-size: var(--expandable-search-size)
}

    .expandable-search .form-label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: transparent;
        overflow: hidden;
        padding: 0;
        border: 0;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 2;
        cursor: pointer
    }

    .expandable-search .form-control {
        width: 2.2em;
        height: 2.2em;
        padding: 0;
        color: transparent;
        overflow: hidden;
        transition: width .3s var(--ease-out)
    }

        .expandable-search .form-control.form-control--has-content, .expandable-search .form-control:focus {
            width: 10em;
            padding: 0 2.2em 0 var(--space-xs);
            color: var(--color-contrast-high)
        }

            .expandable-search .form-control.form-control--has-content + .form-label, .expandable-search .form-control:focus + .form-label {
                clip: rect(1px,1px,1px,1px);
                -webkit-clip-path: inset(50%);
                clip-path: inset(50%);
                width: 1px;
                height: 1px
            }

        .expandable-search .form-control::-webkit-search-cancel-button, .expandable-search .form-control::-webkit-search-decoration, .expandable-search .form-control::-webkit-search-results-button, .expandable-search .form-control::-webkit-search-results-decoration {
            display: none
        }

.expandable-search__btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.2em;
    height: 2.2em;
    z-index: 1
}

.flash-message {
    position: fixed;
    bottom: var(--space-md);
    left: var(--space-md);
    z-index: var(--zindex-fixed-element);
    background-color: var(--color-bg);
    padding: var(--space-sm);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-md);
    color: var(--color-contrast-high);
    font-size: var(--text-sm);
    transition: .2s;
    transform: translateY(16px);
    transform-origin: bottom left;
    opacity: 0;
    visibility: hidden
}

.flash-message--is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.js .floating-label {
    position: relative
}

    .js .floating-label .form-label {
        position: absolute;
        top: -2px;
        transition: transform .2s;
        transform: translateY(-80%);
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%)
    }

    .js .floating-label .form-label--floating {
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        transform: translateY(-100%)
    }

.custom-checkbox {
    display: inline-block;
    position: relative;
    font-size: 32px
}

.custom-checkbox__input {
    position: relative;
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 1em;
    width: 1em;
    display: block;
    z-index: 1
}

.custom-checkbox__label {
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

.custom-checkbox__control {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    transition: transform .2s;
    color: var(--color-contrast-low)
}

    .custom-checkbox__control:after, .custom-checkbox__control:before {
        content: "";
        position: absolute
    }

    .custom-checkbox__control:before {
        width: 160%;
        height: 160%;
        background-color: currentColor;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) scale(0);
        opacity: 0;
        border-radius: 50%;
        transition: transform .2s;
        will-change: transform
    }

    .custom-checkbox__control:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--color-bg);
        border-radius: .2em;
        box-shadow: inset 0 0 0 2px var(--color-contrast-low)
    }

.custom-checkbox__input:checked ~ .custom-checkbox__control {
    color: var(--color-primary)
}

    .custom-checkbox__input:checked ~ .custom-checkbox__control:after {
        background-color: currentColor;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.5 8l4 4 7-9'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: .85em;
        box-shadow: none
    }

.custom-checkbox__input:active ~ .custom-checkbox__control {
    transform: scale(.9)
}

.custom-checkbox__input:checked:active ~ .custom-checkbox__control {
    transform: scale(1)
}

.custom-checkbox__input:focus ~ .custom-checkbox__control:before {
    opacity: .2;
    transform: translate(-50%,-50%) scale(1)
}

.custom-checkbox--icon .custom-checkbox__control:after {
    display: none
}

.custom-checkbox--icon .icon {
    display: block;
    color: inherit;
    position: relative;
    z-index: 1
}

.input-group {
    display: flex
}

    .input-group > * + :not(:last-child) {
        border-radius: 0
    }

    .input-group > :first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group > :last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group > :focus {
        position: relative;
        z-index: 1
    }

.input-group__tag {
    display: inline-block;
    display: flex;
    align-items: center;
    padding: 0 var(--space-sm);
    background-color: var(--color-contrast-lower);
    border-radius: var(--radius-md);
    white-space: nowrap;
    color: var(--color-contrast-medium)
}

.form-control-wrapper {
    position: relative
}

    .form-control-wrapper .icon {
        display: block;
        position: absolute;
        top: calc(50% - .5em);
        pointer-events: none
    }

.form-control-wrapper--icon-left .icon {
    left: var(--form-control-padding-x)
}

.form-control-wrapper--icon-left .form-control {
    padding-left: calc(var(--form-control-padding-x) + 1em + var(--space-xxs))
}

.form-control-wrapper--icon-right .icon {
    right: var(--form-control-padding-x)
}

.form-control-wrapper--icon-right .form-control {
    padding-right: calc(var(--form-control-padding-x) + 1em + var(--space-xxs))
}

.language-picker {
    display: inline-block;
    position: relative
}

.js .language-picker__form {
    display: none
}

.language-picker__button .icon {
    height: 12px;
    width: 12px;
    margin-left: var(--space-xxxs)
}

.language-picker__dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    width: 140px;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-sm);
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    z-index: var(--zindex-popover);
    --space-unit: 1rem;
    --space-xxxxs: 0.125rem;
    --space-xxxs: 0.25rem;
    --space-xxs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.25rem;
    --space-xxl: 5.25rem;
    --space-xxxl: 8.5rem;
    --space-xxxxl: 13.75rem;
    --component-padding: var(--space-md);
    font-size: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s,opacity .2s,transform .2s ease-out
}

.language-picker__button[aria-expanded=true] + .language-picker__dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(4px);
    transition: opacity .2s,transform .2s ease-out
}

.language-picker__item {
    text-decoration: none;
    padding: var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);
    color: var(--color-contrast-high)
}

    .language-picker__item span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .language-picker__item:hover {
        background-color: var(--color-contrast-lower)
    }

    .language-picker__item[aria-selected=true] {
        position: relative;
        background-color: var(--color-primary);
        color: var(--color-white);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

        .language-picker__item[aria-selected=true]:after {
            content: "";
            position: absolute;
            top: .5rem;
            height: 16px;
            width: 16px;
            font-family: Font Awesome\ 5 Pro;
            content: "\f00c";
            right: var(--space-sm)
        }

.language-picker__flag {
    display: block;
    display: flex;
    align-items: center
}

    .language-picker__flag:before {
        display: inline-block;
        flex-shrink: 0;
        content: "";
        height: 10px;
        width: 15px;
        margin-right: var(--space-xxs);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

.language-picker__dropdown .language-picker__flag:before {
    margin-right: var(--space-xs)
}

.language-picker__flag--ca:before, .language-picker__flag--fr:before {
    background-image: url(/img/flag-ca.png)
}

.language-picker__flag--us:before {
    background-image: url(/img/flag-us.png)
}

.language-picker--hide-label .language-picker__button .icon {
    margin-left: 0
}

.language-picker--hide-label .language-picker__button em {
    display: none
}

.language-picker--hide-label .language-picker__button .language-picker__flag:before {
    margin-right: var(--space-xxxs)
}

@media (min-width:64rem) {
    .main-footer__content {
        display: flex;
        justify-content: space-between
    }
}

.main-footer__logo {
    flex-shrink: 0;
    margin-bottom: var(--space-md)
}

    .main-footer__logo a, .main-footer__logo img, .main-footer__logo svg {
        width: 130px;
        height: 32px;
        display: block
    }

@media (min-width:64rem) {
    .main-footer__nav {
        width: calc(100% - 420px)
    }
}

@media (min-width:80rem) {
    .main-footer__nav {
        width: auto
    }
}

.main-footer__nav-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.main-footer__nav-item {
    display: grid;
    grid-gap: var(--space-xxs);
    margin-bottom: var(--space-md);
    width: 100%;
    padding-right: var(--space-sm)
}

@media (min-width:32rem) {
    .main-footer__nav-item {
        width: 50%
    }
}

@media (min-width:80rem) {
    .main-footer__nav-item {
        grid-gap: var(--space-xs);
        width: 240px
    }
}

.main-footer__nav-item a {
    color: var(--color-contrast-medium)
}

    .main-footer__nav-item a:hover {
        color: var(--color-contrast-high)
    }

@media (min-width:80rem) {
    .main-footer__nav-item a {
        font-size: .9em
    }
}

.main-footer__colophon {
    border-top: 1px solid var(--color-contrast-low);
    padding-top: var(--space-xxxs);
    margin-top: var(--space-md);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.main-footer__colophon-nav {
    font-size: var(--text-sm);
    color: var(--color-contrast-medium);
    margin-right: var(--space-sm)
}

    .main-footer__colophon-nav > * {
        margin-right: var(--space-xxs)
    }

    .main-footer__colophon-nav a {
        color: inherit
    }

        .main-footer__colophon-nav a:hover {
            color: var(--color-contrast-high)
        }

@media (min-width:64rem) {
    .main-footer__colophon-nav {
        font-size: var(--text-xs)
    }
}

.main-footer__socials {
    display: flex;
    margin: var(--space-xxs) 0
}

    .main-footer__socials a {
        text-decoration: none;
        display: inline-block;
        margin-left: var(--space-xxs);
        color: var(--color-contrast-medium)
    }

        .main-footer__socials a:hover {
            color: var(--color-contrast-high)
        }

        .main-footer__socials a svg {
            display: block;
            width: 1em;
            height: 1em;
            color: inherit
        }

:root {
    --main-header-height: 80px;
    --main-header-height-md: 80px
}

.main-header {
    position: relative;
    background-color: var(--color-bg);
    z-index: var(--zindex-header)
}

.main-header__layout {
    padding: var(--space-sm) 0
}

    .main-header__layout i {
        cursor: pointer
    }

.main-header__logo a, .main-header__logo img, .main-header__logo svg {
    display: block
}

.main-header__nav {
    margin-top: var(--space-sm);
    font-size: 1.25em
}

.main-header__nav-label {
    color: var(--color-contrast-medium)
}

.main-header__nav-item, .main-header__nav-label {
    margin-bottom: var(--space-xs)
}

.main-header__nav-link {
    text-transform: uppercase;
    font-size: 1.125rem;
    color: var(--color-contrast-higher)
}

    .main-header__nav-link[aria-current] {
        color: var(--color-primary)
    }

.main-header__nav-divider {
    height: 1px;
    width: 100%;
    background-color: var(--color-contrast-low)
}

.main-header__nav-trigger {
    display: none
}

.main-header__nav-trigger-icon {
    position: relative;
    display: block;
    height: 2px;
    width: 1em;
    background-color: currentColor;
    margin-right: var(--space-xxs);
    transition: .2s
}

    .main-header__nav-trigger-icon:after, .main-header__nav-trigger-icon:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: inherit;
        height: inherit;
        background-color: currentColor;
        transition: .2s
    }

    .main-header__nav-trigger-icon:before {
        transform: translateY(-5px)
    }

    .main-header__nav-trigger-icon:after {
        transform: translateY(5px)
    }

.main-header__nav-trigger[aria-expanded=true] .main-header__nav-trigger-icon {
    background-color: transparent
}

    .main-header__nav-trigger[aria-expanded=true] .main-header__nav-trigger-icon:before {
        transform: rotate(45deg)
    }

    .main-header__nav-trigger[aria-expanded=true] .main-header__nav-trigger-icon:after {
        transform: rotate(-45deg)
    }

.js .main-header, .js .main-header__layout {
    height: var(--main-header-height)
}

.js .main-header__layout {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.js .main-header__nav {
    margin-top: 0;
    position: absolute;
    top: var(--main-header-height);
    left: 0;
    width: 100%;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    padding: var(--component-padding);
    display: none
}

.js .main-header__nav--is-visible {
    display: block
}

.js .main-header__nav-trigger {
    display: inline-flex
}

@media (min-width:64rem) {
    .main-header, .main-header__layout {
        height: var(--main-header-height-md)
    }

    .main-header__layout {
        padding: 0;
        display: table;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .main-header__logo {
        display: table-cell;
        vertical-align: middle
    }

    .main-header__nav {
        float: right;
        margin-top: 0;
        font-size: .875em
    }

    .main-header__nav-label {
        position: absolute;
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%)
    }

    .main-header__nav-list {
        display: flex;
        align-items: center
    }

    .main-header__nav-item {
        display: inline-block;
        margin-bottom: 0;
        margin-left: var(--space-md)
    }

    .main-header__nav-divider {
        height: 1em;
        width: 1px
    }

    .js .main-header, .js .main-header__layout {
        height: var(--main-header-height-md)
    }

    .js .main-header__nav {
        padding: 0;
        background-color: transparent;
        position: static;
        width: auto;
        box-shadow: none;
        display: block
    }

    .js .main-header__nav-trigger {
        display: none
    }
}

:root {
    --masonry-grid-gap: var(--space-sm);
    --masonry-col-auto-size: 280px
}

.masonry__loader {
    display: none
}

.masonry__list {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--masonry-grid-gap)*-1);
    margin-bottom: calc(var(--masonry-grid-gap)*-1)
}

.masonry__item {
    display: inline-block;
    width: var(--masonry-col-auto-size);
    margin-right: var(--masonry-grid-gap);
    margin-bottom: var(--masonry-grid-gap)
}

.js .masonry {
    position: relative
}

.js .masonry__loader {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.js .masonry__list {
    opacity: 0;
    transition: opacity .4s
}

.js .masonry--loaded .masonry__loader {
    display: none
}

.js .masonry--loaded .masonry__list {
    opacity: 1
}

@supports (flex-basis:0px) {
    .js .masonry__list {
        flex-direction: column
    }

    .js .masonry__item {
        flex-basis: 0px
    }
}

:root {
    --menu-item-padding: var(--space-xxs) var(--space-sm)
}

.menu-wrapper {
    display: inline-block;
    position: relative
}

.menu {
    list-style: none;
    width: 220px;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    background-color: var(--color-bg);
    box-shadow: var(--shadow-sm);
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    z-index: var(--zindex-popover);
    --space-unit: 1rem;
    --space-xxxxs: 0.125rem;
    --space-xxxs: 0.25rem;
    --space-xxs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.25rem;
    --space-xxl: 5.25rem;
    --space-xxxl: 8.5rem;
    --space-xxxxl: 13.75rem;
    --component-padding: var(--space-md);
    font-size: 1rem;
    transform: translateY(-4px);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s,opacity .2s,transform .2s ease-out
}

.menu--is-visible, .menu--is-visible .menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s,transform .2s ease-out
}

.menu__item {
    text-decoration: none;
    display: block;
    display: flex;
    align-items: center;
    padding: var(--menu-item-padding);
    color: var(--color-contrast-high);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .menu__item:hover {
        background-color: var(--color-contrast-lower)
    }

.menu__label-wrapper {
    padding: var(--menu-item-padding)
}

.menu__label {
    text-transform: uppercase;
    font-size: .6em;
    letter-spacing: .1em;
    color: var(--color-contrast-medium)
}

.menu__separator {
    height: 1px;
    background-color: var(--color-contrast-low);
    margin: var(--menu-item-padding)
}

.menu__icon {
    color: var(--color-contrast-medium);
    margin-right: var(--space-xxs)
}

.modal:not(.modal--is-visible) {
    pointer-events: none;
    background-color: transparent
}

.modal__close-btn {
    display: flex;
    flex-shrink: 0;
    transition: .2s
}

    .modal__close-btn .icon {
        margin: auto
    }

.modal__close-btn--outer {
    width: 48px;
    height: 48px;
    position: fixed;
    top: var(--space-sm);
    right: var(--space-sm);
    z-index: var(--zindex-fixed-element);
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.8)
}

    .modal__close-btn--outer:hover {
        background-color: var(--color-contrast-higher)
    }

    .modal__close-btn--outer .icon {
        color: var(--color-bg)
    }

.modal__close-btn--inner {
    width: 2em;
    height: 2em;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-sm)
}

    .modal__close-btn--inner .icon {
        color: inherit
    }

    .modal__close-btn--inner:hover {
        box-shadow: var(--shadow-md)
    }

:root {
    --modal-transition-duration: 0.2s
}

@media (prefers-reduced-motion:no-preference) {
    .modal--animate-fade {
        --modal-transition-duration: 0.2s;
        transition: opacity var(--modal-transition-duration),background-color var(--modal-transition-duration),visibility 0s var(--modal-transition-duration)
    }

        .modal--animate-fade.modal--is-visible {
            transition: opacity var(--modal-transition-duration),background-color var(--modal-transition-duration),visibility 0s
        }

    .modal--animate-scale, .modal--animate-translate-down, .modal--animate-translate-left, .modal--animate-translate-right, .modal--animate-translate-up {
        --modal-transition-duration: .2s;
        transition: opacity var(--modal-transition-duration),background-color var(--modal-transition-duration),visibility 0s var(--modal-transition-duration)
    }

        .modal--animate-scale .modal__content, .modal--animate-translate-down .modal__content, .modal--animate-translate-left .modal__content, .modal--animate-translate-right .modal__content, .modal--animate-translate-up .modal__content {
            will-change: transform;
            transition: transform var(--modal-transition-duration) var(--ease-out)
        }

        .modal--animate-scale.modal--is-visible, .modal--animate-translate-down.modal--is-visible, .modal--animate-translate-left.modal--is-visible, .modal--animate-translate-right.modal--is-visible, .modal--animate-translate-up.modal--is-visible {
            transition: opacity var(--modal-transition-duration),background-color var(--modal-transition-duration),visibility 0s
        }

            .modal--animate-scale.modal--is-visible .modal__content, .modal--animate-translate-down.modal--is-visible .modal__content, .modal--animate-translate-left.modal--is-visible .modal__content, .modal--animate-translate-right.modal--is-visible .modal__content, .modal--animate-translate-up.modal--is-visible .modal__content {
                transform: scale(1)
            }

    .modal--animate-slide-down, .modal--animate-slide-left, .modal--animate-slide-right, .modal--animate-slide-up {
        --modal-transition-duration: 0.3s;
        transition: opacity 0s var(--modal-transition-duration),background-color var(--modal-transition-duration),visibility 0s var(--modal-transition-duration)
    }

        .modal--animate-slide-down .modal__content, .modal--animate-slide-left .modal__content, .modal--animate-slide-right .modal__content, .modal--animate-slide-up .modal__content {
            will-change: transform;
            transition: transform var(--modal-transition-duration) var(--ease-out)
        }

        .modal--animate-slide-down.modal--is-visible, .modal--animate-slide-left.modal--is-visible, .modal--animate-slide-right.modal--is-visible, .modal--animate-slide-up.modal--is-visible {
            transition: background-color var(--modal-transition-duration),visibility 0s
        }

            .modal--animate-slide-down.modal--is-visible .modal__content, .modal--animate-slide-left.modal--is-visible .modal__content, .modal--animate-slide-right.modal--is-visible .modal__content, .modal--animate-slide-up.modal--is-visible .modal__content {
                transform: scale(1)
            }

    .modal--animate-scale .modal__content {
        transform: scale(.95)
    }

    .modal--animate-translate-up .modal__content {
        transform: translateY(40px)
    }

    .modal--animate-translate-down .modal__content {
        transform: translateY(-40px)
    }

    .modal--animate-translate-right .modal__content {
        transform: translateX(-40px)
    }

    .modal--animate-translate-left .modal__content {
        transform: translateX(40px)
    }

    .modal--animate-slide-up .modal__content {
        transform: translateY(100%)
    }

    .modal--animate-slide-down .modal__content {
        transform: translateY(-100%)
    }

    .modal--animate-slide-right .modal__content {
        transform: translateX(-100%)
    }

    .modal--animate-slide-left .modal__content {
        transform: translateX(100%)
    }
}

.modal--is-loading .modal__content {
    visibility: hidden
}

.modal--is-loading .modal__loader {
    display: flex
}

.modal__loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    pointer-events: none
}

.modal-xs .modal__content {
    max-width: 300px
}

.notice {
    position: fixed;
    width: 100%;
    pointer-events: none;
    z-index: 11;
    bottom: 20px
}

.notice__banner {
    pointer-events: auto;
    width: 85%
}

.notice--hide {
    opacity: 0;
    visibility: hidden
}

@media screen and (prefers-reduced-motion:no-preference) {
    .notice {
        transition: opacity .3s,visibility 0s .3s
    }

    .notice__banner {
        transition: transform .3s
    }

    .notice--hide .notice__banner {
        transform: translateY(20px)
    }
}

@media (max-width:480px) {
    .notice {
        bottom: 10px
    }

    .notice__banner {
        width: 95%
    }
}

:root {
    --password-btn-width: 3.5em;
    --password-icon-size: 1.5em
}

.password {
    position: relative
}

.password__btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: var(--password-btn-width);
    background-color: hsla(0,0%,100%,0);
    justify-content: center;
    align-items: center;
    display: none
}

    .password__btn:focus {
        color: var(--color-primary)
    }

.password__btn-label:last-child {
    display: none
}

.password__btn-label .icon {
    width: var(--password-icon-size);
    height: var(--password-icon-size)
}

.password--text-is-visible .password__btn-label:first-child {
    display: none
}

.password--text-is-visible .password__btn-label:last-child {
    display: inline-block
}

.js .password__input {
    padding-right: calc(var(--space-sm) + var(--password-btn-width))
}

    .js .password__input::-ms-reveal {
        display: none
    }

.js .password__btn {
    display: block;
    display: flex
}

.progress-bar {
    width: 200px
}

.progress-bar__bg {
    position: relative;
    height: 8px;
    border-radius: 50em;
    background-color: var(--color-contrast-low);
    flex-grow: 1;
    overflow: hidden
}

.progress-bar__fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #000
}

.progress-bar__value {
    flex-shrink: 0
}

.js .progress-bar--color-update:not(.progress-bar--init) .progress-bar__fill, .js .progress-bar--color-update:not(.progress-bar--init) .progress-bar__value, .js .progress-bar[data-animation=on]:not(.progress-bar--init) .progress-bar__fill, .js .progress-bar[data-animation=on]:not(.progress-bar--init) .progress-bar__value {
    opacity: 0
}

.progress-bar--color-update {
    --progress-bar-color-1: 30;
    --progress-bar-color-2: 65;
    --progress-bar-color-3: 100
}

    .progress-bar--color-update.progress-bar--init .progress-bar__fill {
        transition: background-color .3s
    }

.progress-bar--fill-color-1 .progress-bar__fill {
    background-color: var(--color-error)
}

.progress-bar--fill-color-2 .progress-bar__fill {
    background-color: var(--color-warning)
}

.progress-bar--fill-color-3 .progress-bar__fill {
    background-color: var(--color-success)
}

:root {
    --radio-switch-width: 130px;
    --radio-switch-height: 32px;
    --radio-switch-padding: 3px;
    --radio-switch-radius: 50em;
    --radio-switch-animation-duration: 0.3s
}

.radio-switch {
    position: relative;
    display: inline-block;
    display: inline-flex;
    padding: var(--radio-switch-padding);
    border-radius: calc(var(--radio-switch-radius)*1.4);
    background-color: var(--color-contrast-low)
}

.radio-switch__item {
    position: relative;
    display: inline-block;
    height: calc(var(--radio-switch-height) - var(--radio-switch-padding)*2);
    width: calc(var(--radio-switch-width)*0.5 - var(--radio-switch-padding))
}

.radio-switch__label {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: var(--radio-switch-radius);
    cursor: pointer;
    font-size: var(--text-sm);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all var(--radio-switch-animation-duration)
}

    .radio-switch__label span {
        background: #424242;
        height: 7px;
        width: 6px;
        margin: 0 1px;
        border-radius: 1px
    }

.radio-switch__input:checked ~ .radio-switch__label {
    color: var(--color-white)
}

.radio-switch__input:focus ~ .radio-switch__label {
    background-color: hsl(var(--color-white-h),var(--color-white-s),calc(var(--color-white-l)*0.6))
}

.radio-switch__input:focus ~ .radio-switch__label, .radio-switch__label :not(*):focus-within {
    background-color: transparent
}

.radio-switch__marker {
    position: absolute;
    z-index: 0;
    top: 0;
    left: -100%;
    border-radius: var(--radio-switch-radius);
    background-color: var(--color-white);
    height: calc(var(--radio-switch-height) - var(--radio-switch-padding)*2);
    width: calc(var(--radio-switch-width)*0.5 - var(--radio-switch-padding));
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    transition: transform var(--radio-switch-animation-duration)
}

.radio-switch__input:checked ~ .radio-switch__marker {
    transform: translateX(100%)
}

:root {
    --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
}

.checkbox, .radio {
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none
}

    .checkbox + label, .radio + label {
        display: inline-block;
        display: inline-flex;
        align-items: baseline;
        line-height: var(--checkbox-radio-line-height);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        cursor: pointer
    }

        .checkbox + label:before, .radio + 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: var(--checkbox-radio-border-width) solid var(--color-contrast-low);
            margin-right: var(--checkbox-radio-gap);
            background-repeat: no-repeat;
            background-position: 50%;
            transition: transform .2s,border .2s
        }

    .checkbox:not(:checked):not(:focus) + label:hover:before, .radio:not(:checked):not(:focus) + label:hover:before {
        border-color: var(--color-contrast-medium)
    }

@supports (grid-area:auto) {
    .checkbox + label:before, .radio + label:before {
        position: relative;
        top: var(--checkbox-radio-translate-y)
    }
}

.radio + label:before {
    border-radius: 50%
}

.checkbox + label:before {
    border-radius: var(--checkbox-radius)
}

.checkbox:checked + label:before, .radio:checked + label:before {
    background-color: var(--color-primary);
    box-shadow: none;
    border-color: var(--color-primary);
    transition: transform .2s
}

.checkbox:active + label:before, .radio:active + label:before {
    transform: scale(.8);
    transition: transform .2s
}

.checkbox:checked:active + label:before, .radio: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)
}

.checkbox:checked:active + label:before, .checkbox:focus + label:before, .radio:checked:active + label:before, .radio:focus + label:before {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2)
}

.checkbox--bg + label, .radio--bg + label {
    padding: var(--space-xxxxs) var(--space-xxxs);
    border-radius: var(--radius-md);
    transition: background .2s
}

    .checkbox--bg + label:hover, .radio--bg + label:hover {
        background-color: var(--color-contrast-lower)
    }

.checkbox--bg:active + label, .checkbox--bg:focus + label, .radio--bg:active + label, .radio--bg:focus + label {
    background-color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.1)
}

:root {
    --rating-icon-size: 1.4em
}

.rating__control ul {
    margin-left: -2px;
    display: flex;
}

.rating__control li {
    position: relative;
    height: var(--rating-icon-size);
    width: var(--rating-icon-size);
    float: left;
    cursor: pointer
}

    .rating__control li:focus {
        outline: none
    }

        .rating__control li:focus:before {
            transform: scale(1);
            opacity: .2
        }

    .rating__control li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: currentColor;
        border-radius: 50%;
        opacity: 0;
        transform: scale(0);
        transition: .2s
    }

    .rating__control--is-hidden, .rating__control li.rating__item--zero {
        display: none
    }

    .rating[data-animation=on] .rating__control ul:hover .rating__icon, .rating__control li:before, .rating__icon {
        color: black
    }

.rating[data-animation=on] .rating__control li:hover ~ li .rating__icon, .rating__icon--inactive, .rating__item--checked ~ li .rating__icon {
    color: var(--color-contrast-low)
}

.rating__icon {
    overflow: hidden
}

    .rating__icon svg {
        display: block;
        height: var(--rating-icon-size);
        width: var(--rating-icon-size);
        max-width: var(--rating-icon-size);
        pointer-events: none
    }

.rating--read-only .rating__control li {
    cursor: default
}

.rating__icon--inactive {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.rating__item--half .rating__icon:not(.rating__icon--inactive) {
    position: relative;
    z-index: 2;
    width: 50%
}

.rating[data-animation=on] .rating__control li:active .rating__icon {
    transform: scale(.8)
}

.rating[data-animation=on] .rating__icon {
    transition: .2s
}

.js .rating__select {
    display: none
}

.sidebar:not(.sidebar--static) {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--zindex-fixed-element);
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s .3s
}

    .sidebar:not(.sidebar--static):after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),0);
        transition: background-color .3s;
        z-index: 1
    }

    .sidebar:not(.sidebar--static) .sidebar__panel {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        max-width: 380px;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background-color: var(--color-bg);
        transform: translateX(-100%);
        transition: .3s
    }

    .sidebar:not(.sidebar--static).sidebar--right-on-mobile .sidebar__panel {
        left: auto;
        right: 0;
        transform: translateX(100%)
    }

    .sidebar:not(.sidebar--static).sidebar--is-visible {
        visibility: visible;
        transition: none
    }

        .sidebar:not(.sidebar--static).sidebar--is-visible:after {
            background-color: hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.85)
        }

        .sidebar:not(.sidebar--static).sidebar--is-visible .sidebar__panel {
            transform: translateX(0);
            box-shadow: var(--shadow-md)
        }

.sidebar__header {
    align-items: center;
    justify-content: space-between;
    padding: var(--space-sm) var(--space-md);
    border-bottom: 2px solid var(--color-contrast-lower);
    position: sticky;
    top: 0
}

.sidebar__close-btn, .sidebar__header {
    background-color: var(--color-bg);
    display: flex
}

.sidebar__close-btn {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    box-shadow: var(--shadow-sm);
    transition: .2s;
    flex-shrink: 0
}

    .sidebar__close-btn:hover {
        box-shadow: var(--shadow-md)
    }

    .sidebar__close-btn .icon {
        display: block;
        color: var(--color-contrast-high);
        margin: auto
    }

.sidebar--static, html:not(.js) .sidebar {
    flex-shrink: 0;
    flex-grow: 1
}

    .sidebar--static .sidebar__header, html:not(.js) .sidebar .sidebar__header {
        display: none
    }

.sidebar--sticky-on-desktop {
    position: sticky;
    top: var(--space-sm);
    max-height: calc(100vh - var(--space-sm));
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.js .sidebar {
    opacity: 0
}

.js .sidebar--loaded {
    opacity: 1
}

html:not(.js) .sidebar {
    position: static
}

[class*=sidebar--static]:before {
    display: none
}

.sidebar--static\@xs:before {
    content: "mobile"
}

@media (min-width:32rem) {
    .sidebar--static\@xs:before {
        content: "static"
    }
}

.sidebar--static\@sm:before {
    content: "mobile"
}

@media (min-width:48rem) {
    .sidebar--static\@sm:before {
        content: "static"
    }
}

.sidebar--static\@md:before {
    content: "mobile"
}

@media (min-width:64rem) {
    .sidebar--static\@md:before {
        content: "static"
    }
}

.sidebar--static\@lg:before {
    content: "mobile"
}

@media (min-width:80rem) {
    .sidebar--static\@lg:before {
        content: "static"
    }
}

.sidebar--static\@xl:before {
    content: "mobile"
}

@media (min-width:90rem) {
    .sidebar--static\@xl:before {
        content: "static"
    }
}

.sidebar--static\@xxl:before {
    content: "mobile"
}

@media (min-width:100rem) {
    .sidebar--static\@xxl:before {
        content: "static"
    }
}

.sidebar--static\@xxxl:before {
    content: "mobile"
}

@media (min-width:110rem) {
    .sidebar--static\@xxxl:before {
        content: "static"
    }
}

.sidebar--static\@xxxxl:before {
    content: "mobile"
}

@media (min-width:120rem) {
    .sidebar--static\@xxxxl:before {
        content: "static"
    }
}

:root {
    --sidenav-list-item-height: 32px;
    --sidenav-list-item-h-padding: 12px;
    --sidenav-icon-size: 16px;
    --sidenav-icon-text-gap: 8px;
    --sidenav-sublist-control-size: 20px;
    --sidenav-sublist-control-margin-left: 4px;
    --sidenav-sublist-control-margin-right: 4px
}

.sidenav {
    --space-unit: 1rem;
    --space-xxxxs: 0.125rem;
    --space-xxxs: 0.25rem;
    --space-xxs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.25rem;
    --space-xxl: 5.25rem;
    --space-xxxl: 8.5rem;
    --space-xxxxl: 13.75rem;
    --component-padding: var(--space-md)
}

.sidenav__list .sidenav__list {
    display: none
}

    .sidenav__list .sidenav__list .sidenav__link {
        padding-left: calc(var(--sidenav-sublist-control-margin-left) + var(--sidenav-sublist-control-size) + var(--sidenav-sublist-control-margin-right) + var(--sidenav-icon-size) + var(--sidenav-icon-text-gap))
    }

.sidenav__item {
    position: relative
}

.sidenav__item--expanded .sidenav__list {
    display: block
}

.sidenav__item--expanded .sidenav__sublist-control .icon {
    transform: rotate(90deg)
}

.sidenav__link {
    display: block;
    display: flex;
    height: var(--sidenav-list-item-height);
    align-items: center;
    padding: 0 var(--sidenav-list-item-h-padding) 0 calc(var(--sidenav-sublist-control-margin-left) + var(--sidenav-sublist-control-size) + var(--sidenav-sublist-control-margin-right));
    text-decoration: none;
    color: var(--color-contrast-high)
}

    .sidenav__link:hover {
        background-color: var(--color-contrast-lower)
    }

    .sidenav__link[aria-current=page] {
        background-color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.1);
        color: var(--color-primary)
    }

.sidenav__icon {
    font-size: var(--sidenav-icon-size);
    margin-right: var(--sidenav-icon-text-gap)
}

.sidenav__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: var(--space-xxs)
}

.sidenav__counter {
    display: inline-block;
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.15);
    font-size: var(--text-xs);
    padding: var(--space-xxxxs) var(--space-xxs);
    border-radius: 50em;
    margin-left: auto
}

.sidenav__sublist-control {
    display: block;
    width: var(--sidenav-sublist-control-size);
    height: var(--sidenav-sublist-control-size);
    border-radius: 50%;
    position: absolute;
    left: var(--sidenav-sublist-control-margin-left);
    top: calc(var(--sidenav-list-item-height)/2 - var(--sidenav-sublist-control-size)/2)
}

    .sidenav__sublist-control .icon, .sidenav__sublist-control .icon-static {
        display: block;
        width: 12px;
        height: 12px;
        margin: auto;
        transition: transform .2s
    }

    .sidenav__sublist-control:hover {
        background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.15)
    }

.sidenav__label {
    padding: var(--space-sm) var(--sidenav-list-item-h-padding) var(--space-xxs);
    padding-left: calc(var(--sidenav-sublist-control-margin-left) + var(--sidenav-sublist-control-size) + var(--sidenav-sublist-control-margin-right));
    color: var(--color-contrast-medium);
    font-size: var(--text-sm)
}

.sidenav__divider {
    width: 100%;
    height: 1px;
    background-color: var(--color-contrast-lower);
    margin: var(--space-xs) 0
}

.sidenav--basic .sidenav__label, .sidenav--basic .sidenav__link {
    padding-left: var(--sidenav-list-item-h-padding)
}

.sidenav--minified {
    --sidenav-list-item-height: auto
}

    .sidenav--minified .sidenav__list .sidenav__list {
        display: none !important
    }

    .sidenav--minified .sidenav__label, .sidenav--minified .sidenav__link {
        padding-left: var(--sidenav-list-item-h-padding)
    }

    .sidenav--minified .sidenav__link {
        flex-direction: column;
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }

    .sidenav--minified .sidenav__icon {
        margin: 0 0 var(--sidenav-icon-text-gap)
    }

    .sidenav--minified .sidenav__text {
        padding: 0;
        font-size: var(--text-sm)
    }

    .sidenav--minified .sidenav__counter, .sidenav--minified .sidenav__sublist-control {
        display: none
    }

.sr-progress-bar {
    width: 100%;
    height: 30px
}

.sr-progress-bar__bg {
    position: relative;
    height: 8px;
    border-radius: 50em;
    background-color: #f5f5f5;
    flex-grow: 1;
    overflow: hidden
}

.sr-progress-bar__fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #b7e1ff;
    border-radius: 50em
}

.sr-progress-bar__value {
    flex-shrink: 0
}

.js .sr-progress-bar--color-update:not(.sr-progress-bar--init) .sr-progress-bar__fill, .js .sr-progress-bar--color-update:not(.sr-progress-bar--init) .sr-progress-bar__value, .js .sr-progress-bar[data-animation=on]:not(.sr-progress-bar--init) .sr-progress-bar__fill, .js .sr-progress-bar[data-animation=on]:not(.sr-progress-bar--init) .sr-progress-bar__value {
    opacity: 0
}

.sr-progress-bar--color-update {
    --sr-progress-bar-color-1: 30;
    --sr-progress-bar-color-2: 65;
    --sr-progress-bar-color-3: 100
}

    .sr-progress-bar--color-update.sr-progress-bar--init .sr-progress-bar__fill {
        transition: background-color .3s
    }

.sr-progress-bar--fill-color-1 .sr-progress-bar__fill {
    background-color: var(--color-error)
}

.sr-progress-bar--fill-color-2 .sr-progress-bar__fill {
    background-color: var(--color-warning)
}

.sr-progress-bar--fill-color-3 .sr-progress-bar__fill {
    background-color: var(--color-success)
}

.switch-icon {
    position: relative;
    padding: var(--space-xxs)
}

.switch-icon--disabled {
    pointer-events: none
}

.switch-icon__icon {
    display: block;
    fill: currentColor;
    color: var(--color-contrast-higher);
    font-size: 2em;
    height: 1em;
    width: 1em;
    line-height: 1;
    will-change: transform
}

.switch-icon__icon--a {
    opacity: 1
}

.switch-icon__icon--b {
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
    opacity: 0
}

.switch-icon--hover:hover .switch-icon__icon--a, .switch-icon--state-b .switch-icon__icon--a {
    opacity: 0
}

.switch-icon--hover:hover .switch-icon__icon--b, .switch-icon--state-b .switch-icon__icon--b {
    opacity: 1
}

.switch-icon--scale .switch-icon__icon {
    transition: opacity 0s .2s,transform .4s
}

.switch-icon--scale .switch-icon__icon--a {
    transform: scale(1)
}

.switch-icon--scale.switch-icon--hover:hover .switch-icon__icon--a, .switch-icon--scale.switch-icon--state-b .switch-icon__icon--a, .switch-icon--scale .switch-icon__icon--b {
    transform: scale(.8)
}

.switch-icon--scale.switch-icon--hover:hover .switch-icon__icon--b, .switch-icon--scale.switch-icon--state-b .switch-icon__icon--b {
    transform: scale(1)
}

.switch-icon--rotate .switch-icon__icon {
    transition: opacity 0s .2s,transform .4s
}

.switch-icon--rotate .switch-icon__icon--a {
    transform: rotate(0)
}

.switch-icon--rotate .switch-icon__icon--b {
    transform: rotate(90deg)
}

.switch-icon--rotate.switch-icon--hover:hover .switch-icon__icon--a, .switch-icon--rotate.switch-icon--state-b .switch-icon__icon--a {
    transform: rotate(-90deg)
}

.switch-icon--rotate.switch-icon--hover:hover .switch-icon__icon--b, .switch-icon--rotate.switch-icon--state-b .switch-icon__icon--b {
    transform: rotate(0)
}

.switch-icon--flip {
    perspective: 10em
}

    .switch-icon--flip .switch-icon__icon {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform-style: preserve-3d;
        transition: opacity 0s .2s,transform .4s var(--bounce)
    }

    .switch-icon--flip .switch-icon__icon--a {
        opacity: 1;
        transform: rotateY(0deg)
    }

    .switch-icon--flip .switch-icon__icon--b {
        opacity: 1;
        transform: rotateY(-180deg)
    }

    .switch-icon--flip.switch-icon--hover:hover .switch-icon__icon--a, .switch-icon--flip.switch-icon--state-b .switch-icon__icon--a {
        opacity: 1;
        transform: rotateY(180deg)
    }

    .switch-icon--flip.switch-icon--hover:hover .switch-icon__icon--b, .switch-icon--flip.switch-icon--state-b .switch-icon__icon--b {
        opacity: 1;
        transform: rotateY(0deg)
    }

.switch-icon--slide-down, .switch-icon--slide-left, .switch-icon--slide-right, .switch-icon--slide-up {
    overflow: hidden
}

    .switch-icon--slide-down .switch-icon__icon, .switch-icon--slide-left .switch-icon__icon, .switch-icon--slide-right .switch-icon__icon, .switch-icon--slide-up .switch-icon__icon {
        transition: opacity .3s,transform .3s
    }

    .switch-icon--slide-up .switch-icon__icon--a {
        transform: translateY(0)
    }

    .switch-icon--slide-up .switch-icon__icon--b {
        transform: translateY(100%)
    }

    .switch-icon--slide-up.switch-icon--hover:hover .switch-icon__icon--a, .switch-icon--slide-up.switch-icon--state-b .switch-icon__icon--a {
        transform: translateY(-100%)
    }

    .switch-icon--slide-down .switch-icon__icon--a, .switch-icon--slide-up.switch-icon--hover:hover .switch-icon__icon--b, .switch-icon--slide-up.switch-icon--state-b .switch-icon__icon--b {
        transform: translateY(0)
    }

    .switch-icon--slide-down .switch-icon__icon--b {
        transform: translateY(-100%)
    }

    .switch-icon--slide-down.switch-icon--hover:hover .switch-icon__icon--a, .switch-icon--slide-down.switch-icon--state-b .switch-icon__icon--a {
        transform: translateY(100%)
    }

    .switch-icon--slide-down.switch-icon--hover:hover .switch-icon__icon--b, .switch-icon--slide-down.switch-icon--state-b .switch-icon__icon--b {
        transform: translateY(0)
    }

    .switch-icon--slide-right .switch-icon__icon--a {
        transform: translateX(0)
    }

    .switch-icon--slide-right .switch-icon__icon--b {
        transform: translateX(-100%)
    }

    .switch-icon--slide-right.switch-icon--hover:hover .switch-icon__icon--a, .switch-icon--slide-right.switch-icon--state-b .switch-icon__icon--a {
        transform: translateX(100%)
    }

    .switch-icon--slide-left .switch-icon__icon--a, .switch-icon--slide-right.switch-icon--hover:hover .switch-icon__icon--b, .switch-icon--slide-right.switch-icon--state-b .switch-icon__icon--b {
        transform: translateX(0)
    }

    .switch-icon--slide-left .switch-icon__icon--b {
        transform: translateX(100%)
    }

    .switch-icon--slide-left.switch-icon--hover:hover .switch-icon__icon--a, .switch-icon--slide-left.switch-icon--state-b .switch-icon__icon--a {
        transform: translateX(-100%)
    }

    .switch-icon--slide-left.switch-icon--hover:hover .switch-icon__icon--b, .switch-icon--slide-left.switch-icon--state-b .switch-icon__icon--b {
        transform: translateX(0)
    }

:root {
    --switch-width: 64px;
    --switch-height: 32px;
    --switch-padding: 3px;
    --switch-animation-duration: 0.2s
}

.switch {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    position: relative;
    width: var(--switch-width);
    height: var(--switch-height);
    border-radius: 50em;
    padding: var(--switch-padding) 0
}

.switch__input, .switch__label {
    position: absolute;
    left: 0;
    top: 0
}

.switch__input {
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none
}

    .switch__input:checked + .switch__label {
        background-color: var(--color-primary)
    }

        .switch__input:checked + .switch__label + .switch__marker {
            left: calc(100% - var(--switch-height) + var(--switch-padding))
        }

.switch__label {
    width: 100%;
    height: 100%;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: var(--color-contrast-low);
    border-radius: inherit;
    z-index: 1;
    transition: background var(--switch-animation-duration)
}

.switch__marker {
    position: relative;
    background-color: var(--color-white);
    width: calc(var(--switch-height) - var(--switch-padding)*2);
    height: calc(var(--switch-height) - var(--switch-padding)*2);
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    left: var(--switch-padding);
    transition: left var(--switch-animation-duration);
    will-change: left
}

.tabs-nav-v2 {
    --tabs-nav-border-width: 2px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: var(--tabs-nav-border-width) solid var(--color-contrast-low)
}

    .tabs-nav-v2 li {
        display: inline-block;
        margin-right: var(--space-xs);
        margin-bottom: var(--space-xs)
    }

.tabs-nav-v2__item {
    display: inline-block;
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-md);
    background-color: var(--color-contrast-low);
    color: inherit;
    white-space: nowrap
}

.tabs-nav-v2__item--selected {
    color: var(--color-white);
    background-color: var(--color-contrast-higher)
}

@media (min-width:64rem) {
    .tabs-nav-v2 li {
        margin: 0
    }

    .tabs-nav-v2__item {
        border-radius: var(--radius-md) var(--radius-md) 0 0;
        background-color: transparent;
        border: var(--tabs-nav-border-width) solid transparent;
        border-bottom: 0 solid transparent
    }

        .tabs-nav-v2__item:hover {
            background-color: var(--color-contrast-lower)
        }

    .tabs-nav-v2__item--selected {
        position: relative;
        background-color: var(--color-bg);
        color: var(--color-primary);
        border-color: var(--color-contrast-low)
    }

        .tabs-nav-v2__item--selected:after {
            content: "";
            position: absolute;
            bottom: calc(var(--tabs-nav-border-width)*-1);
            left: 0;
            width: 100%;
            height: var(--tabs-nav-border-width);
            background-color: var(--color-bg)
        }

        .tabs-nav-v2__item--selected:hover {
            background-color: var(--color-bg)
        }
}

:root {
    --tabs-border-width: 2px;
    --tabs-radius: 0.25em;
    --tabs-control-gap: 0;
    --tabs-control-radius: 0
}

.tabs {
    border: var(--tabs-border-width) solid var(--color-contrast-low);
    padding: var(--component-padding);
    border-radius: var(--tabs-radius);
    background-color: var(--color-bg)
}

.tabs__controls {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: var(--space-xs)
}

    .tabs__controls li {
        display: inline-block;
        margin: 0 var(--space-xs) var(--space-xs) 0
    }

    .tabs__controls a {
        display: inline-flex;
        background-color: var(--color-contrast-low);
        padding: var(--space-xs) var(--space-sm);
        white-space: nowrap;
        color: inherit;
        border-radius: var(--tabs-control-radius)
    }

        .tabs__controls a:hover {
            background-color: var(--color-contrast-lower)
        }

.tabs__panel {
    margin-bottom: var(--space-md)
}

.js .tabs__controls a {
    text-decoration: none
}

.js .tabs__controls .tabs__control--selected {
    background-color: var(--color-primary);
    color: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.js .tabs__panel {
    margin-bottom: 0;
    display: none
}

.js .tabs__panel--selected {
    display: block
}

@media (min-width:64rem) {
    .js .tabs {
        padding: 0;
        border: none;
        background-color: transparent
    }

    .js .tabs__controls {
        margin-bottom: 0
    }

        .js .tabs__controls li {
            margin-top: 0;
            margin-left: calc(var(--tabs-border-width)*-1);
            margin-right: var(--tabs-control-gap);
            margin-bottom: 0
        }

            .js .tabs__controls li:first-child {
                margin-left: 0
            }

                .js .tabs__controls li:first-child a {
                    border-radius: var(--tabs-radius) var(--tabs-control-radius) 0 0
                }

            .js .tabs__controls li:last-child a {
                border-radius: var(--tabs-control-radius) var(--tabs-radius) 0 0
            }

        .js .tabs__controls a {
            height: 100%;
            border: var(--tabs-border-width) solid transparent;
            border-bottom: 0 solid transparent;
            border-radius: var(--tabs-control-radius) var(--tabs-control-radius) 0 0
        }

        .js .tabs__controls .tabs__control--selected {
            background-color: var(--color-bg);
            color: var(--color-primary);
            position: relative;
            border-color: var(--color-contrast-low)
        }

            .js .tabs__controls .tabs__control--selected:hover {
                background-color: inherit
            }

            .js .tabs__controls .tabs__control--selected:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: calc(var(--tabs-border-width)*-1);
                width: 100%;
                height: var(--tabs-border-width);
                background-color: var(--color-bg);
                z-index: 1
            }

    .js .tabs__panels {
        border: var(--tabs-border-width) solid var(--color-contrast-low);
        border-radius: 0 var(--tabs-radius) var(--tabs-radius) var(--tabs-radius);
        background-color: var(--color-bg)
    }

    .js .tabs__panel {
        padding: var(--space-sm)
    }
}

:root {
    --ticker-animation-duration: 10s;
    --ticker-gap-x: var(--space-md);
    --ticker-img-width: 280px
}

@media (min-width:48rem) {
    :root {
        --ticker-img-width: 400px
    }
}

@media (min-width:64rem) {
    :root {
        --ticker-img-width: 550px
    }
}

.ticker {
    overflow: hidden
}

.ticker__list {
    display: flex;
    overflow: auto;
    will-change: transform;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ticker--animate .ticker__list {
    animation: ticker-animation var(--ticker-animation-duration) infinite;
    animation-timing-function: linear
}

.ticker--paused .ticker__list, .ticker[data-ticker-pause-hover=on] .ticker__list:hover {
    animation-play-state: paused
}

.ticker__item {
    flex-shrink: 0;
    margin-right: calc(var(--ticker-gap-x)/2);
    margin-left: calc(var(--ticker-gap-x)/2)
}

.ticker__img {
    display: block;
    width: var(--ticker-img-width)
}

.ticker-control {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.75);
    border-radius: 50%;
    transition: .2s
}

    .ticker-control i {
        position: relative;
        display: block;
        width: 16px;
        height: 16px;
        margin: auto;
        color: var(--color-bg)
    }

        .ticker-control i:after, .ticker-control i:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: currentColor;
            transition: -webkit-clip-path .2s var(--ease-out);
            transition: clip-path .2s var(--ease-out);
            transition: clip-path .2s var(--ease-out),-webkit-clip-path .2s var(--ease-out)
        }

        .ticker-control i:before {
            -webkit-clip-path: polygon(1px 1px,5px 1px,5px calc(100% - 1px),1px calc(100% - 1px));
            clip-path: polygon(1px 1px,5px 1px,5px calc(100% - 1px),1px calc(100% - 1px))
        }

        .ticker-control i:after {
            -webkit-clip-path: polygon(calc(100% - 5px) 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),calc(100% - 5px) calc(100% - 1px));
            clip-path: polygon(calc(100% - 5px) 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),calc(100% - 5px) calc(100% - 1px))
        }

    .ticker-control:hover {
        cursor: pointer;
        background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.95)
    }

    .ticker-control[aria-pressed=true] i:before {
        -webkit-clip-path: polygon(2px 0,100% 50%,100% 50%,2px 100%);
        clip-path: polygon(2px 0,100% 50%,100% 50%,2px 100%)
    }

    .ticker-control[aria-pressed=true] i:after {
        -webkit-clip-path: polygon(calc(100% - 5px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 5px) calc(100% - 1px));
        clip-path: polygon(calc(100% - 5px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 5px) calc(100% - 1px))
    }

.js .ticker:not(.ticker--anim-off) .ticker__list {
    overflow: visible
}

.js .ticker--reverse:not(.ticker--anim-off) .ticker__list {
    flex-direction: row-reverse
}

.js .ticker--reverse.ticker--animate:not(.ticker--anim-off) .ticker__list {
    transform: translateX(calc(100vw - 100%));
    animation-name: ticker-animation-reverse
}

@keyframes ticker-animation {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes ticker-animation-reverse {
    0% {
        transform: translateX(calc(100vw - 100%))
    }

    to {
        transform: translateX(calc(100vw - 50%))
    }
}

:root {
    --v-timeline-marker-size: 16px;
    --v-timeline-track-width: 2px;
    --v-timeline-triangle-size: 12px;
    --v-timeline-sections-gap: var(--space-lg);
    --v-timeline-items-gap: var(--space-sm)
}

.v-timeline {
    position: relative;
    padding: var(--space-lg) 0
}

    .v-timeline:before {
        content: "";
        position: absolute;
        top: 0;
        left: calc(var(--v-timeline-marker-size)*0.5 - var(--v-timeline-track-width)*0.5);
        height: 100%;
        width: var(--v-timeline-track-width);
        background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.1)
    }

.v-timeline__section {
    position: relative;
    display: flex
}

    .v-timeline__section:not(:last-of-type) {
        margin-bottom: var(--v-timeline-sections-gap)
    }

.v-timeline__marker {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    height: var(--v-timeline-marker-size);
    width: var(--v-timeline-marker-size);
    border-radius: 50%;
    margin-right: calc(var(--v-timeline-triangle-size) + var(--space-xxs))
}

.v-timeline__item {
    position: relative;
    top: calc(var(--v-timeline-marker-size)*0.5);
    flex-grow: 1
}

    .v-timeline__item:before {
        content: "";
        position: absolute;
        top: 0;
        left: calc(var(--v-timeline-triangle-size)*-1 + 1px);
        height: var(--v-timeline-triangle-size);
        width: var(--v-timeline-triangle-size);
        background-color: inherit;
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%);
        clip-path: polygon(0 0,100% 0,100% 100%)
    }

    .v-timeline__item:not(:last-child) {
        margin-bottom: var(--v-timeline-items-gap)
    }

    .v-timeline__item:not(:first-child) .v-timeline__date, .v-timeline__item:not(:first-child):before {
        display: none
    }

.v-timeline__date-value {
    color: var(--color-contrast-medium);
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: .1em
}

@media not all and (min-width:64rem) {
    .v-timeline__item:first-child {
        border-top-left-radius: 0
    }
}

@media (min-width:64rem) {
    .v-timeline:before {
        left: calc(50% - var(--v-timeline-track-width)/2)
    }

    .v-timeline__section {
        width: calc(50% + var(--v-timeline-marker-size)/2)
    }

        .v-timeline__section:nth-child(odd) {
            flex-direction: row-reverse
        }

            .v-timeline__section:nth-child(odd) .v-timeline__marker {
                margin-right: 0;
                margin-left: calc(var(--v-timeline-triangle-size) + var(--space-xxs))
            }

            .v-timeline__section:nth-child(odd) .v-timeline__item:before {
                left: auto;
                right: calc(var(--v-timeline-triangle-size)*-1 + 1px);
                transform: scaleX(-1)
            }

            .v-timeline__section:nth-child(odd) .v-timeline__item:first-child {
                border-top-right-radius: 0
            }

            .v-timeline__section:nth-child(odd) .v-timeline__date {
                right: calc(var(--v-timeline-triangle-size)*-2 + var(--space-xxs)*-2 - var(--v-timeline-marker-size));
                transform: translateX(100%) translateY(-50%)
            }

        .v-timeline__section:nth-child(2n) {
            margin-left: auto
        }

            .v-timeline__section:nth-child(2n) .v-timeline__item:first-child {
                border-top-left-radius: 0
            }

            .v-timeline__section:nth-child(2n) .v-timeline__date {
                left: calc(var(--v-timeline-triangle-size)*-2 + var(--space-xxs)*-2 - var(--v-timeline-marker-size));
                transform: translateX(-100%) translateY(-50%)
            }

    .v-timeline__section--is-hidden {
        opacity: 0
    }

    .v-timeline__date {
        position: absolute;
        top: 0;
        white-space: nowrap
    }

    .js .v-timeline[data-animation=on] .v-timeline__marker {
        transform: scale(.5)
    }

    .js .v-timeline[data-animation=on] .v-timeline__item, .js .v-timeline[data-animation=on] .v-timeline__marker {
        opacity: 0;
        transition: transform .6s var(--ease-out),opacity .6s
    }

    .js .v-timeline[data-animation=on] .v-timeline__section:nth-child(odd) .v-timeline__item {
        transform: translateX(-50px)
    }

    .js .v-timeline[data-animation=on] .v-timeline__section:nth-child(2n) .v-timeline__item {
        transform: translateX(50px)
    }

    .js .v-timeline[data-animation=on] .v-timeline__section--animate .v-timeline__item {
        transform: translateX(0) !important;
        opacity: 1
    }

    .js .v-timeline[data-animation=on] .v-timeline__section--animate .v-timeline__marker {
        transform: scale(1);
        opacity: 1
    }
}

.v-timeline--icons {
    --v-timeline-marker-size: 3em
}

:root {
    --carousel-grid-gap: var(--space-xs);
    --carousel-item-auto-size: 260px
}

.carousel {
    position: relative
}

@supports (display:flex) {
    .carousel {
        display: flex;
        flex-direction: column
    }

    .carousel__controls {
        order: 1
    }

    .carousel__wrapper {
        order: 2
    }
}

.carousel__wrapper {
    overflow: hidden;
    padding: 0
}

.carousel__list {
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.carousel__item {
    display: inline-block;
    float: left;
    flex-shrink: 0;
    width: var(--carousel-item-auto-size);
    margin-right: var(--carousel-grid-gap);
    margin-bottom: var(--carousel-grid-gap)
}

.carousel__control {
    display: none
}

.js .carousel__list--animating {
    transition: transform .5s var(--ease-out)
}

.js .carousel__item {
    opacity: 0;
    margin-bottom: 0
}

.js .carousel--loaded .carousel__item {
    opacity: 1
}

.js .carousel:not(.carousel--is-dragging) .carousel__list:not(.carousel__list--animating) .carousel__item[tabindex="-1"] > * {
    visibility: hidden
}

.js .carousel[data-drag=on] .carousel__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .js .carousel[data-drag=on] .carousel__item img {
        pointer-events: none
    }

.js .carousel__controls {
    margin: var(--space-xxs) 0
}

    .js .carousel__controls ul {
        display: flex;
        justify-content: flex-start
    }

    .js .carousel__controls li:first-child {
        display: inline-block;
        margin-right: 2px
    }

.js .carousel__control {
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: hsla(var(--color-contrast-high-h),var(--color-contrast-high-s),var(--color-contrast-high-l),.95);
    z-index: 1;
    transition: transform .2s
}

    .js .carousel__control:active {
        transform: scale(.95)
    }

    .js .carousel__control:hover {
        background-color: var(--color-contrast-high)
    }

    .js .carousel__control .icon {
        display: block;
        width: 16px;
        height: 16px;
        color: var(--color-bg)
    }

html:not(.js) .carousel__list {
    overflow: auto
}

.carousel__demo-content {
    height: 260px;
    background: var(--color-contrast-lower);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--text-md)
}

.dr-cart__product {
    display: grid;
    grid-template-columns: 80px 1fr auto;
    grid-gap: var(--space-xs);
    align-items: start;
    padding: var(--space-sm) 0
}

    .dr-cart__product:not(:last-child) {
        border-bottom: 1px solid var(--color-contrast-lower)
    }

.dr-cart__img {
    display: block;
    overflow: hidden;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    transition: .2s
}

    .dr-cart__img img {
        display: block
    }

    .dr-cart__img:hover {
        opacity: .85;
        box-shadow: var(--shadow-sm)
    }

.dr-cart__select {
    --select-icon-size: 0.85em;
    --select-icon-right-margin: var(--space-xxs);
    font-size: .875em;
    width: 3.6em
}

    .dr-cart__select .select__input {
        padding: var(--space-xxxxs) var(--space-xxxs)
    }

.dr-cart__remove-btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: var(--text-sm);
    color: var(--color-primary);
    cursor: pointer
}

    .dr-cart__remove-btn:hover {
        text-decoration: underline
    }

    .dr-cart__remove-btn:focus {
        outline: 2px solid hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2);
        outline-offset: 2px
    }

:root {
    --dropdown-item-padding: var(--space-xxs) var(--space-sm)
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown__menu {
    width: 200px;
    border-radius: var(--radius-md);
    padding: var(--space-xxs) 0;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-sm);
    z-index: var(--zindex-popover);
    position: absolute;
    left: 0;
    top: 100%;
    --space-unit: 1rem;
    --space-xxxxs: 0.125rem;
    --space-xxxs: 0.25rem;
    --space-xxs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.25rem;
    --space-xxl: 5.25rem;
    --space-xxxl: 8.5rem;
    --space-xxxxl: 13.75rem;
    --component-padding: var(--space-md);
    font-size: 1rem;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

.dropdown__sub-wrapper:hover > .dropdown__menu, .dropdown__wrapper:hover > .dropdown__menu {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none
}

.dropdown__sub-wrapper:hover > .dropdown__menu {
    left: 100%
}

.dropdown__item {
    display: block;
    text-decoration: none;
    color: var(--color-contrast-high);
    padding: var(--dropdown-item-padding);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .dropdown__item.dropdown__item--hover, .dropdown__item:hover {
        background-color: var(--color-contrast-lower)
    }

.dropdown__separator {
    height: 1px;
    background-color: var(--color-contrast-low);
    margin: var(--dropdown-item-padding)
}

.dropdown__sub-wrapper {
    position: relative
}

    .dropdown__sub-wrapper > .dropdown__item {
        position: relative;
        padding-right: calc(var(--space-sm) + 12px)
    }

        .dropdown__sub-wrapper > .dropdown__item .icon {
            position: absolute;
            display: block;
            width: 12px;
            height: 12px;
            right: var(--space-xxs);
            top: calc(50% - 6px)
        }

    .dropdown__sub-wrapper > .dropdown__menu {
        top: calc(var(--space-xxs)*-1);
        box-shadow: var(--shadow-md)
    }

.js .dropdown__menu {
    top: calc(100% + 4px)
}

.js .dropdown__sub-wrapper .dropdown__menu {
    top: calc(var(--space-xxs)*-1)
}

.js .dropdown__menu--is-visible {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    animation: dropdown-show .2s forwards
}

.js .dropdown__menu--is-hidden {
    animation: dropdown-hide .2s
}

.js .dropdown__sub-wrapper > .dropdown__menu--is-hidden, .js .dropdown__sub-wrapper > .dropdown__menu--is-visible {
    left: 100%
}

    .js .dropdown__sub-wrapper > .dropdown__menu--is-hidden.dropdown__menu--left, .js .dropdown__sub-wrapper > .dropdown__menu--is-visible.dropdown__menu--left {
        left: -100%
    }

@keyframes dropdown-show {
    0% {
        opacity: 0;
        transform: translateY(-4px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes dropdown-hide {
    0% {
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        opacity: 1;
        transform: translateY(0)
    }

    to {
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        opacity: 0;
        transform: translateY(-4px)
    }
}

:root {
    --fs-search-btn-size: 3em;
    --fs-search-border-bottom-width: 2px
}

.modal--search {
    background-color: hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.95)
}

    .modal--search .modal__close-btn {
        background-color: var(--color-contrast-lower)
    }

        .modal--search .modal__close-btn .icon {
            color: var(--color-contrast-high)
        }

        .modal--search .modal__close-btn:hover {
            background-color: var(--color-contrast-low)
        }

.full-screen-search {
    position: relative;
    width: calc(100% - var(--component-padding)*2);
    max-width: var(--max-width-sm);
    background-image: linear-gradient(transparent calc(100% - var(--fs-search-border-bottom-width)*2),var(--color-contrast-low) calc(100% - var(--fs-search-border-bottom-width)*2),var(--color-contrast-low) calc(100% - var(--fs-search-border-bottom-width)),transparent var(--fs-search-border-bottom-width))
}

.full-screen-search__input {
    background: transparent;
    font-size: var(--text-xl);
    width: 100%;
    padding: var(--space-sm) var(--fs-search-btn-size) var(--space-sm) var(--space-xs);
    background-image: linear-gradient(transparent calc(100% - var(--fs-search-border-bottom-width)*2),var(--color-primary) calc(100% - var(--fs-search-border-bottom-width)*2),var(--color-primary) calc(100% - var(--fs-search-border-bottom-width)),transparent var(--fs-search-border-bottom-width));
    background-size: 0 100%;
    background-repeat: no-repeat
}

    .full-screen-search__input:focus {
        outline: none;
        background-size: 100% 100%
    }

    .full-screen-search__input::-webkit-search-cancel-button, .full-screen-search__input::-webkit-search-decoration, .full-screen-search__input::-webkit-search-results-button, .full-screen-search__input::-webkit-search-results-decoration {
        display: none
    }

.full-screen-search__btn {
    position: absolute;
    top: calc(50% - 1.5em);
    right: var(--space-xs);
    height: var(--fs-search-btn-size);
    width: var(--fs-search-btn-size);
    background-color: var(--color-primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

    .full-screen-search__btn .icon {
        display: block;
        color: var(--color-white);
        width: 1.25em;
        height: 1.25em;
        transition: transform .2s
    }

    .full-screen-search__btn:hover .icon {
        transform: scale(1.1)
    }

.modal--search[data-animation=on] .full-screen-search__input {
    transition: background-size .3s
}

.modal--search[data-animation=on] .full-screen-search__btn {
    transform: translateY(100%) scale(.6);
    opacity: 0
}

.modal--search[data-animation=on].modal--is-visible .full-screen-search__btn {
    animation: full-screen-search__btn .3s forwards var(--ease-out)
}

@keyframes full-screen-search__btn {
    to {
        transform: translateY(0) scale(1);
        opacity: 1
    }
}

:root {
    --header-v3-height: 50px;
    --header-v3-height-md: 70px
}

.header-v3 {
    position: relative;
    height: var(--header-v3-height);
    z-index: var(--zindex-header);
    transition: background .3s
}

.header-v3__container {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between
}

.header-v3__logo {
    position: relative;
    flex-shrink: 0;
    z-index: 2
}

    .header-v3__logo a, .header-v3__logo svg {
        display: block
    }

.header-v3__nav-control.switch-icon {
    padding: var(--space-xxs);
    z-index: 2
}

    .header-v3__nav-control.switch-icon .switch-icon__icon {
        font-size: 24px
    }

.nav-v3 {
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    z-index: 1;
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: height .5s var(--ease-in-out)
}

.nav-v3--is-visible {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    visibility: visible
}

.nav-v3__list {
    position: relative;
    z-index: 1;
    padding: var(--header-v3-height) var(--component-padding) var(--component-padding)
}

.nav-v3__item {
    border-bottom: 1px solid var(--color-contrast-low);
    opacity: 0;
    transform: translateY(-10%);
    transition: opacity .4s,transform .4s
}

.nav-v3--animate-children .nav-v3__item {
    opacity: 1;
    transform: translateY(0)
}

.nav-v3__item--logo, .nav-v3__item--search-btn {
    display: none
}

.nav-v3__item--search-form {
    margin: var(--space-xs) 0;
    border-bottom: none
}

.nav-v3__link {
    display: block;
    padding: var(--space-sm) 0;
    font-size: var(--text-md);
    color: var(--color-contrast-high);
    text-decoration: none
}

    .nav-v3__link:hover {
        color: var(--color-primary)
    }

.nav-v3__link--icon {
    display: flex;
    align-items: center
}

    .nav-v3__link--icon .icon {
        flex-shrink: 0;
        color: currentColor
    }

    .nav-v3__link--icon span {
        margin-left: var(--space-xxs)
    }

@media (min-width:64rem) {
    .header-v3 {
        height: var(--header-v3-height-md)
    }

    .header-v3__container {
        position: relative
    }

    .header-v3__logo, .header-v3__nav-control {
        display: none
    }

    .nav-v3 {
        padding: 0;
        background-color: transparent;
        box-shadow: none;
        position: static;
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        height: auto;
        overflow: visible;
        visibility: visible
    }

    .nav-v3__list {
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .nav-v3__item {
        border-bottom: none;
        opacity: 1;
        transform: translateY(0);
        transition: opacity .3s,visibility .3s;
        transition-delay: 0s !important
    }

    .nav-v3__item--logo, .nav-v3__item--logo .header-v3__logo, .nav-v3__item--search-btn {
        display: block
    }

        .nav-v3__item--search-btn .switch-icon {
            padding: var(--space-xxxs)
        }

        .nav-v3__item--search-btn .switch-icon__icon {
            display: block
        }

    .nav-v3__link {
        display: inline-flex;
        padding: var(--space-xxxs);
        font-size: .9em
    }

    .nav-v3__link--icon span {
        display: none
    }

    .nav-v3__item--search-btn .switch-icon__icon, .nav-v3__link--icon {
        font-size: 20px
    }

    .nav-v3__item--search-btn {
        z-index: 4
    }

    .nav-v3__item--search-form {
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - var(--space-lg));
        height: 100%;
        z-index: var(--zindex-popover);
        transition: all .3s;
        visibility: hidden;
        opacity: 0
    }

    .nav-v3--animate-children .nav-v3__item--search-form {
        opacity: 0
    }

    .nav-v3__form-control {
        height: 50px;
        position: absolute;
        left: 0;
        padding: var(--space-xs) var(--space-sm);
        top: calc(50% - 25px);
        will-change: transform;
        transition: transform .3s;
        transform: translateY(-50%)
    }

    .header-v3--show-search {
        background: var(--color-bg)
    }

        .header-v3--show-search .nav-v3__item {
            opacity: 0;
            visibility: hidden
        }

        .header-v3--show-search .nav-v3__item--search-btn, .header-v3--show-search .nav-v3__item--search-form {
            visibility: visible;
            opacity: 1
        }

        .header-v3--show-search .nav-v3__form-control {
            transform: translateY(0)
        }
}

:root {
    --morph-img-modal-transition-duration: .35s
}

.morph-img-modal.modal {
    --modal-transition-duration: var(--morph-img-modal-transition-duration)
}

.morph-img-modal:before {
    display: none;
    content: "mobile"
}

.morph-img-modal__content, .morph-img-modal__img {
    height: 100%;
    width: 100%
}

.morph-img-modal__img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.morph-img-modal__info {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    transition: opacity .2s
}

.morph-img-bg, .morph-img-clone {
    position: fixed;
    z-index: var(--zindex-overlay);
    transform-origin: left top;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

.morph-img-clone {
    overflow: hidden
}

    .morph-img-clone image, .morph-img-clone rect, .morph-img-clone svg {
        height: 100%;
        width: 100%
    }

.morph-img-close-btn {
    position: fixed;
    top: var(--space-sm);
    right: var(--space-sm);
    z-index: var(--zindex-overlay);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.8);
    flex-shrink: 0;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: background .2s,opacity var(--morph-img-modal-transition-duration),visibility 0s var(--morph-img-modal-transition-duration)
}

    .morph-img-close-btn:hover {
        background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),1)
    }

    .morph-img-close-btn .icon {
        color: var(--color-bg);
        display: block;
        margin: auto
    }

.morph-img-close-btn--is-visible {
    opacity: 1;
    visibility: visible;
    transition: background .2s,opacity var(--morph-img-modal-transition-duration)
}

@media (min-width:64rem) {
    .morph-img-modal {
        padding: 0 var(--space-md)
    }

        .morph-img-modal:before {
            content: "dekstop"
        }

    .morph-img-modal__content {
        height: calc(100% - 96px - var(--space-md)*2);
        max-height: 680px;
        overflow: hidden;
        display: flex
    }

        .morph-img-modal__content > * {
            flex-basis: 50%;
            height: 100%;
            max-height: 100%;
            min-width: 0
        }

    .morph-img-bg {
        background-image: linear-gradient(90deg,transparent 0 30%,var(--color-bg) 30% 100%)
    }
}

:root {
    --multi-select-dropdown-gap: 4px
}

.multi-select {
    position: relative
}

.multi-select__button {
    width: 100%
}

.multi-select__label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.multi-select__dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    max-height: 1px;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-sm);
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    z-index: var(--zindex-popover);
    margin-top: var(--multi-select-dropdown-gap);
    margin-bottom: var(--multi-select-dropdown-gap);
    overflow: auto;
    --space-unit: 1rem;
    --space-xxxxs: 0.125rem;
    --space-xxxs: 0.25rem;
    --space-xxs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.25rem;
    --space-xxl: 5.25rem;
    --space-xxxl: 8.5rem;
    --space-xxxxl: 13.75rem;
    --component-padding: var(--space-md);
    font-size: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s,opacity .2s
}

.multi-select__dropdown--right {
    right: 0;
    left: auto
}

.multi-select__dropdown--up {
    bottom: 100%;
    top: auto
}

.multi-select__button[aria-expanded=true] + .multi-select__dropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s,opacity .2s
}

.multi-select__list:not(:first-of-type) {
    padding-top: var(--space-xxs)
}

.multi-select__list:not(:last-of-type) {
    border-bottom: 1px solid var(--color-contrast-low);
    padding-bottom: var(--space-xxs)
}

.multi-select__item {
    display: block;
    padding: var(--space-xs) var(--space-md) var(--space-xs);
    color: var(--color-contrast-high);
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.multi-select__item--optgroup {
    font-size: var(--text-sm);
    color: var(--color-contrast-medium)
}

.multi-select__item--option {
    --checkbox-radio-gap: var(--space-xxs);
    cursor: pointer
}

    .multi-select__item--option:hover {
        background-color: var(--color-contrast-lower)
    }

    .multi-select__item--option span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

html:not(.js) .multi-select__icon {
    display: none
}

.multi-select__term + .multi-select__details:before {
    content: ": "
}

@use "../base" as *;
@use "_1_modal-window.scss" as *;

.poi {
    pointer-events: none
}

.poi__item {
    position: absolute;
    pointer-events: auto
}

.poi__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    --size: 32px;
    height: var(--size);
    width: var(--size);
    border-radius: 50%;
    background-color: var(--color-accent);
    box-shadow: var(--inner-glow-top),var(--shadow-sm);
    cursor: pointer;
    transition: .2s
}

    .poi__btn:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: inherit;
        pointer-events: none;
        box-shadow: inset 0 0 1px 1px var(--color-accent);
        animation: poi-pulse 2s infinite
    }

    .poi__btn .icon {
        color: var(--color-white);
        --size: 12px;
        transition: transform .3s var(--ease-out-back)
    }

    .poi__btn:hover .icon {
        transform: scale(1.1)
    }

.poi__item--visited button {
    background-color: hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.95);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

    .poi__item--visited button:after {
        display: none
    }

@keyframes poi-pulse {
    0% {
        transform: scale(1);
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.tabs-v2__panel {
    padding: var(--space-md) 0
}

.js .tabs-v2__panel {
    display: none
}

.js .tabs-v2__panel--selected {
    display: block
}

#sticky-chat-options {
    position: fixed;
    bottom: var(--space-md);
    right: var(--space-md);
    z-index: 1;
    min-width: 40px;
    height: 40px
}

@media (max-width:640px) {
    #sticky-chat-options {
        display: none !important
    }
}

#sticky-chat-options span {
    display: none
}

#sticky-chat-modal .modal__content {
    padding: 10px 15px
}

.live-chat-list-item.live-chat .cover {
    display: flex;
    align-items: center
}

.live-chat-list-item {
    padding: 8px
}

    .live-chat-list-item .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        border-radius: 50%
    }

.chat-fc-form-outer div.fc-form ul li input {
    padding: 8px 10px !important
}

.chat-fc-form-outer div.fc-form a.fc-button, .chat-fc-form-outer div.fc-form p, .chat-fc-form-outer div.fc-form ul li input, .chat-fc-form-outer div.fc-form ul li label, .chat-fc-form-outer p.fc-header {
    font-size: 16px;
    font-family: source-sans-pro-regular,sans-serif
}

.chat-fc-form-outer div.fc-form ul li label {
    top: -11px !important
}

.custom_fc_frame .hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info .channel-title {
    font-size: 0 !important
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info .channel-title:before {
    content: "Live Chat";
    font-size: 1rem
}

#fc_frame {
    display: none
}

.fc-widget-open #fc_frame {
    display: block
}

@media (min-width:48rem) {
    #sticky-chat-options {
        right: var(--space-md);
        transform: translateX(0)
    }
}

@media (min-width:110rem) {
    #sticky-chat-options span {
        display: inline-block
    }
}

:root {
    --header-v2-height: 50px;
    --header-v2-height-md: 70px
}

.header-v2, .header-v2__wrapper {
    position: relative;
    z-index: var(--zindex-overlay);
    height: var(--header-v2-height)
}

.header-v2__container {
    display: flex;
    position: relative;
    height: 100%;
    align-items: center;
    justify-content: space-between
}

.header-v2__logo {
    flex-shrink: 0
}

    .header-v2__logo a, .header-v2__logo svg {
        display: block
    }

.header-v2__nav-control {
    --anim-menu-btn-size: 40px;
    --anim-menu-btn-icon-size: 24px;
    --anim-menu-btn-icon-stroke: 2px
}

.nav-v2 {
    top: var(--header-v2-height);
    left: 0;
    width: 100%;
    padding: var(--space-sm);
    background-color: var(--color-bg);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    z-index: var(--zindex-popover);
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.nav-v2--is-visible {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    overflow: visible;
    visibility: visible
}

.nav-v2__list--main:last-child {
    border-top: 1px solid var(--color-contrast-low);
    margin-top: var(--space-md);
    padding-top: var(--space-md)
}

.nav-v2__item .btn {
    width: 100%;
    font-size: var(--text-md);
    margin: var(--space-xxs) 0
}

.nav-v2__item--main {
    margin-bottom: var(--space-sm)
}

.nav-v2__item--label {
    text-transform: uppercase;
    font-size: .6em;
    letter-spacing: .1em;
    color: var(--color-contrast-medium);
    padding: var(--space-xxs) 0
}

.nav-v2__item--divider {
    height: 1px;
    background-color: var(--color-contrast-low);
    margin: var(--space-md) 0
}

.nav-v2__dropdown-icon, .nav-v2__item--search-btn {
    display: none
}

.nav-v2__link {
    display: block;
    display: flex;
    align-items: center;
    padding: var(--space-xs) 0;
    text-decoration: none;
    color: var(--color-contrast-high)
}

    .nav-v2__link:hover, .nav-v2__link[aria-current] {
        color: var(--color-primary)
    }

.nav-v2__dropdown {
    padding-left: var(--space-sm)
}

.nav-v2__list--title-desc .nav-v2__link {
    display: flex
}

    .nav-v2__list--title-desc .nav-v2__link .nav-v2__icon {
        margin-right: var(--space-xs);
        flex-shrink: 0
    }

    .nav-v2__list--title-desc .nav-v2__link strong {
        display: block
    }

    .nav-v2__list--title-desc .nav-v2__link small {
        color: var(--color-contrast-medium)
    }

    .nav-v2__list--title-desc .nav-v2__link:hover small {
        color: var(--color-contrast-high)
    }

.nav-v2__col-2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: var(--space-sm)
}

@media (min-width:64rem) {
    .header-v2__wrapper, .mega-nav {
        height: var(--header-v2-height-md)
    }

    .mega-nav {
        font-size: .875em
    }

        .mega-nav[data-animation=on] .header-v2__wrapper--is-fixed {
            position: fixed;
            top: calc(var(--header-v2-height-md)*-1);
            left: 0;
            width: 100%;
            background-color: var(--color-bg);
            z-index: var(--zindex-fixed-element);
            transition: transform .2s
        }

        .mega-nav[data-animation=on] .header-v2__wrapper--slides-down {
            transform: translateY(100%);
            box-shadow: var(--shadow-sm)
        }

    .header-v2__nav-control {
        display: none
    }

    .header-v2__logo {
        margin-right: var(--space-sm)
    }

    .nav-v2 {
        position: static;
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        height: auto;
        overflow: visible;
        visibility: visible;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        display: flex;
        justify-content: space-between
    }

    .nav-v2__list--main {
        display: flex;
        align-items: center
    }

    .nav-v2__item {
        position: relative
    }

        .nav-v2__item .btn {
            width: auto;
            font-size: 1em;
            margin: 0
        }

    .nav-v2__item--main {
        display: inline-block;
        margin-bottom: 0;
        margin-left: var(--space-md)
    }

        .nav-v2__item--main > .nav-v2__link {
            padding: var(--space-xxs) 0
        }

        .nav-v2__item--main.nav-v2__item--divider {
            margin-top: 0;
            margin-bottom: 0;
            margin-right: 0;
            width: 1px;
            height: 1em
        }

    .nav-v2__list--main:last-child {
        border-top: none;
        margin-top: 0;
        padding-top: 0
    }

    .nav-v2__dropdown-icon {
        display: block
    }

    .nav-v2__item--search {
        display: none
    }

    .nav-v2__item--search-btn {
        display: inline-block
    }

        .nav-v2__item--search-btn .icon, .nav-v2__item--search-btn button {
            display: block
        }

        .nav-v2__item--search-btn button {
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center
        }

    .nav-v2__dropdown {
        --space-unit: 1rem;
        --space-xxxxs: 0.125rem;
        --space-xxxs: 0.25rem;
        --space-xxs: 0.375rem;
        --space-xs: 0.5rem;
        --space-sm: 0.75rem;
        --space-md: 1.25rem;
        --space-lg: 2rem;
        --space-xl: 3.25rem;
        --space-xxl: 5.25rem;
        --space-xxxl: 8.5rem;
        --space-xxxxl: 13.75rem;
        --component-padding: var(--space-md);
        position: absolute;
        top: 100%;
        left: calc(50% - 100px);
        z-index: var(--zindex-popover);
        width: 200px;
        background-color: var(--color-bg);
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-md);
        padding: var(--space-xs) 0;
        transition: opacity .2s,visibility .2s;
        visibility: hidden;
        opacity: 0
    }

    .nav-v2__item--main > .nav-v2__dropdown {
        font-size: .9em
    }

    .nav-v2__dropdown .nav-v2__item--label, .nav-v2__dropdown .nav-v2__link {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }

        .nav-v2__dropdown .nav-v2__link--hover, .nav-v2__dropdown .nav-v2__link:hover {
            background-color: var(--color-contrast-lower)
        }

    .nav-v2__dropdown .nav-v2__dropdown--nested {
        left: 100%;
        top: calc(var(--space-xs)*-1)
    }

    .nav-v2__dropdown .nav-v2__dropdown--nested-left {
        left: auto;
        right: 100%
    }

    .nav-v2__dropdown .nav-v2__item--divider {
        margin: var(--space-xs) 0
    }

    .nav-v2__dropdown--sm {
        width: 200px;
        left: calc(50% - 100px)
    }

    .nav-v2__dropdown--md {
        width: 300px;
        left: calc(50% - 150px)
    }

    .nav-v2__dropdown--lg {
        width: 480px;
        left: calc(50% - 240px)
    }

    .nav-v2__list--title-desc .nav-v2__link {
        padding: var(--space-sm) var(--space-md)
    }

    .nav-v2__item--has-children:hover > .nav-v2__dropdown, .nav-v2__list--is-visible {
        visibility: visible;
        opacity: 1
    }
}

:root {
    --mega-nav-height: 50px;
    --mega-nav-content-max-width: var(--max-width-lg)
}

@media (min-width:64rem) {
    :root {
        --mega-nav-height: 70px
    }
}

.mega-nav {
    height: var(--mega-nav-height);
    width: 100%;
    z-index: var(--zindex-header);
    box-shadow: inset 0 -1px 0 hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.1)
}

.mega-nav--expanded {
    background-color: var(--color-bg)
}

.mega-nav__container {
    width: calc(100% - var(--component-padding)*2);
    padding: 0 16px;
    height: 100%;
    /* max-width: 1600px;
    margin-left: auto;
    margin-right: auto; */
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width:64rem) {
    .mega-nav__container {
        height: 70px
    }
}

.mega-nav__logo {
    display: block;
    width: 104px;
    height: 30px
}

    .mega-nav__logo > * {
        width: inherit;
        height: inherit
    }

.mega-nav__icon-btn, .mega-nav__icon-btns {
    display: flex;
    align-items: center
}

.mega-nav__icon-btn {
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: var(--color-contrast-high);
    cursor: pointer;
    transition: .2s
}

    .mega-nav__icon-btn .icon {
        display: block
    }

    .mega-nav__icon-btn .icon__group {
        stroke-width: 1px
    }

        .mega-nav__icon-btn .icon__group > * {
            transition: transform .3s var(--ease-in-out),stroke-dashoffset .3s,opacity .3s
        }

.mega-nav__search-inner input {
    border-color: #333
}

    .mega-nav__search-inner input::-moz-placeholder {
        font-size: 14px
    }

    .mega-nav__search-inner input::placeholder {
        font-size: 14px
    }

.mega-nav__icon-btn--menu .icon__group > * {
    stroke-dasharray: 24
}

.mega-nav__icon-btn--menu .icon__group > :first-child {
    transform-origin: 12px 6px
}

.mega-nav__icon-btn--menu .icon__group > :nth-child(2) {
    stroke-dashoffset: 0
}

.mega-nav__icon-btn--menu .icon__group > :nth-child(3) {
    transform-origin: 12px 18px
}

.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group > :first-child {
    transform: translateY(6px) rotate(-45deg)
}

.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group > :nth-child(2) {
    stroke-dashoffset: 24
}

.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group > :nth-child(3) {
    transform: translateY(-6px) rotate(45deg)
}

.mega-nav__icon-btn--search .icon__group {
    transform-origin: 12px 12px;
    transform: rotate(0deg);
    transition: transform .3s var(--ease-out)
}

    .mega-nav__icon-btn--search .icon__group > :first-child {
        stroke-dashoffset: 34;
        stroke-dasharray: 24
    }

    .mega-nav__icon-btn--search .icon__group > :nth-child(2) {
        stroke-dashoffset: 24;
        stroke-dasharray: 24
    }

    .mega-nav__icon-btn--search .icon__group > :nth-child(3) {
        transform-origin: 9.5px 9.5px;
        transform: rotate(45deg);
        stroke-dashoffset: 84;
        stroke-dasharray: 42;
        opacity: 1
    }

.mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group {
    transform: rotate(-90deg)
}

    .mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > :first-child, .mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > :nth-child(2) {
        stroke-dashoffset: 48
    }

    .mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > :nth-child(3) {
        stroke-dashoffset: 42;
        opacity: 0
    }

.mega-nav__arrow-icon {
    font-size: 16px;
    color: currentColor;
    transition: color .2s
}

    .mega-nav__arrow-icon .icon {
        display: block
    }

    .mega-nav__arrow-icon .icon__group {
        stroke-width: 1px;
        will-change: transform;
        transform-origin: 8px 8px;
        transition: transform .3s var(--ease-out)
    }

        .mega-nav__arrow-icon .icon__group > * {
            stroke-dasharray: 17;
            transform-origin: 8px 8px;
            transform: translateY(3px);
            transition: transform .3s,stroke-dashoffset .3s;
            transition-timing-function: var(--ease-out)
        }

        .mega-nav__arrow-icon .icon__group > :first-child, .mega-nav__arrow-icon .icon__group > :last-child {
            stroke-dashoffset: 8.5
        }

.mega-nav__label {
    color: var(--color-contrast-medium);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: var(--text-xs)
}

.mega-nav__card img {
    transition: opacity .3s
}

    .mega-nav__card img:hover {
        opacity: .85
    }

.mega-nav__card-title {
    color: var(--color-contrast-higher);
    text-decoration: none
}

    .mega-nav__card-title:hover {
        text-decoration: underline
    }

.mega-nav--mobile .mega-nav__icon-btns--desktop {
    display: none
}

.mega-nav--mobile .mega-nav__nav, .mega-nav--mobile .mega-nav__search {
    display: none;
    position: absolute;
    top: var(--mega-nav-height);
    left: 0;
    width: 100%;
    height: calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y, 0px));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-lg)
}

.mega-nav--mobile .mega-nav__nav {
    transform: translateX(-100%);
    top: 0;
    height: 100vh;
    display: block;
    overflow: auto;
    transition: transform .3s ease-in-out;
    transition-timing-function: var(--ease-in-out)
}

.mega-nav--mobile .mega-nav__search {
    height: 70px
}

.mega-nav--mobile .mega-nav__nav--is-visible, .mega-nav--mobile .mega-nav__search--is-visible {
    display: block
}

    .mega-nav--mobile .mega-nav__nav--is-visible > *, .mega-nav--mobile .mega-nav__search--is-visible > * {
        animation: mega-nav-entry-animation .5s var(--ease-out)
    }

.mega-nav--mobile .mega-nav__nav--is-visible {
    transform: translateX(0)
}

.mega-nav--mobile #mega-nav-search .search-icon {
    display: none
}

@media (max-width:640px) {
    .mega-nav--mobile .mega-nav-search_links {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        top: 120px;
        z-index: 2;
        display: flex;
        justify-content: space-between
    }

        .mega-nav--mobile .mega-nav-search_links a {
            padding: 10px 16px;
            text-align: center;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500
        }

            .mega-nav--mobile .mega-nav-search_links a:hover {
                background-color: #f5f5f5
            }
}

.mega-nav--mobile .mega-nav__nav-inner, .mega-nav--mobile .mega-nav__search-inner {
    padding: var(--space-md) 0;
    width: calc(100% - var(--component-padding)*2);
    max-width: var(--mega-nav-content-max-width);
    margin-left: auto;
    margin-right: auto
}

.mega-nav--mobile .mega-nav__label {
    margin: var(--space-lg) 0 var(--space-xs)
}

.mega-nav--mobile .mega-nav__item {
    border-bottom: 1px solid var(--color-contrast-low)
}

.mega-nav--mobile .mega-nav__item--account .name:after {
    padding: 0 .5rem;
    content: "|"
}

.mega-nav--mobile .mega-nav__item--account .points {
    color: #369
}

.mega-nav--mobile .mega-nav__control {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 16px;
    text-align: left;
    padding: var(--space-xs) 1rem;
    color: var(--color-contrast-higher);
    text-decoration: none;
/*    text-transform: uppercase;*/
    cursor: pointer;
    position: relative
}

.mega-nav--mobile a[aria-current=page] {
    color: var(--color-primary)
}

.mega-nav--mobile .mega-nav__arrow-icon {
    margin-left: auto;
    margin-right: 12px
}

.mega-nav--mobile .mega-nav__btn {
    width: 100%;
    margin: var(--space-sm) 0;
    font-size: var(--text-md)
}

.mega-nav--mobile .mega-nav__sub-nav-wrapper {
    display: none;
    padding: 0 var(--space-md) var(--space-lg);
    overflow: hidden;
    background: #fff; /*#f5f5f5*/
}

.mega-nav--mobile .mega-nav__sub-items:not(:last-child) {
    margin-bottom: var(--space-lg)
}

.mega-nav--mobile .mega-nav__sub-item {
    border-bottom: 1px solid var(--color-contrast-lower)
}

.mega-nav--mobile .mega-nav__sub-link {
    display: block;
    color: var(--color-contrast-higher);
    text-decoration: none;
    padding: var(--space-xxs) 0
}

.mega-nav--mobile .mega-nav__quick-link {
    display: block;
    color: var(--color-contrast-higher);
    text-decoration: none;
    border-bottom: 1px solid var(--color-contrast-lower);
    padding: var(--space-xs) 0
}

.mega-nav--mobile .mega-nav__sub-nav--layout-1 .mega-nav__sub-items {
    margin-bottom: 0
}

.mega-nav--mobile .mega-nav__sub-nav--layout-1 .mega-nav__tabs {
    display: none
}

.mega-nav--mobile .mega-nav__sub-nav--layout-3 {
    padding-top: var(--space-md);
    display: grid;
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fill,minmax(260px,1fr))
}

.mega-nav--mobile .angle {
    position: absolute;
    font-size: 1rem; /*2rem*/
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotateX(180deg);
    transition: transform .3s
}

/* .mega-nav--mobile .mega-nav__item--expanded .mega-nav__control {
    background-color: #e02447;
    color: #fff
} */

    .mega-nav--mobile .mega-nav__item--expanded .mega-nav__control i {
        color: #fff
    }

    .mega-nav--mobile .mega-nav__item--expanded .mega-nav__control .angle {
        transform: translateY(-50%)
    }

.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > :first-child {
    transform: translateY(-3px) rotate(-90deg)
}

.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > :last-child {
    transform: translateY(-3px) rotate(90deg)
}

.mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper {
    display: block;
    width: 100%
}

    .mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper > * {
        animation: mega-nav-entry-animation .5s var(--ease-out)
    }

.mega-nav--desktop .mega-nav__icon-btns--mobile, .mega-nav--desktop .mega-nav__label, .mega-nav--desktop .mega-nav__search, .mega-nav--desktop .mega-nav__sub-nav-wrapper {
    display: none
}

.mega-nav--desktop .mega-nav__logo {
    flex-shrink: 0;
    margin-right: var(--space-sm)
}

.mega-nav--desktop .mega-nav__nav {
    flex-grow: 1;
    height: 100%
}

.mega-nav--desktop .mega-nav__nav-inner {
    height: 100%;
    display: flex;
    justify-content: space-between
}

.mega-nav--desktop .mega-nav__items {
    display: flex;
    height: 100%
}

.mega-nav--desktop .mega-nav__item {
    display: flex;
    align-items: center;
    margin-right: .25rem
}

    .mega-nav--desktop .mega-nav__item:not(:first-child) {
        margin-left: .25rem
    }

    .mega-nav--desktop .mega-nav__item .mega-nav__sub-nav-wrapper.hover {
        display: block;
        visibility: visible;
        opacity: 1;
        transition-delay: .3s
    }

.mega-nav--desktop .mega-nav__item--mobile {
    display: flex;
    align-items: center
}

@media (min-width:64rem) {
    .mega-nav--desktop .mega-nav__item--mobile {
        display: none
    }
}

.mega-nav--desktop .mega-nav__control {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 100%;
    font-size: 18px;
    color: var(--color-contrast-higher);
    text-decoration: none;
    transition: .2s
}

    .mega-nav--desktop .mega-nav__control:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--color-contrast-higher);
        pointer-events: none;
        opacity: 0;
        transition: opacity .2s
    }

    .mega-nav--desktop .mega-nav__control .mega-nav__arrow-icon {
        margin-left: var(--space-xxs)
    }

    .mega-nav--desktop .mega-nav__control:hover {
        cursor: pointer;
        background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.05);
        color: #e02447
    }

.mega-nav--desktop .mega-nav__sub-nav-wrapper {
    position: absolute;
    top: var(--mega-nav-height);
    left: 0;
    width: 100%;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-xs);
    max-height: calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y, 0px));
    border-top: 1px solid #ddd;
    overflow: auto
}

.mega-nav--desktop .mega-nav__search-inner, .mega-nav--desktop .mega-nav__sub-nav {
    width: calc(100% - var(--component-padding)*2);
    margin: 0 auto;
    padding: var(--space-sm) 0
}

    .mega-nav--desktop .mega-nav__search-inner .mega-nav__label, .mega-nav--desktop .mega-nav__sub-nav .mega-nav__label {
        display: block
    }

.mega-nav--desktop .mega-nav__sub-nav {
    max-width: 1600px
}

.mega-nav--desktop .col-title {
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: uppercase;
}

.mega-nav--desktop .mega-nav__search-inner {
    max-width: var(--max-width-xs);
    width: 100%;
    padding: 5px 0
}

    .mega-nav--desktop .mega-nav__search-inner .form-control {
        top: 50%;
        transform: translateY(-50%)
    }

.mega-nav--desktop .mega-nav__label {
    margin-bottom: var(--space-md)
}

.mega-nav--desktop .mega-nav__sub-item:not(:last-child) {
    margin-bottom: var(--space-xxs)
}

.mega-nav--desktop .mega-nav__sub-link {
    font-size: var(--text-sm);
    color: var(--color-contrast-higher);
    text-decoration: none
}

    .mega-nav--desktop .mega-nav__sub-link:hover {
        text-decoration: underline
    }

.mega-nav--desktop .mega-nav__quick-link {
    display: inline-block;
    margin-bottom: var(--space-xxs);
    font-size: var(--text-sm);
    color: var(--color-contrast-higher);
    text-decoration: none
}

    .mega-nav--desktop .mega-nav__quick-link:hover {
        text-decoration: underline
    }

.mega-nav--desktop .mega-nav__btn {
    font-size: var(--text-sm);
    margin-left: var(--space-sm)
}

.mega-nav--desktop .mega-nav__sub-nav--layout-1 .mega-nav__sub-items {
    display: none
}

.mega-nav--desktop .mega-nav__sub-nav--layout-1 .mega-nav__tabs {
    display: flex
}

.mega-nav--desktop .mega-nav__sub-nav--layout-2 {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: var(--space-sm)
}

.mega-nav--desktop .mega-nav__sub-nav--layout-3 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: var(--space-md)
}

.mega-nav--desktop .mega-nav__sub-nav--layout-4 {
    text-align: center
}

    .mega-nav--desktop .mega-nav__sub-nav--layout-4 .mega-nav__sub-link {
        font-size: var(--text-lg)
    }

.mega-nav--desktop .mega-nav__tabs-controls > :not(:last-child) {
    border-bottom: 1px solid var(--color-contrast-lower)
}

.mega-nav--desktop .mega-nav__tabs-control {
    display: block;
    width: 100%;
    padding: var(--space-xs);
    overflow: hidden;
    color: var(--color-contrast-higher);
    text-decoration: none;
    cursor: pointer;
    transition: .2s
}

    .mega-nav--desktop .mega-nav__tabs-control .icon {
        opacity: 0;
        transform: translateX(-10px);
        transition: transform .5s var(--ease-out),opacity .5s
    }

    .mega-nav--desktop .mega-nav__tabs-control:hover, .mega-nav--desktop .mega-nav__tabs-control[aria-selected=true] {
        color: var(--color-primary)
    }

        .mega-nav--desktop .mega-nav__tabs-control[aria-selected=true] .icon {
            opacity: 1;
            transform: translateX(0)
        }

.mega-nav--desktop .mega-nav__tabs-img {
    display: block;
    overflow: hidden;
    border-radius: var(--radius-lg);
    transition: opacity .3s
}

    .mega-nav--desktop .mega-nav__tabs-img:hover {
        opacity: .85
    }

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control {
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.05)
}

    .mega-nav--desktop .mega-nav__item--expanded .mega-nav__control:after {
        opacity: 1
    }

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group {
    transform: rotate(-90deg)
}

    .mega-nav--desktop .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group :last-child, .mega-nav--desktop .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > :first-child {
        stroke-dashoffset: 0;
        transform: translateY(0)
    }

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav-wrapper {
    display: block
}

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav {
    animation: mega-nav-entry-animation .5s var(--ease-out)
}

.mega-nav--desktop .mega-nav__icon-btn {
    border-radius: 50%;
    margin-left: var(--space-xxxxs)
}

.mega-nav--desktop .mega-nav__search--is-visible {
    display: block
}

    .mega-nav--desktop .mega-nav__search--is-visible .mega-nav__search-inner {
        animation: mega-nav-entry-animation .5s var(--ease-out)
    }

.mega-nav--desktop .my-account .member-points {
    font-size: 1rem;
    line-height: 1rem
}

.mega-nav--desktop .my-account .fa-user-circle {
    font-size: 1.5rem
}

.mega-nav--desktop .my-account .points {
    color: #369
}

@keyframes mega-nav-entry-animation {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

[class*=mega-nav--desktop]:before {
    display: none;
    content: "mobile"
}

@media (min-width:32rem) {
    .mega-nav--desktop\@xs:before {
        content: "desktop"
    }
}

@media (min-width:48rem) {
    .mega-nav--desktop\@sm:before {
        content: "desktop"
    }
}

@media (min-width:64rem) {
    .mega-nav--desktop\@md:before {
        content: "desktop"
    }
}

@media (min-width:80rem) {
    .mega-nav--desktop\@lg:before {
        content: "desktop"
    }
}

@media (min-width:90rem) {
    .mega-nav--desktop\@xl:before {
        content: "desktop"
    }
}

@media (min-width:100rem) {
    .mega-nav--desktop\@xxl:before {
        content: "desktop"
    }
}

@media (min-width:110rem) {
    .mega-nav--desktop\@xxxl:before {
        content: "desktop"
    }
}

@media (min-width:120rem) {
    .mega-nav--desktop\@xxxxl:before {
        content: "desktop"
    }
}

html:not(.js) .mega-nav--mobile .mega-nav__logo {
    margin: var(--space-md) 0
}

html:not(.js) .mega-nav--mobile .mega-nav__icon-btns {
    display: none
}

html:not(.js) .mega-nav--mobile .mega-nav__container, html:not(.js) .mega-nav--mobile .mega-nav__sub-nav-wrapper {
    display: block
}

html:not(.js) .mega-nav--mobile .mega-nav__nav, html:not(.js) .mega-nav--mobile .mega-nav__search {
    display: block;
    position: static;
    height: auto;
    box-shadow: none;
    border-top: 1px solid var(--color-contrast-lower)
}

.mobile-fixed-footer {
    display: none;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3),0 1px 4px 0 rgba(0,0,0,.3)
}

@media (max-width:640px) {
    .mobile-fixed-footer {
        display: flex;
        flex-direction: column;
        position: fixed;
        background-color: #fff;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 4
    }

    .mobile-fixed-footer_wrapper {
        width: 100%
    }

        .mobile-fixed-footer_wrapper button {
            position: relative;
            font-size: 20px;
            padding: 12px 16px
        }

        .mobile-fixed-footer_wrapper .user-credits {
            background-color: #369;
            padding: 2px 8px;
            border-radius: 14px;
            top: -8px;
            right: -16px;
            color: #fff;
            font-size: 12px;
            font-weight: bold;
        }

    .mobile-fixed-footer_item-counter {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        padding: 4px;
        position: absolute;
        top: 8px;
        right: 8px;
        text-align: center;
        color: #fff;
        background-color: #e02447;
        font-size: 14px;
        font-weight: 600;
        border-radius: 99px
    }

    .mobile-fixed-footer_add-card {
        width: 100%;
        display: flex;
        font-weight: bold;
        font-size: 22px
    }

    .mobile-fixed-footer_add-card-price {
        flex: 1;
        text-align: center;
        background-color: #eee;
        color: #000;
        padding: 12px 0;
        font-size: 20px
    }

    .mobile-fixed-footer_add-card-add {
        flex: 1;
        text-align: center;
        padding: 12px 0;
        background-color: black;
        color: #fff;
        font-size: 20px
    }
}

.stick-group-filters {
    position: fixed;
    bottom: 20px;
    z-index: var(--zindex-fixed-element);
    display: flex;
    align-items: center;
    justify-content: center;
    right: 51%;
    transform: translate3d(calc(51% - 32px),0,0)
}

    .stick-group-filters.mb-4 {
        margin-bottom: 0
    }

    .stick-group-filters .filters-m, .stick-group-filters .sort-m {
        width: auto;
        padding: 0
    }

        .stick-group-filters .filters-m .btn-filters, .stick-group-filters .filters-m .btn-sort, .stick-group-filters .sort-m .btn-filters, .stick-group-filters .sort-m .btn-sort {
            overflow: hidden;
            height: 40px;
            padding-left: 20px;
            padding-right: 20px;
            background: var(--color-black)
        }

        .stick-group-filters .filters-m .btn-filters {
            border-radius: .25rem 0 0 .25rem;
            border-right: 1px solid
        }

        .stick-group-filters .sort-m .btn-sort {
            border-radius: 0 .25rem .25rem 0
        }

body.stick-group #sticky-chat-options {
    border-radius: .25rem;
    padding-left: 20px;
    padding-right: 20px;
    opacity: 1;
    background: var(--color-black);
    transform: translateX(calc(100% + 77px))
}

    body.stick-group #sticky-chat-options span {
        display: none
    }

@media (min-width:48rem) {
    body.stick-group #sticky-chat-options {
        right: 51%
    }
}

@media only screen and (max-width:768px) {
    body.stick-group #sticky-chat-options {
        transform: translateX(calc(100% + 70px))
    }

    .stick-group-filters {
        transform: translate3d(calc(51% - 36px),0,0)
    }
}

@media only screen and (max-width:520px) {
    .stick-group-filters {
        transform: translate3d(calc(51% - 40px),0,0)
    }
}

@media only screen and (max-width:480px) {
    .stick-group-filters .btn-filters, .stick-group-filters .btn-sort {
        padding: 6px 20px !important
    }

    body.stick-group #sticky-chat-options {
        transform: translateX(calc(100% + 66px))
    }
}

.tooltip--is-hidden {
    top: 0 !important;
    left: -100vw !important
}

.tooltip {
    z-index: 5;
    font-size: .875rem
}

.price-in-bag .tooltip-trigger, .sale-price .tooltip-trigger {
    border-bottom: 0
}

.drawer__body {
    padding: var(--space-sm) var(--component-padding)
}

.drawer__content .drawer__close-btn {
    box-shadow: none;
    background-color: transparent;
    margin-right: 1rem;
    justify-content: flex-end
}

    .drawer__content .drawer__close-btn:hover {
        background-color: inherit;
        box-shadow: none
    }

:root {
    --modal-close-btn-size: 1.25em;
    --modal-close-btn-padding: var(--space-sm)
}

.modal {
    position: fixed;
    z-index: var(--zindex-overlay);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.3);
    opacity: 0;
    visibility: hidden
}

.modal--is-visible {
    opacity: 1;
    visibility: visible
}

.modal__content {
    border-radius: var(--radius-md);
    overflow: auto;
    width: calc(100% - var(--component-padding)*2);
    max-height: calc(100vh - var(--modal-close-btn-size)*4 - var(--modal-close-btn-padding)*4);
    background-color: var(--color-bg)
}

.modal__header {
    background-color: var(--color-contrast-lower)
}

.modal__body, .modal__header {
    padding: var(--space-sm) var(--component-padding)
}

.modal__footer {
    padding: var(--component-padding)
}

.modal__close-btn {
    position: fixed;
    top: var(--space-sm);
    right: var(--space-sm);
    z-index: var(--zindex-fixed-element);
    padding: var(--modal-close-btn-padding);
    border-radius: 50%;
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.9)
}

    .modal__close-btn:hover {
        background-color: var(--color-contrast-higher)
    }

    .modal__close-btn .icon {
        display: block;
        color: var(--color-bg);
        width: var(--modal-close-btn-size);
        height: var(--modal-close-btn-size);
        transition: transform .2s
    }

    .modal__close-btn:hover .icon {
        transform: scale(1.1)
    }

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .modal__header .modal__close-btn {
        --modal-close-btn-size: 1em;
        --modal-close-btn-padding: 0;
        position: static;
        flex-shrink: 0;
        background-color: transparent
    }

        .modal__header .modal__close-btn .icon {
            color: inherit
        }

.modal[data-animation=on] {
    transition: opacity .3s,visibility .3s
}

    .modal[data-animation=on] .modal__content {
        will-change: transform;
        transition: transform .3s var(--ease-out);
        transform: translateY(10%)
    }

    .modal[data-animation=on].modal--is-visible .modal__content {
        transform: translateY(0)
    }

.apple-business-unsupported .apple-messages, html:not([data-signed-in]) .for-members, html[data-signed-in] .for-guests {
    display: none !important
}

html[lang=fr] #help-menu {
    width: 12rem;
    text-align: left
}

html[lang=fr] #guest-menu .menu__item, html[lang=fr] .guest-menu .menu__item {
    line-height: 1.1
}

.mega-nav--desktop .mega-nav__item .mega-nav__sub-nav-wrapper {
    display: none;
    opacity: 0;
    visibility: hidden
}

    .mega-nav--desktop .mega-nav__item .mega-nav__sub-nav-wrapper.kids ul.accordion, .mega-nav--desktop .mega-nav__item .mega-nav__sub-nav-wrapper.mens ul.accordion, .mega-nav--desktop .mega-nav__item .mega-nav__sub-nav-wrapper.womens ul.accordion {
        min-height: 274px
    }

html[lang=fr] .mega-nav--desktop .mega-nav__item .mega-nav__sub-nav-wrapper.kids ul.accordion, html[lang=fr] .mega-nav--desktop .mega-nav__item .mega-nav__sub-nav-wrapper.mens ul.accordion, html[lang=fr] .mega-nav--desktop .mega-nav__item .mega-nav__sub-nav-wrapper.womens ul.accordion {
    min-height: 378px
}

.nav-v2 {
    position: static;
    clip: none;
    -webkit-clip-path: none;
    clip-path: none;
    transition: none;
    padding: 0
}

.nav-v2__item--main {
    margin-bottom: 0
}

.nav-v2__link {
    padding: .5rem 1.25rem
}

    .nav-v2__link:hover, .nav-v2__link[aria-current] {
        color: #e02447
    }

    .nav-v2__link.no-hover:hover, .nav-v2__link.no-hover[aria-current] {
        color: inherit !important
    }

.nav-v2__dropdown .menu-image-offer {
    padding: 0;
    display: block;
    background-size: 0
}

@media (min-width:1280px) {
    .nav-v2__dropdown .menu-image-offer {
        padding: .5rem 1.25rem;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat
    }
}

.nav-v2__dropdown .menu-image-offer span {
    padding: .5rem 1.25rem;
    display: inline-block
}

@media (min-width:1280px) {
    .nav-v2__dropdown .menu-image-offer span {
        text-align: center;
        position: absolute;
        display: block;
        --bg-opacity: 1;
        background-color: #212121;
        background-color: rgba(33,33,33,var(--bg-opacity));
        --text-opacity: 1;
        color: #fff;
        color: rgba(255,255,255,var(--text-opacity));
        padding: .25rem .75rem;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
        top: 40%;
        left: 50%;
        border-radius: 3px;
        width: 150px;
        margin-left: -75px
    }

        .nav-v2__dropdown .menu-image-offer span:hover {
            background-color: hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--bg-o))
        }
}

@media (min-width:64rem) {
    .header-v2__logo {
        margin-right: var(--space-sm)
    }

    .nav-v2__item {
        position: static
    }

    .nav-v2__item--main {
        display: flex;
        align-items: stretch;
        margin-bottom: 0
    }

    @media (min-width:1024px) {
        .nav-v2__item--main {
            margin-left: .25rem;
            margin-right: .25rem
        }
    }

    .nav-v2__item--main > .nav-v2__link {
        padding: unset
    }

    .nav-v2__item--main > a.nav-v2__link:not(.accordion__header) {
        display: flex;
        padding: var(--space-xxs) 0;
        text-transform: uppercase;
        font-size: .875rem
    }

    @media (min-width:1280px) {
        .nav-v2__item--main > a.nav-v2__link:not(.accordion__header) {
            font-size: 1.125rem
        }
    }

    .nav-v2__dropdown {
        left: 0;
        width: 100%;
        min-width: 400px;
        background-color: #fff;
        border-top: 1px solid #eee;
        border-radius: 0;
        padding: 0;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)
    }

        .nav-v2__dropdown .accordion__item {
            border-style: none;
            border-right: 1px solid #eee
        }

            .nav-v2__dropdown .accordion__item:last-of-type {
                border: none
            }

            .nav-v2__dropdown .accordion__item .col-title {
                margin-bottom: .5rem;
                padding-left: .25rem;
                padding-right: .25rem;
                font-weight: bold;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

        .nav-v2__dropdown .nav-v2__link--hover, .nav-v2__dropdown .nav-v2__link:hover {
            background-color: inherit
        }
}

@media (max-width:1023px) {
    /* #main-menu-drawer-mob .nav-v2__item--main .nav-v2__link[aria-expanded=true], .mega-nav--mobile .accordion__item--is-open .mega-nav__control {
        background: #e4002b;
        color: #fff
    } */

        #main-menu-drawer-mob .nav-v2__item--main .nav-v2__link[aria-expanded=true] .accordion__header-icon i:after, #main-menu-drawer-mob .nav-v2__item--main .nav-v2__link[aria-expanded=true] .accordion__header-icon i:before, .mega-nav--mobile .accordion__item--is-open .mega-nav__control .accordion__header-icon i:after, .mega-nav--mobile .accordion__item--is-open .mega-nav__control .accordion__header-icon i:before {
            background: #fff
        }

        #main-menu-drawer-mob .nav-v2__item--main .nav-v2__link[aria-expanded=true] .fad.fa-comments:after, #main-menu-drawer-mob .nav-v2__item--main .nav-v2__link[aria-expanded=true] .fad.fa-comments:before, .mega-nav--mobile .accordion__item--is-open .mega-nav__control .fad.fa-comments:after, .mega-nav--mobile .accordion__item--is-open .mega-nav__control .fad.fa-comments:before {
            color: #fff
        }

        #main-menu-drawer-mob .nav-v2__item--main .nav-v2__link[aria-expanded=true] .fad.fa-comments:after, .mega-nav--mobile .accordion__item--is-open .mega-nav__control .fad.fa-comments:after {
            opacity: .75
        }

        .mega-nav--mobile .accordion__item--is-open .mega-nav__control .angle {
            /* transform: translateY(-50%) */
        }
}

.nav-v3 {
    clip: none;
    -webkit-clip-path: none;
    clip-path: none;
    transition: none
}

.nav-v3, .nav-v3__list {
    position: static
}

.nav-v3__item--search-btn {
    z-index: 5
}

.nav-v3__item--search-form {
    width: 100%;
    transition: all .1s
}

.accordion__panel.col-links a {
    display: block;
    --text-opacity: 1;
    color: #212121;
    color: rgba(33,33,33,var(--text-opacity));
    font-size: .875rem;
    line-height: 1.2rem;
    padding: .35rem .25rem
}

    .accordion__panel.col-links a.clearance {
        display: inline-block;
        width: auto !important;
        color: #f90
    }

        .accordion__panel.col-links a.clearance:hover {
            color: #fff;
            background: #f90
        }

    .accordion__panel.col-links a.newarrivals {
        display: inline-block;
        color: #16c0f3
    }

        .accordion__panel.col-links a.newarrivals:hover {
            color: #fff;
            background: #16c0f3
        }

    .accordion__panel.col-links a:hover {
        color: #e02447;
        background: #f5f5f5
    }

.accordion__panel.col-links.main-inline-block a {
    display: inline-block;
    width: 100%
}

@media (min-width:575px) {
    .accordion__panel.col-links {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
}

.accordion__panel.col-by-size {
    padding-left: .25rem;
    padding-right: .25rem;
    padding-top: .5rem
}

    .accordion__panel.col-by-size a {
        padding: .25rem .75rem;
        display: inline-block;
        --border-opacity: 1;
        border-color: #eee;
        border-color: rgba(238,238,238,var(--border-opacity));
        border-style: solid;
        border: 1px solid hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--border-o,1));
        font-size: .875rem;
        text-align: center;
        margin-bottom: .5rem;
        margin-right: .25rem;
        border-radius: 3px;
        width: 20%
    }

        .accordion__panel.col-by-size a:hover {
            --border-opacity: 1;
            border-color: #bbb;
            border-color: rgba(187,187,187,var(--border-opacity))
        }

.accordion__panel.col-single {
    -moz-column-count: 1;
    column-count: 1
}

@media (min-width:1024px) {
    #departments-menu .menu-image-offer {
        background-size: cover
    }
}

@media (min-width:575px) {
    #departments-menu .col-links {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (min-width:1024px) {
    #departments-menu .col-links {
        -moz-column-count: 4;
        column-count: 4
    }
}

#departments-menu .col-links a {
    display: block;
    --text-opacity: 1;
    color: #212121;
    color: rgba(33, 33, 33, var(--text-opacity));
    font-size: .875rem;
    line-height: 1.2rem;
    padding: .35rem .25rem;
}

    #departments-menu .col-links a:hover {
        color: #e02447;
        background: #f5f5f5
    }

#sale-menu .sale-img-wrap {
    padding-right: 3.5rem
}

#sale-menu .nav-btn.mega-nav__control {
    color: #e02447;
}

.mobile-quick-links a:first-of-type {
    color: #3182ce;
}

.mobile-quick-links a:last-of-type {
    color: #e02447;
}

#new-arrivals-menu .nav-btn.mega-nav__control,
#new-arrivals-menu .nav-btn.mega-nav__control:hover {
    color: rgba(49, 130, 206, 1);
}

@media (max-width:1439px) {
    #sale-menu .sale-img-wrap {
        padding-right: 1.3rem
    }
}

#sale-menu .col-links a {
    font-size: 1.2re.875rem;
    line-height: 1.2rem;
    padding: .45rem .25rem
}

@media (min-width:1024px) {
    #sale-menu .col-links a {
        display: inline-block;
        width: 100%;
        padding: .35rem .25rem
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    #women-menu .col-links,
    #men-menu .col-links,
    #sale-menu .col-links {
        -moz-column-count: 1;
        column-count: 1
    }
}

@media (min-width:1280px) {
    #sale-menu .col-links {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }
}

@media (min-width:575px) {
    .brands-list-wrapper .col-links {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (min-width:1024px) {
    .mega-nav--expanded #mainNav .mega-nav__item:hover .mega-nav__sub-nav-wrapper {
        display: none
    }
}

#search-toggle i {
    font-size: 1em
}

#search-toggle .fa-times-circle {
    font-size: 1.25rem
}

@media (min-width:1280px) {
    #search-toggle i {
        font-size: 1.125rem
    }

    #search-toggle .fa-times-circle {
        font-size: 1.5rem
    }
}

/*
@media (min-width:1281px) {
    #search-toggle {
        right: 15px
    }
}
*/

#main-menu .nav-v3__form-control {
    transition: none;
    transform: translateY(0);
    border-width: 2px;
    font-size: 1rem
}

@media (max-width:63.9375rem) {
    #main-menu #menu-text {
        padding-bottom: 5rem
    }
}

#main-menu-drawer-mob .drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    height: var(--header-v2-height)
}

#main-menu-drawer-mob .accordion__header-icon i:after, #main-menu-drawer-mob .accordion__header-icon i:before {
    width: 2px;
    height: 60%;
    background: #000;
    top: 3px
}

#main-menu-drawer-mob .drawer__close-btn {
    top: 10px;
    right: 12px
}

#menu-logos {
    display: grid;
    grid-template-columns: repeat(auto-fill, 120px);
    grid-gap: 0 16px;
    justify-content: space-between;
    max-height: 170px;
    overflow: hidden;

}

@media (min-width:1024px) {
    #menu-logos {
        grid-template-columns: repeat(auto-fill, 70px)
    }
}

#menu-logos img {
    width: 100%;
    height: auto
}

    #menu-logos img:hover {
        border-color: #aaa
    }

@media (min-width:64rem) {
    .mega-nav__sub-nav-wrapper .accordion__item {
        border-bottom: none
    }
}

/* @media (min-width:64rem) {
    .mega-nav__sub-nav-wrapper .accordion__item:not(:last-child) {
        border-right: 1px solid #ddd
    }
} */

.mega-nav--desktop .mega-nav__sub-nav-wrapper, .mega-nav__search .searchTemplatesContainer {
    box-shadow: 0 6px 4px -4px rgba(0,0,0,.06)
}

.mega-nav.mega-nav--mobile {
    z-index: 5
}

.mega-nav--mobile .mega-nav__nav {
    position: fixed;
    box-shadow: none;
    z-index: 4;
    background: transparent
}

    .mega-nav--mobile .mega-nav__nav:before {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 300%;
        height: 100%;
        background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.3)
    }

    .mega-nav--mobile .mega-nav__nav.mega-nav__nav--is-visible:before {
        display: block
    }

.mega-nav--mobile .mega-nav__nav--is-visible > *, .mega-nav--mobile .mega-nav__search--is-visible > * {
    animation: none
}

.mega-nav--mobile .mega-nav__nav-inner, .mega-nav--mobile .mega-nav__search-inner {
    padding: initial;
    width: auto
}

.mega-nav--mobile .mega-nav__sub-nav-wrapper {
    padding: initial
}

.mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper > * {
    animation: none
}

.mega-nav--desktop .mega-nav__logo {
    margin-right: 0
}

.mega-nav--desktop .mega-nav__control {
    padding: initial;
    font-size: medium
}

    .mega-nav--desktop .mega-nav__control:hover {
        background-color: transparent
    }

.mega-nav--desktop .mega-nav__search-inner, .mega-nav--desktop .mega-nav__sub-nav {
    padding: initial
}

.mega-nav--desktop .mega-nav__search-inner {
    max-width: auto
}

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav, .mega-nav--desktop .mega-nav__search--is-visible .mega-nav__search-inner {
    animation: none
}

.mega-nav--desktop .mega-nav__sub-nav-wrapper {
    cursor: auto
}

.mega-nav--desktop .col-title {
    padding: 0 .25rem;
    display: inline-block
}

.mega-nav--mobile .mega-nav__nav .mega-nav__nav-inner {
    margin-left: 0;
    background-color: #fff;
    height: 100%;
    width: 80%
}

@media (min-width:32rem) {
    .mega-nav--mobile .mega-nav__nav .mega-nav__nav-inner {
        width: 50%
    }
}

@media (min-width:64rem) {
    .mega-nav--mobile .mega-nav__nav .mega-nav__nav-inner {
        height: auto
    }
}

@media (max-width:63.99rem) {
    .mega-nav--mobile .mega-nav__nav .mega-nav__nav-inner .mega-nav__items--main {
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        position: relative;
        z-index: 10
    }
}

#brands-menu .nav-v2__dropdown #menu-logos a {
    margin: .25rem;
    border: 1px solid #eee;
    height: auto
}

@media (min-width:1024px) {
    #brands-menu .nav-v2__dropdown #menu-logos a {
        width: 9.18%
    }
}

@media (min-width:1280px) {
    #brands-menu .nav-v2__dropdown #menu-logos a {
        width: 9%
    }
}

#brands-menu .nav-v2__dropdown #menu-logos a img {
    display: block;
    border: 5px solid hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--border-o,1))
}

#brands-menu .nav-v2__dropdown #menu-logos a:hover {
    border-color: #aaa
}

@media (min-width:1280px) {
    #kids-menu .nav-v2__dropdown .menu-image-offer {
        min-height: 300px
    }
}

#clearance-menu .col-links a {
    display: block;
    --text-opacity: 1;
    color: #212121;
    color: rgba(33,33,33,var(--text-opacity));
    font-size: .875rem;
    line-height: 2rem
}

#clearance-menu .menu-image-offer {
    padding: 1rem
}

@media (min-width:1024px) {
    #clearance-menu .nav-v2__dropdown {
        left: -80px
    }

        #clearance-menu .nav-v2__dropdown .menu-image-offer {
            --border-opacity: 1;
            border-color: #eee;
            border-left: 1px;
            border-color: rgba(238,238,238,var(--border-opacity));
            border-style: solid
        }

        #clearance-menu .nav-v2__dropdown .col-links a {
            padding-left: .25rem;
            padding-right: .25rem
        }

            #clearance-menu .nav-v2__dropdown .col-links a:hover {
                color: #e02447;
                background: #f5f5f5
            }
}

.menu-image-offer {
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat;
}

#bags-menu .bag-thumbs {
    -moz-column-count: 2;
    column-count: 2;
    padding-bottom: 1rem
}

    #bags-menu .bag-thumbs a {
        display: block;
        font-size: .875rem;
        line-height: 2
    }

        #bags-menu .bag-thumbs a img {
            display: none
        }

        #bags-menu .bag-thumbs a span {
            display: block;
            padding: 0 1.25rem
        }

@media (min-width:1024px) {
    #bags-menu .bag-thumbs {
        -moz-column-count: 1;
        column-count: 1;
        padding-bottom: 0
    }

        #bags-menu .bag-thumbs a {
            padding: 1rem;
            text-align: center;
            line-height: 1.5;
            border-bottom-style: solid;
            border-right-style: solid;
            --border-opacity: 1;
            border-color: #eee;
            border-left: 1px solid rgba(238,238,238,var(--border-opacity));
            border-bottom-color: rgba(238,238,238,var(--border-opacity));
            border-right-color: rgba(238,238,238,var(--border-opacity));
            border-top: 1px solid rgba(238,238,238,var(--border-opacity));
            width: 16.66%
        }

            #bags-menu .bag-thumbs a span {
                display: block;
                padding: .25rem .5rem
            }

            #bags-menu .bag-thumbs a:hover span {
                --text-opacity: 1;
                color: #c53030;
                color: rgba(197,48,48,var(--text-opacity));
                --bg-opacity: 1;
                background-color: #f5f5f5;
                background-color: rgba(245,245,245,var(--bg-opacity))
            }

            #bags-menu .bag-thumbs a img {
                display: block
            }
}

@media (min-width:1280px) {
    #bags-menu .bag-thumbs {
        margin-top: -1px
    }
}

@media (min-width:575px) {
    #bags-menu-item .col-links {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (max-width:1023px) {
    #main-menu-drawer-mob .accordion__header:hover {
        color: #e02447
    }

    #main-menu-drawer-mob #brands-menu .nav-v2__dropdown {
        padding: .75rem 1.25rem;
        width: 100%
    }

        #main-menu-drawer-mob #brands-menu .nav-v2__dropdown #menu-logos a {
            display: block;
            border: none;
            width: 22.1%
        }

            #main-menu-drawer-mob #brands-menu .nav-v2__dropdown #menu-logos a span {
                display: block;
                font-family: source-sans-pro-regular,sans-serif;
                text-align: center;
                font-size: .75rem
            }

    #main-menu-drawer-mob .nav-v2__dropdown {
        padding: 0;
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245,245,245,var(--bg-opacity))
    }

    #main-menu-drawer-mob .drawer__body {
        height: 100vh;
        padding: 0
    }

    #main-menu.nav-v3 {
        transition: none;
        box-shadow: none
    }

    .nav-v3__item--search-form-mobile {
        margin: 0;
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        height: auto;
        padding: var(--space-sm);
        background-color: var(--color-bg);
        border-radius: 0;
        z-index: var(--zindex-popover)
    }

    .accordion__panel.col-by-size {
        padding: 0 1rem .5rem
    }

        .accordion__panel.col-by-size a {
            background-color: hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--bg-o));
            width: 17.5%
        }

    .accordion__panel.col-links {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem
    }
}

@media (min-width:1024px) {
    #main-menu .nav-v3__form-control {
        font-size: 1.125rem
    }

    .nav-v3__item--search-form-mobile {
        display: none !important
    }

    .js .mega-nav--desktop .mega-nav__control .accordion__header-icon {
        display: none
    }
}

@media (min-width:1024px) {
    .nav-v3__item--search-form.nav-v3__item--search-form {
        padding-left: 9rem;
        right: 0
    }

        .nav-v3__item--search-form.nav-v3__item--search-form input {
            padding-right: 2.5rem
        }
}

@media (min-width:1280px) {
    .nav-v3__item--search-form.nav-v3__item--search-form input {
        padding-right: 3rem
    }
}

@media (min-width:1366px) {
    .nav-v3__item--search-form.nav-v3__item--search-form {
        padding-left: 11rem
    }
}

@media (min-width:1440px) {
    .nav-v3__item--search-form.nav-v3__item--search-form {
        padding-left: 12rem
    }
}

.nav-v3-mobile.nav-v2--is-visible {
    min-height: 100%;
    padding-bottom: 50px;
    overflow: scroll
}

.nav-v3-mobile.active .nav-v3__list {
    padding: 0 20px
}

.nav-v3-mobile .nav-v3__list {
    padding: 0
}

@media (min-width:1024px) {
    #main-menu-drawer-mob.drawer {
        position: static;
        width: 100%;
        height: auto
    }

    #main-menu-drawer-mob.drawer--open-left .drawer__content {
        position: static;
        transform: translateX(0);
        box-shadow: none;
        width: 100%
    }

    #main-menu-drawer-mob .drawer__header {
        display: none
    }

    #main-menu-drawer-mob .drawer__body {
        padding: 0;
        overflow: visible
    }

    .nav-v2__item .accordion__panel {
        display: block
    }

    .nav-v2__item .accordion__header-icon {
        display: none
    }

    .nav-v2__item.accordion__item {
        border: none
    }
}

#menu-icons li {
    margin-left: 1rem;
    margin-right: 1rem;
}

#menu-icons .counter, .header-v2 .counter {
    font-weight: bold;
    font-weight: 400
}

@media (min-width:1366px) {
    #menu-icons .counter-container {
        display: flex;
        align-items: center
    }

    #menu-icons .counter {
        position: static !important;
        background: transparent !important;
        color: #000 !important;
        font-size: 1rem !important;
        line-height: 1rem !important;
        font-weight: 400 !important;
        padding: 0 !important;
        transform: translateX(50%) !important
    }
}

.nav-v2 #sr-menu {
    padding-top: 1rem;
    padding-bottom: 1rem
}

    .nav-v2 #sr-menu .buttons a {
        border-radius: .25rem;
        font-size: .875rem;
        padding: .5rem
    }

        .nav-v2 #sr-menu .buttons a:first-child {
            --bg-opacity: 1;
            background-color: #4299e1;
            background-color: rgba(66,153,225,var(--bg-opacity));
            --text-opacity: 1;
            color: #fff;
            color: rgba(255,255,255,var(--text-opacity));
            margin-right: .75rem
        }

        .nav-v2 #sr-menu .buttons a:last-child {
            --bg-opacity: 1;
            background-color: #eee;
            background-color: rgba(238,238,238,var(--bg-opacity));
            --text-opacity: 1;
            color: #424242;
            color: rgba(66,66,66,var(--text-opacity))
        }

@media (min-width:360px) {
    .nav-v2 #sr-menu .buttons a {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.nav-v2 #sr-menu > p {
    line-height: 1rem
}

@media (min-width:1024px) {
    .mega-nav--desktop .mega-nav__item.signUp_hidden {
        display: none
    }
}

.nav-v2 #country-menu img + span {
    text-indent: -1px
}

.nav-v2 #country-menu .nav-v2__item a {
    border-bottom: 1px solid #d3d3d4
}

    .nav-v2 #country-menu .nav-v2__item a:last-child {
        border-bottom: none
    }

.nav-v2 #chat-menu .nav-v2__item > div {
    border-bottom: 1px solid #d3d3d4
}

    .nav-v2 #chat-menu .nav-v2__item > div:last-child {
        border-bottom: none
    }

.nav-v2 #chat-menu .nav-v2__item .live-chat .logo {
    background: rgba(228,32,17,.8)
}

.nav-v2 #chat-menu .nav-v2__item .whatsapp-chat .logo {
    background: rgba(0,212,110,.8)
}

.nav-v2 #chat-menu .nav-v2__item .apple-messages .logo {
    background: rgba(0,0,0,.8)
}

.nav-v2 #chat-menu .nav-v2__item .chat-option {
    display: flex;
    align-items: center
}

    .nav-v2 #chat-menu .nav-v2__item .chat-option .logo {
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255,255,255,var(--text-opacity))
    }

    .nav-v2 #chat-menu .nav-v2__item .chat-option .text {
        padding: 0 .875rem
    }
    

#chat-menu .live-chat {
    position: relative
}

    #chat-menu .live-chat, #chat-menu .live-chat .LPMcontainer {
        height: 40px !important;
        z-index: 0
    }

        #chat-menu .live-chat .LPMimage {
            width: 100% !important;
            height: 36px !important
        }

        #chat-menu .live-chat .cover {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            --bg-opacity: 1;
            background-color: #f5f5f5;
            background-color: rgba(245,245,245,var(--bg-opacity));
            pointer-events: none
        }

.nav-v2 .member-points .points {
    color: #369
}

@media (min-width:1280px) {
    .nav-v2 .member-points {
        font-size: 1rem;
        line-height: 1rem
    }
}

@media (max-width:63.9375rem) {
    .nav-v2 .member-points .name:after {
        padding: 0 .5rem;
        content: "|"
    }
}

.header-v2__overlay {
    transition: opacity .16s ease-out;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1c1c20;
    height: calc(100vh - 50px);
    opacity: 0;
    pointer-events: none;
    z-index: 1
}

.header-v2__overlay--active {
    opacity: .3;
    pointer-events: auto
}

@media (min-width:1024px) {
    .header-v2:after {
        display: block;
        height: var(--header-v2-height-md,70px);
        pointer-events: none;
        content: "\A0"
    }

    html.has-scroll .header-v2__overlay {
        height: 100vh
    }

    .header-v2__overlay {
        top: calc(var(--header-v2-height-md, 70px) + 40px);
        height: calc(100vh - var(--header-v2-height-md, 70px) - 40px)
    }

    .header-v2__wrapper--is-fixed + .header-v2__overlay, .menu--is-fixed + .header-v2__overlay {
        position: fixed;
        top: 0;
        height: 100vh
    }
}

.mega-nav__box.mega-nav__container {
    width: auto;
    padding: 0
}

/*    .mega-nav__box.mega-nav__container #help-menu .js-menu__item:last-child {
        display: none
    }*/

.mega-nav__icon-btn, .mega-nav__logo {
    width: auto;
    height: auto
}

.mega-nav--mobile .mega-nav__nav, .mega-nav--mobile .mega-nav__search {
    overflow: inherit
}

.mega-nav__sub-nav-wrapper .brands-icons-wrapper li.accordion__item, .mob-subTitle {
    border-right: none !important
}

.mega-nav[data-animation=on] .header-v2__wrapper--is-fixed {
    max-width: 100%
}

/*    .mega-nav[data-animation=on] .header-v2__wrapper--is-fixed #help-menu .js-menu__item:last-child {
        display: block
    }*/

.header-v2__overlay {
    transition: opacity 0ms ease-out
}

.header-v2__overlay--active {
    opacity: .1;
    transition-delay: .29s
}

@media (min-width:1024px) {
    #mainNav {
        max-width: 60%;
    }

    #mainNav .mega-nav__item:nth-child(2) {
        margin-left: 24px
    }
}

@media (min-width:1440px) {
    #mainNav {
        justify-content: start;
        overflow: hidden
    }

        #mainNav .mega-nav__item:not(:first-child) {
            justify-content: center;
            margin: 0
        }

        #mainNav .mega-nav__item {
            margin: 0;
            cursor: pointer
        }

            #mainNav .mega-nav__item:first-child {
                flex-basis: 200px;  /*165px*/
            }
/*
            #mainNav .mega-nav__item:nth-child(2) {
                margin-left: 24px
            }
*/
            #mainNav .mega-nav__item:not(:first-child) {
                flex-grow: 1
            }

            #mainNav .mega-nav__item.mega-nav__item--search-icon {
                flex-grow: 0;
                padding-left: 20px
            }
}

@media (min-width:1366px) {
    #my-account i.far {
        font-size: 24px
    }
}

@media (min-width:1600px) {
    #mainNav {
        /* width: 100%; */
        padding-right: 10px
    }
}

@media (min-width:1024px) {
    #help.mega-nav__item {
        font-size: 24px
    }

    #mainNav .mega-nav__item:hover .mega-nav__control {
        color: #e02447
    }

    #my-account .fa-user-circle, #search-toggle i, #shopping-bag {
        font-size: 18px
    }

    #help-sticky, #mainNav li button.mega-nav__control.nav-btn-mob, .header-v2__wrapper--is-fixed #my-favourites {
        display: none
    }

    .header-v2__wrapper--is-fixed #help-sticky {
        display: flex
    }
}

@media (max-width:1364px) {
    #search-toggle {
        font-size: 14px
    }
}

@media (max-width:1023px) {
    .container.not-container {
        max-width: 100%;
        padding: 0
    }

    #mainNav li button {
        font-family: var(--font-primary,sans-serif)
    }

    #my-favourites {
        font-size: 14px
    }

    #search-toggle-mob {
        width: 28px;
        height: 28px
    }
}

@media (max-width:1023px) and (max-width:640px) {
    #search-toggle-mob {
        display: none
    }
}

@media (max-width:1023px) {
    .burger-btn {
        margin-right: 8px
    }

    .counter--docked {
        font-family: open-sans-condensed-bold
    }

    .mob-menu-top {
        position: relative;
        height: 50px;
        align-items: center
    }

    .mob-menu-top-btn {
        position: absolute;
        top: 16px;
        right: 18px
    }

    .mega-nav--mobile .mega-nav__control {
        padding: 8px 20px
    }

    .mega-nav--mobile .angle {
        font-size: 1rem; /*1.43rem*/
        font-weight: 400
    }

    .accordion__header-icon i:after, .accordion__header-icon i:before {
        height: 60%
    }

    #mainNav .accordion__header:hover {
        color: #212121
    }

    #mainNav li button.mega-nav__control.nav-btn {
        display: none
    }

    .mega-nav__item.sublink-item {
        background: #f5f5f5;
        color: #454545;
        font-size: .75rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

        /* .mega-nav__item.sublink-item.mega-nav__item--expanded .mega-nav__control {
            color: #fff
        } */

        .mega-nav__item.sublink-item .mega-nav__control {
            color: #454545;
            font-size: .75rem
        }
}

@media (min-width:640px) {
    .placeholder-box {
        display: block !important
    }
}

@media (min-width:1240px) {
    .placeholder-box {
        display: none !important
    }
}

@media (max-width:640px) {
    .searchTemplatesContainer {
        z-index: 5
    }

    .mobile-quick-links {
        width: 100%;
        padding: 10px 0;
        z-index: 2;
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        box-shadow: var(--shadow-xs);
        margin-top: 60px
    }

        .mobile-quick-links a {
            /*padding: 10px 16px;*/
            padding: 10px !important;
            text-align: center;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500
        }

    .mobile-quick-links-fr a {
        padding: 10px !important;
    }

            .mobile-quick-links a:hover {
                background-color: #f5f5f5
            }
}

@media (max-width:360px) {
    .mobile-quick-links a {
        padding: 10px 12px
    }
}

/* Nav Search START */

.mega-nav__search-inner {
    padding: 10px
}

.mega-nav__search-inner input {
    padding-right: 50px
}

.search-form-button-mob {
    align-items: center;
    display: flex;
    font-size: 8px;
    height: 28px;
    justify-content: center;
    position: absolute;
    right: 28px;
    top: 21px;
    width: 28px
}

@media(min-width:1024px) {
    .search-form-button-mob {
        display: none
    }
}

.mega-nav--desktop .mega-nav__search.block {
    display: block
}

.mega-nav--mobile .mega-nav__search.block {
    display: block;
    z-index: 10
}

.mega-nav--desktop .mega-nav__search.hide {
    display: none
}

.nav-search-header-v2__overlay.nav-search-header-v2__overlay--visible {
    opacity: .3;
    pointer-events: auto;
    transition: .2s ease-in-out
}

.nav-search-header-v2__overlay {
    background-color: #1c1c20;
    bottom: 0;
    height: calc(100vh - 50px);
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50px;
    transition: opacity 0ms ease-out;
    z-index: 1
}

.brands__names-list-images {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50px,1fr));
    max-width: 220px
}

@media(min-width:1024px) {
    .nav-search-header-v2__overlay {
        height: calc(100vh - 70px);
        height: calc(100vh - var(--header-v2-height-md, 70px));
        top: 70px;
        top: calc(var(--header-v2-height-md, 70px))
    }

    .mega-nav__search-inner input {
        max-width: 849px
    }
}

@media(max-width:640px) {
    #mega-nav-search {
        background-color: #fff;
        border: none;
        box-shadow: none !important;
        height: 60px;
        position: absolute;
        z-index: 2
    }

    .search-form-button-mob {
        right: 16px !important;
        top: 18px !important
    }

    #mega-nav-search .mega-nav__search-inner {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    #mega-nav-search .search-icon {
        align-items: center;
        display: flex;
        height: 36px;
        justify-content: center;
        position: absolute;
        right: 2px;
        top: 15px;
        width: 40px
    }

    #mega-nav-search form {
        position: relative;
        width: calc(100% - 32px)
    }

        #mega-nav-search form input {
            left: 0 !important;
            margin-top: 10px;
            padding-right: 50px;
            position: absolute !important;
            top: 0 !important;
            width: 100% !important
        }
}

@media(min-width:640px)and (max-width:1024px) {
    #mega-nav-search {
        background-color: #fff;
        border: none;
        height: 70px;
        left: 0;
        margin-top: 50px;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.searchTemplatesContainer > .container > div {
    padding: 25px 20px 25px 0;
    vertical-align: top
}

    .searchTemplatesContainer > .container > div:last-child {
        padding-right: 0
    }

@media(max-width:1023px) {
    .searchTemplatesContainer > .container > div {
        padding: 0 20px 0 0
    }
}

.searchTemplatesContainer {
    background: #fff;
    border-radius: var(--radius-md);
    border-width: 1px 0 0;
    border-top: 1px solid #ddd;
    box-shadow: var(--shadow-md);
    color: #333;
    font-size: 12px;
    left: 0;
    line-height: 18px;
    max-height: calc(100vh - 120px);
    overflow: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 70px;
    z-index: var(--zindex-popover)
}

@media(max-width:1023px) {
    .searchTemplatesContainer {
        border: none
    }
}

.searchTemplatesContainer h6 {
    line-height: 1.8;
    margin-bottom: 1rem !important
}

@media(max-width:1023px) {
    .searchTemplatesContainer h6 {
        line-height: 2.5;
        margin-bottom: 0 !important
    }

    .searchTemplatesContainer li {
        margin-bottom: .75rem;
        overflow: hidden
    }

        .searchTemplatesContainer li .possibleItemMatch-item {
            font-size: 16px;
            line-height: 1.2;
            padding: 0;
            width: 100%
        }
}

.searchTemplatesContainer li span {
    font-size: 1rem;
    line-height: 1
}

.searchTemplatesContainer .title {
    color: #369;
    font-size: 24px;
    line-height: 1
}

.searchTemplatesContainer .brands__names-list li a, .searchTemplatesContainer .links ul li a, .searchTemplatesContainer .trending__list li a {
    line-height: 2.5
}

.searchTemplatesContainer .ta-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.searchTemplatesContainer .matches__list {
    flex-wrap: wrap;
    max-width: 400px;
    overflow: hidden
}

@media(min-width:1280px) {
    .searchTemplatesContainer .matches__list {
        max-width: 500px;
    }
}

@media(min-width:1600px) {
    .searchTemplatesContainer .matches__list {
        max-width: 600px;
    }
}

@media(min-width:2560px) {
    .searchTemplatesContainer .matches__list {
        max-width: 900px;
    }
}

.searchTemplatesContainer .possibleItemMatch-item, .searchTemplatesContainer .recentlyViewed-item {
    float: left;
    padding: 2%;
    position: relative;
}

.searchTemplatesContainer .possibleItemMatch-item-image {
    border: 1px solid #ddd;
    position: relative
}

@media(min-width:1280px) {
    .searchTemplatesContainer .title {
        width: 12.3rem
    }
}

/* Nav Search END */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}b,strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}[hidden],template{display:none}dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:source-sans-pro-regular,roboto,sans-serif;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #ddd}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}canvas,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1366px){.container{max-width:1366px}}@media (min-width:1440px){.container{max-width:1440px}}@media (min-width:1600px){.container{max-width:1600px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-transparent{background-color:transparent}.bg-black{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f5f5f5;background-color:rgba(245,245,245,var(--bg-opacity))}.bg-gray-200{--bg-opacity:1;background-color:#eee;background-color:rgba(238,238,238,var(--bg-opacity))}.bg-gray-300{--bg-opacity:1;background-color:#ddd;background-color:rgba(221,221,221,var(--bg-opacity))}.bg-gray-800{--bg-opacity:1;background-color:#424242;background-color:rgba(66,66,66,var(--bg-opacity))}.bg-gray-900{--bg-opacity:1;background-color:#212121;background-color:rgba(33,33,33,var(--bg-opacity))}.bg-yellow-200{--bg-opacity:1;background-color:#fefcbf;background-color:rgba(254,252,191,var(--bg-opacity))}.bg-green-200{--bg-opacity:1;background-color:#c6f6d5;background-color:rgba(198,246,213,var(--bg-opacity))}.bg-blue-500{--bg-opacity:1;background-color:#4299e1;background-color:rgba(66,153,225,var(--bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-gray-900:hover{--bg-opacity:1;background-color:#212121;background-color:rgba(33,33,33,var(--bg-opacity))}.hover\:bg-blue-600:hover{--bg-opacity:1;background-color:#3182ce;background-color:rgba(49,130,206,var(--bg-opacity))}.hover\:bg-blue-700:hover{--bg-opacity:1;background-color:#2b6cb0;background-color:rgba(43,108,176,var(--bg-opacity))}.bg-cover{background-size:cover}.border-gray-100{--border-opacity:1;border-color:#f5f5f5;border-color:rgba(245,245,245,var(--border-opacity))}.border-gray-200{--border-opacity:1;border-color:#eee;border-color:rgba(238,238,238,var(--border-opacity))}.border-gray-300{--border-opacity:1;border-color:#ddd;border-color:rgba(221,221,221,var(--border-opacity))}.border-gray-400{--border-opacity:1;border-color:#bbb;border-color:rgba(187,187,187,var(--border-opacity))}.border-gray-600{--border-opacity:1;border-color:#757575;border-color:rgba(117,117,117,var(--border-opacity))}.hover\:border-gray-500:hover{--border-opacity:1;border-color:#9e9e9e;border-color:rgba(158,158,158,var(--border-opacity))}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border-solid{border-style:solid}.border-none{border-style:none}.border{border-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.self-start{align-self:flex-start}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.order-1{order:1}.order-2{order:2}.order-first{order:-9999}.order-last{order:9999}.float-right{float:right}.float-left{float:left}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-48{height:12rem}.h-64{height:16rem}.h-auto{height:auto}.h-full{height:100%}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.m-0{margin:0}.m-auto{margin:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mb-5{margin-bottom:1.25rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.mt-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.mt-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.mt-16{margin-top:4rem}.mr-16{margin-right:4rem}.mb-16{margin-bottom:4rem}.mt-20{margin-top:5rem}.mb-20{margin-bottom:5rem}.mt-24{margin-top:6rem}.mr-24{margin-right:6rem}.mb-24{margin-bottom:6rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.-mt-1{margin-top:-.25rem}.-ml-1{margin-left:-.25rem}.-mt-2{margin-top:-.5rem}.-mb-2{margin-bottom:-.5rem}.-mb-3{margin-bottom:-.75rem}.-mt-4{margin-top:-1rem}.-ml-6{margin-left:-1.5rem}.-ml-20{margin-left:-5rem}.max-h-full{max-height:100%}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-full{max-width:100%}.min-w-full{min-width:100%}.opacity-0{opacity:0}.focus\:outline-none:focus,.outline-none{outline:2px solid transparent;outline-offset:2px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-0{padding-top:0;padding-bottom:0}.px-0{padding-left:0;padding-right:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pt-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pt-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pt-6{padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.right-auto{right:auto}.resize{resize:both}.shadow-xs{box-shadow:0 0 0 1px rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px rgba(66,153,225,.5)}.fill-current{fill:currentColor}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#bbb;color:rgba(187,187,187,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#9e9e9e;color:rgba(158,158,158,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#757575;color:rgba(117,117,117,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#616161;color:rgba(97,97,97,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#424242;color:rgba(66,66,66,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#212121;color:rgba(33,33,33,var(--text-opacity))}.text-red-600{--text-opacity:1;color:#e53e3e;color:rgba(229,62,62,var(--text-opacity))}.text-red-700{--text-opacity:1;color:#c53030;color:rgba(197,48,48,var(--text-opacity))}.text-orange-700{--text-opacity:1;color:#c05621;color:rgba(192,86,33,var(--text-opacity))}.text-green-500{--text-opacity:1;color:#48bb78;color:rgba(72,187,120,var(--text-opacity))}.text-green-600{--text-opacity:1;color:#38a169;color:rgba(56,161,105,var(--text-opacity))}.text-green-700{--text-opacity:1;color:#2f855a;color:rgba(47,133,90,var(--text-opacity))}.text-green-800{--text-opacity:1;color:#276749;color:rgba(39,103,73,var(--text-opacity))}.text-blue-500{--text-opacity:1;color:#4299e1;color:rgba(66,153,225,var(--text-opacity))}.text-blue-600{--text-opacity:1;color:#3182ce;color:rgba(49,130,206,var(--text-opacity))}.text-blue-700{--text-opacity:1;color:#2b6cb0;color:rgba(43,108,176,var(--text-opacity))}.hover\:text-black:hover{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.hover\:text-white:hover{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.hover\:text-blue-400:hover{--text-opacity:1;color:#63b3ed;color:rgba(99,179,237,var(--text-opacity))}.hover\:text-blue-600:hover{--text-opacity:1;color:#3182ce;color:rgba(49,130,206,var(--text-opacity))}.italic{font-style:italic}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.hover\:underline:hover,.underline{text-decoration:underline}.tracking-wide{letter-spacing:.025em}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.align-middle{vertical-align:middle}.visible{visibility:visible}.invisible{visibility:hidden}.truncate,.whitespace-no-wrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis}.w-1{width:.25rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-56{width:14rem}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-1\/6{width:16.666667%}.w-7\/12{width:58.333333%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}.z-1{z-index:1}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.gap-2{grid-gap:.5rem;gap:.5rem}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.hover\:scale-110:hover{--transform-scale-x:1.1;--transform-scale-y:1.1}.rotate-180{--transform-rotate:180deg}.-translate-y-full{--transform-translate-y:-100%}.transition-all{transition-property:all}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@media (min-width:768px){.sm\:bg-transparent{background-color:transparent}.sm\:rounded{border-radius:.25rem}.sm\:border-solid{border-style:solid}.sm\:border-none{border-style:none}.sm\:border{border-width:1px}.sm\:border-b-0{border-bottom-width:0}.sm\:border-r{border-right-width:1px}.sm\:border-b{border-bottom-width:1px}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-no-wrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-baseline{align-items:baseline}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:flex-grow{flex-grow:1}.sm\:flex-shrink{flex-shrink:1}.sm\:order-first{order:-9999}.sm\:order-last{order:9999}.sm\:order-none{order:0}.sm\:h-24{height:6rem}.sm\:h-full{height:100%}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:text-lg{font-size:1.125rem}.sm\:text-xl{font-size:1.25rem}.sm\:text-2xl{font-size:1.5rem}.sm\:leading-normal{line-height:1.5}.sm\:m-auto{margin:auto}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-2{margin-left:.5rem;margin-right:.5rem}.sm\:my-4{margin-top:1rem;margin-bottom:1rem}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:-mx-4{margin-left:-1rem;margin-right:-1rem}.sm\:my-12{margin-top:3rem;margin-bottom:3rem}.sm\:my-16{margin-top:4rem;margin-bottom:4rem}.sm\:-mx-2{margin-left:-.5rem;margin-right:-.5rem}.sm\:mt-0{margin-top:0}.sm\:mr-0{margin-right:0}.sm\:mb-0{margin-bottom:0}.sm\:mt-1{margin-top:.25rem}.sm\:mt-2{margin-top:.5rem}.sm\:mr-2{margin-right:.5rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:ml-2{margin-left:.5rem}.sm\:mt-3{margin-top:.75rem}.sm\:mr-3{margin-right:.75rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:mr-4{margin-right:1rem}.sm\:mb-4{margin-bottom:1rem}.sm\:ml-4{margin-left:1rem}.sm\:mr-5{margin-right:1.25rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-7{margin-bottom:1.75rem}.sm\:mt-8{margin-top:2rem}.sm\:mr-8{margin-right:2rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-12{margin-top:3rem}.sm\:mr-12{margin-right:3rem}.sm\:mb-12{margin-bottom:3rem}.sm\:ml-12{margin-left:3rem}.sm\:mt-16{margin-top:4rem}.sm\:mb-20{margin-bottom:5rem}.sm\:ml-auto{margin-left:auto}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-3xl{max-width:48rem}.sm\:p-2{padding:.5rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:px-0{padding-left:0;padding-right:0}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:pt-0{padding-top:0}.sm\:pr-0{padding-right:0}.sm\:pb-0{padding-bottom:0}.sm\:pl-0{padding-left:0}.sm\:pr-3{padding-right:.75rem}.sm\:pb-3{padding-bottom:.75rem}.sm\:pt-4{padding-top:1rem}.sm\:pr-4{padding-right:1rem}.sm\:pl-4{padding-left:1rem}.sm\:pt-5{padding-top:1.25rem}.sm\:pl-5{padding-left:1.25rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pt-8{padding-top:2rem}.sm\:pr-8{padding-right:2rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pl-8{padding-left:2rem}.sm\:absolute{position:absolute}.sm\:shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:w-20{width:5rem}.sm\:w-24{width:6rem}.sm\:w-40{width:10rem}.sm\:w-56{width:14rem}.sm\:w-64{width:16rem}.sm\:w-auto{width:auto}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-2\/3{width:66.666667%}.sm\:w-1\/4{width:25%}.sm\:w-3\/4{width:75%}.sm\:w-1\/5{width:20%}.sm\:w-2\/5{width:40%}.sm\:w-3\/5{width:60%}.sm\:w-4\/5{width:80%}.sm\:w-2\/12{width:16.666667%}.sm\:w-full{width:100%}}@media (min-width:1024px){.md\:bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.md\:border-gray-200{--border-opacity:1;border-color:#eee;border-color:rgba(238,238,238,var(--border-opacity))}.md\:border-solid{border-style:solid}.md\:border{border-width:1px}.md\:border-t{border-top-width:1px}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-no-wrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:items-stretch{align-items:stretch}.md\:justify-start{justify-content:flex-start}.md\:justify-between{justify-content:space-between}.md\:flex-auto{flex:1 1 auto}.md\:order-last{order:9999}.md\:order-none{order:0}.md\:float-none{float:none}.md\:text-sm{font-size:.875rem}.md\:text-base{font-size:1rem}.md\:text-lg{font-size:1.125rem}.md\:text-xl{font-size:1.25rem}.md\:leading-loose{line-height:2}.md\:m-0{margin:0}.md\:m-auto{margin:auto}.md\:mx-0{margin-left:0;margin-right:0}.md\:my-4{margin-top:1rem;margin-bottom:1rem}.md\:-mx-2{margin-left:-.5rem;margin-right:-.5rem}.md\:mt-0{margin-top:0}.md\:mr-0{margin-right:0}.md\:mb-0{margin-bottom:0}.md\:mt-2{margin-top:.5rem}.md\:mr-2{margin-right:.5rem}.md\:ml-2{margin-left:.5rem}.md\:mr-3{margin-right:.75rem}.md\:ml-3{margin-left:.75rem}.md\:mt-4{margin-top:1rem}.md\:mr-4{margin-right:1rem}.md\:mb-4{margin-bottom:1rem}.md\:mt-5{margin-top:1.25rem}.md\:mt-6{margin-top:1.5rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mr-8{margin-right:2rem}.md\:mb-8{margin-bottom:2rem}.md\:ml-8{margin-left:2rem}.md\:mr-10{margin-right:2.5rem}.md\:ml-10{margin-left:2.5rem}.md\:ml-auto{margin-left:auto}.md\:max-w-lg{max-width:32rem}.md\:max-w-2xl{max-width:42rem}.md\:p-0{padding:0}.md\:p-1{padding:.25rem}.md\:p-2{padding:.5rem}.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0;padding-right:0}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pr-0{padding-right:0}.md\:pt-2{padding-top:.5rem}.md\:pb-2{padding-bottom:.5rem}.md\:pt-4{padding-top:1rem}.md\:pr-4{padding-right:1rem}.md\:pb-4{padding-bottom:1rem}.md\:pt-6{padding-top:1.5rem}.md\:pb-8{padding-bottom:2rem}.md\:pr-10{padding-right:2.5rem}.md\:pl-10{padding-left:2.5rem}.md\:pr-32{padding-right:8rem}.md\:pointer-events-none{pointer-events:none}.md\:relative{position:relative}.md\:shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.md\:shadow-none{box-shadow:none}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:uppercase{text-transform:uppercase}.md\:w-24{width:6rem}.md\:w-32{width:8rem}.md\:w-40{width:10rem}.md\:w-48{width:12rem}.md\:w-auto{width:auto}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-1\/4{width:25%}.md\:w-2\/4{width:50%}.md\:w-3\/4{width:75%}.md\:w-1\/5{width:20%}.md\:w-2\/5{width:40%}.md\:w-3\/5{width:60%}.md\:w-1\/6{width:16.666667%}.md\:w-full{width:100%}}@media (min-width:1280px){.lg\:bg-gray-100{--bg-opacity:1;background-color:#f5f5f5;background-color:rgba(245,245,245,var(--bg-opacity))}.lg\:rounded-sm{border-radius:.125rem}.lg\:border-none{border-style:none}.lg\:border-0{border-width:0}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:flex-grow-0{flex-grow:0}.lg\:flex-grow{flex-grow:1}.lg\:order-none{order:0}.lg\:h-40{height:10rem}.lg\:text-sm{font-size:.875rem}.lg\:text-base{font-size:1rem}.lg\:text-lg{font-size:1.125rem}.lg\:text-2xl{font-size:1.5rem}.lg\:text-4xl{font-size:2.25rem}.lg\:leading-normal{line-height:1.5}.lg\:my-4{margin-top:1rem;margin-bottom:1rem}.lg\:mx-4{margin-left:1rem;margin-right:1rem}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:mr-1{margin-right:.25rem}.lg\:ml-1{margin-left:.25rem}.lg\:mr-2{margin-right:.5rem}.lg\:ml-2{margin-left:.5rem}.lg\:ml-3{margin-left:.75rem}.lg\:mt-4{margin-top:1rem}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:mt-8{margin-top:2rem}.lg\:mr-8{margin-right:2rem}.lg\:mb-8{margin-bottom:2rem}.lg\:ml-8{margin-left:2rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-auto{margin-top:auto}.lg\:ml-auto{margin-left:auto}.lg\:max-w-xl{max-width:36rem}.lg\:max-w-2xl{max-width:42rem}.lg\:p-3{padding:.75rem}.lg\:p-5{padding:1.25rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:py-1{padding-top:.25rem;padding-bottom:.25rem}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pr-0{padding-right:0}.lg\:pt-2{padding-top:.5rem}.lg\:pr-3{padding-right:.75rem}.lg\:pb-3{padding-bottom:.75rem}.lg\:pl-3{padding-left:.75rem}.lg\:pr-4{padding-right:1rem}.lg\:pl-4{padding-left:1rem}.lg\:pt-5{padding-top:1.25rem}.lg\:pr-5{padding-right:1.25rem}.lg\:pr-6{padding-right:1.5rem}.lg\:pr-8{padding-right:2rem}.lg\:pl-8{padding-left:2rem}.lg\:pr-12{padding-right:3rem}.lg\:pb-12{padding-bottom:3rem}.lg\:pr-16{padding-right:4rem}.lg\:whitespace-no-wrap{white-space:nowrap}.lg\:w-24{width:6rem}.lg\:w-32{width:8rem}.lg\:w-40{width:10rem}.lg\:w-64{width:16rem}.lg\:w-auto{width:auto}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-1\/4{width:25%}.lg\:w-2\/4{width:50%}.lg\:w-3\/4{width:75%}.lg\:w-1\/5{width:20%}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:w-4\/5{width:80%}.lg\:w-1\/6{width:16.666667%}.lg\:w-5\/6{width:83.333333%}.lg\:w-2\/12{width:16.666667%}.lg\:w-10\/12{width:83.333333%}.lg\:w-full{width:100%}.lg\:gap-3{grid-gap:.75rem;gap:.75rem}}@media (min-width:1366px){.xl\:border-b{border-bottom-width:1px}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:flex-row{flex-direction:row}.xl\:flex-col{flex-direction:column}.xl\:flex-grow-0{flex-grow:0}.xl\:order-first{order:-9999}.xl\:h-6{height:1.5rem}.xl\:h-7{height:1.75rem}.xl\:text-base{font-size:1rem}.xl\:text-xl{font-size:1.25rem}.xl\:mb-0{margin-bottom:0}.xl\:ml-0{margin-left:0}.xl\:mt-3{margin-top:.75rem}.xl\:mb-5{margin-bottom:1.25rem}.xl\:mt-6{margin-top:1.5rem}.xl\:ml-6{margin-left:1.5rem}.xl\:mr-10{margin-right:2.5rem}.xl\:mb-12{margin-bottom:3rem}.xl\:mb-20{margin-bottom:5rem}.xl\:mb-48{margin-bottom:12rem}.xl\:mr-auto{margin-right:auto}.xl\:max-w-2xl{max-width:42rem}.xl\:p-5{padding:1.25rem}.xl\:px-1{padding-left:.25rem;padding-right:.25rem}.xl\:px-4{padding-left:1rem;padding-right:1rem}.xl\:pr-0{padding-right:0}.xl\:pr-5{padding-right:1.25rem}.xl\:pr-6{padding-right:1.5rem}.xl\:pr-12{padding-right:3rem}.xl\:pl-12{padding-left:3rem}.xl\:pr-16{padding-right:4rem}.xl\:pr-20{padding-right:5rem}.xl\:text-left{text-align:left}.xl\:w-1\/2{width:50%}.xl\:w-1\/3{width:33.333333%}.xl\:w-2\/3{width:66.666667%}.xl\:w-1\/4{width:25%}.xl\:w-3\/4{width:75%}.xl\:w-1\/5{width:20%}.xl\:w-4\/5{width:80%}.xl\:w-1\/6{width:16.666667%}.xl\:w-4\/6{width:66.666667%}.xl\:w-full{width:100%}}@media (max-width:639px){.xxs\:border-gray-200{--border-opacity:1;border-color:#eee;border-color:rgba(238,238,238,var(--border-opacity))}.xxs\:block{display:block}.xxs\:hidden{display:none}.xxs\:flex-col{flex-direction:column}.xxs\:flex-col-reverse{flex-direction:column-reverse}.xxs\:flex-wrap{flex-wrap:wrap}.xxs\:items-center{align-items:center}.xxs\:text-xs{font-size:.75rem}.xxs\:text-sm{font-size:.875rem}.xxs\:text-base{font-size:1rem}.xxs\:text-xl{font-size:1.25rem}.xxs\:my-3{margin-top:.75rem;margin-bottom:.75rem}.xxs\:mt-0{margin-top:0}.xxs\:mb-2{margin-bottom:.5rem}.xxs\:mt-3{margin-top:.75rem}.xxs\:mb-3{margin-bottom:.75rem}.xxs\:mt-4{margin-top:1rem}.xxs\:mb-4{margin-bottom:1rem}.xxs\:mr-16{margin-right:4rem}.xxs\:p-2{padding:.5rem}.xxs\:pt-2{padding-top:.5rem}.xxs\:pb-3{padding-bottom:.75rem}.xxs\:text-center{text-align:center}.xxs\:w-1\/2{width:50%}.xxs\:w-2\/5{width:40%}.xxs\:w-3\/5{width:60%}.xxs\:w-full{width:100%}}@media (min-width:640px){.xs\:flex{display:flex}.xs\:hidden{display:none}.xs\:items-center{align-items:center}.xs\:justify-end{justify-content:flex-end}.xs\:mx-4{margin-left:1rem;margin-right:1rem}.xs\:ml-2{margin-left:.5rem}.xs\:pb-0{padding-bottom:0}.xs\:text-right{text-align:right}}@media (min-width:1440px){.xxl\:flex{display:flex}.xxl\:h-7{height:1.75rem}.xxl\:h-8{height:2rem}.xxl\:text-xl{font-size:1.25rem}.xxl\:mb-4{margin-bottom:1rem}.xxl\:ml-12{margin-left:3rem}.xxl\:ml-auto{margin-left:auto}.xxl\:p-8{padding:2rem}.xxl\:px-3{padding-left:.75rem;padding-right:.75rem}.xxl\:px-6{padding-left:1.5rem;padding-right:1.5rem}.xxl\:pl-16{padding-left:4rem}.xxl\:pr-20{padding-right:5rem}.xxl\:w-1\/2{width:50%}.xxl\:w-1\/3{width:33.333333%}.xxl\:w-2\/3{width:66.666667%}.xxl\:w-1\/4{width:25%}.xxl\:w-3\/4{width:75%}.xxl\:w-1\/5{width:20%}.xxl\:w-4\/5{width:80%}}@media (min-width:1600px){.xxxl\:block{display:block}.xxxl\:hidden{display:none}.xxxl\:text-base{font-size:1rem}.xxxl\:p-8{padding:2rem}.xxxl\:px-8{padding-left:2rem;padding-right:2rem}.xxxl\:pl-20{padding-left:5rem}.xxxl\:pr-24{padding-right:6rem}.xxxl\:w-1\/4{width:25%}.xxxl\:w-1\/5{width:20%}.xxxl\:w-2\/5{width:40%}.xxxl\:w-3\/5{width:60%}}
/*# sourceMappingURL=sourcemaps/softmoc.min.css.map */

.gap-0 {
    grid-gap: 0;
    gap: 0;
}

.gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
}

.gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
}

.gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
}

.gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
}

.gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
}

.gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
}

.gap-7 {
    grid-gap: 1.75rem;
    gap: 1.75rem;
}

.gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
}

.gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
}

.gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
}

.gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
}

.gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
}

.gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
}

.gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
}

.gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
}

.gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
}

.gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
}

.gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
}

.grid-cols-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
}

.grid-cols-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
}

.grid-cols-none {
    grid-template-columns: none;
}

.auto-cols-auto {
    grid-auto-columns: auto;
}

.auto-cols-min {
    grid-auto-columns: min-content;
}

.auto-cols-max {
    grid-auto-columns: max-content;
}

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
}

.col-auto {
    grid-column: auto;
}

.col-span-1 {
    grid-column: span 1 / span 1;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.col-span-3 {
    grid-column: span 3 / span 3;
}

.col-span-4 {
    grid-column: span 4 / span 4;
}

.col-span-5 {
    grid-column: span 5 / span 5;
}

.col-span-6 {
    grid-column: span 6 / span 6;
}

.col-span-7 {
    grid-column: span 7 / span 7;
}

.col-span-8 {
    grid-column: span 8 / span 8;
}

.col-span-9 {
    grid-column: span 9 / span 9;
}

.col-span-10 {
    grid-column: span 10 / span 10;
}

.col-span-11 {
    grid-column: span 11 / span 11;
}

.col-span-12 {
    grid-column: span 12 / span 12;
}

.col-span-full {
    grid-column: 1 / -1;
}

.col-start-1 {
    grid-column-start: 1;
}

.col-start-2 {
    grid-column-start: 2;
}

.col-start-3 {
    grid-column-start: 3;
}

.col-start-4 {
    grid-column-start: 4;
}

.col-start-5 {
    grid-column-start: 5;
}

.col-start-6 {
    grid-column-start: 6;
}

.col-start-7 {
    grid-column-start: 7;
}

.col-start-8 {
    grid-column-start: 8;
}

.col-start-9 {
    grid-column-start: 9;
}

.col-start-10 {
    grid-column-start: 10;
}

.col-start-11 {
    grid-column-start: 11;
}

.col-start-12 {
    grid-column-start: 12;
}

.col-start-13 {
    grid-column-start: 13;
}

.col-start-auto {
    grid-column-start: auto;
}

.col-end-1 {
    grid-column-end: 1;
}

.col-end-2 {
    grid-column-end: 2;
}

.col-end-3 {
    grid-column-end: 3;
}

.col-end-4 {
    grid-column-end: 4;
}

.col-end-5 {
    grid-column-end: 5;
}

.col-end-6 {
    grid-column-end: 6;
}

.col-end-7 {
    grid-column-end: 7;
}

.col-end-8 {
    grid-column-end: 8;
}

.col-end-9 {
    grid-column-end: 9;
}

.col-end-10 {
    grid-column-end: 10;
}

.col-end-11 {
    grid-column-end: 11;
}

.col-end-12 {
    grid-column-end: 12;
}

.col-end-13 {
    grid-column-end: 13;
}

.col-end-auto {
    grid-column-end: auto;
}

.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-none {
    grid-template-rows: none;
}

.auto-rows-auto {
    grid-auto-rows: auto;
}

.auto-rows-min {
    grid-auto-rows: min-content;
}

.auto-rows-max {
    grid-auto-rows: max-content;
}

.auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
}

.row-auto {
    grid-row: auto;
}

.row-span-1 {
    grid-row: span 1 / span 1;
}

.row-span-2 {
    grid-row: span 2 / span 2;
}

.row-span-3 {
    grid-row: span 3 / span 3;
}

.row-span-4 {
    grid-row: span 4 / span 4;
}

.row-span-5 {
    grid-row: span 5 / span 5;
}

.row-span-6 {
    grid-row: span 6 / span 6;
}

.row-span-full {
    grid-row: 1 / -1;
}

.row-start-1 {
    grid-row-start: 1;
}

.row-start-2 {
    grid-row-start: 2;
}

.row-start-3 {
    grid-row-start: 3;
}

.row-start-4 {
    grid-row-start: 4;
}

.row-start-5 {
    grid-row-start: 5;
}

.row-start-6 {
    grid-row-start: 6;
}

.row-start-7 {
    grid-row-start: 7;
}

.row-start-auto {
    grid-row-start: auto;
}

.row-end-1 {
    grid-row-end: 1;
}

.row-end-2 {
    grid-row-end: 2;
}

.row-end-3 {
    grid-row-end: 3;
}

.row-end-4 {
    grid-row-end: 4;
}

.row-end-5 {
    grid-row-end: 5;
}

.row-end-6 {
    grid-row-end: 6;
}

.row-end-7 {
    grid-row-end: 7;
}

.row-end-auto {
    grid-row-end: auto;
}


@media (min-width: 1024px) {
  .md\:container {
    width: 100%;
  }

  @media (min-width: 640px) {
    .md\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {
    .md\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .md\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .md\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1366px) {
    .md\:container {
      max-width: 1366px;
    }
  }

  @media (min-width: 1440px) {
    .md\:container {
      max-width: 1440px;
    }
  }

  @media (min-width: 1600px) {
    .md\:container {
      max-width: 1600px;
    }
    .xxl\:h-8 {
        height: 2rem;
    }
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:mt-0 {
    margin-top: 0;
  }

  .md\:mr-0 {
    margin-right: 0;
  }

  .md\:mb-0 {
    margin-bottom: 0;
  }

  .md\:ml-0 {
    margin-left: 0;
  }

  .md\:mt-1 {
    margin-top: 0.25rem;
  }

  .md\:mr-1 {
    margin-right: 0.25rem;
  }

  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .md\:ml-1 {
    margin-left: 0.25rem;
  }

  .md\:mt-2 {
    margin-top: 0.5rem;
  }

  .md\:mr-2 {
    margin-right: 0.5rem;
  }

  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .md\:ml-2 {
    margin-left: 0.5rem;
  }

  .md\:mt-3 {
    margin-top: 0.75rem;
  }

  .md\:mr-3 {
    margin-right: 0.75rem;
  }

  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .md\:ml-3 {
    margin-left: 0.75rem;
  }

  .md\:mt-4 {
    margin-top: 1rem;
  }

  .md\:mr-4 {
    margin-right: 1rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:ml-4 {
    margin-left: 1rem;
  }

  .md\:mt-5 {
    margin-top: 1.25rem;
  }

  .md\:mr-5 {
    margin-right: 1.25rem;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:ml-5 {
    margin-left: 1.25rem;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:mr-6 {
    margin-right: 1.5rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:ml-6 {
    margin-left: 1.5rem;
  }

  .md\:mt-7 {
    margin-top: 1.75rem;
  }

  .md\:mr-7 {
    margin-right: 1.75rem;
  }

  .md\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .md\:ml-7 {
    margin-left: 1.75rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:mr-8 {
    margin-right: 2rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:ml-8 {
    margin-left: 2rem;
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

  .md\:mr-10 {
    margin-right: 2.5rem;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:ml-10 {
    margin-left: 2.5rem;
  }

  .md\:mt-12 {
    margin-top: 3rem;
  }

  .md\:mr-12 {
    margin-right: 3rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:ml-12 {
    margin-left: 3rem;
  }

  .md\:mt-16 {
    margin-top: 4rem;
  }

  .md\:mr-16 {
    margin-right: 4rem;
  }

  .md\:mb-16 {
    margin-bottom: 4rem;
  }

  .md\:ml-16 {
    margin-left: 4rem;
  }

  .md\:mt-20 {
    margin-top: 5rem;
  }

  .md\:mr-20 {
    margin-right: 5rem;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:ml-20 {
    margin-left: 5rem;
  }

  .md\:mt-24 {
    margin-top: 6rem;
  }

  .md\:mr-24 {
    margin-right: 6rem;
  }

  .md\:mb-24 {
    margin-bottom: 6rem;
  }

  .md\:ml-24 {
    margin-left: 6rem;
  }

  .md\:mt-32 {
    margin-top: 8rem;
  }

  .md\:mr-32 {
    margin-right: 8rem;
  }

  .md\:mb-32 {
    margin-bottom: 8rem;
  }

  .md\:ml-32 {
    margin-left: 8rem;
  }

  .md\:mt-40 {
    margin-top: 10rem;
  }

  .md\:mr-40 {
    margin-right: 10rem;
  }

  .md\:mb-40 {
    margin-bottom: 10rem;
  }

  .md\:ml-40 {
    margin-left: 10rem;
  }

  .md\:mt-48 {
    margin-top: 12rem;
  }

  .md\:mr-48 {
    margin-right: 12rem;
  }

  .md\:mb-48 {
    margin-bottom: 12rem;
  }

  .md\:ml-48 {
    margin-left: 12rem;
  }

  .md\:mt-56 {
    margin-top: 14rem;
  }

  .md\:mr-56 {
    margin-right: 14rem;
  }

  .md\:mb-56 {
    margin-bottom: 14rem;
  }

  .md\:ml-56 {
    margin-left: 14rem;
  }

  .md\:mt-64 {
    margin-top: 16rem;
  }

  .md\:mr-64 {
    margin-right: 16rem;
  }

  .md\:mb-64 {
    margin-bottom: 16rem;
  }

  .md\:ml-64 {
    margin-left: 16rem;
  }

  .md\:mt-auto {
    margin-top: auto;
  }

  .md\:mr-auto {
    margin-right: auto;
  }

  .md\:mb-auto {
    margin-bottom: auto;
  }

  .md\:ml-auto {
    margin-left: auto;
  }

  .md\:mt-px {
    margin-top: 1px;
  }

  .md\:mr-px {
    margin-right: 1px;
  }

  .md\:mb-px {
    margin-bottom: 1px;
  }

  .md\:ml-px {
    margin-left: 1px;
  }

  .md\:-mt-1 {
    margin-top: -0.25rem;
  }

  .md\:-mr-1 {
    margin-right: -0.25rem;
  }

  .md\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .md\:-ml-1 {
    margin-left: -0.25rem;
  }

  .md\:-mt-2 {
    margin-top: -0.5rem;
  }

  .md\:-mr-2 {
    margin-right: -0.5rem;
  }

  .md\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .md\:-ml-2 {
    margin-left: -0.5rem;
  }

  .md\:-mt-3 {
    margin-top: -0.75rem;
  }

  .md\:-mr-3 {
    margin-right: -0.75rem;
  }

  .md\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .md\:-ml-3 {
    margin-left: -0.75rem;
  }

  .md\:-mt-4 {
    margin-top: -1rem;
  }

  .md\:-mr-4 {
    margin-right: -1rem;
  }

  .md\:-mb-4 {
    margin-bottom: -1rem;
  }

  .md\:-ml-4 {
    margin-left: -1rem;
  }

  .md\:-mt-5 {
    margin-top: -1.25rem;
  }

  .md\:-mr-5 {
    margin-right: -1.25rem;
  }

  .md\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .md\:-ml-5 {
    margin-left: -1.25rem;
  }

  .md\:-mt-6 {
    margin-top: -1.5rem;
  }

  .md\:-mr-6 {
    margin-right: -1.5rem;
  }

  .md\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .md\:-ml-6 {
    margin-left: -1.5rem;
  }

  .md\:-mt-7 {
    margin-top: -1.75rem;
  }

  .md\:-mr-7 {
    margin-right: -1.75rem;
  }

  .md\:-mb-7 {
    margin-bottom: -1.75rem;
  }

  .md\:-ml-7 {
    margin-left: -1.75rem;
  }

  .md\:-mt-8 {
    margin-top: -2rem;
  }

  .md\:-mr-8 {
    margin-right: -2rem;
  }

  .md\:-mb-8 {
    margin-bottom: -2rem;
  }

  .md\:-ml-8 {
    margin-left: -2rem;
  }

  .md\:-mt-10 {
    margin-top: -2.5rem;
  }

  .md\:-mr-10 {
    margin-right: -2.5rem;
  }

  .md\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .md\:-ml-10 {
    margin-left: -2.5rem;
  }

  .md\:-mt-12 {
    margin-top: -3rem;
  }

  .md\:-mr-12 {
    margin-right: -3rem;
  }

  .md\:-mb-12 {
    margin-bottom: -3rem;
  }

  .md\:-ml-12 {
    margin-left: -3rem;
  }

  .md\:-mt-16 {
    margin-top: -4rem;
  }

  .md\:-mr-16 {
    margin-right: -4rem;
  }

  .md\:-mb-16 {
    margin-bottom: -4rem;
  }

  .md\:-ml-16 {
    margin-left: -4rem;
  }

  .md\:-mt-20 {
    margin-top: -5rem;
  }

  .md\:-mr-20 {
    margin-right: -5rem;
  }

  .md\:-mb-20 {
    margin-bottom: -5rem;
  }

  .md\:-ml-20 {
    margin-left: -5rem;
  }

  .md\:-mt-24 {
    margin-top: -6rem;
  }

  .md\:-mr-24 {
    margin-right: -6rem;
  }

  .md\:-mb-24 {
    margin-bottom: -6rem;
  }

  .md\:-ml-24 {
    margin-left: -6rem;
  }

  .md\:-mt-32 {
    margin-top: -8rem;
  }

  .md\:-mr-32 {
    margin-right: -8rem;
  }

  .md\:-mb-32 {
    margin-bottom: -8rem;
  }

  .md\:-ml-32 {
    margin-left: -8rem;
  }

  .md\:-mt-40 {
    margin-top: -10rem;
  }

  .md\:-mr-40 {
    margin-right: -10rem;
  }

  .md\:-mb-40 {
    margin-bottom: -10rem;
  }

  .md\:-ml-40 {
    margin-left: -10rem;
  }

  .md\:-mt-48 {
    margin-top: -12rem;
  }

  .md\:-mr-48 {
    margin-right: -12rem;
  }

  .md\:-mb-48 {
    margin-bottom: -12rem;
  }

  .md\:-ml-48 {
    margin-left: -12rem;
  }

  .md\:-mt-56 {
    margin-top: -14rem;
  }

  .md\:-mr-56 {
    margin-right: -14rem;
  }

  .md\:-mb-56 {
    margin-bottom: -14rem;
  }

  .md\:-ml-56 {
    margin-left: -14rem;
  }

  .md\:-mt-64 {
    margin-top: -16rem;
  }

  .md\:-mr-64 {
    margin-right: -16rem;
  }

  .md\:-mb-64 {
    margin-bottom: -16rem;
  }

  .md\:-ml-64 {
    margin-left: -16rem;
  }

  .md\:-mt-px {
    margin-top: -1px;
  }

  .md\:-mr-px {
    margin-right: -1px;
  }

  .md\:-mb-px {
    margin-bottom: -1px;
  }

  .md\:-ml-px {
    margin-left: -1px;
  }

  .md\:gap-0 {
    grid-gap: 0;
    gap: 0;
  }

  .md\:gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .md\:gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .md\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .md\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  .md\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .md\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .md\:gap-7 {
    grid-gap: 1.75rem;
    gap: 1.75rem;
  }

  .md\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  .md\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .md\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  .md\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  .md\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  .md\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  .md\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  .md\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  .md\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  .md\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  .md\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  .md\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  .md\:gap-x-0 {
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .md\:gap-x-1 {
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .md\:gap-x-2 {
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .md\:gap-x-3 {
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .md\:gap-x-4 {
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .md\:gap-x-5 {
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .md\:gap-x-6 {
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .md\:gap-x-7 {
    grid-column-gap: 1.75rem;
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem;
  }

  .md\:gap-x-8 {
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .md\:gap-x-10 {
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .md\:gap-x-12 {
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .md\:gap-x-16 {
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .md\:gap-x-20 {
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .md\:gap-x-24 {
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .md\:gap-x-32 {
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .md\:gap-x-40 {
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .md\:gap-x-48 {
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .md\:gap-x-56 {
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .md\:gap-x-64 {
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .md\:gap-x-px {
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .md\:gap-y-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .md\:gap-y-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .md\:gap-y-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .md\:gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .md\:gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .md\:gap-y-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .md\:gap-y-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .md\:gap-y-7 {
    grid-row-gap: 1.75rem;
    row-gap: 1.75rem;
  }

  .md\:gap-y-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .md\:gap-y-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .md\:gap-y-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .md\:gap-y-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .md\:gap-y-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .md\:gap-y-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .md\:gap-y-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .md\:gap-y-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .md\:gap-y-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .md\:gap-y-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .md\:gap-y-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .md\:gap-y-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .md\:grid-flow-row {
    grid-auto-flow: row;
  }

  .md\:grid-flow-col {
    grid-auto-flow: column;
  }

  .md\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .md\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

    .md\:grid-cols-16 {
        grid-template-columns: repeat(16, minmax(0, 1fr));
    }

  .md\:grid-cols-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }
    
  .md\:grid-cols-20 {
        grid-template-columns: repeat(20, minmax(0, 1fr));
    }

  .md\:grid-cols-none {
    grid-template-columns: none;
  }

  .md\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .md\:auto-cols-min {
    grid-auto-columns: min-content;
  }

  .md\:auto-cols-max {
    grid-auto-columns: max-content;
  }

  .md\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .md\:col-auto {
    grid-column: auto;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .md\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:col-span-full {
    grid-column: 1 / -1;
  }

  .md\:col-start-1 {
    grid-column-start: 1;
  }

  .md\:col-start-2 {
    grid-column-start: 2;
  }

  .md\:col-start-3 {
    grid-column-start: 3;
  }

  .md\:col-start-4 {
    grid-column-start: 4;
  }

  .md\:col-start-5 {
    grid-column-start: 5;
  }

  .md\:col-start-6 {
    grid-column-start: 6;
  }

  .md\:col-start-7 {
    grid-column-start: 7;
  }

  .md\:col-start-8 {
    grid-column-start: 8;
  }

  .md\:col-start-9 {
    grid-column-start: 9;
  }

  .md\:col-start-10 {
    grid-column-start: 10;
  }

  .md\:col-start-11 {
    grid-column-start: 11;
  }

  .md\:col-start-12 {
    grid-column-start: 12;
  }

  .md\:col-start-13 {
    grid-column-start: 13;
  }

  .md\:col-start-auto {
    grid-column-start: auto;
  }

  .md\:col-end-1 {
    grid-column-end: 1;
  }

  .md\:col-end-2 {
    grid-column-end: 2;
  }

  .md\:col-end-3 {
    grid-column-end: 3;
  }

  .md\:col-end-4 {
    grid-column-end: 4;
  }

  .md\:col-end-5 {
    grid-column-end: 5;
  }

  .md\:col-end-6 {
    grid-column-end: 6;
  }

  .md\:col-end-7 {
    grid-column-end: 7;
  }

  .md\:col-end-8 {
    grid-column-end: 8;
  }

  .md\:col-end-9 {
    grid-column-end: 9;
  }

  .md\:col-end-10 {
    grid-column-end: 10;
  }

  .md\:col-end-11 {
    grid-column-end: 11;
  }

  .md\:col-end-12 {
    grid-column-end: 12;
  }

  .md\:col-end-13 {
    grid-column-end: 13;
  }

  .md\:col-end-auto {
    grid-column-end: auto;
  }

  .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-rows-none {
    grid-template-rows: none;
  }

  .md\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .md\:auto-rows-min {
    grid-auto-rows: min-content;
  }

  .md\:auto-rows-max {
    grid-auto-rows: max-content;
  }

  .md\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .md\:row-auto {
    grid-row: auto;
  }

  .md\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .md\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .md\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .md\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .md\:row-span-full {
    grid-row: 1 / -1;
  }

  .md\:row-start-1 {
    grid-row-start: 1;
  }

  .md\:row-start-2 {
    grid-row-start: 2;
  }

  .md\:row-start-3 {
    grid-row-start: 3;
  }

  .md\:row-start-4 {
    grid-row-start: 4;
  }

  .md\:row-start-5 {
    grid-row-start: 5;
  }

  .md\:row-start-6 {
    grid-row-start: 6;
  }

  .md\:row-start-7 {
    grid-row-start: 7;
  }

  .md\:row-start-auto {
    grid-row-start: auto;
  }

  .md\:row-end-1 {
    grid-row-end: 1;
  }

  .md\:row-end-2 {
    grid-row-end: 2;
  }

  .md\:row-end-3 {
    grid-row-end: 3;
  }

  .md\:row-end-4 {
    grid-row-end: 4;
  }

  .md\:row-end-5 {
    grid-row-end: 5;
  }

  .md\:row-end-6 {
    grid-row-end: 6;
  }

  .md\:row-end-7 {
    grid-row-end: 7;
  }

  .md\:row-end-auto {
    grid-row-end: auto;
  }
}

.pac-container {
    position: fixed !important;
}

.text-red-500 {
    color: #f56565;
}

footer#footer {
  background: black;
  color: #ccc;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

footer#footer span,
footer#footer span.bonus,
footer#footer #social i {
  color: white;
}

footer#footer .footer-links span {
  border-color: #666;
  display: block;
  margin-bottom: .625rem;
  font-size: 0.9rem;
}

footer#footer .footer-links a:hover,
footer#footer .footer-links .btn--link:hover:hover {
  color: white;
}

.ml-12 {
    margin-left: 3rem;
}


/* Full-bleed container override */
.container {
  width: 100% !important;
  max-width: none !important;
}

@media (min-width: 640px) {
  .container {
    max-width: none !important;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: none !important;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: none !important;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: none !important;
  }

  .xl\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }
}

@media (min-width: 1366px) {
  .container {
    max-width: none !important;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: none !important;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: none !important;
  }
}

footer {
    background-color: #fff;
}

@media (max-width: 767.98px) {
    footer .footer-links {
        padding-bottom: 0;
    }        

    footer .footer-links {
        margin-bottom: 1rem;
        text-align: left;
    }

    footer .footer-links span {
        padding-top: 0;
        font-size: 1.125rem;
        border-top: 1px rgba(187, 187, 187, var(--border-opacity));
    }
}

/* menu icons + and - */
.icon-close::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" xmlns="http://www.w3.org/2000/svg"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-base {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.icon-plus {
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'><line x1='12' y1='5' x2='12' y2='19'/><line x1='5' y1='12' x2='19' y2='12'/></svg>");
}

.icon-minus {
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'><line x1='5' y1='12' x2='19' y2='12'/></svg>");
}


/* Custom SVG Plus/Minus Icon Styling for Mobile Menu */
.mobile-menu {
    padding: 0.5rem 0;
}

.mobile-menu-button {
    justify-content: space-between;
}

/* .custom-arrow-icon {
    transition: all 0.2s ease;
} */

/* When menu is closed (PLUS icon) - show both lines */
.mobile-menu:not(.accordion__item--is-open) .custom-arrow-icon,
.mobile-menu:not(.mega-nav__item--expanded) .custom-arrow-icon,
.mobile-sub-menu:not(.accordion__item--is-open) .custom-arrow-icon {
    transform: scale(1, 1);
}

/* When menu is open (MINUS icon) - use clip-path to hide vertical line */
.mobile-menu.accordion__item--is-open > .mobile-menu-button .custom-arrow-icon,
.mobile-menu.mega-nav__item--expanded > .mobile-menu-button .custom-arrow-icon,
.mobile-menu.accordion__item--is-open > .nav-btn .custom-arrow-icon {
    clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}

/* Sub-menu items should only show minus when they themselves are open */
.mobile-sub-menu.accordion__item--is-open .custom-arrow-icon {
    clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}

/* Hover effect */
/* .mobile-menu > .mobile-menu-button:hover .custom-arrow-icon,
.mobile-menu > .nav-btn:hover .custom-arrow-icon,
.mobile-sub-menu .accordion__header:hover .custom-arrow-icon {
    transform: scale(1.1, 1.1);
}

/* When menu is open and hovered */
/* .mobile-menu.accordion__item--is-open > .mobile-menu-button:hover .custom-arrow-icon,
.mobile-menu.accordion__item--is-open > .nav-btn:hover .custom-arrow-icon {
    transform: scale(1.1, 1.1);
    clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
} */

/* Sub-menu items hover when open */
/* .mobile-sub-menu.accordion__item--is-open .accordion__header:hover .custom-arrow-icon {
    transform: scale(1.1, 1.1);
    clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}  */

/* Style the button as if it's an icon inside input - desktop */
#search-toggle {
    /*position: absolute;*/
    left: 0;
    top: 0;
    height: 100%;
    padding: 0 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
}

/* Shrink the icon */
#search-toggle-icon {
    height: 16px;
    width: 16px;
    pointer-events: none;
}

/* Padding for input to avoid overlapping with button */
#headerSearchInput {
    padding-left: 2.5rem; /* match button width */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border: 1px solid black;
    border-radius: 6px;
}

.searchInputXDesktop {
    padding-left: 2.5rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    border: 1px solid black !important;
    border-radius: 6px !important;
}

/* Button */
.btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid transparent;
    background: #eee;
    color: #111;
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 1.2;
    user-select: none;
}

/* Disabled state for action buttons */
.btn2:disabled,
.btn2[disabled] {
    opacity: 0.5; /* fade out */
    cursor: not-allowed; /* show blocked cursor */
}

.btn-black {
    background: #222;
    color: #fff;
}

.btn-secondary {
    background: #6c757d;
    color: #fff;
}

.btn-outline-dark {
    border: 1px solid #212529;
    background: transparent;
    color: #212529;
}

/* Close button 'X' for modal */
.btn-close {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 1rem;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.btn-close::before, .btn-close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform-origin: center;
}

.btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Modal */
.modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*margin-bottom: .25rem; */
    background-color: #fff;
}

.modal__footer {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    /*margin-top: 1rem; */
    border-top-color: rgb(222, 226, 230);
    border-top-style: solid;
    border-top-width: 0.8px;
}

.modal__footer button:last-child {
    font-size: unset; /*.75rem;*/
}

@media (min-width: 768px) {
    .modal__footer button:last-child {
        font-size: unset; /*.875rem;*/
    }
}

.suggestive-sale-price {
    color: #e53e3e;
    display: block;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.25rem;
}

.suggestive-reg-price {
    display: flex;
    font-size: .875rem;
    justify-content: space-between;
    align-items: end;
    font-weight: bold;
}

#menu-icons #rewards-logo {
    display: none;
}

@media (min-width: 1440px) {
    #menu-icons #rewards-logo {
        display: flex;
    }
}

.all-brand-link {
    display: none !important;
}

@media (min-width: 1440px) {
    .all-brand-link {
        display: block !important;
    }
}