@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: "";
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.v-theme--light {
    --text-color: 6, 22, 30;
    --background-main: 255, 255, 255;
    --surface-opacity: 0.65;
    --primary-color: 0, 81, 194;
    --brand-color: 0, 91, 116;
    --decoration-color: 214, 228, 245;
    --decoration-opacity: 0.33;
    --background-primary: 235, 241, 250;
    --background-primary-dark: 204, 220, 243;
    --background-light: 255, 255, 255;
    --link-color: 0, 81, 194;
    --decoration-contrast: 1;
    --floating-background: 255, 255, 255;
    --floating-link-color: 0, 81, 194;
    --floating-link-color: 6, 22, 30;
}

.theme-color-green {
    --link-color: 0, 0, 0;
}

.v-theme--light .theme-color-green,
.v-theme--light.theme-color-green {
    color: rgb(var(--brand-color));
}

.v-theme--dark {
    --text-color: 255, 255, 255;
    --background-main: 15, 23, 42;
    --surface-opacity: 0.65;
    --background-primary: 3, 7, 18;
    --background-primary-dark: 3, 7, 18;
    --background-light: 16, 20, 30;
    --primary-color: 0, 188, 255;
    --decoration-color: 0, 188, 255;
    --decoration-opacity: 0.1;
    --link-color: 0, 188, 255;
    --decoration-contrast: 1;
    --floating-background: 30, 41, 57;
    --floating-link-color: 116, 212, 255;
}

.v-theme--light {
    color-scheme: normal;
    --v-theme-background: 255, 255, 255;
    --v-theme-background-overlay-multiplier: 1;
    --v-theme-surface: 255, 255, 255;
    --v-theme-surface-overlay-multiplier: 1;
    --v-theme-surface-bright: 250, 250, 250;
    --v-theme-surface-bright-overlay-multiplier: 1;
    --v-theme-surface-light: 238, 238, 238;
    --v-theme-surface-light-overlay-multiplier: 1;
    --v-theme-surface-variant: 66, 66, 66;
    --v-theme-surface-variant-overlay-multiplier: 2;
    --v-theme-on-surface-variant: 238, 238, 238;
    --v-theme-primary: 24, 103, 192;
    --v-theme-primary-overlay-multiplier: 2;
    --v-theme-primary-darken-1: 31, 85, 146;
    --v-theme-primary-darken-1-overlay-multiplier: 2;
    --v-theme-secondary: 92, 187, 246;
    --v-theme-secondary-overlay-multiplier: 1;
    --v-theme-secondary-darken-1: 1, 135, 134;
    --v-theme-secondary-darken-1-overlay-multiplier: 1;
    --v-theme-error: 176, 0, 32;
    --v-theme-error-overlay-multiplier: 2;
    --v-theme-info: 33, 150, 243;
    --v-theme-info-overlay-multiplier: 1;
    --v-theme-success: 76, 175, 80;
    --v-theme-success-overlay-multiplier: 1;
    --v-theme-warning: 251, 140, 0;
    --v-theme-warning-overlay-multiplier: 1;
    --v-theme-surface-variant-alt: 222, 222, 222;
    --v-theme-surface-variant-alt-overlay-multiplier: 1;
    --v-theme-tertiary: 229, 115, 115;
    --v-theme-tertiary-overlay-multiplier: 1;
    --v-theme-accent: 0, 92, 175;
    --v-theme-accent-overlay-multiplier: 2;
    --v-theme-quarternary: 176, 209, 232;
    --v-theme-quarternary-overlay-multiplier: 1;
    --v-theme-on-background: 0, 0, 0;
    --v-theme-on-surface: 0, 0, 0;
    --v-theme-on-surface-bright: 0, 0, 0;
    --v-theme-on-surface-light: 0, 0, 0;
    --v-theme-on-primary: 255, 255, 255;
    --v-theme-on-primary-darken-1: 255, 255, 255;
    --v-theme-on-secondary: 0, 0, 0;
    --v-theme-on-secondary-darken-1: 255, 255, 255;
    --v-theme-on-error: 255, 255, 255;
    --v-theme-on-info: 255, 255, 255;
    --v-theme-on-success: 255, 255, 255;
    --v-theme-on-warning: 255, 255, 255;
    --v-theme-on-surface-variant-alt: 0, 0, 0;
    --v-theme-on-tertiary: 255, 255, 255;
    --v-theme-on-accent: 255, 255, 255;
    --v-theme-on-quarternary: 0, 0, 0;
    --v-border-color: 0, 0, 0;
    --v-border-opacity: 0.12;
    --v-high-emphasis-opacity: 0.87;
    --v-medium-emphasis-opacity: 0.6;
    --v-disabled-opacity: 0.38;
    --v-idle-opacity: 0.04;
    --v-hover-opacity: 0.04;
    --v-focus-opacity: 0.12;
    --v-selected-opacity: 0.08;
    --v-activated-opacity: 0.12;
    --v-pressed-opacity: 0.12;
    --v-dragged-opacity: 0.08;
    --v-theme-kbd: 238, 238, 238;
    --v-theme-on-kbd: 0, 0, 0;
    --v-theme-code: 245, 245, 245;
    --v-theme-on-code: 0, 0, 0;
}

.v-theme--dark {
    color-scheme: dark;
    --v-theme-background: 18, 18, 18;
    --v-theme-background-overlay-multiplier: 1;
    --v-theme-surface: 33, 33, 33;
    --v-theme-surface-overlay-multiplier: 1;
    --v-theme-surface-bright: 71, 71, 71;
    --v-theme-surface-bright-overlay-multiplier: 1;
    --v-theme-surface-light: 66, 66, 66;
    --v-theme-surface-light-overlay-multiplier: 1;
    --v-theme-surface-variant: 200, 200, 200;
    --v-theme-surface-variant-overlay-multiplier: 2;
    --v-theme-on-surface-variant: 0, 0, 0;
    --v-theme-primary: 33, 150, 243;
    --v-theme-primary-overlay-multiplier: 2;
    --v-theme-primary-darken-1: 39, 124, 193;
    --v-theme-primary-darken-1-overlay-multiplier: 2;
    --v-theme-secondary: 66, 66, 66;
    --v-theme-secondary-overlay-multiplier: 1;
    --v-theme-secondary-darken-1: 72, 169, 166;
    --v-theme-secondary-darken-1-overlay-multiplier: 2;
    --v-theme-error: 207, 102, 121;
    --v-theme-error-overlay-multiplier: 2;
    --v-theme-info: 33, 150, 243;
    --v-theme-info-overlay-multiplier: 2;
    --v-theme-success: 76, 175, 80;
    --v-theme-success-overlay-multiplier: 2;
    --v-theme-warning: 251, 140, 0;
    --v-theme-warning-overlay-multiplier: 2;
    --v-theme-surface-variant-alt: 51, 51, 51;
    --v-theme-surface-variant-alt-overlay-multiplier: 1;
    --v-theme-tertiary: 229, 115, 115;
    --v-theme-tertiary-overlay-multiplier: 2;
    --v-theme-accent: 255, 64, 129;
    --v-theme-accent-overlay-multiplier: 2;
    --v-theme-quarternary: 176, 209, 232;
    --v-theme-quarternary-overlay-multiplier: 2;
    --v-theme-on-background: 255, 255, 255;
    --v-theme-on-surface: 255, 255, 255;
    --v-theme-on-surface-bright: 255, 255, 255;
    --v-theme-on-surface-light: 255, 255, 255;
    --v-theme-on-primary: 255, 255, 255;
    --v-theme-on-primary-darken-1: 255, 255, 255;
    --v-theme-on-secondary: 255, 255, 255;
    --v-theme-on-secondary-darken-1: 255, 255, 255;
    --v-theme-on-error: 255, 255, 255;
    --v-theme-on-info: 255, 255, 255;
    --v-theme-on-success: 255, 255, 255;
    --v-theme-on-warning: 255, 255, 255;
    --v-theme-on-surface-variant-alt: 255, 255, 255;
    --v-theme-on-tertiary: 255, 255, 255;
    --v-theme-on-accent: 255, 255, 255;
    --v-theme-on-quarternary: 0, 0, 0;
    --v-border-color: 255, 255, 255;
    --v-border-opacity: 0.12;
    --v-high-emphasis-opacity: 1;
    --v-medium-emphasis-opacity: 0.7;
    --v-disabled-opacity: 0.5;
    --v-idle-opacity: 0.1;
    --v-hover-opacity: 0.04;
    --v-focus-opacity: 0.12;
    --v-selected-opacity: 0.08;
    --v-activated-opacity: 0.12;
    --v-pressed-opacity: 0.16;
    --v-dragged-opacity: 0.08;
    --v-theme-kbd: 66, 66, 66;
    --v-theme-on-kbd: 255, 255, 255;
    --v-theme-code: 52, 52, 52;
    --v-theme-on-code: 204, 204, 204;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--gutter-y, 0));
    margin-right: calc(-0.5 * var(--gutter-x, 1.5rem));
    margin-left: calc(-0.5 * var(--gutter-x, 1.5rem));
}

.col {
    flex: 1 0 0;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

.col {
    flex: 1 0 0;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.3333333333%;
    }

    .offset-md-2 {
        margin-left: 16.6666666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.3333333333%;
    }

    .offset-md-5 {
        margin-left: 41.6666666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.3333333333%;
    }

    .offset-md-8 {
        margin-left: 66.6666666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.3333333333%;
    }

    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-desktop {
        flex: 1 0 0;
    }

    .col-desktop-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-desktop-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-desktop-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-desktop-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-desktop-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-desktop-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-desktop-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-desktop-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-desktop-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-desktop-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-desktop-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-desktop-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-desktop-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-desktop-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-desktop-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-desktop-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-desktop-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-desktop-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-desktop-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-desktop-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-desktop-0 {
        margin-left: 0;
    }

    .offset-desktop-1 {
        margin-left: 8.3333333333%;
    }

    .offset-desktop-2 {
        margin-left: 16.6666666667%;
    }

    .offset-desktop-3 {
        margin-left: 25%;
    }

    .offset-desktop-4 {
        margin-left: 33.3333333333%;
    }

    .offset-desktop-5 {
        margin-left: 41.6666666667%;
    }

    .offset-desktop-6 {
        margin-left: 50%;
    }

    .offset-desktop-7 {
        margin-left: 58.3333333333%;
    }

    .offset-desktop-8 {
        margin-left: 66.6666666667%;
    }

    .offset-desktop-9 {
        margin-left: 75%;
    }

    .offset-desktop-10 {
        margin-left: 83.3333333333%;
    }

    .offset-desktop-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0;
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.3333333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.6666666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.3333333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.6666666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.3333333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.6666666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.3333333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.6666666667%;
    }
}

.g-col-1 {
    grid-column: auto/span 1;
}

.g-col-2 {
    grid-column: auto/span 2;
}

.g-col-3 {
    grid-column: auto/span 3;
}

.g-col-4 {
    grid-column: auto/span 4;
}

.g-col-5 {
    grid-column: auto/span 5;
}

.g-col-6 {
    grid-column: auto/span 6;
}

.g-col-7 {
    grid-column: auto/span 7;
}

.g-col-8 {
    grid-column: auto/span 8;
}

.g-col-9 {
    grid-column: auto/span 9;
}

.g-col-10 {
    grid-column: auto/span 10;
}

.g-col-11 {
    grid-column: auto/span 11;
}

.g-col-12 {
    grid-column: auto/span 12;
}

.g-start-1 {
    grid-column-start: 1;
}

.g-start-2 {
    grid-column-start: 2;
}

.g-start-3 {
    grid-column-start: 3;
}

.g-start-4 {
    grid-column-start: 4;
}

.g-start-5 {
    grid-column-start: 5;
}

.g-start-6 {
    grid-column-start: 6;
}

.g-start-7 {
    grid-column-start: 7;
}

.g-start-8 {
    grid-column-start: 8;
}

.g-start-9 {
    grid-column-start: 9;
}

.g-start-10 {
    grid-column-start: 10;
}

.g-start-11 {
    grid-column-start: 11;
}

.g-col-1 {
    grid-column: auto/span 1;
}

.g-col-2 {
    grid-column: auto/span 2;
}

.g-col-3 {
    grid-column: auto/span 3;
}

.g-col-4 {
    grid-column: auto/span 4;
}

.g-col-5 {
    grid-column: auto/span 5;
}

.g-col-6 {
    grid-column: auto/span 6;
}

.g-col-7 {
    grid-column: auto/span 7;
}

.g-col-8 {
    grid-column: auto/span 8;
}

.g-col-9 {
    grid-column: auto/span 9;
}

.g-col-10 {
    grid-column: auto/span 10;
}

.g-col-11 {
    grid-column: auto/span 11;
}

.g-col-12 {
    grid-column: auto/span 12;
}

.g-start-1 {
    grid-column-start: 1;
}

.g-start-2 {
    grid-column-start: 2;
}

.g-start-3 {
    grid-column-start: 3;
}

.g-start-4 {
    grid-column-start: 4;
}

.g-start-5 {
    grid-column-start: 5;
}

.g-start-6 {
    grid-column-start: 6;
}

.g-start-7 {
    grid-column-start: 7;
}

.g-start-8 {
    grid-column-start: 8;
}

.g-start-9 {
    grid-column-start: 9;
}

.g-start-10 {
    grid-column-start: 10;
}

.g-start-11 {
    grid-column-start: 11;
}

@media (min-width: 576px) {
    .g-col-sm-1 {
        grid-column: auto/span 1;
    }

    .g-col-sm-2 {
        grid-column: auto/span 2;
    }

    .g-col-sm-3 {
        grid-column: auto/span 3;
    }

    .g-col-sm-4 {
        grid-column: auto/span 4;
    }

    .g-col-sm-5 {
        grid-column: auto/span 5;
    }

    .g-col-sm-6 {
        grid-column: auto/span 6;
    }

    .g-col-sm-7 {
        grid-column: auto/span 7;
    }

    .g-col-sm-8 {
        grid-column: auto/span 8;
    }

    .g-col-sm-9 {
        grid-column: auto/span 9;
    }

    .g-col-sm-10 {
        grid-column: auto/span 10;
    }

    .g-col-sm-11 {
        grid-column: auto/span 11;
    }

    .g-col-sm-12 {
        grid-column: auto/span 12;
    }

    .g-start-sm-1 {
        grid-column-start: 1;
    }

    .g-start-sm-2 {
        grid-column-start: 2;
    }

    .g-start-sm-3 {
        grid-column-start: 3;
    }

    .g-start-sm-4 {
        grid-column-start: 4;
    }

    .g-start-sm-5 {
        grid-column-start: 5;
    }

    .g-start-sm-6 {
        grid-column-start: 6;
    }

    .g-start-sm-7 {
        grid-column-start: 7;
    }

    .g-start-sm-8 {
        grid-column-start: 8;
    }

    .g-start-sm-9 {
        grid-column-start: 9;
    }

    .g-start-sm-10 {
        grid-column-start: 10;
    }

    .g-start-sm-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 768px) {
    .g-col-md-1 {
        grid-column: auto/span 1;
    }

    .g-col-md-2 {
        grid-column: auto/span 2;
    }

    .g-col-md-3 {
        grid-column: auto/span 3;
    }

    .g-col-md-4 {
        grid-column: auto/span 4;
    }

    .g-col-md-5 {
        grid-column: auto/span 5;
    }

    .g-col-md-6 {
        grid-column: auto/span 6;
    }

    .g-col-md-7 {
        grid-column: auto/span 7;
    }

    .g-col-md-8 {
        grid-column: auto/span 8;
    }

    .g-col-md-9 {
        grid-column: auto/span 9;
    }

    .g-col-md-10 {
        grid-column: auto/span 10;
    }

    .g-col-md-11 {
        grid-column: auto/span 11;
    }

    .g-col-md-12 {
        grid-column: auto/span 12;
    }

    .g-start-md-1 {
        grid-column-start: 1;
    }

    .g-start-md-2 {
        grid-column-start: 2;
    }

    .g-start-md-3 {
        grid-column-start: 3;
    }

    .g-start-md-4 {
        grid-column-start: 4;
    }

    .g-start-md-5 {
        grid-column-start: 5;
    }

    .g-start-md-6 {
        grid-column-start: 6;
    }

    .g-start-md-7 {
        grid-column-start: 7;
    }

    .g-start-md-8 {
        grid-column-start: 8;
    }

    .g-start-md-9 {
        grid-column-start: 9;
    }

    .g-start-md-10 {
        grid-column-start: 10;
    }

    .g-start-md-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 992px) {
    .g-col-lg-1 {
        grid-column: auto/span 1;
    }

    .g-col-lg-2 {
        grid-column: auto/span 2;
    }

    .g-col-lg-3 {
        grid-column: auto/span 3;
    }

    .g-col-lg-4 {
        grid-column: auto/span 4;
    }

    .g-col-lg-5 {
        grid-column: auto/span 5;
    }

    .g-col-lg-6 {
        grid-column: auto/span 6;
    }

    .g-col-lg-7 {
        grid-column: auto/span 7;
    }

    .g-col-lg-8 {
        grid-column: auto/span 8;
    }

    .g-col-lg-9 {
        grid-column: auto/span 9;
    }

    .g-col-lg-10 {
        grid-column: auto/span 10;
    }

    .g-col-lg-11 {
        grid-column: auto/span 11;
    }

    .g-col-lg-12 {
        grid-column: auto/span 12;
    }

    .g-start-lg-1 {
        grid-column-start: 1;
    }

    .g-start-lg-2 {
        grid-column-start: 2;
    }

    .g-start-lg-3 {
        grid-column-start: 3;
    }

    .g-start-lg-4 {
        grid-column-start: 4;
    }

    .g-start-lg-5 {
        grid-column-start: 5;
    }

    .g-start-lg-6 {
        grid-column-start: 6;
    }

    .g-start-lg-7 {
        grid-column-start: 7;
    }

    .g-start-lg-8 {
        grid-column-start: 8;
    }

    .g-start-lg-9 {
        grid-column-start: 9;
    }

    .g-start-lg-10 {
        grid-column-start: 10;
    }

    .g-start-lg-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 1200px) {
    .g-col-xl-1 {
        grid-column: auto/span 1;
    }

    .g-col-xl-2 {
        grid-column: auto/span 2;
    }

    .g-col-xl-3 {
        grid-column: auto/span 3;
    }

    .g-col-xl-4 {
        grid-column: auto/span 4;
    }

    .g-col-xl-5 {
        grid-column: auto/span 5;
    }

    .g-col-xl-6 {
        grid-column: auto/span 6;
    }

    .g-col-xl-7 {
        grid-column: auto/span 7;
    }

    .g-col-xl-8 {
        grid-column: auto/span 8;
    }

    .g-col-xl-9 {
        grid-column: auto/span 9;
    }

    .g-col-xl-10 {
        grid-column: auto/span 10;
    }

    .g-col-xl-11 {
        grid-column: auto/span 11;
    }

    .g-col-xl-12 {
        grid-column: auto/span 12;
    }

    .g-start-xl-1 {
        grid-column-start: 1;
    }

    .g-start-xl-2 {
        grid-column-start: 2;
    }

    .g-start-xl-3 {
        grid-column-start: 3;
    }

    .g-start-xl-4 {
        grid-column-start: 4;
    }

    .g-start-xl-5 {
        grid-column-start: 5;
    }

    .g-start-xl-6 {
        grid-column-start: 6;
    }

    .g-start-xl-7 {
        grid-column-start: 7;
    }

    .g-start-xl-8 {
        grid-column-start: 8;
    }

    .g-start-xl-9 {
        grid-column-start: 9;
    }

    .g-start-xl-10 {
        grid-column-start: 10;
    }

    .g-start-xl-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 1200px) {
    .g-col-desktop-1 {
        grid-column: auto/span 1;
    }

    .g-col-desktop-2 {
        grid-column: auto/span 2;
    }

    .g-col-desktop-3 {
        grid-column: auto/span 3;
    }

    .g-col-desktop-4 {
        grid-column: auto/span 4;
    }

    .g-col-desktop-5 {
        grid-column: auto/span 5;
    }

    .g-col-desktop-6 {
        grid-column: auto/span 6;
    }

    .g-col-desktop-7 {
        grid-column: auto/span 7;
    }

    .g-col-desktop-8 {
        grid-column: auto/span 8;
    }

    .g-col-desktop-9 {
        grid-column: auto/span 9;
    }

    .g-col-desktop-10 {
        grid-column: auto/span 10;
    }

    .g-col-desktop-11 {
        grid-column: auto/span 11;
    }

    .g-col-desktop-12 {
        grid-column: auto/span 12;
    }

    .g-start-desktop-1 {
        grid-column-start: 1;
    }

    .g-start-desktop-2 {
        grid-column-start: 2;
    }

    .g-start-desktop-3 {
        grid-column-start: 3;
    }

    .g-start-desktop-4 {
        grid-column-start: 4;
    }

    .g-start-desktop-5 {
        grid-column-start: 5;
    }

    .g-start-desktop-6 {
        grid-column-start: 6;
    }

    .g-start-desktop-7 {
        grid-column-start: 7;
    }

    .g-start-desktop-8 {
        grid-column-start: 8;
    }

    .g-start-desktop-9 {
        grid-column-start: 9;
    }

    .g-start-desktop-10 {
        grid-column-start: 10;
    }

    .g-start-desktop-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 1400px) {
    .g-col-xxl-1 {
        grid-column: auto/span 1;
    }

    .g-col-xxl-2 {
        grid-column: auto/span 2;
    }

    .g-col-xxl-3 {
        grid-column: auto/span 3;
    }

    .g-col-xxl-4 {
        grid-column: auto/span 4;
    }

    .g-col-xxl-5 {
        grid-column: auto/span 5;
    }

    .g-col-xxl-6 {
        grid-column: auto/span 6;
    }

    .g-col-xxl-7 {
        grid-column: auto/span 7;
    }

    .g-col-xxl-8 {
        grid-column: auto/span 8;
    }

    .g-col-xxl-9 {
        grid-column: auto/span 9;
    }

    .g-col-xxl-10 {
        grid-column: auto/span 10;
    }

    .g-col-xxl-11 {
        grid-column: auto/span 11;
    }

    .g-col-xxl-12 {
        grid-column: auto/span 12;
    }

    .g-start-xxl-1 {
        grid-column-start: 1;
    }

    .g-start-xxl-2 {
        grid-column-start: 2;
    }

    .g-start-xxl-3 {
        grid-column-start: 3;
    }

    .g-start-xxl-4 {
        grid-column-start: 4;
    }

    .g-start-xxl-5 {
        grid-column-start: 5;
    }

    .g-start-xxl-6 {
        grid-column-start: 6;
    }

    .g-start-xxl-7 {
        grid-column-start: 7;
    }

    .g-start-xxl-8 {
        grid-column-start: 8;
    }

    .g-start-xxl-9 {
        grid-column-start: 9;
    }

    .g-start-xxl-10 {
        grid-column-start: 10;
    }

    .g-start-xxl-11 {
        grid-column-start: 11;
    }
}

.g-0,
.gx-0 {
    --gutter-x: 0;
}

.g-0,
.gy-0 {
    --gutter-y: 0;
}

.g-1,
.gx-1 {
    --gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --gutter-x: 2rem;
}

.g-5,
.gy-5 {
    --gutter-y: 2rem;
}

.g-6,
.gx-6 {
    --gutter-x: 3rem;
}

.g-6,
.gy-6 {
    --gutter-y: 3rem;
}

.g-7,
.gx-7 {
    --gutter-x: 4rem;
}

.g-7,
.gy-7 {
    --gutter-y: 4rem;
}

.g-0,
.gx-0 {
    --gutter-x: 0;
}

.g-0,
.gy-0 {
    --gutter-y: 0;
}

.g-1,
.gx-1 {
    --gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --gutter-x: 2rem;
}

.g-5,
.gy-5 {
    --gutter-y: 2rem;
}

.g-6,
.gx-6 {
    --gutter-x: 3rem;
}

.g-6,
.gy-6 {
    --gutter-y: 3rem;
}

.g-7,
.gx-7 {
    --gutter-x: 4rem;
}

.g-7,
.gy-7 {
    --gutter-y: 4rem;
}

.g-0,
.gx-0 {
    --gutter-x: 0;
}

.g-0,
.gy-0 {
    --gutter-y: 0;
}

.g-1,
.gx-1 {
    --gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --gutter-x: 2rem;
}

.g-5,
.gy-5 {
    --gutter-y: 2rem;
}

.g-6,
.gx-6 {
    --gutter-x: 3rem;
}

.g-6,
.gy-6 {
    --gutter-y: 3rem;
}

.g-7,
.gx-7 {
    --gutter-x: 4rem;
}

.g-7,
.gy-7 {
    --gutter-y: 4rem;
}

@media (min-width: 576px) {
    .g-sm-0,
    .gx-sm-0 {
        --gutter-x: 0;
    }

    .g-sm-0,
    .gy-sm-0 {
        --gutter-y: 0;
    }

    .g-sm-1,
    .gx-sm-1 {
        --gutter-x: 0.25rem;
    }

    .g-sm-1,
    .gy-sm-1 {
        --gutter-y: 0.25rem;
    }

    .g-sm-2,
    .gx-sm-2 {
        --gutter-x: 0.5rem;
    }

    .g-sm-2,
    .gy-sm-2 {
        --gutter-y: 0.5rem;
    }

    .g-sm-3,
    .gx-sm-3 {
        --gutter-x: 1rem;
    }

    .g-sm-3,
    .gy-sm-3 {
        --gutter-y: 1rem;
    }

    .g-sm-4,
    .gx-sm-4 {
        --gutter-x: 1.5rem;
    }

    .g-sm-4,
    .gy-sm-4 {
        --gutter-y: 1.5rem;
    }

    .g-sm-5,
    .gx-sm-5 {
        --gutter-x: 2rem;
    }

    .g-sm-5,
    .gy-sm-5 {
        --gutter-y: 2rem;
    }

    .g-sm-6,
    .gx-sm-6 {
        --gutter-x: 3rem;
    }

    .g-sm-6,
    .gy-sm-6 {
        --gutter-y: 3rem;
    }

    .g-sm-7,
    .gx-sm-7 {
        --gutter-x: 4rem;
    }

    .g-sm-7,
    .gy-sm-7 {
        --gutter-y: 4rem;
    }
}

@media (min-width: 768px) {
    .g-md-0,
    .gx-md-0 {
        --gutter-x: 0;
    }

    .g-md-0,
    .gy-md-0 {
        --gutter-y: 0;
    }

    .g-md-1,
    .gx-md-1 {
        --gutter-x: 0.25rem;
    }

    .g-md-1,
    .gy-md-1 {
        --gutter-y: 0.25rem;
    }

    .g-md-2,
    .gx-md-2 {
        --gutter-x: 0.5rem;
    }

    .g-md-2,
    .gy-md-2 {
        --gutter-y: 0.5rem;
    }

    .g-md-3,
    .gx-md-3 {
        --gutter-x: 1rem;
    }

    .g-md-3,
    .gy-md-3 {
        --gutter-y: 1rem;
    }

    .g-md-4,
    .gx-md-4 {
        --gutter-x: 1.5rem;
    }

    .g-md-4,
    .gy-md-4 {
        --gutter-y: 1.5rem;
    }

    .g-md-5,
    .gx-md-5 {
        --gutter-x: 2rem;
    }

    .g-md-5,
    .gy-md-5 {
        --gutter-y: 2rem;
    }

    .g-md-6,
    .gx-md-6 {
        --gutter-x: 3rem;
    }

    .g-md-6,
    .gy-md-6 {
        --gutter-y: 3rem;
    }

    .g-md-7,
    .gx-md-7 {
        --gutter-x: 4rem;
    }

    .g-md-7,
    .gy-md-7 {
        --gutter-y: 4rem;
    }
}

@media (min-width: 992px) {
    .g-lg-0,
    .gx-lg-0 {
        --gutter-x: 0;
    }

    .g-lg-0,
    .gy-lg-0 {
        --gutter-y: 0;
    }

    .g-lg-1,
    .gx-lg-1 {
        --gutter-x: 0.25rem;
    }

    .g-lg-1,
    .gy-lg-1 {
        --gutter-y: 0.25rem;
    }

    .g-lg-2,
    .gx-lg-2 {
        --gutter-x: 0.5rem;
    }

    .g-lg-2,
    .gy-lg-2 {
        --gutter-y: 0.5rem;
    }

    .g-lg-3,
    .gx-lg-3 {
        --gutter-x: 1rem;
    }

    .g-lg-3,
    .gy-lg-3 {
        --gutter-y: 1rem;
    }

    .g-lg-4,
    .gx-lg-4 {
        --gutter-x: 1.5rem;
    }

    .g-lg-4,
    .gy-lg-4 {
        --gutter-y: 1.5rem;
    }

    .g-lg-5,
    .gx-lg-5 {
        --gutter-x: 2rem;
    }

    .g-lg-5,
    .gy-lg-5 {
        --gutter-y: 2rem;
    }

    .g-lg-6,
    .gx-lg-6 {
        --gutter-x: 3rem;
    }

    .g-lg-6,
    .gy-lg-6 {
        --gutter-y: 3rem;
    }

    .g-lg-7,
    .gx-lg-7 {
        --gutter-x: 4rem;
    }

    .g-lg-7,
    .gy-lg-7 {
        --gutter-y: 4rem;
    }
}

@media (min-width: 1200px) {
    .g-xl-0,
    .gx-xl-0 {
        --gutter-x: 0;
    }

    .g-xl-0,
    .gy-xl-0 {
        --gutter-y: 0;
    }

    .g-xl-1,
    .gx-xl-1 {
        --gutter-x: 0.25rem;
    }

    .g-xl-1,
    .gy-xl-1 {
        --gutter-y: 0.25rem;
    }

    .g-xl-2,
    .gx-xl-2 {
        --gutter-x: 0.5rem;
    }

    .g-xl-2,
    .gy-xl-2 {
        --gutter-y: 0.5rem;
    }

    .g-xl-3,
    .gx-xl-3 {
        --gutter-x: 1rem;
    }

    .g-xl-3,
    .gy-xl-3 {
        --gutter-y: 1rem;
    }

    .g-xl-4,
    .gx-xl-4 {
        --gutter-x: 1.5rem;
    }

    .g-xl-4,
    .gy-xl-4 {
        --gutter-y: 1.5rem;
    }

    .g-xl-5,
    .gx-xl-5 {
        --gutter-x: 2rem;
    }

    .g-xl-5,
    .gy-xl-5 {
        --gutter-y: 2rem;
    }

    .g-xl-6,
    .gx-xl-6 {
        --gutter-x: 3rem;
    }

    .g-xl-6,
    .gy-xl-6 {
        --gutter-y: 3rem;
    }

    .g-xl-7,
    .gx-xl-7 {
        --gutter-x: 4rem;
    }

    .g-xl-7,
    .gy-xl-7 {
        --gutter-y: 4rem;
    }
}

@media (min-width: 1200px) {
    .g-desktop-0,
    .gx-desktop-0 {
        --gutter-x: 0;
    }

    .g-desktop-0,
    .gy-desktop-0 {
        --gutter-y: 0;
    }

    .g-desktop-1,
    .gx-desktop-1 {
        --gutter-x: 0.25rem;
    }

    .g-desktop-1,
    .gy-desktop-1 {
        --gutter-y: 0.25rem;
    }

    .g-desktop-2,
    .gx-desktop-2 {
        --gutter-x: 0.5rem;
    }

    .g-desktop-2,
    .gy-desktop-2 {
        --gutter-y: 0.5rem;
    }

    .g-desktop-3,
    .gx-desktop-3 {
        --gutter-x: 1rem;
    }

    .g-desktop-3,
    .gy-desktop-3 {
        --gutter-y: 1rem;
    }

    .g-desktop-4,
    .gx-desktop-4 {
        --gutter-x: 1.5rem;
    }

    .g-desktop-4,
    .gy-desktop-4 {
        --gutter-y: 1.5rem;
    }

    .g-desktop-5,
    .gx-desktop-5 {
        --gutter-x: 2rem;
    }

    .g-desktop-5,
    .gy-desktop-5 {
        --gutter-y: 2rem;
    }

    .g-desktop-6,
    .gx-desktop-6 {
        --gutter-x: 3rem;
    }

    .g-desktop-6,
    .gy-desktop-6 {
        --gutter-y: 3rem;
    }

    .g-desktop-7,
    .gx-desktop-7 {
        --gutter-x: 4rem;
    }

    .g-desktop-7,
    .gy-desktop-7 {
        --gutter-y: 4rem;
    }
}

@media (min-width: 1400px) {
    .g-xxl-0,
    .gx-xxl-0 {
        --gutter-x: 0;
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --gutter-y: 0;
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --gutter-x: 0.25rem;
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --gutter-y: 0.25rem;
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --gutter-x: 0.5rem;
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --gutter-y: 0.5rem;
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --gutter-x: 1rem;
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --gutter-y: 1rem;
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --gutter-x: 1.5rem;
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --gutter-y: 1.5rem;
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --gutter-x: 2rem;
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --gutter-y: 2rem;
    }

    .g-xxl-6,
    .gx-xxl-6 {
        --gutter-x: 3rem;
    }

    .g-xxl-6,
    .gy-xxl-6 {
        --gutter-y: 3rem;
    }

    .g-xxl-7,
    .gx-xxl-7 {
        --gutter-x: 4rem;
    }

    .g-xxl-7,
    .gy-xxl-7 {
        --gutter-y: 4rem;
    }
}
/* ------------------------------------------
   Alignment utilities (standalone, no layers)
   ------------------------------------------ */
/* ---------- Value maps ---------- */
/* Text alignment (logical first; keep legacy aliases if you want) */
/* Inline vertical alignment (for inline/inline-block/table-cell) */
/* Flex/Grid cross-axis alignment (container) → align-items */
/* Flex/Grid main-axis distribution (container) → justify-content */
/* Per-item alignment (child) → align-self */
/* Grid/Flex shorthand place-* */
/* Float alignment (logical + legacy) */
/* Clear behavior */
/* ---------- Generator ---------- */
/* ---------- Emit utilities ---------- */
/* Text */
.text-start {
    text-align: start !important;
}

.text-end {
    text-align: end !important;
}

.text-center {
    text-align: center !important;
}

.text-justify {
    text-align: justify !important;
}

.text-justify-all {
    text-align: justify-all !important;
}

.text-match-parent {
    text-align: match-parent !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

@media (min-width: 0) {
    .xs:text-start {
        text-align: start !important;
    }

    .xs:text-end {
        text-align: end !important;
    }

    .xs:text-center {
        text-align: center !important;
    }

    .xs:text-justify {
        text-align: justify !important;
    }

    .xs:text-justify-all {
        text-align: justify-all !important;
    }

    .xs:text-match-parent {
        text-align: match-parent !important;
    }

    .xs:text-left {
        text-align: left !important;
    }

    .xs:text-right {
        text-align: right !important;
    }
}

@media (min-width: 0) {
    .mobile:text-start {
        text-align: start !important;
    }

    .mobile:text-end {
        text-align: end !important;
    }

    .mobile:text-center {
        text-align: center !important;
    }

    .mobile:text-justify {
        text-align: justify !important;
    }

    .mobile:text-justify-all {
        text-align: justify-all !important;
    }

    .mobile:text-match-parent {
        text-align: match-parent !important;
    }

    .mobile:text-left {
        text-align: left !important;
    }

    .mobile:text-right {
        text-align: right !important;
    }
}

@media (min-width: 576px) {
    .sm:text-start {
        text-align: start !important;
    }

    .sm:text-end {
        text-align: end !important;
    }

    .sm:text-center {
        text-align: center !important;
    }

    .sm:text-justify {
        text-align: justify !important;
    }

    .sm:text-justify-all {
        text-align: justify-all !important;
    }

    .sm:text-match-parent {
        text-align: match-parent !important;
    }

    .sm:text-left {
        text-align: left !important;
    }

    .sm:text-right {
        text-align: right !important;
    }
}

@media (min-width: 768px) {
    .md:text-start {
        text-align: start !important;
    }

    .md:text-end {
        text-align: end !important;
    }

    .md:text-center {
        text-align: center !important;
    }

    .md:text-justify {
        text-align: justify !important;
    }

    .md:text-justify-all {
        text-align: justify-all !important;
    }

    .md:text-match-parent {
        text-align: match-parent !important;
    }

    .md:text-left {
        text-align: left !important;
    }

    .md:text-right {
        text-align: right !important;
    }
}

@media (min-width: 992px) {
    .lg:text-start {
        text-align: start !important;
    }

    .lg:text-end {
        text-align: end !important;
    }

    .lg:text-center {
        text-align: center !important;
    }

    .lg:text-justify {
        text-align: justify !important;
    }

    .lg:text-justify-all {
        text-align: justify-all !important;
    }

    .lg:text-match-parent {
        text-align: match-parent !important;
    }

    .lg:text-left {
        text-align: left !important;
    }

    .lg:text-right {
        text-align: right !important;
    }
}

@media (min-width: 1200px) {
    .xl:text-start {
        text-align: start !important;
    }

    .xl:text-end {
        text-align: end !important;
    }

    .xl:text-center {
        text-align: center !important;
    }

    .xl:text-justify {
        text-align: justify !important;
    }

    .xl:text-justify-all {
        text-align: justify-all !important;
    }

    .xl:text-match-parent {
        text-align: match-parent !important;
    }

    .xl:text-left {
        text-align: left !important;
    }

    .xl:text-right {
        text-align: right !important;
    }
}

@media (min-width: 1200px) {
    .desktop:text-start {
        text-align: start !important;
    }

    .desktop:text-end {
        text-align: end !important;
    }

    .desktop:text-center {
        text-align: center !important;
    }

    .desktop:text-justify {
        text-align: justify !important;
    }

    .desktop:text-justify-all {
        text-align: justify-all !important;
    }

    .desktop:text-match-parent {
        text-align: match-parent !important;
    }

    .desktop:text-left {
        text-align: left !important;
    }

    .desktop:text-right {
        text-align: right !important;
    }
}

@media (min-width: 1400px) {
    .xxl:text-start {
        text-align: start !important;
    }

    .xxl:text-end {
        text-align: end !important;
    }

    .xxl:text-center {
        text-align: center !important;
    }

    .xxl:text-justify {
        text-align: justify !important;
    }

    .xxl:text-justify-all {
        text-align: justify-all !important;
    }

    .xxl:text-match-parent {
        text-align: match-parent !important;
    }

    .xxl:text-left {
        text-align: left !important;
    }

    .xxl:text-right {
        text-align: right !important;
    }
}
/* Inline vertical */
.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-sub {
    vertical-align: sub !important;
}

.align-super {
    vertical-align: super !important;
}

@media (min-width: 0) {
    .xs:align-baseline {
        vertical-align: baseline !important;
    }

    .xs:align-top {
        vertical-align: top !important;
    }

    .xs:align-middle {
        vertical-align: middle !important;
    }

    .xs:align-bottom {
        vertical-align: bottom !important;
    }

    .xs:align-text-top {
        vertical-align: text-top !important;
    }

    .xs:align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .xs:align-sub {
        vertical-align: sub !important;
    }

    .xs:align-super {
        vertical-align: super !important;
    }
}

@media (min-width: 0) {
    .mobile:align-baseline {
        vertical-align: baseline !important;
    }

    .mobile:align-top {
        vertical-align: top !important;
    }

    .mobile:align-middle {
        vertical-align: middle !important;
    }

    .mobile:align-bottom {
        vertical-align: bottom !important;
    }

    .mobile:align-text-top {
        vertical-align: text-top !important;
    }

    .mobile:align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .mobile:align-sub {
        vertical-align: sub !important;
    }

    .mobile:align-super {
        vertical-align: super !important;
    }
}

@media (min-width: 576px) {
    .sm:align-baseline {
        vertical-align: baseline !important;
    }

    .sm:align-top {
        vertical-align: top !important;
    }

    .sm:align-middle {
        vertical-align: middle !important;
    }

    .sm:align-bottom {
        vertical-align: bottom !important;
    }

    .sm:align-text-top {
        vertical-align: text-top !important;
    }

    .sm:align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .sm:align-sub {
        vertical-align: sub !important;
    }

    .sm:align-super {
        vertical-align: super !important;
    }
}

@media (min-width: 768px) {
    .md:align-baseline {
        vertical-align: baseline !important;
    }

    .md:align-top {
        vertical-align: top !important;
    }

    .md:align-middle {
        vertical-align: middle !important;
    }

    .md:align-bottom {
        vertical-align: bottom !important;
    }

    .md:align-text-top {
        vertical-align: text-top !important;
    }

    .md:align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .md:align-sub {
        vertical-align: sub !important;
    }

    .md:align-super {
        vertical-align: super !important;
    }
}

@media (min-width: 992px) {
    .lg:align-baseline {
        vertical-align: baseline !important;
    }

    .lg:align-top {
        vertical-align: top !important;
    }

    .lg:align-middle {
        vertical-align: middle !important;
    }

    .lg:align-bottom {
        vertical-align: bottom !important;
    }

    .lg:align-text-top {
        vertical-align: text-top !important;
    }

    .lg:align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .lg:align-sub {
        vertical-align: sub !important;
    }

    .lg:align-super {
        vertical-align: super !important;
    }
}

@media (min-width: 1200px) {
    .xl:align-baseline {
        vertical-align: baseline !important;
    }

    .xl:align-top {
        vertical-align: top !important;
    }

    .xl:align-middle {
        vertical-align: middle !important;
    }

    .xl:align-bottom {
        vertical-align: bottom !important;
    }

    .xl:align-text-top {
        vertical-align: text-top !important;
    }

    .xl:align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .xl:align-sub {
        vertical-align: sub !important;
    }

    .xl:align-super {
        vertical-align: super !important;
    }
}

@media (min-width: 1200px) {
    .desktop:align-baseline {
        vertical-align: baseline !important;
    }

    .desktop:align-top {
        vertical-align: top !important;
    }

    .desktop:align-middle {
        vertical-align: middle !important;
    }

    .desktop:align-bottom {
        vertical-align: bottom !important;
    }

    .desktop:align-text-top {
        vertical-align: text-top !important;
    }

    .desktop:align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .desktop:align-sub {
        vertical-align: sub !important;
    }

    .desktop:align-super {
        vertical-align: super !important;
    }
}

@media (min-width: 1400px) {
    .xxl:align-baseline {
        vertical-align: baseline !important;
    }

    .xxl:align-top {
        vertical-align: top !important;
    }

    .xxl:align-middle {
        vertical-align: middle !important;
    }

    .xxl:align-bottom {
        vertical-align: bottom !important;
    }

    .xxl:align-text-top {
        vertical-align: text-top !important;
    }

    .xxl:align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .xxl:align-sub {
        vertical-align: sub !important;
    }

    .xxl:align-super {
        vertical-align: super !important;
    }
}
/* Flex/Grid containers */
.items-start {
    align-items: flex-start !important;
}

.items-end {
    align-items: flex-end !important;
}

.items-center {
    align-items: center !important;
}

.items-baseline {
    align-items: baseline !important;
}

.items-stretch {
    align-items: stretch !important;
}

@media (min-width: 0) {
    .xs:items-start {
        align-items: flex-start !important;
    }

    .xs:items-end {
        align-items: flex-end !important;
    }

    .xs:items-center {
        align-items: center !important;
    }

    .xs:items-baseline {
        align-items: baseline !important;
    }

    .xs:items-stretch {
        align-items: stretch !important;
    }
}

@media (min-width: 0) {
    .mobile:items-start {
        align-items: flex-start !important;
    }

    .mobile:items-end {
        align-items: flex-end !important;
    }

    .mobile:items-center {
        align-items: center !important;
    }

    .mobile:items-baseline {
        align-items: baseline !important;
    }

    .mobile:items-stretch {
        align-items: stretch !important;
    }
}

@media (min-width: 576px) {
    .sm:items-start {
        align-items: flex-start !important;
    }

    .sm:items-end {
        align-items: flex-end !important;
    }

    .sm:items-center {
        align-items: center !important;
    }

    .sm:items-baseline {
        align-items: baseline !important;
    }

    .sm:items-stretch {
        align-items: stretch !important;
    }
}

@media (min-width: 768px) {
    .md:items-start {
        align-items: flex-start !important;
    }

    .md:items-end {
        align-items: flex-end !important;
    }

    .md:items-center {
        align-items: center !important;
    }

    .md:items-baseline {
        align-items: baseline !important;
    }

    .md:items-stretch {
        align-items: stretch !important;
    }
}

@media (min-width: 992px) {
    .lg:items-start {
        align-items: flex-start !important;
    }

    .lg:items-end {
        align-items: flex-end !important;
    }

    .lg:items-center {
        align-items: center !important;
    }

    .lg:items-baseline {
        align-items: baseline !important;
    }

    .lg:items-stretch {
        align-items: stretch !important;
    }
}

@media (min-width: 1200px) {
    .xl:items-start {
        align-items: flex-start !important;
    }

    .xl:items-end {
        align-items: flex-end !important;
    }

    .xl:items-center {
        align-items: center !important;
    }

    .xl:items-baseline {
        align-items: baseline !important;
    }

    .xl:items-stretch {
        align-items: stretch !important;
    }
}

@media (min-width: 1200px) {
    .desktop:items-start {
        align-items: flex-start !important;
    }

    .desktop:items-end {
        align-items: flex-end !important;
    }

    .desktop:items-center {
        align-items: center !important;
    }

    .desktop:items-baseline {
        align-items: baseline !important;
    }

    .desktop:items-stretch {
        align-items: stretch !important;
    }
}

@media (min-width: 1400px) {
    .xxl:items-start {
        align-items: flex-start !important;
    }

    .xxl:items-end {
        align-items: flex-end !important;
    }

    .xxl:items-center {
        align-items: center !important;
    }

    .xxl:items-baseline {
        align-items: baseline !important;
    }

    .xxl:items-stretch {
        align-items: stretch !important;
    }
}

.justify-start {
    justify-content: flex-start !important;
}

.justify-end {
    justify-content: flex-end !important;
}

.justify-center {
    justify-content: center !important;
}

.justify-between {
    justify-content: space-between !important;
}

.justify-around {
    justify-content: space-around !important;
}

.justify-evenly {
    justify-content: space-evenly !important;
}

@media (min-width: 0) {
    .xs:justify-start {
        justify-content: flex-start !important;
    }

    .xs:justify-end {
        justify-content: flex-end !important;
    }

    .xs:justify-center {
        justify-content: center !important;
    }

    .xs:justify-between {
        justify-content: space-between !important;
    }

    .xs:justify-around {
        justify-content: space-around !important;
    }

    .xs:justify-evenly {
        justify-content: space-evenly !important;
    }
}

@media (min-width: 0) {
    .mobile:justify-start {
        justify-content: flex-start !important;
    }

    .mobile:justify-end {
        justify-content: flex-end !important;
    }

    .mobile:justify-center {
        justify-content: center !important;
    }

    .mobile:justify-between {
        justify-content: space-between !important;
    }

    .mobile:justify-around {
        justify-content: space-around !important;
    }

    .mobile:justify-evenly {
        justify-content: space-evenly !important;
    }
}

@media (min-width: 576px) {
    .sm:justify-start {
        justify-content: flex-start !important;
    }

    .sm:justify-end {
        justify-content: flex-end !important;
    }

    .sm:justify-center {
        justify-content: center !important;
    }

    .sm:justify-between {
        justify-content: space-between !important;
    }

    .sm:justify-around {
        justify-content: space-around !important;
    }

    .sm:justify-evenly {
        justify-content: space-evenly !important;
    }
}

@media (min-width: 768px) {
    .md:justify-start {
        justify-content: flex-start !important;
    }

    .md:justify-end {
        justify-content: flex-end !important;
    }

    .md:justify-center {
        justify-content: center !important;
    }

    .md:justify-between {
        justify-content: space-between !important;
    }

    .md:justify-around {
        justify-content: space-around !important;
    }

    .md:justify-evenly {
        justify-content: space-evenly !important;
    }
}

@media (min-width: 992px) {
    .lg:justify-start {
        justify-content: flex-start !important;
    }

    .lg:justify-end {
        justify-content: flex-end !important;
    }

    .lg:justify-center {
        justify-content: center !important;
    }

    .lg:justify-between {
        justify-content: space-between !important;
    }

    .lg:justify-around {
        justify-content: space-around !important;
    }

    .lg:justify-evenly {
        justify-content: space-evenly !important;
    }
}

@media (min-width: 1200px) {
    .xl:justify-start {
        justify-content: flex-start !important;
    }

    .xl:justify-end {
        justify-content: flex-end !important;
    }

    .xl:justify-center {
        justify-content: center !important;
    }

    .xl:justify-between {
        justify-content: space-between !important;
    }

    .xl:justify-around {
        justify-content: space-around !important;
    }

    .xl:justify-evenly {
        justify-content: space-evenly !important;
    }
}

@media (min-width: 1200px) {
    .desktop:justify-start {
        justify-content: flex-start !important;
    }

    .desktop:justify-end {
        justify-content: flex-end !important;
    }

    .desktop:justify-center {
        justify-content: center !important;
    }

    .desktop:justify-between {
        justify-content: space-between !important;
    }

    .desktop:justify-around {
        justify-content: space-around !important;
    }

    .desktop:justify-evenly {
        justify-content: space-evenly !important;
    }
}

@media (min-width: 1400px) {
    .xxl:justify-start {
        justify-content: flex-start !important;
    }

    .xxl:justify-end {
        justify-content: flex-end !important;
    }

    .xxl:justify-center {
        justify-content: center !important;
    }

    .xxl:justify-between {
        justify-content: space-between !important;
    }

    .xxl:justify-around {
        justify-content: space-around !important;
    }

    .xxl:justify-evenly {
        justify-content: space-evenly !important;
    }
}
/* Per-item alignment */
.self-auto {
    align-self: auto !important;
}

.self-start {
    align-self: flex-start !important;
}

.self-end {
    align-self: flex-end !important;
}

.self-center {
    align-self: center !important;
}

.self-stretch {
    align-self: stretch !important;
}

.self-baseline {
    align-self: baseline !important;
}

@media (min-width: 0) {
    .xs:self-auto {
        align-self: auto !important;
    }

    .xs:self-start {
        align-self: flex-start !important;
    }

    .xs:self-end {
        align-self: flex-end !important;
    }

    .xs:self-center {
        align-self: center !important;
    }

    .xs:self-stretch {
        align-self: stretch !important;
    }

    .xs:self-baseline {
        align-self: baseline !important;
    }
}

@media (min-width: 0) {
    .mobile:self-auto {
        align-self: auto !important;
    }

    .mobile:self-start {
        align-self: flex-start !important;
    }

    .mobile:self-end {
        align-self: flex-end !important;
    }

    .mobile:self-center {
        align-self: center !important;
    }

    .mobile:self-stretch {
        align-self: stretch !important;
    }

    .mobile:self-baseline {
        align-self: baseline !important;
    }
}

@media (min-width: 576px) {
    .sm:self-auto {
        align-self: auto !important;
    }

    .sm:self-start {
        align-self: flex-start !important;
    }

    .sm:self-end {
        align-self: flex-end !important;
    }

    .sm:self-center {
        align-self: center !important;
    }

    .sm:self-stretch {
        align-self: stretch !important;
    }

    .sm:self-baseline {
        align-self: baseline !important;
    }
}

@media (min-width: 768px) {
    .md:self-auto {
        align-self: auto !important;
    }

    .md:self-start {
        align-self: flex-start !important;
    }

    .md:self-end {
        align-self: flex-end !important;
    }

    .md:self-center {
        align-self: center !important;
    }

    .md:self-stretch {
        align-self: stretch !important;
    }

    .md:self-baseline {
        align-self: baseline !important;
    }
}

@media (min-width: 992px) {
    .lg:self-auto {
        align-self: auto !important;
    }

    .lg:self-start {
        align-self: flex-start !important;
    }

    .lg:self-end {
        align-self: flex-end !important;
    }

    .lg:self-center {
        align-self: center !important;
    }

    .lg:self-stretch {
        align-self: stretch !important;
    }

    .lg:self-baseline {
        align-self: baseline !important;
    }
}

@media (min-width: 1200px) {
    .xl:self-auto {
        align-self: auto !important;
    }

    .xl:self-start {
        align-self: flex-start !important;
    }

    .xl:self-end {
        align-self: flex-end !important;
    }

    .xl:self-center {
        align-self: center !important;
    }

    .xl:self-stretch {
        align-self: stretch !important;
    }

    .xl:self-baseline {
        align-self: baseline !important;
    }
}

@media (min-width: 1200px) {
    .desktop:self-auto {
        align-self: auto !important;
    }

    .desktop:self-start {
        align-self: flex-start !important;
    }

    .desktop:self-end {
        align-self: flex-end !important;
    }

    .desktop:self-center {
        align-self: center !important;
    }

    .desktop:self-stretch {
        align-self: stretch !important;
    }

    .desktop:self-baseline {
        align-self: baseline !important;
    }
}

@media (min-width: 1400px) {
    .xxl:self-auto {
        align-self: auto !important;
    }

    .xxl:self-start {
        align-self: flex-start !important;
    }

    .xxl:self-end {
        align-self: flex-end !important;
    }

    .xxl:self-center {
        align-self: center !important;
    }

    .xxl:self-stretch {
        align-self: stretch !important;
    }

    .xxl:self-baseline {
        align-self: baseline !important;
    }
}
/* Place alignment (Grid/Flex shorthands) */
.place-items-start {
    place-items: start !important;
}

.place-items-end {
    place-items: end !important;
}

.place-items-center {
    place-items: center !important;
}

.place-items-stretch {
    place-items: stretch !important;
}

@media (min-width: 0) {
    .xs:place-items-start {
        place-items: start !important;
    }

    .xs:place-items-end {
        place-items: end !important;
    }

    .xs:place-items-center {
        place-items: center !important;
    }

    .xs:place-items-stretch {
        place-items: stretch !important;
    }
}

@media (min-width: 0) {
    .mobile:place-items-start {
        place-items: start !important;
    }

    .mobile:place-items-end {
        place-items: end !important;
    }

    .mobile:place-items-center {
        place-items: center !important;
    }

    .mobile:place-items-stretch {
        place-items: stretch !important;
    }
}

@media (min-width: 576px) {
    .sm:place-items-start {
        place-items: start !important;
    }

    .sm:place-items-end {
        place-items: end !important;
    }

    .sm:place-items-center {
        place-items: center !important;
    }

    .sm:place-items-stretch {
        place-items: stretch !important;
    }
}

@media (min-width: 768px) {
    .md:place-items-start {
        place-items: start !important;
    }

    .md:place-items-end {
        place-items: end !important;
    }

    .md:place-items-center {
        place-items: center !important;
    }

    .md:place-items-stretch {
        place-items: stretch !important;
    }
}

@media (min-width: 992px) {
    .lg:place-items-start {
        place-items: start !important;
    }

    .lg:place-items-end {
        place-items: end !important;
    }

    .lg:place-items-center {
        place-items: center !important;
    }

    .lg:place-items-stretch {
        place-items: stretch !important;
    }
}

@media (min-width: 1200px) {
    .xl:place-items-start {
        place-items: start !important;
    }

    .xl:place-items-end {
        place-items: end !important;
    }

    .xl:place-items-center {
        place-items: center !important;
    }

    .xl:place-items-stretch {
        place-items: stretch !important;
    }
}

@media (min-width: 1200px) {
    .desktop:place-items-start {
        place-items: start !important;
    }

    .desktop:place-items-end {
        place-items: end !important;
    }

    .desktop:place-items-center {
        place-items: center !important;
    }

    .desktop:place-items-stretch {
        place-items: stretch !important;
    }
}

@media (min-width: 1400px) {
    .xxl:place-items-start {
        place-items: start !important;
    }

    .xxl:place-items-end {
        place-items: end !important;
    }

    .xxl:place-items-center {
        place-items: center !important;
    }

    .xxl:place-items-stretch {
        place-items: stretch !important;
    }
}

.place-content-start {
    place-content: start !important;
}

.place-content-end {
    place-content: end !important;
}

.place-content-center {
    place-content: center !important;
}

.place-content-stretch {
    place-content: stretch !important;
}

@media (min-width: 0) {
    .xs:place-content-start {
        place-content: start !important;
    }

    .xs:place-content-end {
        place-content: end !important;
    }

    .xs:place-content-center {
        place-content: center !important;
    }

    .xs:place-content-stretch {
        place-content: stretch !important;
    }
}

@media (min-width: 0) {
    .mobile:place-content-start {
        place-content: start !important;
    }

    .mobile:place-content-end {
        place-content: end !important;
    }

    .mobile:place-content-center {
        place-content: center !important;
    }

    .mobile:place-content-stretch {
        place-content: stretch !important;
    }
}

@media (min-width: 576px) {
    .sm:place-content-start {
        place-content: start !important;
    }

    .sm:place-content-end {
        place-content: end !important;
    }

    .sm:place-content-center {
        place-content: center !important;
    }

    .sm:place-content-stretch {
        place-content: stretch !important;
    }
}

@media (min-width: 768px) {
    .md:place-content-start {
        place-content: start !important;
    }

    .md:place-content-end {
        place-content: end !important;
    }

    .md:place-content-center {
        place-content: center !important;
    }

    .md:place-content-stretch {
        place-content: stretch !important;
    }
}

@media (min-width: 992px) {
    .lg:place-content-start {
        place-content: start !important;
    }

    .lg:place-content-end {
        place-content: end !important;
    }

    .lg:place-content-center {
        place-content: center !important;
    }

    .lg:place-content-stretch {
        place-content: stretch !important;
    }
}

@media (min-width: 1200px) {
    .xl:place-content-start {
        place-content: start !important;
    }

    .xl:place-content-end {
        place-content: end !important;
    }

    .xl:place-content-center {
        place-content: center !important;
    }

    .xl:place-content-stretch {
        place-content: stretch !important;
    }
}

@media (min-width: 1200px) {
    .desktop:place-content-start {
        place-content: start !important;
    }

    .desktop:place-content-end {
        place-content: end !important;
    }

    .desktop:place-content-center {
        place-content: center !important;
    }

    .desktop:place-content-stretch {
        place-content: stretch !important;
    }
}

@media (min-width: 1400px) {
    .xxl:place-content-start {
        place-content: start !important;
    }

    .xxl:place-content-end {
        place-content: end !important;
    }

    .xxl:place-content-center {
        place-content: center !important;
    }

    .xxl:place-content-stretch {
        place-content: stretch !important;
    }
}
/* Floats & clearing */
.float-none {
    float: none !important;
}

.float-start {
    float: inline-start !important;
}

.float-end {
    float: inline-end !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

@media (min-width: 0) {
    .xs:float-none {
        float: none !important;
    }

    .xs:float-start {
        float: inline-start !important;
    }

    .xs:float-end {
        float: inline-end !important;
    }

    .xs:float-left {
        float: left !important;
    }

    .xs:float-right {
        float: right !important;
    }
}

@media (min-width: 0) {
    .mobile:float-none {
        float: none !important;
    }

    .mobile:float-start {
        float: inline-start !important;
    }

    .mobile:float-end {
        float: inline-end !important;
    }

    .mobile:float-left {
        float: left !important;
    }

    .mobile:float-right {
        float: right !important;
    }
}

@media (min-width: 576px) {
    .sm:float-none {
        float: none !important;
    }

    .sm:float-start {
        float: inline-start !important;
    }

    .sm:float-end {
        float: inline-end !important;
    }

    .sm:float-left {
        float: left !important;
    }

    .sm:float-right {
        float: right !important;
    }
}

@media (min-width: 768px) {
    .md:float-none {
        float: none !important;
    }

    .md:float-start {
        float: inline-start !important;
    }

    .md:float-end {
        float: inline-end !important;
    }

    .md:float-left {
        float: left !important;
    }

    .md:float-right {
        float: right !important;
    }
}

@media (min-width: 992px) {
    .lg:float-none {
        float: none !important;
    }

    .lg:float-start {
        float: inline-start !important;
    }

    .lg:float-end {
        float: inline-end !important;
    }

    .lg:float-left {
        float: left !important;
    }

    .lg:float-right {
        float: right !important;
    }
}

@media (min-width: 1200px) {
    .xl:float-none {
        float: none !important;
    }

    .xl:float-start {
        float: inline-start !important;
    }

    .xl:float-end {
        float: inline-end !important;
    }

    .xl:float-left {
        float: left !important;
    }

    .xl:float-right {
        float: right !important;
    }
}

@media (min-width: 1200px) {
    .desktop:float-none {
        float: none !important;
    }

    .desktop:float-start {
        float: inline-start !important;
    }

    .desktop:float-end {
        float: inline-end !important;
    }

    .desktop:float-left {
        float: left !important;
    }

    .desktop:float-right {
        float: right !important;
    }
}

@media (min-width: 1400px) {
    .xxl:float-none {
        float: none !important;
    }

    .xxl:float-start {
        float: inline-start !important;
    }

    .xxl:float-end {
        float: inline-end !important;
    }

    .xxl:float-left {
        float: left !important;
    }

    .xxl:float-right {
        float: right !important;
    }
}

.clear-none {
    clear: none !important;
}

.clear-left {
    clear: left !important;
}

.clear-right {
    clear: right !important;
}

.clear-both {
    clear: both !important;
}

.clear-inline-start {
    clear: inline-start !important;
}

.clear-inline-end {
    clear: inline-end !important;
}

@media (min-width: 0) {
    .xs:clear-none {
        clear: none !important;
    }

    .xs:clear-left {
        clear: left !important;
    }

    .xs:clear-right {
        clear: right !important;
    }

    .xs:clear-both {
        clear: both !important;
    }

    .xs:clear-inline-start {
        clear: inline-start !important;
    }

    .xs:clear-inline-end {
        clear: inline-end !important;
    }
}

@media (min-width: 0) {
    .mobile:clear-none {
        clear: none !important;
    }

    .mobile:clear-left {
        clear: left !important;
    }

    .mobile:clear-right {
        clear: right !important;
    }

    .mobile:clear-both {
        clear: both !important;
    }

    .mobile:clear-inline-start {
        clear: inline-start !important;
    }

    .mobile:clear-inline-end {
        clear: inline-end !important;
    }
}

@media (min-width: 576px) {
    .sm:clear-none {
        clear: none !important;
    }

    .sm:clear-left {
        clear: left !important;
    }

    .sm:clear-right {
        clear: right !important;
    }

    .sm:clear-both {
        clear: both !important;
    }

    .sm:clear-inline-start {
        clear: inline-start !important;
    }

    .sm:clear-inline-end {
        clear: inline-end !important;
    }
}

@media (min-width: 768px) {
    .md:clear-none {
        clear: none !important;
    }

    .md:clear-left {
        clear: left !important;
    }

    .md:clear-right {
        clear: right !important;
    }

    .md:clear-both {
        clear: both !important;
    }

    .md:clear-inline-start {
        clear: inline-start !important;
    }

    .md:clear-inline-end {
        clear: inline-end !important;
    }
}

@media (min-width: 992px) {
    .lg:clear-none {
        clear: none !important;
    }

    .lg:clear-left {
        clear: left !important;
    }

    .lg:clear-right {
        clear: right !important;
    }

    .lg:clear-both {
        clear: both !important;
    }

    .lg:clear-inline-start {
        clear: inline-start !important;
    }

    .lg:clear-inline-end {
        clear: inline-end !important;
    }
}

@media (min-width: 1200px) {
    .xl:clear-none {
        clear: none !important;
    }

    .xl:clear-left {
        clear: left !important;
    }

    .xl:clear-right {
        clear: right !important;
    }

    .xl:clear-both {
        clear: both !important;
    }

    .xl:clear-inline-start {
        clear: inline-start !important;
    }

    .xl:clear-inline-end {
        clear: inline-end !important;
    }
}

@media (min-width: 1200px) {
    .desktop:clear-none {
        clear: none !important;
    }

    .desktop:clear-left {
        clear: left !important;
    }

    .desktop:clear-right {
        clear: right !important;
    }

    .desktop:clear-both {
        clear: both !important;
    }

    .desktop:clear-inline-start {
        clear: inline-start !important;
    }

    .desktop:clear-inline-end {
        clear: inline-end !important;
    }
}

@media (min-width: 1400px) {
    .xxl:clear-none {
        clear: none !important;
    }

    .xxl:clear-left {
        clear: left !important;
    }

    .xxl:clear-right {
        clear: right !important;
    }

    .xxl:clear-both {
        clear: both !important;
    }

    .xxl:clear-inline-start {
        clear: inline-start !important;
    }

    .xxl:clear-inline-end {
        clear: inline-end !important;
    }
}
/* Clearfix helper */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.border {
    border: 1px solid currentColor;
}

.border-0 {
    border: 0;
}

.border-0 {
    border: 0 solid currentColor;
}

.border-1 {
    border: 1px solid currentColor;
}

.border-2 {
    border: 2px solid currentColor;
}

.border-3 {
    border: 3px solid currentColor;
}

.border-4 {
    border: 4px solid currentColor;
}

.border-5 {
    border: 5px solid currentColor;
}

.xs:border-0 {
    border: 0 solid currentColor;
}

.xs:border-1 {
    border: 1px solid currentColor;
}

.xs:border-2 {
    border: 2px solid currentColor;
}

.xs:border-3 {
    border: 3px solid currentColor;
}

.xs:border-4 {
    border: 4px solid currentColor;
}

.xs:border-5 {
    border: 5px solid currentColor;
}

.mobile:border-0 {
    border: 0 solid currentColor;
}

.mobile:border-1 {
    border: 1px solid currentColor;
}

.mobile:border-2 {
    border: 2px solid currentColor;
}

.mobile:border-3 {
    border: 3px solid currentColor;
}

.mobile:border-4 {
    border: 4px solid currentColor;
}

.mobile:border-5 {
    border: 5px solid currentColor;
}

@media (min-width: 576px) {
    .sm:border-0 {
        border: 0 solid currentColor;
    }

    .sm:border-1 {
        border: 1px solid currentColor;
    }

    .sm:border-2 {
        border: 2px solid currentColor;
    }

    .sm:border-3 {
        border: 3px solid currentColor;
    }

    .sm:border-4 {
        border: 4px solid currentColor;
    }

    .sm:border-5 {
        border: 5px solid currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-0 {
        border: 0 solid currentColor;
    }

    .md:border-1 {
        border: 1px solid currentColor;
    }

    .md:border-2 {
        border: 2px solid currentColor;
    }

    .md:border-3 {
        border: 3px solid currentColor;
    }

    .md:border-4 {
        border: 4px solid currentColor;
    }

    .md:border-5 {
        border: 5px solid currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-0 {
        border: 0 solid currentColor;
    }

    .lg:border-1 {
        border: 1px solid currentColor;
    }

    .lg:border-2 {
        border: 2px solid currentColor;
    }

    .lg:border-3 {
        border: 3px solid currentColor;
    }

    .lg:border-4 {
        border: 4px solid currentColor;
    }

    .lg:border-5 {
        border: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-0 {
        border: 0 solid currentColor;
    }

    .xl:border-1 {
        border: 1px solid currentColor;
    }

    .xl:border-2 {
        border: 2px solid currentColor;
    }

    .xl:border-3 {
        border: 3px solid currentColor;
    }

    .xl:border-4 {
        border: 4px solid currentColor;
    }

    .xl:border-5 {
        border: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-0 {
        border: 0 solid currentColor;
    }

    .desktop:border-1 {
        border: 1px solid currentColor;
    }

    .desktop:border-2 {
        border: 2px solid currentColor;
    }

    .desktop:border-3 {
        border: 3px solid currentColor;
    }

    .desktop:border-4 {
        border: 4px solid currentColor;
    }

    .desktop:border-5 {
        border: 5px solid currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-0 {
        border: 0 solid currentColor;
    }

    .xxl:border-1 {
        border: 1px solid currentColor;
    }

    .xxl:border-2 {
        border: 2px solid currentColor;
    }

    .xxl:border-3 {
        border: 3px solid currentColor;
    }

    .xxl:border-4 {
        border: 4px solid currentColor;
    }

    .xxl:border-5 {
        border: 5px solid currentColor;
    }
}

.border-solid {
    border: 1px solid currentColor;
}

.border-dashed {
    border: 1px dashed currentColor;
}

.border-dotted {
    border: 1px dotted currentColor;
}

.border-none {
    border: 1px none currentColor;
}

.xs:border-solid {
    border: 1px solid currentColor;
}

.xs:border-dashed {
    border: 1px dashed currentColor;
}

.xs:border-dotted {
    border: 1px dotted currentColor;
}

.xs:border-none {
    border: 1px none currentColor;
}

.mobile:border-solid {
    border: 1px solid currentColor;
}

.mobile:border-dashed {
    border: 1px dashed currentColor;
}

.mobile:border-dotted {
    border: 1px dotted currentColor;
}

.mobile:border-none {
    border: 1px none currentColor;
}

@media (min-width: 576px) {
    .sm:border-solid {
        border: 1px solid currentColor;
    }

    .sm:border-dashed {
        border: 1px dashed currentColor;
    }

    .sm:border-dotted {
        border: 1px dotted currentColor;
    }

    .sm:border-none {
        border: 1px none currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-solid {
        border: 1px solid currentColor;
    }

    .md:border-dashed {
        border: 1px dashed currentColor;
    }

    .md:border-dotted {
        border: 1px dotted currentColor;
    }

    .md:border-none {
        border: 1px none currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-solid {
        border: 1px solid currentColor;
    }

    .lg:border-dashed {
        border: 1px dashed currentColor;
    }

    .lg:border-dotted {
        border: 1px dotted currentColor;
    }

    .lg:border-none {
        border: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-solid {
        border: 1px solid currentColor;
    }

    .xl:border-dashed {
        border: 1px dashed currentColor;
    }

    .xl:border-dotted {
        border: 1px dotted currentColor;
    }

    .xl:border-none {
        border: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-solid {
        border: 1px solid currentColor;
    }

    .desktop:border-dashed {
        border: 1px dashed currentColor;
    }

    .desktop:border-dotted {
        border: 1px dotted currentColor;
    }

    .desktop:border-none {
        border: 1px none currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-solid {
        border: 1px solid currentColor;
    }

    .xxl:border-dashed {
        border: 1px dashed currentColor;
    }

    .xxl:border-dotted {
        border: 1px dotted currentColor;
    }

    .xxl:border-none {
        border: 1px none currentColor;
    }
}

.border-black {
    border: 1px solid #000;
}

.border-white {
    border: 1px solid #fff;
}

.border-gray {
    border: 1px solid #ccc;
}

.xs:border-black {
    border: 1px solid #000;
}

.xs:border-white {
    border: 1px solid #fff;
}

.xs:border-gray {
    border: 1px solid #ccc;
}

.mobile:border-black {
    border: 1px solid #000;
}

.mobile:border-white {
    border: 1px solid #fff;
}

.mobile:border-gray {
    border: 1px solid #ccc;
}

@media (min-width: 576px) {
    .sm:border-black {
        border: 1px solid #000;
    }

    .sm:border-white {
        border: 1px solid #fff;
    }

    .sm:border-gray {
        border: 1px solid #ccc;
    }
}

@media (min-width: 768px) {
    .md:border-black {
        border: 1px solid #000;
    }

    .md:border-white {
        border: 1px solid #fff;
    }

    .md:border-gray {
        border: 1px solid #ccc;
    }
}

@media (min-width: 992px) {
    .lg:border-black {
        border: 1px solid #000;
    }

    .lg:border-white {
        border: 1px solid #fff;
    }

    .lg:border-gray {
        border: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .xl:border-black {
        border: 1px solid #000;
    }

    .xl:border-white {
        border: 1px solid #fff;
    }

    .xl:border-gray {
        border: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .desktop:border-black {
        border: 1px solid #000;
    }

    .desktop:border-white {
        border: 1px solid #fff;
    }

    .desktop:border-gray {
        border: 1px solid #ccc;
    }
}

@media (min-width: 1400px) {
    .xxl:border-black {
        border: 1px solid #000;
    }

    .xxl:border-white {
        border: 1px solid #fff;
    }

    .xxl:border-gray {
        border: 1px solid #ccc;
    }
}

.border-x {
    border-inline: 1px solid currentColor;
}

.border-x-0 {
    border-inline: 0;
}

.border-x-0 {
    border-inline: 0 solid currentColor;
}

.border-x-1 {
    border-inline: 1px solid currentColor;
}

.border-x-2 {
    border-inline: 2px solid currentColor;
}

.border-x-3 {
    border-inline: 3px solid currentColor;
}

.border-x-4 {
    border-inline: 4px solid currentColor;
}

.border-x-5 {
    border-inline: 5px solid currentColor;
}

.xs:border-x-0 {
    border-inline: 0 solid currentColor;
}

.xs:border-x-1 {
    border-inline: 1px solid currentColor;
}

.xs:border-x-2 {
    border-inline: 2px solid currentColor;
}

.xs:border-x-3 {
    border-inline: 3px solid currentColor;
}

.xs:border-x-4 {
    border-inline: 4px solid currentColor;
}

.xs:border-x-5 {
    border-inline: 5px solid currentColor;
}

.mobile:border-x-0 {
    border-inline: 0 solid currentColor;
}

.mobile:border-x-1 {
    border-inline: 1px solid currentColor;
}

.mobile:border-x-2 {
    border-inline: 2px solid currentColor;
}

.mobile:border-x-3 {
    border-inline: 3px solid currentColor;
}

.mobile:border-x-4 {
    border-inline: 4px solid currentColor;
}

.mobile:border-x-5 {
    border-inline: 5px solid currentColor;
}

@media (min-width: 576px) {
    .sm:border-x-0 {
        border-inline: 0 solid currentColor;
    }

    .sm:border-x-1 {
        border-inline: 1px solid currentColor;
    }

    .sm:border-x-2 {
        border-inline: 2px solid currentColor;
    }

    .sm:border-x-3 {
        border-inline: 3px solid currentColor;
    }

    .sm:border-x-4 {
        border-inline: 4px solid currentColor;
    }

    .sm:border-x-5 {
        border-inline: 5px solid currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-x-0 {
        border-inline: 0 solid currentColor;
    }

    .md:border-x-1 {
        border-inline: 1px solid currentColor;
    }

    .md:border-x-2 {
        border-inline: 2px solid currentColor;
    }

    .md:border-x-3 {
        border-inline: 3px solid currentColor;
    }

    .md:border-x-4 {
        border-inline: 4px solid currentColor;
    }

    .md:border-x-5 {
        border-inline: 5px solid currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-x-0 {
        border-inline: 0 solid currentColor;
    }

    .lg:border-x-1 {
        border-inline: 1px solid currentColor;
    }

    .lg:border-x-2 {
        border-inline: 2px solid currentColor;
    }

    .lg:border-x-3 {
        border-inline: 3px solid currentColor;
    }

    .lg:border-x-4 {
        border-inline: 4px solid currentColor;
    }

    .lg:border-x-5 {
        border-inline: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-x-0 {
        border-inline: 0 solid currentColor;
    }

    .xl:border-x-1 {
        border-inline: 1px solid currentColor;
    }

    .xl:border-x-2 {
        border-inline: 2px solid currentColor;
    }

    .xl:border-x-3 {
        border-inline: 3px solid currentColor;
    }

    .xl:border-x-4 {
        border-inline: 4px solid currentColor;
    }

    .xl:border-x-5 {
        border-inline: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-x-0 {
        border-inline: 0 solid currentColor;
    }

    .desktop:border-x-1 {
        border-inline: 1px solid currentColor;
    }

    .desktop:border-x-2 {
        border-inline: 2px solid currentColor;
    }

    .desktop:border-x-3 {
        border-inline: 3px solid currentColor;
    }

    .desktop:border-x-4 {
        border-inline: 4px solid currentColor;
    }

    .desktop:border-x-5 {
        border-inline: 5px solid currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-x-0 {
        border-inline: 0 solid currentColor;
    }

    .xxl:border-x-1 {
        border-inline: 1px solid currentColor;
    }

    .xxl:border-x-2 {
        border-inline: 2px solid currentColor;
    }

    .xxl:border-x-3 {
        border-inline: 3px solid currentColor;
    }

    .xxl:border-x-4 {
        border-inline: 4px solid currentColor;
    }

    .xxl:border-x-5 {
        border-inline: 5px solid currentColor;
    }
}

.border-x-solid {
    border-inline: 1px solid currentColor;
}

.border-x-dashed {
    border-inline: 1px dashed currentColor;
}

.border-x-dotted {
    border-inline: 1px dotted currentColor;
}

.border-x-none {
    border-inline: 1px none currentColor;
}

.xs:border-x-solid {
    border-inline: 1px solid currentColor;
}

.xs:border-x-dashed {
    border-inline: 1px dashed currentColor;
}

.xs:border-x-dotted {
    border-inline: 1px dotted currentColor;
}

.xs:border-x-none {
    border-inline: 1px none currentColor;
}

.mobile:border-x-solid {
    border-inline: 1px solid currentColor;
}

.mobile:border-x-dashed {
    border-inline: 1px dashed currentColor;
}

.mobile:border-x-dotted {
    border-inline: 1px dotted currentColor;
}

.mobile:border-x-none {
    border-inline: 1px none currentColor;
}

@media (min-width: 576px) {
    .sm:border-x-solid {
        border-inline: 1px solid currentColor;
    }

    .sm:border-x-dashed {
        border-inline: 1px dashed currentColor;
    }

    .sm:border-x-dotted {
        border-inline: 1px dotted currentColor;
    }

    .sm:border-x-none {
        border-inline: 1px none currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-x-solid {
        border-inline: 1px solid currentColor;
    }

    .md:border-x-dashed {
        border-inline: 1px dashed currentColor;
    }

    .md:border-x-dotted {
        border-inline: 1px dotted currentColor;
    }

    .md:border-x-none {
        border-inline: 1px none currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-x-solid {
        border-inline: 1px solid currentColor;
    }

    .lg:border-x-dashed {
        border-inline: 1px dashed currentColor;
    }

    .lg:border-x-dotted {
        border-inline: 1px dotted currentColor;
    }

    .lg:border-x-none {
        border-inline: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-x-solid {
        border-inline: 1px solid currentColor;
    }

    .xl:border-x-dashed {
        border-inline: 1px dashed currentColor;
    }

    .xl:border-x-dotted {
        border-inline: 1px dotted currentColor;
    }

    .xl:border-x-none {
        border-inline: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-x-solid {
        border-inline: 1px solid currentColor;
    }

    .desktop:border-x-dashed {
        border-inline: 1px dashed currentColor;
    }

    .desktop:border-x-dotted {
        border-inline: 1px dotted currentColor;
    }

    .desktop:border-x-none {
        border-inline: 1px none currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-x-solid {
        border-inline: 1px solid currentColor;
    }

    .xxl:border-x-dashed {
        border-inline: 1px dashed currentColor;
    }

    .xxl:border-x-dotted {
        border-inline: 1px dotted currentColor;
    }

    .xxl:border-x-none {
        border-inline: 1px none currentColor;
    }
}

.border-x-black {
    border-inline: 1px solid #000;
}

.border-x-white {
    border-inline: 1px solid #fff;
}

.border-x-gray {
    border-inline: 1px solid #ccc;
}

.xs:border-x-black {
    border-inline: 1px solid #000;
}

.xs:border-x-white {
    border-inline: 1px solid #fff;
}

.xs:border-x-gray {
    border-inline: 1px solid #ccc;
}

.mobile:border-x-black {
    border-inline: 1px solid #000;
}

.mobile:border-x-white {
    border-inline: 1px solid #fff;
}

.mobile:border-x-gray {
    border-inline: 1px solid #ccc;
}

@media (min-width: 576px) {
    .sm:border-x-black {
        border-inline: 1px solid #000;
    }

    .sm:border-x-white {
        border-inline: 1px solid #fff;
    }

    .sm:border-x-gray {
        border-inline: 1px solid #ccc;
    }
}

@media (min-width: 768px) {
    .md:border-x-black {
        border-inline: 1px solid #000;
    }

    .md:border-x-white {
        border-inline: 1px solid #fff;
    }

    .md:border-x-gray {
        border-inline: 1px solid #ccc;
    }
}

@media (min-width: 992px) {
    .lg:border-x-black {
        border-inline: 1px solid #000;
    }

    .lg:border-x-white {
        border-inline: 1px solid #fff;
    }

    .lg:border-x-gray {
        border-inline: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .xl:border-x-black {
        border-inline: 1px solid #000;
    }

    .xl:border-x-white {
        border-inline: 1px solid #fff;
    }

    .xl:border-x-gray {
        border-inline: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .desktop:border-x-black {
        border-inline: 1px solid #000;
    }

    .desktop:border-x-white {
        border-inline: 1px solid #fff;
    }

    .desktop:border-x-gray {
        border-inline: 1px solid #ccc;
    }
}

@media (min-width: 1400px) {
    .xxl:border-x-black {
        border-inline: 1px solid #000;
    }

    .xxl:border-x-white {
        border-inline: 1px solid #fff;
    }

    .xxl:border-x-gray {
        border-inline: 1px solid #ccc;
    }
}

.border-y {
    border-block: 1px solid currentColor;
}

.border-y-0 {
    border-block: 0;
}

.border-y-0 {
    border-block: 0 solid currentColor;
}

.border-y-1 {
    border-block: 1px solid currentColor;
}

.border-y-2 {
    border-block: 2px solid currentColor;
}

.border-y-3 {
    border-block: 3px solid currentColor;
}

.border-y-4 {
    border-block: 4px solid currentColor;
}

.border-y-5 {
    border-block: 5px solid currentColor;
}

.xs:border-y-0 {
    border-block: 0 solid currentColor;
}

.xs:border-y-1 {
    border-block: 1px solid currentColor;
}

.xs:border-y-2 {
    border-block: 2px solid currentColor;
}

.xs:border-y-3 {
    border-block: 3px solid currentColor;
}

.xs:border-y-4 {
    border-block: 4px solid currentColor;
}

.xs:border-y-5 {
    border-block: 5px solid currentColor;
}

.mobile:border-y-0 {
    border-block: 0 solid currentColor;
}

.mobile:border-y-1 {
    border-block: 1px solid currentColor;
}

.mobile:border-y-2 {
    border-block: 2px solid currentColor;
}

.mobile:border-y-3 {
    border-block: 3px solid currentColor;
}

.mobile:border-y-4 {
    border-block: 4px solid currentColor;
}

.mobile:border-y-5 {
    border-block: 5px solid currentColor;
}

@media (min-width: 576px) {
    .sm:border-y-0 {
        border-block: 0 solid currentColor;
    }

    .sm:border-y-1 {
        border-block: 1px solid currentColor;
    }

    .sm:border-y-2 {
        border-block: 2px solid currentColor;
    }

    .sm:border-y-3 {
        border-block: 3px solid currentColor;
    }

    .sm:border-y-4 {
        border-block: 4px solid currentColor;
    }

    .sm:border-y-5 {
        border-block: 5px solid currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-y-0 {
        border-block: 0 solid currentColor;
    }

    .md:border-y-1 {
        border-block: 1px solid currentColor;
    }

    .md:border-y-2 {
        border-block: 2px solid currentColor;
    }

    .md:border-y-3 {
        border-block: 3px solid currentColor;
    }

    .md:border-y-4 {
        border-block: 4px solid currentColor;
    }

    .md:border-y-5 {
        border-block: 5px solid currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-y-0 {
        border-block: 0 solid currentColor;
    }

    .lg:border-y-1 {
        border-block: 1px solid currentColor;
    }

    .lg:border-y-2 {
        border-block: 2px solid currentColor;
    }

    .lg:border-y-3 {
        border-block: 3px solid currentColor;
    }

    .lg:border-y-4 {
        border-block: 4px solid currentColor;
    }

    .lg:border-y-5 {
        border-block: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-y-0 {
        border-block: 0 solid currentColor;
    }

    .xl:border-y-1 {
        border-block: 1px solid currentColor;
    }

    .xl:border-y-2 {
        border-block: 2px solid currentColor;
    }

    .xl:border-y-3 {
        border-block: 3px solid currentColor;
    }

    .xl:border-y-4 {
        border-block: 4px solid currentColor;
    }

    .xl:border-y-5 {
        border-block: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-y-0 {
        border-block: 0 solid currentColor;
    }

    .desktop:border-y-1 {
        border-block: 1px solid currentColor;
    }

    .desktop:border-y-2 {
        border-block: 2px solid currentColor;
    }

    .desktop:border-y-3 {
        border-block: 3px solid currentColor;
    }

    .desktop:border-y-4 {
        border-block: 4px solid currentColor;
    }

    .desktop:border-y-5 {
        border-block: 5px solid currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-y-0 {
        border-block: 0 solid currentColor;
    }

    .xxl:border-y-1 {
        border-block: 1px solid currentColor;
    }

    .xxl:border-y-2 {
        border-block: 2px solid currentColor;
    }

    .xxl:border-y-3 {
        border-block: 3px solid currentColor;
    }

    .xxl:border-y-4 {
        border-block: 4px solid currentColor;
    }

    .xxl:border-y-5 {
        border-block: 5px solid currentColor;
    }
}

.border-y-solid {
    border-block: 1px solid currentColor;
}

.border-y-dashed {
    border-block: 1px dashed currentColor;
}

.border-y-dotted {
    border-block: 1px dotted currentColor;
}

.border-y-none {
    border-block: 1px none currentColor;
}

.xs:border-y-solid {
    border-block: 1px solid currentColor;
}

.xs:border-y-dashed {
    border-block: 1px dashed currentColor;
}

.xs:border-y-dotted {
    border-block: 1px dotted currentColor;
}

.xs:border-y-none {
    border-block: 1px none currentColor;
}

.mobile:border-y-solid {
    border-block: 1px solid currentColor;
}

.mobile:border-y-dashed {
    border-block: 1px dashed currentColor;
}

.mobile:border-y-dotted {
    border-block: 1px dotted currentColor;
}

.mobile:border-y-none {
    border-block: 1px none currentColor;
}

@media (min-width: 576px) {
    .sm:border-y-solid {
        border-block: 1px solid currentColor;
    }

    .sm:border-y-dashed {
        border-block: 1px dashed currentColor;
    }

    .sm:border-y-dotted {
        border-block: 1px dotted currentColor;
    }

    .sm:border-y-none {
        border-block: 1px none currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-y-solid {
        border-block: 1px solid currentColor;
    }

    .md:border-y-dashed {
        border-block: 1px dashed currentColor;
    }

    .md:border-y-dotted {
        border-block: 1px dotted currentColor;
    }

    .md:border-y-none {
        border-block: 1px none currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-y-solid {
        border-block: 1px solid currentColor;
    }

    .lg:border-y-dashed {
        border-block: 1px dashed currentColor;
    }

    .lg:border-y-dotted {
        border-block: 1px dotted currentColor;
    }

    .lg:border-y-none {
        border-block: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-y-solid {
        border-block: 1px solid currentColor;
    }

    .xl:border-y-dashed {
        border-block: 1px dashed currentColor;
    }

    .xl:border-y-dotted {
        border-block: 1px dotted currentColor;
    }

    .xl:border-y-none {
        border-block: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-y-solid {
        border-block: 1px solid currentColor;
    }

    .desktop:border-y-dashed {
        border-block: 1px dashed currentColor;
    }

    .desktop:border-y-dotted {
        border-block: 1px dotted currentColor;
    }

    .desktop:border-y-none {
        border-block: 1px none currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-y-solid {
        border-block: 1px solid currentColor;
    }

    .xxl:border-y-dashed {
        border-block: 1px dashed currentColor;
    }

    .xxl:border-y-dotted {
        border-block: 1px dotted currentColor;
    }

    .xxl:border-y-none {
        border-block: 1px none currentColor;
    }
}

.border-y-black {
    border-block: 1px solid #000;
}

.border-y-white {
    border-block: 1px solid #fff;
}

.border-y-gray {
    border-block: 1px solid #ccc;
}

.xs:border-y-black {
    border-block: 1px solid #000;
}

.xs:border-y-white {
    border-block: 1px solid #fff;
}

.xs:border-y-gray {
    border-block: 1px solid #ccc;
}

.mobile:border-y-black {
    border-block: 1px solid #000;
}

.mobile:border-y-white {
    border-block: 1px solid #fff;
}

.mobile:border-y-gray {
    border-block: 1px solid #ccc;
}

@media (min-width: 576px) {
    .sm:border-y-black {
        border-block: 1px solid #000;
    }

    .sm:border-y-white {
        border-block: 1px solid #fff;
    }

    .sm:border-y-gray {
        border-block: 1px solid #ccc;
    }
}

@media (min-width: 768px) {
    .md:border-y-black {
        border-block: 1px solid #000;
    }

    .md:border-y-white {
        border-block: 1px solid #fff;
    }

    .md:border-y-gray {
        border-block: 1px solid #ccc;
    }
}

@media (min-width: 992px) {
    .lg:border-y-black {
        border-block: 1px solid #000;
    }

    .lg:border-y-white {
        border-block: 1px solid #fff;
    }

    .lg:border-y-gray {
        border-block: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .xl:border-y-black {
        border-block: 1px solid #000;
    }

    .xl:border-y-white {
        border-block: 1px solid #fff;
    }

    .xl:border-y-gray {
        border-block: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .desktop:border-y-black {
        border-block: 1px solid #000;
    }

    .desktop:border-y-white {
        border-block: 1px solid #fff;
    }

    .desktop:border-y-gray {
        border-block: 1px solid #ccc;
    }
}

@media (min-width: 1400px) {
    .xxl:border-y-black {
        border-block: 1px solid #000;
    }

    .xxl:border-y-white {
        border-block: 1px solid #fff;
    }

    .xxl:border-y-gray {
        border-block: 1px solid #ccc;
    }
}

.border-start {
    border-inline-start: 1px solid currentColor;
}

.border-start-0 {
    border-inline-start: 0;
}

.border-start-0 {
    border-inline-start: 0 solid currentColor;
}

.border-start-1 {
    border-inline-start: 1px solid currentColor;
}

.border-start-2 {
    border-inline-start: 2px solid currentColor;
}

.border-start-3 {
    border-inline-start: 3px solid currentColor;
}

.border-start-4 {
    border-inline-start: 4px solid currentColor;
}

.border-start-5 {
    border-inline-start: 5px solid currentColor;
}

.xs:border-start-0 {
    border-inline-start: 0 solid currentColor;
}

.xs:border-start-1 {
    border-inline-start: 1px solid currentColor;
}

.xs:border-start-2 {
    border-inline-start: 2px solid currentColor;
}

.xs:border-start-3 {
    border-inline-start: 3px solid currentColor;
}

.xs:border-start-4 {
    border-inline-start: 4px solid currentColor;
}

.xs:border-start-5 {
    border-inline-start: 5px solid currentColor;
}

.mobile:border-start-0 {
    border-inline-start: 0 solid currentColor;
}

.mobile:border-start-1 {
    border-inline-start: 1px solid currentColor;
}

.mobile:border-start-2 {
    border-inline-start: 2px solid currentColor;
}

.mobile:border-start-3 {
    border-inline-start: 3px solid currentColor;
}

.mobile:border-start-4 {
    border-inline-start: 4px solid currentColor;
}

.mobile:border-start-5 {
    border-inline-start: 5px solid currentColor;
}

@media (min-width: 576px) {
    .sm:border-start-0 {
        border-inline-start: 0 solid currentColor;
    }

    .sm:border-start-1 {
        border-inline-start: 1px solid currentColor;
    }

    .sm:border-start-2 {
        border-inline-start: 2px solid currentColor;
    }

    .sm:border-start-3 {
        border-inline-start: 3px solid currentColor;
    }

    .sm:border-start-4 {
        border-inline-start: 4px solid currentColor;
    }

    .sm:border-start-5 {
        border-inline-start: 5px solid currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-start-0 {
        border-inline-start: 0 solid currentColor;
    }

    .md:border-start-1 {
        border-inline-start: 1px solid currentColor;
    }

    .md:border-start-2 {
        border-inline-start: 2px solid currentColor;
    }

    .md:border-start-3 {
        border-inline-start: 3px solid currentColor;
    }

    .md:border-start-4 {
        border-inline-start: 4px solid currentColor;
    }

    .md:border-start-5 {
        border-inline-start: 5px solid currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-start-0 {
        border-inline-start: 0 solid currentColor;
    }

    .lg:border-start-1 {
        border-inline-start: 1px solid currentColor;
    }

    .lg:border-start-2 {
        border-inline-start: 2px solid currentColor;
    }

    .lg:border-start-3 {
        border-inline-start: 3px solid currentColor;
    }

    .lg:border-start-4 {
        border-inline-start: 4px solid currentColor;
    }

    .lg:border-start-5 {
        border-inline-start: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-start-0 {
        border-inline-start: 0 solid currentColor;
    }

    .xl:border-start-1 {
        border-inline-start: 1px solid currentColor;
    }

    .xl:border-start-2 {
        border-inline-start: 2px solid currentColor;
    }

    .xl:border-start-3 {
        border-inline-start: 3px solid currentColor;
    }

    .xl:border-start-4 {
        border-inline-start: 4px solid currentColor;
    }

    .xl:border-start-5 {
        border-inline-start: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-start-0 {
        border-inline-start: 0 solid currentColor;
    }

    .desktop:border-start-1 {
        border-inline-start: 1px solid currentColor;
    }

    .desktop:border-start-2 {
        border-inline-start: 2px solid currentColor;
    }

    .desktop:border-start-3 {
        border-inline-start: 3px solid currentColor;
    }

    .desktop:border-start-4 {
        border-inline-start: 4px solid currentColor;
    }

    .desktop:border-start-5 {
        border-inline-start: 5px solid currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-start-0 {
        border-inline-start: 0 solid currentColor;
    }

    .xxl:border-start-1 {
        border-inline-start: 1px solid currentColor;
    }

    .xxl:border-start-2 {
        border-inline-start: 2px solid currentColor;
    }

    .xxl:border-start-3 {
        border-inline-start: 3px solid currentColor;
    }

    .xxl:border-start-4 {
        border-inline-start: 4px solid currentColor;
    }

    .xxl:border-start-5 {
        border-inline-start: 5px solid currentColor;
    }
}

.border-start-solid {
    border-inline-start: 1px solid currentColor;
}

.border-start-dashed {
    border-inline-start: 1px dashed currentColor;
}

.border-start-dotted {
    border-inline-start: 1px dotted currentColor;
}

.border-start-none {
    border-inline-start: 1px none currentColor;
}

.xs:border-start-solid {
    border-inline-start: 1px solid currentColor;
}

.xs:border-start-dashed {
    border-inline-start: 1px dashed currentColor;
}

.xs:border-start-dotted {
    border-inline-start: 1px dotted currentColor;
}

.xs:border-start-none {
    border-inline-start: 1px none currentColor;
}

.mobile:border-start-solid {
    border-inline-start: 1px solid currentColor;
}

.mobile:border-start-dashed {
    border-inline-start: 1px dashed currentColor;
}

.mobile:border-start-dotted {
    border-inline-start: 1px dotted currentColor;
}

.mobile:border-start-none {
    border-inline-start: 1px none currentColor;
}

@media (min-width: 576px) {
    .sm:border-start-solid {
        border-inline-start: 1px solid currentColor;
    }

    .sm:border-start-dashed {
        border-inline-start: 1px dashed currentColor;
    }

    .sm:border-start-dotted {
        border-inline-start: 1px dotted currentColor;
    }

    .sm:border-start-none {
        border-inline-start: 1px none currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-start-solid {
        border-inline-start: 1px solid currentColor;
    }

    .md:border-start-dashed {
        border-inline-start: 1px dashed currentColor;
    }

    .md:border-start-dotted {
        border-inline-start: 1px dotted currentColor;
    }

    .md:border-start-none {
        border-inline-start: 1px none currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-start-solid {
        border-inline-start: 1px solid currentColor;
    }

    .lg:border-start-dashed {
        border-inline-start: 1px dashed currentColor;
    }

    .lg:border-start-dotted {
        border-inline-start: 1px dotted currentColor;
    }

    .lg:border-start-none {
        border-inline-start: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-start-solid {
        border-inline-start: 1px solid currentColor;
    }

    .xl:border-start-dashed {
        border-inline-start: 1px dashed currentColor;
    }

    .xl:border-start-dotted {
        border-inline-start: 1px dotted currentColor;
    }

    .xl:border-start-none {
        border-inline-start: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-start-solid {
        border-inline-start: 1px solid currentColor;
    }

    .desktop:border-start-dashed {
        border-inline-start: 1px dashed currentColor;
    }

    .desktop:border-start-dotted {
        border-inline-start: 1px dotted currentColor;
    }

    .desktop:border-start-none {
        border-inline-start: 1px none currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-start-solid {
        border-inline-start: 1px solid currentColor;
    }

    .xxl:border-start-dashed {
        border-inline-start: 1px dashed currentColor;
    }

    .xxl:border-start-dotted {
        border-inline-start: 1px dotted currentColor;
    }

    .xxl:border-start-none {
        border-inline-start: 1px none currentColor;
    }
}

.border-start-black {
    border-inline-start: 1px solid #000;
}

.border-start-white {
    border-inline-start: 1px solid #fff;
}

.border-start-gray {
    border-inline-start: 1px solid #ccc;
}

.xs:border-start-black {
    border-inline-start: 1px solid #000;
}

.xs:border-start-white {
    border-inline-start: 1px solid #fff;
}

.xs:border-start-gray {
    border-inline-start: 1px solid #ccc;
}

.mobile:border-start-black {
    border-inline-start: 1px solid #000;
}

.mobile:border-start-white {
    border-inline-start: 1px solid #fff;
}

.mobile:border-start-gray {
    border-inline-start: 1px solid #ccc;
}

@media (min-width: 576px) {
    .sm:border-start-black {
        border-inline-start: 1px solid #000;
    }

    .sm:border-start-white {
        border-inline-start: 1px solid #fff;
    }

    .sm:border-start-gray {
        border-inline-start: 1px solid #ccc;
    }
}

@media (min-width: 768px) {
    .md:border-start-black {
        border-inline-start: 1px solid #000;
    }

    .md:border-start-white {
        border-inline-start: 1px solid #fff;
    }

    .md:border-start-gray {
        border-inline-start: 1px solid #ccc;
    }
}

@media (min-width: 992px) {
    .lg:border-start-black {
        border-inline-start: 1px solid #000;
    }

    .lg:border-start-white {
        border-inline-start: 1px solid #fff;
    }

    .lg:border-start-gray {
        border-inline-start: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .xl:border-start-black {
        border-inline-start: 1px solid #000;
    }

    .xl:border-start-white {
        border-inline-start: 1px solid #fff;
    }

    .xl:border-start-gray {
        border-inline-start: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .desktop:border-start-black {
        border-inline-start: 1px solid #000;
    }

    .desktop:border-start-white {
        border-inline-start: 1px solid #fff;
    }

    .desktop:border-start-gray {
        border-inline-start: 1px solid #ccc;
    }
}

@media (min-width: 1400px) {
    .xxl:border-start-black {
        border-inline-start: 1px solid #000;
    }

    .xxl:border-start-white {
        border-inline-start: 1px solid #fff;
    }

    .xxl:border-start-gray {
        border-inline-start: 1px solid #ccc;
    }
}

.border-end {
    border-inline-end: 1px solid currentColor;
}

.border-end-0 {
    border-inline-end: 0;
}

.border-end-0 {
    border-inline-end: 0 solid currentColor;
}

.border-end-1 {
    border-inline-end: 1px solid currentColor;
}

.border-end-2 {
    border-inline-end: 2px solid currentColor;
}

.border-end-3 {
    border-inline-end: 3px solid currentColor;
}

.border-end-4 {
    border-inline-end: 4px solid currentColor;
}

.border-end-5 {
    border-inline-end: 5px solid currentColor;
}

.xs:border-end-0 {
    border-inline-end: 0 solid currentColor;
}

.xs:border-end-1 {
    border-inline-end: 1px solid currentColor;
}

.xs:border-end-2 {
    border-inline-end: 2px solid currentColor;
}

.xs:border-end-3 {
    border-inline-end: 3px solid currentColor;
}

.xs:border-end-4 {
    border-inline-end: 4px solid currentColor;
}

.xs:border-end-5 {
    border-inline-end: 5px solid currentColor;
}

.mobile:border-end-0 {
    border-inline-end: 0 solid currentColor;
}

.mobile:border-end-1 {
    border-inline-end: 1px solid currentColor;
}

.mobile:border-end-2 {
    border-inline-end: 2px solid currentColor;
}

.mobile:border-end-3 {
    border-inline-end: 3px solid currentColor;
}

.mobile:border-end-4 {
    border-inline-end: 4px solid currentColor;
}

.mobile:border-end-5 {
    border-inline-end: 5px solid currentColor;
}

@media (min-width: 576px) {
    .sm:border-end-0 {
        border-inline-end: 0 solid currentColor;
    }

    .sm:border-end-1 {
        border-inline-end: 1px solid currentColor;
    }

    .sm:border-end-2 {
        border-inline-end: 2px solid currentColor;
    }

    .sm:border-end-3 {
        border-inline-end: 3px solid currentColor;
    }

    .sm:border-end-4 {
        border-inline-end: 4px solid currentColor;
    }

    .sm:border-end-5 {
        border-inline-end: 5px solid currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-end-0 {
        border-inline-end: 0 solid currentColor;
    }

    .md:border-end-1 {
        border-inline-end: 1px solid currentColor;
    }

    .md:border-end-2 {
        border-inline-end: 2px solid currentColor;
    }

    .md:border-end-3 {
        border-inline-end: 3px solid currentColor;
    }

    .md:border-end-4 {
        border-inline-end: 4px solid currentColor;
    }

    .md:border-end-5 {
        border-inline-end: 5px solid currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-end-0 {
        border-inline-end: 0 solid currentColor;
    }

    .lg:border-end-1 {
        border-inline-end: 1px solid currentColor;
    }

    .lg:border-end-2 {
        border-inline-end: 2px solid currentColor;
    }

    .lg:border-end-3 {
        border-inline-end: 3px solid currentColor;
    }

    .lg:border-end-4 {
        border-inline-end: 4px solid currentColor;
    }

    .lg:border-end-5 {
        border-inline-end: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-end-0 {
        border-inline-end: 0 solid currentColor;
    }

    .xl:border-end-1 {
        border-inline-end: 1px solid currentColor;
    }

    .xl:border-end-2 {
        border-inline-end: 2px solid currentColor;
    }

    .xl:border-end-3 {
        border-inline-end: 3px solid currentColor;
    }

    .xl:border-end-4 {
        border-inline-end: 4px solid currentColor;
    }

    .xl:border-end-5 {
        border-inline-end: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-end-0 {
        border-inline-end: 0 solid currentColor;
    }

    .desktop:border-end-1 {
        border-inline-end: 1px solid currentColor;
    }

    .desktop:border-end-2 {
        border-inline-end: 2px solid currentColor;
    }

    .desktop:border-end-3 {
        border-inline-end: 3px solid currentColor;
    }

    .desktop:border-end-4 {
        border-inline-end: 4px solid currentColor;
    }

    .desktop:border-end-5 {
        border-inline-end: 5px solid currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-end-0 {
        border-inline-end: 0 solid currentColor;
    }

    .xxl:border-end-1 {
        border-inline-end: 1px solid currentColor;
    }

    .xxl:border-end-2 {
        border-inline-end: 2px solid currentColor;
    }

    .xxl:border-end-3 {
        border-inline-end: 3px solid currentColor;
    }

    .xxl:border-end-4 {
        border-inline-end: 4px solid currentColor;
    }

    .xxl:border-end-5 {
        border-inline-end: 5px solid currentColor;
    }
}

.border-end-solid {
    border-inline-end: 1px solid currentColor;
}

.border-end-dashed {
    border-inline-end: 1px dashed currentColor;
}

.border-end-dotted {
    border-inline-end: 1px dotted currentColor;
}

.border-end-none {
    border-inline-end: 1px none currentColor;
}

.xs:border-end-solid {
    border-inline-end: 1px solid currentColor;
}

.xs:border-end-dashed {
    border-inline-end: 1px dashed currentColor;
}

.xs:border-end-dotted {
    border-inline-end: 1px dotted currentColor;
}

.xs:border-end-none {
    border-inline-end: 1px none currentColor;
}

.mobile:border-end-solid {
    border-inline-end: 1px solid currentColor;
}

.mobile:border-end-dashed {
    border-inline-end: 1px dashed currentColor;
}

.mobile:border-end-dotted {
    border-inline-end: 1px dotted currentColor;
}

.mobile:border-end-none {
    border-inline-end: 1px none currentColor;
}

@media (min-width: 576px) {
    .sm:border-end-solid {
        border-inline-end: 1px solid currentColor;
    }

    .sm:border-end-dashed {
        border-inline-end: 1px dashed currentColor;
    }

    .sm:border-end-dotted {
        border-inline-end: 1px dotted currentColor;
    }

    .sm:border-end-none {
        border-inline-end: 1px none currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-end-solid {
        border-inline-end: 1px solid currentColor;
    }

    .md:border-end-dashed {
        border-inline-end: 1px dashed currentColor;
    }

    .md:border-end-dotted {
        border-inline-end: 1px dotted currentColor;
    }

    .md:border-end-none {
        border-inline-end: 1px none currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-end-solid {
        border-inline-end: 1px solid currentColor;
    }

    .lg:border-end-dashed {
        border-inline-end: 1px dashed currentColor;
    }

    .lg:border-end-dotted {
        border-inline-end: 1px dotted currentColor;
    }

    .lg:border-end-none {
        border-inline-end: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-end-solid {
        border-inline-end: 1px solid currentColor;
    }

    .xl:border-end-dashed {
        border-inline-end: 1px dashed currentColor;
    }

    .xl:border-end-dotted {
        border-inline-end: 1px dotted currentColor;
    }

    .xl:border-end-none {
        border-inline-end: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-end-solid {
        border-inline-end: 1px solid currentColor;
    }

    .desktop:border-end-dashed {
        border-inline-end: 1px dashed currentColor;
    }

    .desktop:border-end-dotted {
        border-inline-end: 1px dotted currentColor;
    }

    .desktop:border-end-none {
        border-inline-end: 1px none currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-end-solid {
        border-inline-end: 1px solid currentColor;
    }

    .xxl:border-end-dashed {
        border-inline-end: 1px dashed currentColor;
    }

    .xxl:border-end-dotted {
        border-inline-end: 1px dotted currentColor;
    }

    .xxl:border-end-none {
        border-inline-end: 1px none currentColor;
    }
}

.border-end-black {
    border-inline-end: 1px solid #000;
}

.border-end-white {
    border-inline-end: 1px solid #fff;
}

.border-end-gray {
    border-inline-end: 1px solid #ccc;
}

.xs:border-end-black {
    border-inline-end: 1px solid #000;
}

.xs:border-end-white {
    border-inline-end: 1px solid #fff;
}

.xs:border-end-gray {
    border-inline-end: 1px solid #ccc;
}

.mobile:border-end-black {
    border-inline-end: 1px solid #000;
}

.mobile:border-end-white {
    border-inline-end: 1px solid #fff;
}

.mobile:border-end-gray {
    border-inline-end: 1px solid #ccc;
}

@media (min-width: 576px) {
    .sm:border-end-black {
        border-inline-end: 1px solid #000;
    }

    .sm:border-end-white {
        border-inline-end: 1px solid #fff;
    }

    .sm:border-end-gray {
        border-inline-end: 1px solid #ccc;
    }
}

@media (min-width: 768px) {
    .md:border-end-black {
        border-inline-end: 1px solid #000;
    }

    .md:border-end-white {
        border-inline-end: 1px solid #fff;
    }

    .md:border-end-gray {
        border-inline-end: 1px solid #ccc;
    }
}

@media (min-width: 992px) {
    .lg:border-end-black {
        border-inline-end: 1px solid #000;
    }

    .lg:border-end-white {
        border-inline-end: 1px solid #fff;
    }

    .lg:border-end-gray {
        border-inline-end: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .xl:border-end-black {
        border-inline-end: 1px solid #000;
    }

    .xl:border-end-white {
        border-inline-end: 1px solid #fff;
    }

    .xl:border-end-gray {
        border-inline-end: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .desktop:border-end-black {
        border-inline-end: 1px solid #000;
    }

    .desktop:border-end-white {
        border-inline-end: 1px solid #fff;
    }

    .desktop:border-end-gray {
        border-inline-end: 1px solid #ccc;
    }
}

@media (min-width: 1400px) {
    .xxl:border-end-black {
        border-inline-end: 1px solid #000;
    }

    .xxl:border-end-white {
        border-inline-end: 1px solid #fff;
    }

    .xxl:border-end-gray {
        border-inline-end: 1px solid #ccc;
    }
}

.border-block-start {
    border-block-start: 1px solid currentColor;
}

.border-block-start-0 {
    border-block-start: 0;
}

.border-block-start-0 {
    border-block-start: 0 solid currentColor;
}

.border-block-start-1 {
    border-block-start: 1px solid currentColor;
}

.border-block-start-2 {
    border-block-start: 2px solid currentColor;
}

.border-block-start-3 {
    border-block-start: 3px solid currentColor;
}

.border-block-start-4 {
    border-block-start: 4px solid currentColor;
}

.border-block-start-5 {
    border-block-start: 5px solid currentColor;
}

.xs:border-block-start-0 {
    border-block-start: 0 solid currentColor;
}

.xs:border-block-start-1 {
    border-block-start: 1px solid currentColor;
}

.xs:border-block-start-2 {
    border-block-start: 2px solid currentColor;
}

.xs:border-block-start-3 {
    border-block-start: 3px solid currentColor;
}

.xs:border-block-start-4 {
    border-block-start: 4px solid currentColor;
}

.xs:border-block-start-5 {
    border-block-start: 5px solid currentColor;
}

.mobile:border-block-start-0 {
    border-block-start: 0 solid currentColor;
}

.mobile:border-block-start-1 {
    border-block-start: 1px solid currentColor;
}

.mobile:border-block-start-2 {
    border-block-start: 2px solid currentColor;
}

.mobile:border-block-start-3 {
    border-block-start: 3px solid currentColor;
}

.mobile:border-block-start-4 {
    border-block-start: 4px solid currentColor;
}

.mobile:border-block-start-5 {
    border-block-start: 5px solid currentColor;
}

@media (min-width: 576px) {
    .sm:border-block-start-0 {
        border-block-start: 0 solid currentColor;
    }

    .sm:border-block-start-1 {
        border-block-start: 1px solid currentColor;
    }

    .sm:border-block-start-2 {
        border-block-start: 2px solid currentColor;
    }

    .sm:border-block-start-3 {
        border-block-start: 3px solid currentColor;
    }

    .sm:border-block-start-4 {
        border-block-start: 4px solid currentColor;
    }

    .sm:border-block-start-5 {
        border-block-start: 5px solid currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-block-start-0 {
        border-block-start: 0 solid currentColor;
    }

    .md:border-block-start-1 {
        border-block-start: 1px solid currentColor;
    }

    .md:border-block-start-2 {
        border-block-start: 2px solid currentColor;
    }

    .md:border-block-start-3 {
        border-block-start: 3px solid currentColor;
    }

    .md:border-block-start-4 {
        border-block-start: 4px solid currentColor;
    }

    .md:border-block-start-5 {
        border-block-start: 5px solid currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-block-start-0 {
        border-block-start: 0 solid currentColor;
    }

    .lg:border-block-start-1 {
        border-block-start: 1px solid currentColor;
    }

    .lg:border-block-start-2 {
        border-block-start: 2px solid currentColor;
    }

    .lg:border-block-start-3 {
        border-block-start: 3px solid currentColor;
    }

    .lg:border-block-start-4 {
        border-block-start: 4px solid currentColor;
    }

    .lg:border-block-start-5 {
        border-block-start: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-block-start-0 {
        border-block-start: 0 solid currentColor;
    }

    .xl:border-block-start-1 {
        border-block-start: 1px solid currentColor;
    }

    .xl:border-block-start-2 {
        border-block-start: 2px solid currentColor;
    }

    .xl:border-block-start-3 {
        border-block-start: 3px solid currentColor;
    }

    .xl:border-block-start-4 {
        border-block-start: 4px solid currentColor;
    }

    .xl:border-block-start-5 {
        border-block-start: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-block-start-0 {
        border-block-start: 0 solid currentColor;
    }

    .desktop:border-block-start-1 {
        border-block-start: 1px solid currentColor;
    }

    .desktop:border-block-start-2 {
        border-block-start: 2px solid currentColor;
    }

    .desktop:border-block-start-3 {
        border-block-start: 3px solid currentColor;
    }

    .desktop:border-block-start-4 {
        border-block-start: 4px solid currentColor;
    }

    .desktop:border-block-start-5 {
        border-block-start: 5px solid currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-block-start-0 {
        border-block-start: 0 solid currentColor;
    }

    .xxl:border-block-start-1 {
        border-block-start: 1px solid currentColor;
    }

    .xxl:border-block-start-2 {
        border-block-start: 2px solid currentColor;
    }

    .xxl:border-block-start-3 {
        border-block-start: 3px solid currentColor;
    }

    .xxl:border-block-start-4 {
        border-block-start: 4px solid currentColor;
    }

    .xxl:border-block-start-5 {
        border-block-start: 5px solid currentColor;
    }
}

.border-block-start-solid {
    border-block-start: 1px solid currentColor;
}

.border-block-start-dashed {
    border-block-start: 1px dashed currentColor;
}

.border-block-start-dotted {
    border-block-start: 1px dotted currentColor;
}

.border-block-start-none {
    border-block-start: 1px none currentColor;
}

.xs:border-block-start-solid {
    border-block-start: 1px solid currentColor;
}

.xs:border-block-start-dashed {
    border-block-start: 1px dashed currentColor;
}

.xs:border-block-start-dotted {
    border-block-start: 1px dotted currentColor;
}

.xs:border-block-start-none {
    border-block-start: 1px none currentColor;
}

.mobile:border-block-start-solid {
    border-block-start: 1px solid currentColor;
}

.mobile:border-block-start-dashed {
    border-block-start: 1px dashed currentColor;
}

.mobile:border-block-start-dotted {
    border-block-start: 1px dotted currentColor;
}

.mobile:border-block-start-none {
    border-block-start: 1px none currentColor;
}

@media (min-width: 576px) {
    .sm:border-block-start-solid {
        border-block-start: 1px solid currentColor;
    }

    .sm:border-block-start-dashed {
        border-block-start: 1px dashed currentColor;
    }

    .sm:border-block-start-dotted {
        border-block-start: 1px dotted currentColor;
    }

    .sm:border-block-start-none {
        border-block-start: 1px none currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-block-start-solid {
        border-block-start: 1px solid currentColor;
    }

    .md:border-block-start-dashed {
        border-block-start: 1px dashed currentColor;
    }

    .md:border-block-start-dotted {
        border-block-start: 1px dotted currentColor;
    }

    .md:border-block-start-none {
        border-block-start: 1px none currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-block-start-solid {
        border-block-start: 1px solid currentColor;
    }

    .lg:border-block-start-dashed {
        border-block-start: 1px dashed currentColor;
    }

    .lg:border-block-start-dotted {
        border-block-start: 1px dotted currentColor;
    }

    .lg:border-block-start-none {
        border-block-start: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-block-start-solid {
        border-block-start: 1px solid currentColor;
    }

    .xl:border-block-start-dashed {
        border-block-start: 1px dashed currentColor;
    }

    .xl:border-block-start-dotted {
        border-block-start: 1px dotted currentColor;
    }

    .xl:border-block-start-none {
        border-block-start: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-block-start-solid {
        border-block-start: 1px solid currentColor;
    }

    .desktop:border-block-start-dashed {
        border-block-start: 1px dashed currentColor;
    }

    .desktop:border-block-start-dotted {
        border-block-start: 1px dotted currentColor;
    }

    .desktop:border-block-start-none {
        border-block-start: 1px none currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-block-start-solid {
        border-block-start: 1px solid currentColor;
    }

    .xxl:border-block-start-dashed {
        border-block-start: 1px dashed currentColor;
    }

    .xxl:border-block-start-dotted {
        border-block-start: 1px dotted currentColor;
    }

    .xxl:border-block-start-none {
        border-block-start: 1px none currentColor;
    }
}

.border-block-start-black {
    border-block-start: 1px solid #000;
}

.border-block-start-white {
    border-block-start: 1px solid #fff;
}

.border-block-start-gray {
    border-block-start: 1px solid #ccc;
}

.xs:border-block-start-black {
    border-block-start: 1px solid #000;
}

.xs:border-block-start-white {
    border-block-start: 1px solid #fff;
}

.xs:border-block-start-gray {
    border-block-start: 1px solid #ccc;
}

.mobile:border-block-start-black {
    border-block-start: 1px solid #000;
}

.mobile:border-block-start-white {
    border-block-start: 1px solid #fff;
}

.mobile:border-block-start-gray {
    border-block-start: 1px solid #ccc;
}

@media (min-width: 576px) {
    .sm:border-block-start-black {
        border-block-start: 1px solid #000;
    }

    .sm:border-block-start-white {
        border-block-start: 1px solid #fff;
    }

    .sm:border-block-start-gray {
        border-block-start: 1px solid #ccc;
    }
}

@media (min-width: 768px) {
    .md:border-block-start-black {
        border-block-start: 1px solid #000;
    }

    .md:border-block-start-white {
        border-block-start: 1px solid #fff;
    }

    .md:border-block-start-gray {
        border-block-start: 1px solid #ccc;
    }
}

@media (min-width: 992px) {
    .lg:border-block-start-black {
        border-block-start: 1px solid #000;
    }

    .lg:border-block-start-white {
        border-block-start: 1px solid #fff;
    }

    .lg:border-block-start-gray {
        border-block-start: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .xl:border-block-start-black {
        border-block-start: 1px solid #000;
    }

    .xl:border-block-start-white {
        border-block-start: 1px solid #fff;
    }

    .xl:border-block-start-gray {
        border-block-start: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .desktop:border-block-start-black {
        border-block-start: 1px solid #000;
    }

    .desktop:border-block-start-white {
        border-block-start: 1px solid #fff;
    }

    .desktop:border-block-start-gray {
        border-block-start: 1px solid #ccc;
    }
}

@media (min-width: 1400px) {
    .xxl:border-block-start-black {
        border-block-start: 1px solid #000;
    }

    .xxl:border-block-start-white {
        border-block-start: 1px solid #fff;
    }

    .xxl:border-block-start-gray {
        border-block-start: 1px solid #ccc;
    }
}

.border-block-end {
    border-block-end: 1px solid currentColor;
}

.border-block-end-0 {
    border-block-end: 0;
}

.border-block-end-0 {
    border-block-end: 0 solid currentColor;
}

.border-block-end-1 {
    border-block-end: 1px solid currentColor;
}

.border-block-end-2 {
    border-block-end: 2px solid currentColor;
}

.border-block-end-3 {
    border-block-end: 3px solid currentColor;
}

.border-block-end-4 {
    border-block-end: 4px solid currentColor;
}

.border-block-end-5 {
    border-block-end: 5px solid currentColor;
}

.xs:border-block-end-0 {
    border-block-end: 0 solid currentColor;
}

.xs:border-block-end-1 {
    border-block-end: 1px solid currentColor;
}

.xs:border-block-end-2 {
    border-block-end: 2px solid currentColor;
}

.xs:border-block-end-3 {
    border-block-end: 3px solid currentColor;
}

.xs:border-block-end-4 {
    border-block-end: 4px solid currentColor;
}

.xs:border-block-end-5 {
    border-block-end: 5px solid currentColor;
}

.mobile:border-block-end-0 {
    border-block-end: 0 solid currentColor;
}

.mobile:border-block-end-1 {
    border-block-end: 1px solid currentColor;
}

.mobile:border-block-end-2 {
    border-block-end: 2px solid currentColor;
}

.mobile:border-block-end-3 {
    border-block-end: 3px solid currentColor;
}

.mobile:border-block-end-4 {
    border-block-end: 4px solid currentColor;
}

.mobile:border-block-end-5 {
    border-block-end: 5px solid currentColor;
}

@media (min-width: 576px) {
    .sm:border-block-end-0 {
        border-block-end: 0 solid currentColor;
    }

    .sm:border-block-end-1 {
        border-block-end: 1px solid currentColor;
    }

    .sm:border-block-end-2 {
        border-block-end: 2px solid currentColor;
    }

    .sm:border-block-end-3 {
        border-block-end: 3px solid currentColor;
    }

    .sm:border-block-end-4 {
        border-block-end: 4px solid currentColor;
    }

    .sm:border-block-end-5 {
        border-block-end: 5px solid currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-block-end-0 {
        border-block-end: 0 solid currentColor;
    }

    .md:border-block-end-1 {
        border-block-end: 1px solid currentColor;
    }

    .md:border-block-end-2 {
        border-block-end: 2px solid currentColor;
    }

    .md:border-block-end-3 {
        border-block-end: 3px solid currentColor;
    }

    .md:border-block-end-4 {
        border-block-end: 4px solid currentColor;
    }

    .md:border-block-end-5 {
        border-block-end: 5px solid currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-block-end-0 {
        border-block-end: 0 solid currentColor;
    }

    .lg:border-block-end-1 {
        border-block-end: 1px solid currentColor;
    }

    .lg:border-block-end-2 {
        border-block-end: 2px solid currentColor;
    }

    .lg:border-block-end-3 {
        border-block-end: 3px solid currentColor;
    }

    .lg:border-block-end-4 {
        border-block-end: 4px solid currentColor;
    }

    .lg:border-block-end-5 {
        border-block-end: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-block-end-0 {
        border-block-end: 0 solid currentColor;
    }

    .xl:border-block-end-1 {
        border-block-end: 1px solid currentColor;
    }

    .xl:border-block-end-2 {
        border-block-end: 2px solid currentColor;
    }

    .xl:border-block-end-3 {
        border-block-end: 3px solid currentColor;
    }

    .xl:border-block-end-4 {
        border-block-end: 4px solid currentColor;
    }

    .xl:border-block-end-5 {
        border-block-end: 5px solid currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-block-end-0 {
        border-block-end: 0 solid currentColor;
    }

    .desktop:border-block-end-1 {
        border-block-end: 1px solid currentColor;
    }

    .desktop:border-block-end-2 {
        border-block-end: 2px solid currentColor;
    }

    .desktop:border-block-end-3 {
        border-block-end: 3px solid currentColor;
    }

    .desktop:border-block-end-4 {
        border-block-end: 4px solid currentColor;
    }

    .desktop:border-block-end-5 {
        border-block-end: 5px solid currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-block-end-0 {
        border-block-end: 0 solid currentColor;
    }

    .xxl:border-block-end-1 {
        border-block-end: 1px solid currentColor;
    }

    .xxl:border-block-end-2 {
        border-block-end: 2px solid currentColor;
    }

    .xxl:border-block-end-3 {
        border-block-end: 3px solid currentColor;
    }

    .xxl:border-block-end-4 {
        border-block-end: 4px solid currentColor;
    }

    .xxl:border-block-end-5 {
        border-block-end: 5px solid currentColor;
    }
}

.border-block-end-solid {
    border-block-end: 1px solid currentColor;
}

.border-block-end-dashed {
    border-block-end: 1px dashed currentColor;
}

.border-block-end-dotted {
    border-block-end: 1px dotted currentColor;
}

.border-block-end-none {
    border-block-end: 1px none currentColor;
}

.xs:border-block-end-solid {
    border-block-end: 1px solid currentColor;
}

.xs:border-block-end-dashed {
    border-block-end: 1px dashed currentColor;
}

.xs:border-block-end-dotted {
    border-block-end: 1px dotted currentColor;
}

.xs:border-block-end-none {
    border-block-end: 1px none currentColor;
}

.mobile:border-block-end-solid {
    border-block-end: 1px solid currentColor;
}

.mobile:border-block-end-dashed {
    border-block-end: 1px dashed currentColor;
}

.mobile:border-block-end-dotted {
    border-block-end: 1px dotted currentColor;
}

.mobile:border-block-end-none {
    border-block-end: 1px none currentColor;
}

@media (min-width: 576px) {
    .sm:border-block-end-solid {
        border-block-end: 1px solid currentColor;
    }

    .sm:border-block-end-dashed {
        border-block-end: 1px dashed currentColor;
    }

    .sm:border-block-end-dotted {
        border-block-end: 1px dotted currentColor;
    }

    .sm:border-block-end-none {
        border-block-end: 1px none currentColor;
    }
}

@media (min-width: 768px) {
    .md:border-block-end-solid {
        border-block-end: 1px solid currentColor;
    }

    .md:border-block-end-dashed {
        border-block-end: 1px dashed currentColor;
    }

    .md:border-block-end-dotted {
        border-block-end: 1px dotted currentColor;
    }

    .md:border-block-end-none {
        border-block-end: 1px none currentColor;
    }
}

@media (min-width: 992px) {
    .lg:border-block-end-solid {
        border-block-end: 1px solid currentColor;
    }

    .lg:border-block-end-dashed {
        border-block-end: 1px dashed currentColor;
    }

    .lg:border-block-end-dotted {
        border-block-end: 1px dotted currentColor;
    }

    .lg:border-block-end-none {
        border-block-end: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .xl:border-block-end-solid {
        border-block-end: 1px solid currentColor;
    }

    .xl:border-block-end-dashed {
        border-block-end: 1px dashed currentColor;
    }

    .xl:border-block-end-dotted {
        border-block-end: 1px dotted currentColor;
    }

    .xl:border-block-end-none {
        border-block-end: 1px none currentColor;
    }
}

@media (min-width: 1200px) {
    .desktop:border-block-end-solid {
        border-block-end: 1px solid currentColor;
    }

    .desktop:border-block-end-dashed {
        border-block-end: 1px dashed currentColor;
    }

    .desktop:border-block-end-dotted {
        border-block-end: 1px dotted currentColor;
    }

    .desktop:border-block-end-none {
        border-block-end: 1px none currentColor;
    }
}

@media (min-width: 1400px) {
    .xxl:border-block-end-solid {
        border-block-end: 1px solid currentColor;
    }

    .xxl:border-block-end-dashed {
        border-block-end: 1px dashed currentColor;
    }

    .xxl:border-block-end-dotted {
        border-block-end: 1px dotted currentColor;
    }

    .xxl:border-block-end-none {
        border-block-end: 1px none currentColor;
    }
}

.border-block-end-black {
    border-block-end: 1px solid #000;
}

.border-block-end-white {
    border-block-end: 1px solid #fff;
}

.border-block-end-gray {
    border-block-end: 1px solid #ccc;
}

.xs:border-block-end-black {
    border-block-end: 1px solid #000;
}

.xs:border-block-end-white {
    border-block-end: 1px solid #fff;
}

.xs:border-block-end-gray {
    border-block-end: 1px solid #ccc;
}

.mobile:border-block-end-black {
    border-block-end: 1px solid #000;
}

.mobile:border-block-end-white {
    border-block-end: 1px solid #fff;
}

.mobile:border-block-end-gray {
    border-block-end: 1px solid #ccc;
}

@media (min-width: 576px) {
    .sm:border-block-end-black {
        border-block-end: 1px solid #000;
    }

    .sm:border-block-end-white {
        border-block-end: 1px solid #fff;
    }

    .sm:border-block-end-gray {
        border-block-end: 1px solid #ccc;
    }
}

@media (min-width: 768px) {
    .md:border-block-end-black {
        border-block-end: 1px solid #000;
    }

    .md:border-block-end-white {
        border-block-end: 1px solid #fff;
    }

    .md:border-block-end-gray {
        border-block-end: 1px solid #ccc;
    }
}

@media (min-width: 992px) {
    .lg:border-block-end-black {
        border-block-end: 1px solid #000;
    }

    .lg:border-block-end-white {
        border-block-end: 1px solid #fff;
    }

    .lg:border-block-end-gray {
        border-block-end: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .xl:border-block-end-black {
        border-block-end: 1px solid #000;
    }

    .xl:border-block-end-white {
        border-block-end: 1px solid #fff;
    }

    .xl:border-block-end-gray {
        border-block-end: 1px solid #ccc;
    }
}

@media (min-width: 1200px) {
    .desktop:border-block-end-black {
        border-block-end: 1px solid #000;
    }

    .desktop:border-block-end-white {
        border-block-end: 1px solid #fff;
    }

    .desktop:border-block-end-gray {
        border-block-end: 1px solid #ccc;
    }
}

@media (min-width: 1400px) {
    .xxl:border-block-end-black {
        border-block-end: 1px solid #000;
    }

    .xxl:border-block-end-white {
        border-block-end: 1px solid #fff;
    }

    .xxl:border-block-end-gray {
        border-block-end: 1px solid #ccc;
    }
}

.rounded-0 {
    border-radius: 0;
}

.rounded-sm {
    border-radius: 0.2rem;
}

.rounded- {
    border-radius: 0.25rem;
}

.rounded-lg {
    border-radius: 0.3rem;
}

.rounded-xl {
    border-radius: 0.5rem;
}

.rounded-xxl {
    border-radius: 1rem;
}

.rounded-pill {
    border-radius: 50rem;
}

.rounded-circle {
    border-radius: 50%;
}

.xs:rounded-0 {
    border-radius: 0;
}

.xs:rounded-sm {
    border-radius: 0.2rem;
}

.xs:rounded- {
    border-radius: 0.25rem;
}

.xs:rounded-lg {
    border-radius: 0.3rem;
}

.xs:rounded-xl {
    border-radius: 0.5rem;
}

.xs:rounded-xxl {
    border-radius: 1rem;
}

.xs:rounded-pill {
    border-radius: 50rem;
}

.xs:rounded-circle {
    border-radius: 50%;
}

.mobile:rounded-0 {
    border-radius: 0;
}

.mobile:rounded-sm {
    border-radius: 0.2rem;
}

.mobile:rounded- {
    border-radius: 0.25rem;
}

.mobile:rounded-lg {
    border-radius: 0.3rem;
}

.mobile:rounded-xl {
    border-radius: 0.5rem;
}

.mobile:rounded-xxl {
    border-radius: 1rem;
}

.mobile:rounded-pill {
    border-radius: 50rem;
}

.mobile:rounded-circle {
    border-radius: 50%;
}

@media (min-width: 576px) {
    .sm:rounded-0 {
        border-radius: 0;
    }

    .sm:rounded-sm {
        border-radius: 0.2rem;
    }

    .sm:rounded- {
        border-radius: 0.25rem;
    }

    .sm:rounded-lg {
        border-radius: 0.3rem;
    }

    .sm:rounded-xl {
        border-radius: 0.5rem;
    }

    .sm:rounded-xxl {
        border-radius: 1rem;
    }

    .sm:rounded-pill {
        border-radius: 50rem;
    }

    .sm:rounded-circle {
        border-radius: 50%;
    }
}

@media (min-width: 768px) {
    .md:rounded-0 {
        border-radius: 0;
    }

    .md:rounded-sm {
        border-radius: 0.2rem;
    }

    .md:rounded- {
        border-radius: 0.25rem;
    }

    .md:rounded-lg {
        border-radius: 0.3rem;
    }

    .md:rounded-xl {
        border-radius: 0.5rem;
    }

    .md:rounded-xxl {
        border-radius: 1rem;
    }

    .md:rounded-pill {
        border-radius: 50rem;
    }

    .md:rounded-circle {
        border-radius: 50%;
    }
}

@media (min-width: 992px) {
    .lg:rounded-0 {
        border-radius: 0;
    }

    .lg:rounded-sm {
        border-radius: 0.2rem;
    }

    .lg:rounded- {
        border-radius: 0.25rem;
    }

    .lg:rounded-lg {
        border-radius: 0.3rem;
    }

    .lg:rounded-xl {
        border-radius: 0.5rem;
    }

    .lg:rounded-xxl {
        border-radius: 1rem;
    }

    .lg:rounded-pill {
        border-radius: 50rem;
    }

    .lg:rounded-circle {
        border-radius: 50%;
    }
}

@media (min-width: 1200px) {
    .xl:rounded-0 {
        border-radius: 0;
    }

    .xl:rounded-sm {
        border-radius: 0.2rem;
    }

    .xl:rounded- {
        border-radius: 0.25rem;
    }

    .xl:rounded-lg {
        border-radius: 0.3rem;
    }

    .xl:rounded-xl {
        border-radius: 0.5rem;
    }

    .xl:rounded-xxl {
        border-radius: 1rem;
    }

    .xl:rounded-pill {
        border-radius: 50rem;
    }

    .xl:rounded-circle {
        border-radius: 50%;
    }
}

@media (min-width: 1200px) {
    .desktop:rounded-0 {
        border-radius: 0;
    }

    .desktop:rounded-sm {
        border-radius: 0.2rem;
    }

    .desktop:rounded- {
        border-radius: 0.25rem;
    }

    .desktop:rounded-lg {
        border-radius: 0.3rem;
    }

    .desktop:rounded-xl {
        border-radius: 0.5rem;
    }

    .desktop:rounded-xxl {
        border-radius: 1rem;
    }

    .desktop:rounded-pill {
        border-radius: 50rem;
    }

    .desktop:rounded-circle {
        border-radius: 50%;
    }
}

@media (min-width: 1400px) {
    .xxl:rounded-0 {
        border-radius: 0;
    }

    .xxl:rounded-sm {
        border-radius: 0.2rem;
    }

    .xxl:rounded- {
        border-radius: 0.25rem;
    }

    .xxl:rounded-lg {
        border-radius: 0.3rem;
    }

    .xxl:rounded-xl {
        border-radius: 0.5rem;
    }

    .xxl:rounded-xxl {
        border-radius: 1rem;
    }

    .xxl:rounded-pill {
        border-radius: 50rem;
    }

    .xxl:rounded-circle {
        border-radius: 50%;
    }
}

.rounded-block-start-0 {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
}

.rounded-block-end-0 {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
}

.rounded-inline-start-0 {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.rounded-inline-end-0 {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.rounded-ss-0 {
    border-start-start-radius: 0;
}

.rounded-se-0 {
    border-start-end-radius: 0;
}

.rounded-es-0 {
    border-end-start-radius: 0;
}

.rounded-ee-0 {
    border-end-end-radius: 0;
}

.rounded-block-start-sm {
    border-start-start-radius: 0.2rem;
    border-start-end-radius: 0.2rem;
}

.rounded-block-end-sm {
    border-end-start-radius: 0.2rem;
    border-end-end-radius: 0.2rem;
}

.rounded-inline-start-sm {
    border-start-start-radius: 0.2rem;
    border-end-start-radius: 0.2rem;
}

.rounded-inline-end-sm {
    border-start-end-radius: 0.2rem;
    border-end-end-radius: 0.2rem;
}

.rounded-ss-sm {
    border-start-start-radius: 0.2rem;
}

.rounded-se-sm {
    border-start-end-radius: 0.2rem;
}

.rounded-es-sm {
    border-end-start-radius: 0.2rem;
}

.rounded-ee-sm {
    border-end-end-radius: 0.2rem;
}

.rounded-block-start {
    border-start-start-radius: 0.25rem;
    border-start-end-radius: 0.25rem;
}

.rounded-block-end {
    border-end-start-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
}

.rounded-inline-start {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
}

.rounded-inline-end {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
}

.rounded-ss {
    border-start-start-radius: 0.25rem;
}

.rounded-se {
    border-start-end-radius: 0.25rem;
}

.rounded-es {
    border-end-start-radius: 0.25rem;
}

.rounded-ee {
    border-end-end-radius: 0.25rem;
}

.rounded-block-start-lg {
    border-start-start-radius: 0.3rem;
    border-start-end-radius: 0.3rem;
}

.rounded-block-end-lg {
    border-end-start-radius: 0.3rem;
    border-end-end-radius: 0.3rem;
}

.rounded-inline-start-lg {
    border-start-start-radius: 0.3rem;
    border-end-start-radius: 0.3rem;
}

.rounded-inline-end-lg {
    border-start-end-radius: 0.3rem;
    border-end-end-radius: 0.3rem;
}

.rounded-ss-lg {
    border-start-start-radius: 0.3rem;
}

.rounded-se-lg {
    border-start-end-radius: 0.3rem;
}

.rounded-es-lg {
    border-end-start-radius: 0.3rem;
}

.rounded-ee-lg {
    border-end-end-radius: 0.3rem;
}

.rounded-block-start-xl {
    border-start-start-radius: 0.5rem;
    border-start-end-radius: 0.5rem;
}

.rounded-block-end-xl {
    border-end-start-radius: 0.5rem;
    border-end-end-radius: 0.5rem;
}

.rounded-inline-start-xl {
    border-start-start-radius: 0.5rem;
    border-end-start-radius: 0.5rem;
}

.rounded-inline-end-xl {
    border-start-end-radius: 0.5rem;
    border-end-end-radius: 0.5rem;
}

.rounded-ss-xl {
    border-start-start-radius: 0.5rem;
}

.rounded-se-xl {
    border-start-end-radius: 0.5rem;
}

.rounded-es-xl {
    border-end-start-radius: 0.5rem;
}

.rounded-ee-xl {
    border-end-end-radius: 0.5rem;
}

.rounded-block-start-xxl {
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
}

.rounded-block-end-xxl {
    border-end-start-radius: 1rem;
    border-end-end-radius: 1rem;
}

.rounded-inline-start-xxl {
    border-start-start-radius: 1rem;
    border-end-start-radius: 1rem;
}

.rounded-inline-end-xxl {
    border-start-end-radius: 1rem;
    border-end-end-radius: 1rem;
}

.rounded-ss-xxl {
    border-start-start-radius: 1rem;
}

.rounded-se-xxl {
    border-start-end-radius: 1rem;
}

.rounded-es-xxl {
    border-end-start-radius: 1rem;
}

.rounded-ee-xxl {
    border-end-end-radius: 1rem;
}

:root {
    --border-width: 1px;
    --border-style: solid;
    --border-color: currentColor;
}

.border-use-vars {
    border-width: var(--border-width);
    border-style: var(--border-style);
    border-color: var(--border-color);
}

:root {
    --color-surface-base-base: #ffffff;
    --color-surface-base-light: white;
    --color-surface-base-dark: #999999;
    --color-surface-base-transparent: rgba(255, 255, 255, 0.5);
    --color-surface-primary-base: #f7fafd;
    --color-surface-primary-light: rgb(250.2, 252, 253.8);
    --color-surface-primary-dark: #5796d5;
    --color-surface-primary-transparent: rgba(247, 250, 253, 0.5);
    --color-background-base-base: #ffffff;
    --color-background-base-light: white;
    --color-background-base-dark: #999999;
    --color-background-base-transparent: rgba(255, 255, 255, 0.5);
    --color-background-light-base: #ffffff;
    --color-background-light-light: white;
    --color-background-light-dark: #999999;
    --color-background-light-transparent: rgba(255, 255, 255, 0.5);
    --color-background-primary-base: #f7fafd;
    --color-background-primary-light: rgb(250.2, 252, 253.8);
    --color-background-primary-dark: #5796d5;
    --color-background-primary-transparent: rgba(247, 250, 253, 0.5);
    --color-foreground-base-base: #06161e;
    --color-foreground-base-light: rgb(37.6, 137.8666666667, 188);
    --color-foreground-base-dark: rgb(3.6, 13.2, 18);
    --color-foreground-base-transparent: rgba(6, 22, 30, 0.5);
    --color-foreground-primary-base: #06161e;
    --color-foreground-primary-light: rgb(37.6, 137.8666666667, 188);
    --color-foreground-primary-dark: rgb(3.6, 13.2, 18);
    --color-foreground-primary-transparent: rgba(6, 22, 30, 0.5);
    --color-foreground-secondary-base: #7a8a99;
    --color-foreground-secondary-light: rgb(175.2, 184.8, 193.8);
    --color-foreground-secondary-dark: rgb(71.6170212766, 82.8510638298, 93.3829787234);
    --color-foreground-secondary-transparent: rgba(122, 138, 153, 0.5);
    --color-foreground-headings-base: #06161e;
    --color-foreground-headings-light: rgb(37.6, 137.8666666667, 188);
    --color-foreground-headings-dark: rgb(3.6, 13.2, 18);
    --color-foreground-headings-transparent: rgba(6, 22, 30, 0.5);
    --color-foreground-body-base: #06161e;
    --color-foreground-body-light: rgb(37.6, 137.8666666667, 188);
    --color-foreground-body-dark: rgb(3.6, 13.2, 18);
    --color-foreground-body-transparent: rgba(6, 22, 30, 0.5);
    --color-link-base-base: #1aaeb7;
    --color-link-base-light: rgb(96.8669856459, 224.7559808612, 232.5330143541);
    --color-link-base-dark: rgb(15.6, 104.4, 109.8);
    --color-link-base-transparent: rgba(26, 174, 183, 0.5);
    --color-link-surface-base: #e0f4f5;
    --color-link-surface-light: rgb(236.4, 248.4, 249);
    --color-link-surface-dark: rgb(82.156097561, 193.6682926829, 199.243902439);
    --color-link-surface-transparent: rgba(224, 244, 245, 0.5);
    --color-link-border-base: #e0f4f5;
    --color-link-border-light: rgb(236.4, 248.4, 249);
    --color-link-border-dark: rgb(82.156097561, 193.6682926829, 199.243902439);
    --color-link-border-transparent: rgba(224, 244, 245, 0.5);
    --color-link-decoration-base: #ffffff;
    --color-link-decoration-light: white;
    --color-link-decoration-dark: #999999;
    --color-link-decoration-transparent: rgba(255, 255, 255, 0.5);
    --color-link-hover-base-base: #1aaeb7;
    --color-link-hover-base-light: rgb(96.8669856459, 224.7559808612, 232.5330143541);
    --color-link-hover-base-dark: rgb(15.6, 104.4, 109.8);
    --color-link-hover-base-transparent: rgba(26, 174, 183, 0.5);
    --color-link-hover-surface-base: #ffffff;
    --color-link-hover-surface-light: white;
    --color-link-hover-surface-dark: #999999;
    --color-link-hover-surface-transparent: rgba(255, 255, 255, 0.5);
    --color-link-hover-border-base: #e0f4f5;
    --color-link-hover-border-light: rgb(236.4, 248.4, 249);
    --color-link-hover-border-dark: rgb(82.156097561, 193.6682926829, 199.243902439);
    --color-link-hover-border-transparent: rgba(224, 244, 245, 0.5);
    --color-link-hover-decoration-base: #ffffff;
    --color-link-hover-decoration-light: white;
    --color-link-hover-decoration-dark: #999999;
    --color-link-hover-decoration-transparent: rgba(255, 255, 255, 0.5);
    --color-decoration-base-base: #000000;
    --color-decoration-base-light: #666666;
    --color-decoration-base-dark: black;
    --color-decoration-base-transparent: rgba(0, 0, 0, 0.5);
    --color-decoration-primary-base: #e0f4f5;
    --color-decoration-primary-light: rgb(236.4, 248.4, 249);
    --color-decoration-primary-dark: rgb(82.156097561, 193.6682926829, 199.243902439);
    --color-decoration-primary-transparent: rgba(224, 244, 245, 0.5);
    --color-decoration-secondary-base: #fff7e8;
    --color-decoration-secondary-light: rgb(255, 250.2, 241.2);
    --color-decoration-secondary-dark: rgb(255, 179.2434782609, 37.2);
    --color-decoration-secondary-transparent: rgba(255, 247, 232, 0.5);
    --color-button-primary-background-base: #1aaeb7;
    --color-button-primary-background-light: rgb(96.8669856459, 224.7559808612, 232.5330143541);
    --color-button-primary-background-dark: rgb(15.6, 104.4, 109.8);
    --color-button-primary-background-transparent: rgba(26, 174, 183, 0.5);
    --color-button-primary-foreground-base: #ffffff;
    --color-button-primary-foreground-light: white;
    --color-button-primary-foreground-dark: #999999;
    --color-button-primary-foreground-transparent: rgba(255, 255, 255, 0.5);
    --color-button-secondary-background-base: #f0b323;
    --color-button-secondary-background-light: rgb(246, 209.4, 123);
    --color-button-secondary-background-dark: rgb(154.4680851064, 111.6382978723, 10.5319148936);
    --color-button-secondary-background-transparent: rgba(240, 179, 35, 0.5);
    --color-button-secondary-foreground-base: #06161e;
    --color-button-secondary-foreground-light: rgb(37.6, 137.8666666667, 188);
    --color-button-secondary-foreground-dark: rgb(3.6, 13.2, 18);
    --color-button-secondary-foreground-transparent: rgba(6, 22, 30, 0.5);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .container-sm {
        max-width: 540px !important;
    }
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md {
        max-width: 720px !important;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg {
        max-width: 960px !important;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl {
        max-width: 1140px !important;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl {
        max-width: 1320px !important;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-desktop, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .container-sm-only {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 540px;
        width: 100%;
    }
}

@media (min-width: 576px) {
    .container-sm-up {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 540px;
        width: 100%;
    }
}

.container-sm-up {
    --gutter-x: 3rem;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
}

@media screen and (min-width: 1320px) {
    .container-xxl-up {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 540px;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .container-md-only {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 720px;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .container-md-up {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 720px;
        width: 100%;
    }
}

.container-md-up {
    --gutter-x: 3rem;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
}

@media screen and (min-width: 1320px) {
    .container-xxl-up {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 720px;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container-lg-only {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 960px;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .container-lg-up {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 960px;
        width: 100%;
    }
}

.container-lg-up {
    --gutter-x: 3rem;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
}

@media screen and (min-width: 1320px) {
    .container-xxl-up {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 960px;
        width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1199.98px) {
    .container-xl-only {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 1140px;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container-xl-up {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 1140px;
        width: 100%;
    }
}

.container-xl-up {
    --gutter-x: 3rem;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
}

@media screen and (min-width: 1320px) {
    .container-xxl-up {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 1140px;
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .container-xxl-only {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 1320px;
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .container-xxl-up {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 1320px;
        width: 100%;
    }
}

.container-xxl-up {
    --gutter-x: 3rem;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
}

@media screen and (min-width: 1320px) {
    .container-xxl-up {
        width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        max-width: 1320px;
        width: 100%;
    }
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-grid {
    display: grid !important;
}

.d-inline-grid {
    display: inline-grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flow-root {
    display: flow-root !important;
}

.d-contents {
    display: contents !important;
}

.d-list-item {
    display: list-item !important;
}

.d-xs-none {
    display: none !important;
}

.d-xs-inline {
    display: inline !important;
}

.d-xs-inline-block {
    display: inline-block !important;
}

.d-xs-block {
    display: block !important;
}

.d-xs-flex {
    display: flex !important;
}

.d-xs-inline-flex {
    display: inline-flex !important;
}

.d-xs-grid {
    display: grid !important;
}

.d-xs-inline-grid {
    display: inline-grid !important;
}

.d-xs-table {
    display: table !important;
}

.d-xs-table-row {
    display: table-row !important;
}

.d-xs-table-cell {
    display: table-cell !important;
}

.d-xs-flow-root {
    display: flow-root !important;
}

.d-xs-contents {
    display: contents !important;
}

.d-xs-list-item {
    display: list-item !important;
}

.d-mobile-none {
    display: none !important;
}

.d-mobile-inline {
    display: inline !important;
}

.d-mobile-inline-block {
    display: inline-block !important;
}

.d-mobile-block {
    display: block !important;
}

.d-mobile-flex {
    display: flex !important;
}

.d-mobile-inline-flex {
    display: inline-flex !important;
}

.d-mobile-grid {
    display: grid !important;
}

.d-mobile-inline-grid {
    display: inline-grid !important;
}

.d-mobile-table {
    display: table !important;
}

.d-mobile-table-row {
    display: table-row !important;
}

.d-mobile-table-cell {
    display: table-cell !important;
}

.d-mobile-flow-root {
    display: flow-root !important;
}

.d-mobile-contents {
    display: contents !important;
}

.d-mobile-list-item {
    display: list-item !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .d-sm-grid {
        display: grid !important;
    }

    .d-sm-inline-grid {
        display: inline-grid !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flow-root {
        display: flow-root !important;
    }

    .d-sm-contents {
        display: contents !important;
    }

    .d-sm-list-item {
        display: list-item !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .d-md-grid {
        display: grid !important;
    }

    .d-md-inline-grid {
        display: inline-grid !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flow-root {
        display: flow-root !important;
    }

    .d-md-contents {
        display: contents !important;
    }

    .d-md-list-item {
        display: list-item !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .d-lg-grid {
        display: grid !important;
    }

    .d-lg-inline-grid {
        display: inline-grid !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flow-root {
        display: flow-root !important;
    }

    .d-lg-contents {
        display: contents !important;
    }

    .d-lg-list-item {
        display: list-item !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .d-xl-grid {
        display: grid !important;
    }

    .d-xl-inline-grid {
        display: inline-grid !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flow-root {
        display: flow-root !important;
    }

    .d-xl-contents {
        display: contents !important;
    }

    .d-xl-list-item {
        display: list-item !important;
    }
}

@media (min-width: 1200px) {
    .d-desktop-none {
        display: none !important;
    }

    .d-desktop-inline {
        display: inline !important;
    }

    .d-desktop-inline-block {
        display: inline-block !important;
    }

    .d-desktop-block {
        display: block !important;
    }

    .d-desktop-flex {
        display: flex !important;
    }

    .d-desktop-inline-flex {
        display: inline-flex !important;
    }

    .d-desktop-grid {
        display: grid !important;
    }

    .d-desktop-inline-grid {
        display: inline-grid !important;
    }

    .d-desktop-table {
        display: table !important;
    }

    .d-desktop-table-row {
        display: table-row !important;
    }

    .d-desktop-table-cell {
        display: table-cell !important;
    }

    .d-desktop-flow-root {
        display: flow-root !important;
    }

    .d-desktop-contents {
        display: contents !important;
    }

    .d-desktop-list-item {
        display: list-item !important;
    }
}

@media (min-width: 1400px) {
    .d-xxl-none {
        display: none !important;
    }

    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-flex {
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }

    .d-xxl-grid {
        display: grid !important;
    }

    .d-xxl-inline-grid {
        display: inline-grid !important;
    }

    .d-xxl-table {
        display: table !important;
    }

    .d-xxl-table-row {
        display: table-row !important;
    }

    .d-xxl-table-cell {
        display: table-cell !important;
    }

    .d-xxl-flow-root {
        display: flow-root !important;
    }

    .d-xxl-contents {
        display: contents !important;
    }

    .d-xxl-list-item {
        display: list-item !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }

    .d-print-grid {
        display: grid !important;
    }

    .d-print-inline-grid {
        display: inline-grid !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flow-root {
        display: flow-root !important;
    }

    .d-print-contents {
        display: contents !important;
    }

    .d-print-list-item {
        display: list-item !important;
    }
}

.d-screen-only {
    display: inherit !important;
}

@media print {
    .d-screen-only {
        display: none !important;
    }
}

.d-print-only {
    display: none !important;
}

@media print {
    .d-print-only {
        display: block !important;
    }
}

.flex {
    display: flex !important;
}

.iflex {
    display: inline-flex !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-auto {
    flex: 1 1 auto !important;
}

.flex-initial {
    flex: 0 1 auto !important;
}

.flex-none {
    flex: none !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-order-0 {
    order: 0 !important;
}

.flex-order-1 {
    order: 1 !important;
}

.flex-order-2 {
    order: 2 !important;
}

.flex-order-3 {
    order: 3 !important;
}

.flex-order-4 {
    order: 4 !important;
}

.flex-order-5 {
    order: 5 !important;
}

.flex-order-6 {
    order: 6 !important;
}

.flex-order-7 {
    order: 7 !important;
}

.flex-order-8 {
    order: 8 !important;
}

.flex-order-9 {
    order: 9 !important;
}

.flex-order-10 {
    order: 10 !important;
}

.flex-order-11 {
    order: 11 !important;
}

.flex-order-12 {
    order: 12 !important;
}

.flex-basis-auto {
    flex-basis: auto !important;
}

.flex-basis-0 {
    flex-basis: 0 !important;
}

.flex-basis-1-4 {
    flex-basis: 25% !important;
}

.flex-basis-1-3 {
    flex-basis: 33.3333% !important;
}

.flex-basis-1-2 {
    flex-basis: 50% !important;
}

.flex-basis-2-3 {
    flex-basis: 66.6667% !important;
}

.flex-basis-3-4 {
    flex-basis: 75% !important;
}

.flex-basis-full {
    flex-basis: 100% !important;
}

.flex-gap-0 {
    gap: 0 !important;
}

.flex-gap-x-0 {
    column-gap: 0 !important;
}

.flex-gap-y-0 {
    row-gap: 0 !important;
}

.flex-gap-xs {
    gap: 0.25rem !important;
}

.flex-gap-x-xs {
    column-gap: 0.25rem !important;
}

.flex-gap-y-xs {
    row-gap: 0.25rem !important;
}

.flex-gap-sm {
    gap: 0.5rem !important;
}

.flex-gap-x-sm {
    column-gap: 0.5rem !important;
}

.flex-gap-y-sm {
    row-gap: 0.5rem !important;
}

.flex-gap-md {
    gap: 1rem !important;
}

.flex-gap-x-md {
    column-gap: 1rem !important;
}

.flex-gap-y-md {
    row-gap: 1rem !important;
}

.flex-gap-lg {
    gap: 1.5rem !important;
}

.flex-gap-x-lg {
    column-gap: 1.5rem !important;
}

.flex-gap-y-lg {
    row-gap: 1.5rem !important;
}

.flex-gap-xl {
    gap: 2rem !important;
}

.flex-gap-x-xl {
    column-gap: 2rem !important;
}

.flex-gap-y-xl {
    row-gap: 2rem !important;
}

.xs\:flex-row {
    flex-direction: row !important;
}

.xs\:flex-column {
    flex-direction: column !important;
}

.xs\:flex-row-reverse {
    flex-direction: row-reverse !important;
}

.xs\:flex-column-reverse {
    flex-direction: column-reverse !important;
}

.xs\:flex-wrap {
    flex-wrap: wrap !important;
}

.xs\:flex-nowrap {
    flex-wrap: nowrap !important;
}

.xs\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.xs\:flex-fill {
    flex: 1 1 auto !important;
}

.xs\:flex-auto {
    flex: 1 1 auto !important;
}

.xs\:flex-initial {
    flex: 0 1 auto !important;
}

.xs\:flex-none {
    flex: none !important;
}

.xs\:flex-grow-0 {
    flex-grow: 0 !important;
}

.xs\:flex-grow-1 {
    flex-grow: 1 !important;
}

.xs\:flex-shrink-0 {
    flex-shrink: 0 !important;
}

.xs\:flex-shrink-1 {
    flex-shrink: 1 !important;
}

.xs\:flex-order-0 {
    order: 0 !important;
}

.xs\:flex-order-1 {
    order: 1 !important;
}

.xs\:flex-order-2 {
    order: 2 !important;
}

.xs\:flex-order-3 {
    order: 3 !important;
}

.xs\:flex-order-4 {
    order: 4 !important;
}

.xs\:flex-order-5 {
    order: 5 !important;
}

.xs\:flex-order-6 {
    order: 6 !important;
}

.xs\:flex-order-7 {
    order: 7 !important;
}

.xs\:flex-order-8 {
    order: 8 !important;
}

.xs\:flex-order-9 {
    order: 9 !important;
}

.xs\:flex-order-10 {
    order: 10 !important;
}

.xs\:flex-order-11 {
    order: 11 !important;
}

.xs\:flex-order-12 {
    order: 12 !important;
}

.xs\:flex-basis-auto {
    flex-basis: auto !important;
}

.xs\:flex-basis-0 {
    flex-basis: 0 !important;
}

.xs\:flex-basis-1-4 {
    flex-basis: 25% !important;
}

.xs\:flex-basis-1-3 {
    flex-basis: 33.3333% !important;
}

.xs\:flex-basis-1-2 {
    flex-basis: 50% !important;
}

.xs\:flex-basis-2-3 {
    flex-basis: 66.6667% !important;
}

.xs\:flex-basis-3-4 {
    flex-basis: 75% !important;
}

.xs\:flex-basis-full {
    flex-basis: 100% !important;
}

.xs\:flex-gap-0 {
    gap: 0 !important;
}

.xs\:flex-gap-x-0 {
    column-gap: 0 !important;
}

.xs\:flex-gap-y-0 {
    row-gap: 0 !important;
}

.xs\:flex-gap-xs {
    gap: 0.25rem !important;
}

.xs\:flex-gap-x-xs {
    column-gap: 0.25rem !important;
}

.xs\:flex-gap-y-xs {
    row-gap: 0.25rem !important;
}

.xs\:flex-gap-sm {
    gap: 0.5rem !important;
}

.xs\:flex-gap-x-sm {
    column-gap: 0.5rem !important;
}

.xs\:flex-gap-y-sm {
    row-gap: 0.5rem !important;
}

.xs\:flex-gap-md {
    gap: 1rem !important;
}

.xs\:flex-gap-x-md {
    column-gap: 1rem !important;
}

.xs\:flex-gap-y-md {
    row-gap: 1rem !important;
}

.xs\:flex-gap-lg {
    gap: 1.5rem !important;
}

.xs\:flex-gap-x-lg {
    column-gap: 1.5rem !important;
}

.xs\:flex-gap-y-lg {
    row-gap: 1.5rem !important;
}

.xs\:flex-gap-xl {
    gap: 2rem !important;
}

.xs\:flex-gap-x-xl {
    column-gap: 2rem !important;
}

.xs\:flex-gap-y-xl {
    row-gap: 2rem !important;
}

.mobile\:flex-row {
    flex-direction: row !important;
}

.mobile\:flex-column {
    flex-direction: column !important;
}

.mobile\:flex-row-reverse {
    flex-direction: row-reverse !important;
}

.mobile\:flex-column-reverse {
    flex-direction: column-reverse !important;
}

.mobile\:flex-wrap {
    flex-wrap: wrap !important;
}

.mobile\:flex-nowrap {
    flex-wrap: nowrap !important;
}

.mobile\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.mobile\:flex-fill {
    flex: 1 1 auto !important;
}

.mobile\:flex-auto {
    flex: 1 1 auto !important;
}

.mobile\:flex-initial {
    flex: 0 1 auto !important;
}

.mobile\:flex-none {
    flex: none !important;
}

.mobile\:flex-grow-0 {
    flex-grow: 0 !important;
}

.mobile\:flex-grow-1 {
    flex-grow: 1 !important;
}

.mobile\:flex-shrink-0 {
    flex-shrink: 0 !important;
}

.mobile\:flex-shrink-1 {
    flex-shrink: 1 !important;
}

.mobile\:flex-order-0 {
    order: 0 !important;
}

.mobile\:flex-order-1 {
    order: 1 !important;
}

.mobile\:flex-order-2 {
    order: 2 !important;
}

.mobile\:flex-order-3 {
    order: 3 !important;
}

.mobile\:flex-order-4 {
    order: 4 !important;
}

.mobile\:flex-order-5 {
    order: 5 !important;
}

.mobile\:flex-order-6 {
    order: 6 !important;
}

.mobile\:flex-order-7 {
    order: 7 !important;
}

.mobile\:flex-order-8 {
    order: 8 !important;
}

.mobile\:flex-order-9 {
    order: 9 !important;
}

.mobile\:flex-order-10 {
    order: 10 !important;
}

.mobile\:flex-order-11 {
    order: 11 !important;
}

.mobile\:flex-order-12 {
    order: 12 !important;
}

.mobile\:flex-basis-auto {
    flex-basis: auto !important;
}

.mobile\:flex-basis-0 {
    flex-basis: 0 !important;
}

.mobile\:flex-basis-1-4 {
    flex-basis: 25% !important;
}

.mobile\:flex-basis-1-3 {
    flex-basis: 33.3333% !important;
}

.mobile\:flex-basis-1-2 {
    flex-basis: 50% !important;
}

.mobile\:flex-basis-2-3 {
    flex-basis: 66.6667% !important;
}

.mobile\:flex-basis-3-4 {
    flex-basis: 75% !important;
}

.mobile\:flex-basis-full {
    flex-basis: 100% !important;
}

.mobile\:flex-gap-0 {
    gap: 0 !important;
}

.mobile\:flex-gap-x-0 {
    column-gap: 0 !important;
}

.mobile\:flex-gap-y-0 {
    row-gap: 0 !important;
}

.mobile\:flex-gap-xs {
    gap: 0.25rem !important;
}

.mobile\:flex-gap-x-xs {
    column-gap: 0.25rem !important;
}

.mobile\:flex-gap-y-xs {
    row-gap: 0.25rem !important;
}

.mobile\:flex-gap-sm {
    gap: 0.5rem !important;
}

.mobile\:flex-gap-x-sm {
    column-gap: 0.5rem !important;
}

.mobile\:flex-gap-y-sm {
    row-gap: 0.5rem !important;
}

.mobile\:flex-gap-md {
    gap: 1rem !important;
}

.mobile\:flex-gap-x-md {
    column-gap: 1rem !important;
}

.mobile\:flex-gap-y-md {
    row-gap: 1rem !important;
}

.mobile\:flex-gap-lg {
    gap: 1.5rem !important;
}

.mobile\:flex-gap-x-lg {
    column-gap: 1.5rem !important;
}

.mobile\:flex-gap-y-lg {
    row-gap: 1.5rem !important;
}

.mobile\:flex-gap-xl {
    gap: 2rem !important;
}

.mobile\:flex-gap-x-xl {
    column-gap: 2rem !important;
}

.mobile\:flex-gap-y-xl {
    row-gap: 2rem !important;
}

@media (min-width: 576px) {
    .sm\:flex-row {
        flex-direction: row !important;
    }

    .sm\:flex-column {
        flex-direction: column !important;
    }

    .sm\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }

    .sm\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }

    .sm\:flex-wrap {
        flex-wrap: wrap !important;
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap !important;
    }

    .sm\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .sm\:flex-fill {
        flex: 1 1 auto !important;
    }

    .sm\:flex-auto {
        flex: 1 1 auto !important;
    }

    .sm\:flex-initial {
        flex: 0 1 auto !important;
    }

    .sm\:flex-none {
        flex: none !important;
    }

    .sm\:flex-grow-0 {
        flex-grow: 0 !important;
    }

    .sm\:flex-grow-1 {
        flex-grow: 1 !important;
    }

    .sm\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }

    .sm\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }

    .sm\:flex-order-0 {
        order: 0 !important;
    }

    .sm\:flex-order-1 {
        order: 1 !important;
    }

    .sm\:flex-order-2 {
        order: 2 !important;
    }

    .sm\:flex-order-3 {
        order: 3 !important;
    }

    .sm\:flex-order-4 {
        order: 4 !important;
    }

    .sm\:flex-order-5 {
        order: 5 !important;
    }

    .sm\:flex-order-6 {
        order: 6 !important;
    }

    .sm\:flex-order-7 {
        order: 7 !important;
    }

    .sm\:flex-order-8 {
        order: 8 !important;
    }

    .sm\:flex-order-9 {
        order: 9 !important;
    }

    .sm\:flex-order-10 {
        order: 10 !important;
    }

    .sm\:flex-order-11 {
        order: 11 !important;
    }

    .sm\:flex-order-12 {
        order: 12 !important;
    }

    .sm\:flex-basis-auto {
        flex-basis: auto !important;
    }

    .sm\:flex-basis-0 {
        flex-basis: 0 !important;
    }

    .sm\:flex-basis-1-4 {
        flex-basis: 25% !important;
    }

    .sm\:flex-basis-1-3 {
        flex-basis: 33.3333% !important;
    }

    .sm\:flex-basis-1-2 {
        flex-basis: 50% !important;
    }

    .sm\:flex-basis-2-3 {
        flex-basis: 66.6667% !important;
    }

    .sm\:flex-basis-3-4 {
        flex-basis: 75% !important;
    }

    .sm\:flex-basis-full {
        flex-basis: 100% !important;
    }

    .sm\:flex-gap-0 {
        gap: 0 !important;
    }

    .sm\:flex-gap-x-0 {
        column-gap: 0 !important;
    }

    .sm\:flex-gap-y-0 {
        row-gap: 0 !important;
    }

    .sm\:flex-gap-xs {
        gap: 0.25rem !important;
    }

    .sm\:flex-gap-x-xs {
        column-gap: 0.25rem !important;
    }

    .sm\:flex-gap-y-xs {
        row-gap: 0.25rem !important;
    }

    .sm\:flex-gap-sm {
        gap: 0.5rem !important;
    }

    .sm\:flex-gap-x-sm {
        column-gap: 0.5rem !important;
    }

    .sm\:flex-gap-y-sm {
        row-gap: 0.5rem !important;
    }

    .sm\:flex-gap-md {
        gap: 1rem !important;
    }

    .sm\:flex-gap-x-md {
        column-gap: 1rem !important;
    }

    .sm\:flex-gap-y-md {
        row-gap: 1rem !important;
    }

    .sm\:flex-gap-lg {
        gap: 1.5rem !important;
    }

    .sm\:flex-gap-x-lg {
        column-gap: 1.5rem !important;
    }

    .sm\:flex-gap-y-lg {
        row-gap: 1.5rem !important;
    }

    .sm\:flex-gap-xl {
        gap: 2rem !important;
    }

    .sm\:flex-gap-x-xl {
        column-gap: 2rem !important;
    }

    .sm\:flex-gap-y-xl {
        row-gap: 2rem !important;
    }
}

@media (min-width: 768px) {
    .md\:flex-row {
        flex-direction: row !important;
    }

    .md\:flex-column {
        flex-direction: column !important;
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }

    .md\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }

    .md\:flex-wrap {
        flex-wrap: wrap !important;
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap !important;
    }

    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .md\:flex-fill {
        flex: 1 1 auto !important;
    }

    .md\:flex-auto {
        flex: 1 1 auto !important;
    }

    .md\:flex-initial {
        flex: 0 1 auto !important;
    }

    .md\:flex-none {
        flex: none !important;
    }

    .md\:flex-grow-0 {
        flex-grow: 0 !important;
    }

    .md\:flex-grow-1 {
        flex-grow: 1 !important;
    }

    .md\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }

    .md\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }

    .md\:flex-order-0 {
        order: 0 !important;
    }

    .md\:flex-order-1 {
        order: 1 !important;
    }

    .md\:flex-order-2 {
        order: 2 !important;
    }

    .md\:flex-order-3 {
        order: 3 !important;
    }

    .md\:flex-order-4 {
        order: 4 !important;
    }

    .md\:flex-order-5 {
        order: 5 !important;
    }

    .md\:flex-order-6 {
        order: 6 !important;
    }

    .md\:flex-order-7 {
        order: 7 !important;
    }

    .md\:flex-order-8 {
        order: 8 !important;
    }

    .md\:flex-order-9 {
        order: 9 !important;
    }

    .md\:flex-order-10 {
        order: 10 !important;
    }

    .md\:flex-order-11 {
        order: 11 !important;
    }

    .md\:flex-order-12 {
        order: 12 !important;
    }

    .md\:flex-basis-auto {
        flex-basis: auto !important;
    }

    .md\:flex-basis-0 {
        flex-basis: 0 !important;
    }

    .md\:flex-basis-1-4 {
        flex-basis: 25% !important;
    }

    .md\:flex-basis-1-3 {
        flex-basis: 33.3333% !important;
    }

    .md\:flex-basis-1-2 {
        flex-basis: 50% !important;
    }

    .md\:flex-basis-2-3 {
        flex-basis: 66.6667% !important;
    }

    .md\:flex-basis-3-4 {
        flex-basis: 75% !important;
    }

    .md\:flex-basis-full {
        flex-basis: 100% !important;
    }

    .md\:flex-gap-0 {
        gap: 0 !important;
    }

    .md\:flex-gap-x-0 {
        column-gap: 0 !important;
    }

    .md\:flex-gap-y-0 {
        row-gap: 0 !important;
    }

    .md\:flex-gap-xs {
        gap: 0.25rem !important;
    }

    .md\:flex-gap-x-xs {
        column-gap: 0.25rem !important;
    }

    .md\:flex-gap-y-xs {
        row-gap: 0.25rem !important;
    }

    .md\:flex-gap-sm {
        gap: 0.5rem !important;
    }

    .md\:flex-gap-x-sm {
        column-gap: 0.5rem !important;
    }

    .md\:flex-gap-y-sm {
        row-gap: 0.5rem !important;
    }

    .md\:flex-gap-md {
        gap: 1rem !important;
    }

    .md\:flex-gap-x-md {
        column-gap: 1rem !important;
    }

    .md\:flex-gap-y-md {
        row-gap: 1rem !important;
    }

    .md\:flex-gap-lg {
        gap: 1.5rem !important;
    }

    .md\:flex-gap-x-lg {
        column-gap: 1.5rem !important;
    }

    .md\:flex-gap-y-lg {
        row-gap: 1.5rem !important;
    }

    .md\:flex-gap-xl {
        gap: 2rem !important;
    }

    .md\:flex-gap-x-xl {
        column-gap: 2rem !important;
    }

    .md\:flex-gap-y-xl {
        row-gap: 2rem !important;
    }
}

@media (min-width: 992px) {
    .lg\:flex-row {
        flex-direction: row !important;
    }

    .lg\:flex-column {
        flex-direction: column !important;
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }

    .lg\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }

    .lg\:flex-wrap {
        flex-wrap: wrap !important;
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap !important;
    }

    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .lg\:flex-fill {
        flex: 1 1 auto !important;
    }

    .lg\:flex-auto {
        flex: 1 1 auto !important;
    }

    .lg\:flex-initial {
        flex: 0 1 auto !important;
    }

    .lg\:flex-none {
        flex: none !important;
    }

    .lg\:flex-grow-0 {
        flex-grow: 0 !important;
    }

    .lg\:flex-grow-1 {
        flex-grow: 1 !important;
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }

    .lg\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }

    .lg\:flex-order-0 {
        order: 0 !important;
    }

    .lg\:flex-order-1 {
        order: 1 !important;
    }

    .lg\:flex-order-2 {
        order: 2 !important;
    }

    .lg\:flex-order-3 {
        order: 3 !important;
    }

    .lg\:flex-order-4 {
        order: 4 !important;
    }

    .lg\:flex-order-5 {
        order: 5 !important;
    }

    .lg\:flex-order-6 {
        order: 6 !important;
    }

    .lg\:flex-order-7 {
        order: 7 !important;
    }

    .lg\:flex-order-8 {
        order: 8 !important;
    }

    .lg\:flex-order-9 {
        order: 9 !important;
    }

    .lg\:flex-order-10 {
        order: 10 !important;
    }

    .lg\:flex-order-11 {
        order: 11 !important;
    }

    .lg\:flex-order-12 {
        order: 12 !important;
    }

    .lg\:flex-basis-auto {
        flex-basis: auto !important;
    }

    .lg\:flex-basis-0 {
        flex-basis: 0 !important;
    }

    .lg\:flex-basis-1-4 {
        flex-basis: 25% !important;
    }

    .lg\:flex-basis-1-3 {
        flex-basis: 33.3333% !important;
    }

    .lg\:flex-basis-1-2 {
        flex-basis: 50% !important;
    }

    .lg\:flex-basis-2-3 {
        flex-basis: 66.6667% !important;
    }

    .lg\:flex-basis-3-4 {
        flex-basis: 75% !important;
    }

    .lg\:flex-basis-full {
        flex-basis: 100% !important;
    }

    .lg\:flex-gap-0 {
        gap: 0 !important;
    }

    .lg\:flex-gap-x-0 {
        column-gap: 0 !important;
    }

    .lg\:flex-gap-y-0 {
        row-gap: 0 !important;
    }

    .lg\:flex-gap-xs {
        gap: 0.25rem !important;
    }

    .lg\:flex-gap-x-xs {
        column-gap: 0.25rem !important;
    }

    .lg\:flex-gap-y-xs {
        row-gap: 0.25rem !important;
    }

    .lg\:flex-gap-sm {
        gap: 0.5rem !important;
    }

    .lg\:flex-gap-x-sm {
        column-gap: 0.5rem !important;
    }

    .lg\:flex-gap-y-sm {
        row-gap: 0.5rem !important;
    }

    .lg\:flex-gap-md {
        gap: 1rem !important;
    }

    .lg\:flex-gap-x-md {
        column-gap: 1rem !important;
    }

    .lg\:flex-gap-y-md {
        row-gap: 1rem !important;
    }

    .lg\:flex-gap-lg {
        gap: 1.5rem !important;
    }

    .lg\:flex-gap-x-lg {
        column-gap: 1.5rem !important;
    }

    .lg\:flex-gap-y-lg {
        row-gap: 1.5rem !important;
    }

    .lg\:flex-gap-xl {
        gap: 2rem !important;
    }

    .lg\:flex-gap-x-xl {
        column-gap: 2rem !important;
    }

    .lg\:flex-gap-y-xl {
        row-gap: 2rem !important;
    }
}

@media (min-width: 1200px) {
    .xl\:flex-row {
        flex-direction: row !important;
    }

    .xl\:flex-column {
        flex-direction: column !important;
    }

    .xl\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }

    .xl\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }

    .xl\:flex-wrap {
        flex-wrap: wrap !important;
    }

    .xl\:flex-nowrap {
        flex-wrap: nowrap !important;
    }

    .xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .xl\:flex-fill {
        flex: 1 1 auto !important;
    }

    .xl\:flex-auto {
        flex: 1 1 auto !important;
    }

    .xl\:flex-initial {
        flex: 0 1 auto !important;
    }

    .xl\:flex-none {
        flex: none !important;
    }

    .xl\:flex-grow-0 {
        flex-grow: 0 !important;
    }

    .xl\:flex-grow-1 {
        flex-grow: 1 !important;
    }

    .xl\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }

    .xl\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }

    .xl\:flex-order-0 {
        order: 0 !important;
    }

    .xl\:flex-order-1 {
        order: 1 !important;
    }

    .xl\:flex-order-2 {
        order: 2 !important;
    }

    .xl\:flex-order-3 {
        order: 3 !important;
    }

    .xl\:flex-order-4 {
        order: 4 !important;
    }

    .xl\:flex-order-5 {
        order: 5 !important;
    }

    .xl\:flex-order-6 {
        order: 6 !important;
    }

    .xl\:flex-order-7 {
        order: 7 !important;
    }

    .xl\:flex-order-8 {
        order: 8 !important;
    }

    .xl\:flex-order-9 {
        order: 9 !important;
    }

    .xl\:flex-order-10 {
        order: 10 !important;
    }

    .xl\:flex-order-11 {
        order: 11 !important;
    }

    .xl\:flex-order-12 {
        order: 12 !important;
    }

    .xl\:flex-basis-auto {
        flex-basis: auto !important;
    }

    .xl\:flex-basis-0 {
        flex-basis: 0 !important;
    }

    .xl\:flex-basis-1-4 {
        flex-basis: 25% !important;
    }

    .xl\:flex-basis-1-3 {
        flex-basis: 33.3333% !important;
    }

    .xl\:flex-basis-1-2 {
        flex-basis: 50% !important;
    }

    .xl\:flex-basis-2-3 {
        flex-basis: 66.6667% !important;
    }

    .xl\:flex-basis-3-4 {
        flex-basis: 75% !important;
    }

    .xl\:flex-basis-full {
        flex-basis: 100% !important;
    }

    .xl\:flex-gap-0 {
        gap: 0 !important;
    }

    .xl\:flex-gap-x-0 {
        column-gap: 0 !important;
    }

    .xl\:flex-gap-y-0 {
        row-gap: 0 !important;
    }

    .xl\:flex-gap-xs {
        gap: 0.25rem !important;
    }

    .xl\:flex-gap-x-xs {
        column-gap: 0.25rem !important;
    }

    .xl\:flex-gap-y-xs {
        row-gap: 0.25rem !important;
    }

    .xl\:flex-gap-sm {
        gap: 0.5rem !important;
    }

    .xl\:flex-gap-x-sm {
        column-gap: 0.5rem !important;
    }

    .xl\:flex-gap-y-sm {
        row-gap: 0.5rem !important;
    }

    .xl\:flex-gap-md {
        gap: 1rem !important;
    }

    .xl\:flex-gap-x-md {
        column-gap: 1rem !important;
    }

    .xl\:flex-gap-y-md {
        row-gap: 1rem !important;
    }

    .xl\:flex-gap-lg {
        gap: 1.5rem !important;
    }

    .xl\:flex-gap-x-lg {
        column-gap: 1.5rem !important;
    }

    .xl\:flex-gap-y-lg {
        row-gap: 1.5rem !important;
    }

    .xl\:flex-gap-xl {
        gap: 2rem !important;
    }

    .xl\:flex-gap-x-xl {
        column-gap: 2rem !important;
    }

    .xl\:flex-gap-y-xl {
        row-gap: 2rem !important;
    }
}

@media (min-width: 1200px) {
    .desktop\:flex-row {
        flex-direction: row !important;
    }

    .desktop\:flex-column {
        flex-direction: column !important;
    }

    .desktop\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }

    .desktop\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }

    .desktop\:flex-wrap {
        flex-wrap: wrap !important;
    }

    .desktop\:flex-nowrap {
        flex-wrap: nowrap !important;
    }

    .desktop\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .desktop\:flex-fill {
        flex: 1 1 auto !important;
    }

    .desktop\:flex-auto {
        flex: 1 1 auto !important;
    }

    .desktop\:flex-initial {
        flex: 0 1 auto !important;
    }

    .desktop\:flex-none {
        flex: none !important;
    }

    .desktop\:flex-grow-0 {
        flex-grow: 0 !important;
    }

    .desktop\:flex-grow-1 {
        flex-grow: 1 !important;
    }

    .desktop\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }

    .desktop\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }

    .desktop\:flex-order-0 {
        order: 0 !important;
    }

    .desktop\:flex-order-1 {
        order: 1 !important;
    }

    .desktop\:flex-order-2 {
        order: 2 !important;
    }

    .desktop\:flex-order-3 {
        order: 3 !important;
    }

    .desktop\:flex-order-4 {
        order: 4 !important;
    }

    .desktop\:flex-order-5 {
        order: 5 !important;
    }

    .desktop\:flex-order-6 {
        order: 6 !important;
    }

    .desktop\:flex-order-7 {
        order: 7 !important;
    }

    .desktop\:flex-order-8 {
        order: 8 !important;
    }

    .desktop\:flex-order-9 {
        order: 9 !important;
    }

    .desktop\:flex-order-10 {
        order: 10 !important;
    }

    .desktop\:flex-order-11 {
        order: 11 !important;
    }

    .desktop\:flex-order-12 {
        order: 12 !important;
    }

    .desktop\:flex-basis-auto {
        flex-basis: auto !important;
    }

    .desktop\:flex-basis-0 {
        flex-basis: 0 !important;
    }

    .desktop\:flex-basis-1-4 {
        flex-basis: 25% !important;
    }

    .desktop\:flex-basis-1-3 {
        flex-basis: 33.3333% !important;
    }

    .desktop\:flex-basis-1-2 {
        flex-basis: 50% !important;
    }

    .desktop\:flex-basis-2-3 {
        flex-basis: 66.6667% !important;
    }

    .desktop\:flex-basis-3-4 {
        flex-basis: 75% !important;
    }

    .desktop\:flex-basis-full {
        flex-basis: 100% !important;
    }

    .desktop\:flex-gap-0 {
        gap: 0 !important;
    }

    .desktop\:flex-gap-x-0 {
        column-gap: 0 !important;
    }

    .desktop\:flex-gap-y-0 {
        row-gap: 0 !important;
    }

    .desktop\:flex-gap-xs {
        gap: 0.25rem !important;
    }

    .desktop\:flex-gap-x-xs {
        column-gap: 0.25rem !important;
    }

    .desktop\:flex-gap-y-xs {
        row-gap: 0.25rem !important;
    }

    .desktop\:flex-gap-sm {
        gap: 0.5rem !important;
    }

    .desktop\:flex-gap-x-sm {
        column-gap: 0.5rem !important;
    }

    .desktop\:flex-gap-y-sm {
        row-gap: 0.5rem !important;
    }

    .desktop\:flex-gap-md {
        gap: 1rem !important;
    }

    .desktop\:flex-gap-x-md {
        column-gap: 1rem !important;
    }

    .desktop\:flex-gap-y-md {
        row-gap: 1rem !important;
    }

    .desktop\:flex-gap-lg {
        gap: 1.5rem !important;
    }

    .desktop\:flex-gap-x-lg {
        column-gap: 1.5rem !important;
    }

    .desktop\:flex-gap-y-lg {
        row-gap: 1.5rem !important;
    }

    .desktop\:flex-gap-xl {
        gap: 2rem !important;
    }

    .desktop\:flex-gap-x-xl {
        column-gap: 2rem !important;
    }

    .desktop\:flex-gap-y-xl {
        row-gap: 2rem !important;
    }
}

@media (min-width: 1400px) {
    .xxl\:flex-row {
        flex-direction: row !important;
    }

    .xxl\:flex-column {
        flex-direction: column !important;
    }

    .xxl\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }

    .xxl\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }

    .xxl\:flex-wrap {
        flex-wrap: wrap !important;
    }

    .xxl\:flex-nowrap {
        flex-wrap: nowrap !important;
    }

    .xxl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .xxl\:flex-fill {
        flex: 1 1 auto !important;
    }

    .xxl\:flex-auto {
        flex: 1 1 auto !important;
    }

    .xxl\:flex-initial {
        flex: 0 1 auto !important;
    }

    .xxl\:flex-none {
        flex: none !important;
    }

    .xxl\:flex-grow-0 {
        flex-grow: 0 !important;
    }

    .xxl\:flex-grow-1 {
        flex-grow: 1 !important;
    }

    .xxl\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }

    .xxl\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }

    .xxl\:flex-order-0 {
        order: 0 !important;
    }

    .xxl\:flex-order-1 {
        order: 1 !important;
    }

    .xxl\:flex-order-2 {
        order: 2 !important;
    }

    .xxl\:flex-order-3 {
        order: 3 !important;
    }

    .xxl\:flex-order-4 {
        order: 4 !important;
    }

    .xxl\:flex-order-5 {
        order: 5 !important;
    }

    .xxl\:flex-order-6 {
        order: 6 !important;
    }

    .xxl\:flex-order-7 {
        order: 7 !important;
    }

    .xxl\:flex-order-8 {
        order: 8 !important;
    }

    .xxl\:flex-order-9 {
        order: 9 !important;
    }

    .xxl\:flex-order-10 {
        order: 10 !important;
    }

    .xxl\:flex-order-11 {
        order: 11 !important;
    }

    .xxl\:flex-order-12 {
        order: 12 !important;
    }

    .xxl\:flex-basis-auto {
        flex-basis: auto !important;
    }

    .xxl\:flex-basis-0 {
        flex-basis: 0 !important;
    }

    .xxl\:flex-basis-1-4 {
        flex-basis: 25% !important;
    }

    .xxl\:flex-basis-1-3 {
        flex-basis: 33.3333% !important;
    }

    .xxl\:flex-basis-1-2 {
        flex-basis: 50% !important;
    }

    .xxl\:flex-basis-2-3 {
        flex-basis: 66.6667% !important;
    }

    .xxl\:flex-basis-3-4 {
        flex-basis: 75% !important;
    }

    .xxl\:flex-basis-full {
        flex-basis: 100% !important;
    }

    .xxl\:flex-gap-0 {
        gap: 0 !important;
    }

    .xxl\:flex-gap-x-0 {
        column-gap: 0 !important;
    }

    .xxl\:flex-gap-y-0 {
        row-gap: 0 !important;
    }

    .xxl\:flex-gap-xs {
        gap: 0.25rem !important;
    }

    .xxl\:flex-gap-x-xs {
        column-gap: 0.25rem !important;
    }

    .xxl\:flex-gap-y-xs {
        row-gap: 0.25rem !important;
    }

    .xxl\:flex-gap-sm {
        gap: 0.5rem !important;
    }

    .xxl\:flex-gap-x-sm {
        column-gap: 0.5rem !important;
    }

    .xxl\:flex-gap-y-sm {
        row-gap: 0.5rem !important;
    }

    .xxl\:flex-gap-md {
        gap: 1rem !important;
    }

    .xxl\:flex-gap-x-md {
        column-gap: 1rem !important;
    }

    .xxl\:flex-gap-y-md {
        row-gap: 1rem !important;
    }

    .xxl\:flex-gap-lg {
        gap: 1.5rem !important;
    }

    .xxl\:flex-gap-x-lg {
        column-gap: 1.5rem !important;
    }

    .xxl\:flex-gap-y-lg {
        row-gap: 1.5rem !important;
    }

    .xxl\:flex-gap-xl {
        gap: 2rem !important;
    }

    .xxl\:flex-gap-x-xl {
        column-gap: 2rem !important;
    }

    .xxl\:flex-gap-y-xl {
        row-gap: 2rem !important;
    }
}

:root {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    --columns: 12;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

@supports not (gap: 1rem) {
    .row {
        margin-top: calc(var(--gutter-y) * -1);
        margin-right: calc(var(--gutter-x) * -0.5);
        margin-left: calc(var(--gutter-x) * -0.5);
    }
}

@supports not (gap: 1rem) {
    .row > * {
        padding-right: calc(var(--gutter-x) * 0.5);
        padding-left: calc(var(--gutter-x) * 0.5);
        margin-top: var(--gutter-y);
    }
}

.row > * {
    min-width: 0;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x, 1.5rem) * 0.5);
    padding-left: calc(var(--gutter-x, 1.5rem) * 0.5);
    margin-top: var(--gutter-y, 0);
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--gutter-y, 0));
    margin-right: calc(-0.5 * var(--gutter-x, 1.5rem));
    margin-left: calc(-0.5 * var(--gutter-x, 1.5rem));
}

.col {
    flex: 1 0 0;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

.col {
    flex: 1 0 0;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.3333333333%;
    }

    .offset-md-2 {
        margin-left: 16.6666666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.3333333333%;
    }

    .offset-md-5 {
        margin-left: 41.6666666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.3333333333%;
    }

    .offset-md-8 {
        margin-left: 66.6666666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.3333333333%;
    }

    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-desktop {
        flex: 1 0 0;
    }

    .col-desktop-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-desktop-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-desktop-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-desktop-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-desktop-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-desktop-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-desktop-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-desktop-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-desktop-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-desktop-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-desktop-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-desktop-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-desktop-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-desktop-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-desktop-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-desktop-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-desktop-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-desktop-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-desktop-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-desktop-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-desktop-0 {
        margin-left: 0;
    }

    .offset-desktop-1 {
        margin-left: 8.3333333333%;
    }

    .offset-desktop-2 {
        margin-left: 16.6666666667%;
    }

    .offset-desktop-3 {
        margin-left: 25%;
    }

    .offset-desktop-4 {
        margin-left: 33.3333333333%;
    }

    .offset-desktop-5 {
        margin-left: 41.6666666667%;
    }

    .offset-desktop-6 {
        margin-left: 50%;
    }

    .offset-desktop-7 {
        margin-left: 58.3333333333%;
    }

    .offset-desktop-8 {
        margin-left: 66.6666666667%;
    }

    .offset-desktop-9 {
        margin-left: 75%;
    }

    .offset-desktop-10 {
        margin-left: 83.3333333333%;
    }

    .offset-desktop-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0;
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.3333333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.6666666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.3333333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.6666666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.3333333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.6666666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.3333333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.6666666667%;
    }
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.row-cols-7 > * {
    flex: 0 0 auto;
    width: 14.2857142857%;
}

.row-cols-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
}

.row-cols-9 > * {
    flex: 0 0 auto;
    width: 11.1111111111%;
}

.row-cols-10 > * {
    flex: 0 0 auto;
    width: 10%;
}

.row-cols-11 > * {
    flex: 0 0 auto;
    width: 9.0909090909%;
}

.row-cols-12 > * {
    flex: 0 0 auto;
    width: 8.3333333333%;
}

.row-cols-xs-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-xs-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-xs-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-xs-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-xs-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-xs-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.row-cols-xs-7 > * {
    flex: 0 0 auto;
    width: 14.2857142857%;
}

.row-cols-xs-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
}

.row-cols-xs-9 > * {
    flex: 0 0 auto;
    width: 11.1111111111%;
}

.row-cols-xs-10 > * {
    flex: 0 0 auto;
    width: 10%;
}

.row-cols-xs-11 > * {
    flex: 0 0 auto;
    width: 9.0909090909%;
}

.row-cols-xs-12 > * {
    flex: 0 0 auto;
    width: 8.3333333333%;
}

.row-cols-mobile-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-mobile-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-mobile-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-mobile-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-mobile-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-mobile-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.row-cols-mobile-7 > * {
    flex: 0 0 auto;
    width: 14.2857142857%;
}

.row-cols-mobile-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
}

.row-cols-mobile-9 > * {
    flex: 0 0 auto;
    width: 11.1111111111%;
}

.row-cols-mobile-10 > * {
    flex: 0 0 auto;
    width: 10%;
}

.row-cols-mobile-11 > * {
    flex: 0 0 auto;
    width: 9.0909090909%;
}

.row-cols-mobile-12 > * {
    flex: 0 0 auto;
    width: 8.3333333333%;
}

@media (min-width: 576px) {
    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .row-cols-sm-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-sm-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-sm-9 > * {
        flex: 0 0 auto;
        width: 11.1111111111%;
    }

    .row-cols-sm-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-sm-11 > * {
        flex: 0 0 auto;
        width: 9.0909090909%;
    }

    .row-cols-sm-12 > * {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
}

@media (min-width: 768px) {
    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .row-cols-md-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-md-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-md-9 > * {
        flex: 0 0 auto;
        width: 11.1111111111%;
    }

    .row-cols-md-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-md-11 > * {
        flex: 0 0 auto;
        width: 9.0909090909%;
    }

    .row-cols-md-12 > * {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
}

@media (min-width: 992px) {
    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .row-cols-lg-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-lg-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-lg-9 > * {
        flex: 0 0 auto;
        width: 11.1111111111%;
    }

    .row-cols-lg-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-lg-11 > * {
        flex: 0 0 auto;
        width: 9.0909090909%;
    }

    .row-cols-lg-12 > * {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
}

@media (min-width: 1200px) {
    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .row-cols-xl-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-xl-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-xl-9 > * {
        flex: 0 0 auto;
        width: 11.1111111111%;
    }

    .row-cols-xl-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-xl-11 > * {
        flex: 0 0 auto;
        width: 9.0909090909%;
    }

    .row-cols-xl-12 > * {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
}

@media (min-width: 1200px) {
    .row-cols-desktop-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-desktop-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-desktop-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-desktop-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-desktop-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-desktop-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .row-cols-desktop-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-desktop-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-desktop-9 > * {
        flex: 0 0 auto;
        width: 11.1111111111%;
    }

    .row-cols-desktop-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-desktop-11 > * {
        flex: 0 0 auto;
        width: 9.0909090909%;
    }

    .row-cols-desktop-12 > * {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
}

@media (min-width: 1400px) {
    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .row-cols-xxl-7 > * {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .row-cols-xxl-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-xxl-9 > * {
        flex: 0 0 auto;
        width: 11.1111111111%;
    }

    .row-cols-xxl-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-xxl-11 > * {
        flex: 0 0 auto;
        width: 9.0909090909%;
    }

    .row-cols-xxl-12 > * {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
}

.grid {
    display: grid;
    grid-template-columns: repeat(var(--columns, 12), minmax(0, 1fr));
    grid-template-rows: repeat(var(--rows, 1), auto);
    grid-auto-rows: var(--auto-rows, auto);
    grid-auto-flow: var(--auto-flow, row);
    gap: var(--gap, var(--gutter-y) var(--gutter-x));
}

.g-col-1 {
    grid-column: auto/span 1;
}

.g-col-2 {
    grid-column: auto/span 2;
}

.g-col-3 {
    grid-column: auto/span 3;
}

.g-col-4 {
    grid-column: auto/span 4;
}

.g-col-5 {
    grid-column: auto/span 5;
}

.g-col-6 {
    grid-column: auto/span 6;
}

.g-col-7 {
    grid-column: auto/span 7;
}

.g-col-8 {
    grid-column: auto/span 8;
}

.g-col-9 {
    grid-column: auto/span 9;
}

.g-col-10 {
    grid-column: auto/span 10;
}

.g-col-11 {
    grid-column: auto/span 11;
}

.g-col-12 {
    grid-column: auto/span 12;
}

.g-start-1 {
    grid-column-start: 1;
}

.g-start-2 {
    grid-column-start: 2;
}

.g-start-3 {
    grid-column-start: 3;
}

.g-start-4 {
    grid-column-start: 4;
}

.g-start-5 {
    grid-column-start: 5;
}

.g-start-6 {
    grid-column-start: 6;
}

.g-start-7 {
    grid-column-start: 7;
}

.g-start-8 {
    grid-column-start: 8;
}

.g-start-9 {
    grid-column-start: 9;
}

.g-start-10 {
    grid-column-start: 10;
}

.g-start-11 {
    grid-column-start: 11;
}

.g-col-1 {
    grid-column: auto/span 1;
}

.g-col-2 {
    grid-column: auto/span 2;
}

.g-col-3 {
    grid-column: auto/span 3;
}

.g-col-4 {
    grid-column: auto/span 4;
}

.g-col-5 {
    grid-column: auto/span 5;
}

.g-col-6 {
    grid-column: auto/span 6;
}

.g-col-7 {
    grid-column: auto/span 7;
}

.g-col-8 {
    grid-column: auto/span 8;
}

.g-col-9 {
    grid-column: auto/span 9;
}

.g-col-10 {
    grid-column: auto/span 10;
}

.g-col-11 {
    grid-column: auto/span 11;
}

.g-col-12 {
    grid-column: auto/span 12;
}

.g-start-1 {
    grid-column-start: 1;
}

.g-start-2 {
    grid-column-start: 2;
}

.g-start-3 {
    grid-column-start: 3;
}

.g-start-4 {
    grid-column-start: 4;
}

.g-start-5 {
    grid-column-start: 5;
}

.g-start-6 {
    grid-column-start: 6;
}

.g-start-7 {
    grid-column-start: 7;
}

.g-start-8 {
    grid-column-start: 8;
}

.g-start-9 {
    grid-column-start: 9;
}

.g-start-10 {
    grid-column-start: 10;
}

.g-start-11 {
    grid-column-start: 11;
}

@media (min-width: 576px) {
    .g-col-sm-1 {
        grid-column: auto/span 1;
    }

    .g-col-sm-2 {
        grid-column: auto/span 2;
    }

    .g-col-sm-3 {
        grid-column: auto/span 3;
    }

    .g-col-sm-4 {
        grid-column: auto/span 4;
    }

    .g-col-sm-5 {
        grid-column: auto/span 5;
    }

    .g-col-sm-6 {
        grid-column: auto/span 6;
    }

    .g-col-sm-7 {
        grid-column: auto/span 7;
    }

    .g-col-sm-8 {
        grid-column: auto/span 8;
    }

    .g-col-sm-9 {
        grid-column: auto/span 9;
    }

    .g-col-sm-10 {
        grid-column: auto/span 10;
    }

    .g-col-sm-11 {
        grid-column: auto/span 11;
    }

    .g-col-sm-12 {
        grid-column: auto/span 12;
    }

    .g-start-sm-1 {
        grid-column-start: 1;
    }

    .g-start-sm-2 {
        grid-column-start: 2;
    }

    .g-start-sm-3 {
        grid-column-start: 3;
    }

    .g-start-sm-4 {
        grid-column-start: 4;
    }

    .g-start-sm-5 {
        grid-column-start: 5;
    }

    .g-start-sm-6 {
        grid-column-start: 6;
    }

    .g-start-sm-7 {
        grid-column-start: 7;
    }

    .g-start-sm-8 {
        grid-column-start: 8;
    }

    .g-start-sm-9 {
        grid-column-start: 9;
    }

    .g-start-sm-10 {
        grid-column-start: 10;
    }

    .g-start-sm-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 768px) {
    .g-col-md-1 {
        grid-column: auto/span 1;
    }

    .g-col-md-2 {
        grid-column: auto/span 2;
    }

    .g-col-md-3 {
        grid-column: auto/span 3;
    }

    .g-col-md-4 {
        grid-column: auto/span 4;
    }

    .g-col-md-5 {
        grid-column: auto/span 5;
    }

    .g-col-md-6 {
        grid-column: auto/span 6;
    }

    .g-col-md-7 {
        grid-column: auto/span 7;
    }

    .g-col-md-8 {
        grid-column: auto/span 8;
    }

    .g-col-md-9 {
        grid-column: auto/span 9;
    }

    .g-col-md-10 {
        grid-column: auto/span 10;
    }

    .g-col-md-11 {
        grid-column: auto/span 11;
    }

    .g-col-md-12 {
        grid-column: auto/span 12;
    }

    .g-start-md-1 {
        grid-column-start: 1;
    }

    .g-start-md-2 {
        grid-column-start: 2;
    }

    .g-start-md-3 {
        grid-column-start: 3;
    }

    .g-start-md-4 {
        grid-column-start: 4;
    }

    .g-start-md-5 {
        grid-column-start: 5;
    }

    .g-start-md-6 {
        grid-column-start: 6;
    }

    .g-start-md-7 {
        grid-column-start: 7;
    }

    .g-start-md-8 {
        grid-column-start: 8;
    }

    .g-start-md-9 {
        grid-column-start: 9;
    }

    .g-start-md-10 {
        grid-column-start: 10;
    }

    .g-start-md-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 992px) {
    .g-col-lg-1 {
        grid-column: auto/span 1;
    }

    .g-col-lg-2 {
        grid-column: auto/span 2;
    }

    .g-col-lg-3 {
        grid-column: auto/span 3;
    }

    .g-col-lg-4 {
        grid-column: auto/span 4;
    }

    .g-col-lg-5 {
        grid-column: auto/span 5;
    }

    .g-col-lg-6 {
        grid-column: auto/span 6;
    }

    .g-col-lg-7 {
        grid-column: auto/span 7;
    }

    .g-col-lg-8 {
        grid-column: auto/span 8;
    }

    .g-col-lg-9 {
        grid-column: auto/span 9;
    }

    .g-col-lg-10 {
        grid-column: auto/span 10;
    }

    .g-col-lg-11 {
        grid-column: auto/span 11;
    }

    .g-col-lg-12 {
        grid-column: auto/span 12;
    }

    .g-start-lg-1 {
        grid-column-start: 1;
    }

    .g-start-lg-2 {
        grid-column-start: 2;
    }

    .g-start-lg-3 {
        grid-column-start: 3;
    }

    .g-start-lg-4 {
        grid-column-start: 4;
    }

    .g-start-lg-5 {
        grid-column-start: 5;
    }

    .g-start-lg-6 {
        grid-column-start: 6;
    }

    .g-start-lg-7 {
        grid-column-start: 7;
    }

    .g-start-lg-8 {
        grid-column-start: 8;
    }

    .g-start-lg-9 {
        grid-column-start: 9;
    }

    .g-start-lg-10 {
        grid-column-start: 10;
    }

    .g-start-lg-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 1200px) {
    .g-col-xl-1 {
        grid-column: auto/span 1;
    }

    .g-col-xl-2 {
        grid-column: auto/span 2;
    }

    .g-col-xl-3 {
        grid-column: auto/span 3;
    }

    .g-col-xl-4 {
        grid-column: auto/span 4;
    }

    .g-col-xl-5 {
        grid-column: auto/span 5;
    }

    .g-col-xl-6 {
        grid-column: auto/span 6;
    }

    .g-col-xl-7 {
        grid-column: auto/span 7;
    }

    .g-col-xl-8 {
        grid-column: auto/span 8;
    }

    .g-col-xl-9 {
        grid-column: auto/span 9;
    }

    .g-col-xl-10 {
        grid-column: auto/span 10;
    }

    .g-col-xl-11 {
        grid-column: auto/span 11;
    }

    .g-col-xl-12 {
        grid-column: auto/span 12;
    }

    .g-start-xl-1 {
        grid-column-start: 1;
    }

    .g-start-xl-2 {
        grid-column-start: 2;
    }

    .g-start-xl-3 {
        grid-column-start: 3;
    }

    .g-start-xl-4 {
        grid-column-start: 4;
    }

    .g-start-xl-5 {
        grid-column-start: 5;
    }

    .g-start-xl-6 {
        grid-column-start: 6;
    }

    .g-start-xl-7 {
        grid-column-start: 7;
    }

    .g-start-xl-8 {
        grid-column-start: 8;
    }

    .g-start-xl-9 {
        grid-column-start: 9;
    }

    .g-start-xl-10 {
        grid-column-start: 10;
    }

    .g-start-xl-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 1200px) {
    .g-col-desktop-1 {
        grid-column: auto/span 1;
    }

    .g-col-desktop-2 {
        grid-column: auto/span 2;
    }

    .g-col-desktop-3 {
        grid-column: auto/span 3;
    }

    .g-col-desktop-4 {
        grid-column: auto/span 4;
    }

    .g-col-desktop-5 {
        grid-column: auto/span 5;
    }

    .g-col-desktop-6 {
        grid-column: auto/span 6;
    }

    .g-col-desktop-7 {
        grid-column: auto/span 7;
    }

    .g-col-desktop-8 {
        grid-column: auto/span 8;
    }

    .g-col-desktop-9 {
        grid-column: auto/span 9;
    }

    .g-col-desktop-10 {
        grid-column: auto/span 10;
    }

    .g-col-desktop-11 {
        grid-column: auto/span 11;
    }

    .g-col-desktop-12 {
        grid-column: auto/span 12;
    }

    .g-start-desktop-1 {
        grid-column-start: 1;
    }

    .g-start-desktop-2 {
        grid-column-start: 2;
    }

    .g-start-desktop-3 {
        grid-column-start: 3;
    }

    .g-start-desktop-4 {
        grid-column-start: 4;
    }

    .g-start-desktop-5 {
        grid-column-start: 5;
    }

    .g-start-desktop-6 {
        grid-column-start: 6;
    }

    .g-start-desktop-7 {
        grid-column-start: 7;
    }

    .g-start-desktop-8 {
        grid-column-start: 8;
    }

    .g-start-desktop-9 {
        grid-column-start: 9;
    }

    .g-start-desktop-10 {
        grid-column-start: 10;
    }

    .g-start-desktop-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 1400px) {
    .g-col-xxl-1 {
        grid-column: auto/span 1;
    }

    .g-col-xxl-2 {
        grid-column: auto/span 2;
    }

    .g-col-xxl-3 {
        grid-column: auto/span 3;
    }

    .g-col-xxl-4 {
        grid-column: auto/span 4;
    }

    .g-col-xxl-5 {
        grid-column: auto/span 5;
    }

    .g-col-xxl-6 {
        grid-column: auto/span 6;
    }

    .g-col-xxl-7 {
        grid-column: auto/span 7;
    }

    .g-col-xxl-8 {
        grid-column: auto/span 8;
    }

    .g-col-xxl-9 {
        grid-column: auto/span 9;
    }

    .g-col-xxl-10 {
        grid-column: auto/span 10;
    }

    .g-col-xxl-11 {
        grid-column: auto/span 11;
    }

    .g-col-xxl-12 {
        grid-column: auto/span 12;
    }

    .g-start-xxl-1 {
        grid-column-start: 1;
    }

    .g-start-xxl-2 {
        grid-column-start: 2;
    }

    .g-start-xxl-3 {
        grid-column-start: 3;
    }

    .g-start-xxl-4 {
        grid-column-start: 4;
    }

    .g-start-xxl-5 {
        grid-column-start: 5;
    }

    .g-start-xxl-6 {
        grid-column-start: 6;
    }

    .g-start-xxl-7 {
        grid-column-start: 7;
    }

    .g-start-xxl-8 {
        grid-column-start: 8;
    }

    .g-start-xxl-9 {
        grid-column-start: 9;
    }

    .g-start-xxl-10 {
        grid-column-start: 10;
    }

    .g-start-xxl-11 {
        grid-column-start: 11;
    }
}

.col-span-1 {
    grid-column: span 1;
}

.col-span-2 {
    grid-column: span 2;
}

.col-span-3 {
    grid-column: span 3;
}

.col-span-4 {
    grid-column: span 4;
}

.col-span-5 {
    grid-column: span 5;
}

.col-span-6 {
    grid-column: span 6;
}

.col-span-7 {
    grid-column: span 7;
}

.col-span-8 {
    grid-column: span 8;
}

.col-span-9 {
    grid-column: span 9;
}

.col-span-10 {
    grid-column: span 10;
}

.col-span-11 {
    grid-column: span 11;
}

.col-span-12 {
    grid-column: span 12;
}

.row-span-1 {
    grid-row: span 1;
}

.row-span-2 {
    grid-row: span 2;
}

.row-span-3 {
    grid-row: span 3;
}

.row-span-4 {
    grid-row: span 4;
}

.row-span-5 {
    grid-row: span 5;
}

.row-span-6 {
    grid-row: span 6;
}

.row-span-7 {
    grid-row: span 7;
}

.row-span-8 {
    grid-row: span 8;
}

.row-span-9 {
    grid-row: span 9;
}

.row-span-10 {
    grid-row: span 10;
}

.row-span-11 {
    grid-row: span 11;
}

.row-span-12 {
    grid-row: span 12;
}

.col-start-1 {
    grid-column-start: 1;
}

.col-end-1 {
    grid-column-end: 1;
}

.row-start-1 {
    grid-row-start: 1;
}

.row-end-1 {
    grid-row-end: 1;
}

.col-start-2 {
    grid-column-start: 2;
}

.col-end-2 {
    grid-column-end: 2;
}

.row-start-2 {
    grid-row-start: 2;
}

.row-end-2 {
    grid-row-end: 2;
}

.col-start-3 {
    grid-column-start: 3;
}

.col-end-3 {
    grid-column-end: 3;
}

.row-start-3 {
    grid-row-start: 3;
}

.row-end-3 {
    grid-row-end: 3;
}

.col-start-4 {
    grid-column-start: 4;
}

.col-end-4 {
    grid-column-end: 4;
}

.row-start-4 {
    grid-row-start: 4;
}

.row-end-4 {
    grid-row-end: 4;
}

.col-start-5 {
    grid-column-start: 5;
}

.col-end-5 {
    grid-column-end: 5;
}

.row-start-5 {
    grid-row-start: 5;
}

.row-end-5 {
    grid-row-end: 5;
}

.col-start-6 {
    grid-column-start: 6;
}

.col-end-6 {
    grid-column-end: 6;
}

.row-start-6 {
    grid-row-start: 6;
}

.row-end-6 {
    grid-row-end: 6;
}

.col-start-7 {
    grid-column-start: 7;
}

.col-end-7 {
    grid-column-end: 7;
}

.row-start-7 {
    grid-row-start: 7;
}

.row-end-7 {
    grid-row-end: 7;
}

.col-start-8 {
    grid-column-start: 8;
}

.col-end-8 {
    grid-column-end: 8;
}

.row-start-8 {
    grid-row-start: 8;
}

.row-end-8 {
    grid-row-end: 8;
}

.col-start-9 {
    grid-column-start: 9;
}

.col-end-9 {
    grid-column-end: 9;
}

.row-start-9 {
    grid-row-start: 9;
}

.row-end-9 {
    grid-row-end: 9;
}

.col-start-10 {
    grid-column-start: 10;
}

.col-end-10 {
    grid-column-end: 10;
}

.row-start-10 {
    grid-row-start: 10;
}

.row-end-10 {
    grid-row-end: 10;
}

.col-start-11 {
    grid-column-start: 11;
}

.col-end-11 {
    grid-column-end: 11;
}

.row-start-11 {
    grid-row-start: 11;
}

.row-end-11 {
    grid-row-end: 11;
}

.col-start-12 {
    grid-column-start: 12;
}

.col-end-12 {
    grid-column-end: 12;
}

.row-start-12 {
    grid-row-start: 12;
}

.row-end-12 {
    grid-row-end: 12;
}

.col-start-13 {
    grid-column-start: 13;
}

.col-end-13 {
    grid-column-end: 13;
}

.row-start-13 {
    grid-row-start: 13;
}

.row-end-13 {
    grid-row-end: 13;
}

.col-span-xs-1 {
    grid-column: span 1;
}

.row-span-xs-1 {
    grid-row: span 1;
}

.col-span-xs-2 {
    grid-column: span 2;
}

.row-span-xs-2 {
    grid-row: span 2;
}

.col-span-xs-3 {
    grid-column: span 3;
}

.row-span-xs-3 {
    grid-row: span 3;
}

.col-span-xs-4 {
    grid-column: span 4;
}

.row-span-xs-4 {
    grid-row: span 4;
}

.col-span-xs-5 {
    grid-column: span 5;
}

.row-span-xs-5 {
    grid-row: span 5;
}

.col-span-xs-6 {
    grid-column: span 6;
}

.row-span-xs-6 {
    grid-row: span 6;
}

.col-span-xs-7 {
    grid-column: span 7;
}

.row-span-xs-7 {
    grid-row: span 7;
}

.col-span-xs-8 {
    grid-column: span 8;
}

.row-span-xs-8 {
    grid-row: span 8;
}

.col-span-xs-9 {
    grid-column: span 9;
}

.row-span-xs-9 {
    grid-row: span 9;
}

.col-span-xs-10 {
    grid-column: span 10;
}

.row-span-xs-10 {
    grid-row: span 10;
}

.col-span-xs-11 {
    grid-column: span 11;
}

.row-span-xs-11 {
    grid-row: span 11;
}

.col-span-xs-12 {
    grid-column: span 12;
}

.row-span-xs-12 {
    grid-row: span 12;
}

.col-start-xs-1 {
    grid-column-start: 1;
}

.col-end-xs-1 {
    grid-column-end: 1;
}

.row-start-xs-1 {
    grid-row-start: 1;
}

.row-end-xs-1 {
    grid-row-end: 1;
}

.col-start-xs-2 {
    grid-column-start: 2;
}

.col-end-xs-2 {
    grid-column-end: 2;
}

.row-start-xs-2 {
    grid-row-start: 2;
}

.row-end-xs-2 {
    grid-row-end: 2;
}

.col-start-xs-3 {
    grid-column-start: 3;
}

.col-end-xs-3 {
    grid-column-end: 3;
}

.row-start-xs-3 {
    grid-row-start: 3;
}

.row-end-xs-3 {
    grid-row-end: 3;
}

.col-start-xs-4 {
    grid-column-start: 4;
}

.col-end-xs-4 {
    grid-column-end: 4;
}

.row-start-xs-4 {
    grid-row-start: 4;
}

.row-end-xs-4 {
    grid-row-end: 4;
}

.col-start-xs-5 {
    grid-column-start: 5;
}

.col-end-xs-5 {
    grid-column-end: 5;
}

.row-start-xs-5 {
    grid-row-start: 5;
}

.row-end-xs-5 {
    grid-row-end: 5;
}

.col-start-xs-6 {
    grid-column-start: 6;
}

.col-end-xs-6 {
    grid-column-end: 6;
}

.row-start-xs-6 {
    grid-row-start: 6;
}

.row-end-xs-6 {
    grid-row-end: 6;
}

.col-start-xs-7 {
    grid-column-start: 7;
}

.col-end-xs-7 {
    grid-column-end: 7;
}

.row-start-xs-7 {
    grid-row-start: 7;
}

.row-end-xs-7 {
    grid-row-end: 7;
}

.col-start-xs-8 {
    grid-column-start: 8;
}

.col-end-xs-8 {
    grid-column-end: 8;
}

.row-start-xs-8 {
    grid-row-start: 8;
}

.row-end-xs-8 {
    grid-row-end: 8;
}

.col-start-xs-9 {
    grid-column-start: 9;
}

.col-end-xs-9 {
    grid-column-end: 9;
}

.row-start-xs-9 {
    grid-row-start: 9;
}

.row-end-xs-9 {
    grid-row-end: 9;
}

.col-start-xs-10 {
    grid-column-start: 10;
}

.col-end-xs-10 {
    grid-column-end: 10;
}

.row-start-xs-10 {
    grid-row-start: 10;
}

.row-end-xs-10 {
    grid-row-end: 10;
}

.col-start-xs-11 {
    grid-column-start: 11;
}

.col-end-xs-11 {
    grid-column-end: 11;
}

.row-start-xs-11 {
    grid-row-start: 11;
}

.row-end-xs-11 {
    grid-row-end: 11;
}

.col-start-xs-12 {
    grid-column-start: 12;
}

.col-end-xs-12 {
    grid-column-end: 12;
}

.row-start-xs-12 {
    grid-row-start: 12;
}

.row-end-xs-12 {
    grid-row-end: 12;
}

.col-start-xs-13 {
    grid-column-start: 13;
}

.col-end-xs-13 {
    grid-column-end: 13;
}

.row-start-xs-13 {
    grid-row-start: 13;
}

.row-end-xs-13 {
    grid-row-end: 13;
}

.col-span-mobile-1 {
    grid-column: span 1;
}

.row-span-mobile-1 {
    grid-row: span 1;
}

.col-span-mobile-2 {
    grid-column: span 2;
}

.row-span-mobile-2 {
    grid-row: span 2;
}

.col-span-mobile-3 {
    grid-column: span 3;
}

.row-span-mobile-3 {
    grid-row: span 3;
}

.col-span-mobile-4 {
    grid-column: span 4;
}

.row-span-mobile-4 {
    grid-row: span 4;
}

.col-span-mobile-5 {
    grid-column: span 5;
}

.row-span-mobile-5 {
    grid-row: span 5;
}

.col-span-mobile-6 {
    grid-column: span 6;
}

.row-span-mobile-6 {
    grid-row: span 6;
}

.col-span-mobile-7 {
    grid-column: span 7;
}

.row-span-mobile-7 {
    grid-row: span 7;
}

.col-span-mobile-8 {
    grid-column: span 8;
}

.row-span-mobile-8 {
    grid-row: span 8;
}

.col-span-mobile-9 {
    grid-column: span 9;
}

.row-span-mobile-9 {
    grid-row: span 9;
}

.col-span-mobile-10 {
    grid-column: span 10;
}

.row-span-mobile-10 {
    grid-row: span 10;
}

.col-span-mobile-11 {
    grid-column: span 11;
}

.row-span-mobile-11 {
    grid-row: span 11;
}

.col-span-mobile-12 {
    grid-column: span 12;
}

.row-span-mobile-12 {
    grid-row: span 12;
}

.col-start-mobile-1 {
    grid-column-start: 1;
}

.col-end-mobile-1 {
    grid-column-end: 1;
}

.row-start-mobile-1 {
    grid-row-start: 1;
}

.row-end-mobile-1 {
    grid-row-end: 1;
}

.col-start-mobile-2 {
    grid-column-start: 2;
}

.col-end-mobile-2 {
    grid-column-end: 2;
}

.row-start-mobile-2 {
    grid-row-start: 2;
}

.row-end-mobile-2 {
    grid-row-end: 2;
}

.col-start-mobile-3 {
    grid-column-start: 3;
}

.col-end-mobile-3 {
    grid-column-end: 3;
}

.row-start-mobile-3 {
    grid-row-start: 3;
}

.row-end-mobile-3 {
    grid-row-end: 3;
}

.col-start-mobile-4 {
    grid-column-start: 4;
}

.col-end-mobile-4 {
    grid-column-end: 4;
}

.row-start-mobile-4 {
    grid-row-start: 4;
}

.row-end-mobile-4 {
    grid-row-end: 4;
}

.col-start-mobile-5 {
    grid-column-start: 5;
}

.col-end-mobile-5 {
    grid-column-end: 5;
}

.row-start-mobile-5 {
    grid-row-start: 5;
}

.row-end-mobile-5 {
    grid-row-end: 5;
}

.col-start-mobile-6 {
    grid-column-start: 6;
}

.col-end-mobile-6 {
    grid-column-end: 6;
}

.row-start-mobile-6 {
    grid-row-start: 6;
}

.row-end-mobile-6 {
    grid-row-end: 6;
}

.col-start-mobile-7 {
    grid-column-start: 7;
}

.col-end-mobile-7 {
    grid-column-end: 7;
}

.row-start-mobile-7 {
    grid-row-start: 7;
}

.row-end-mobile-7 {
    grid-row-end: 7;
}

.col-start-mobile-8 {
    grid-column-start: 8;
}

.col-end-mobile-8 {
    grid-column-end: 8;
}

.row-start-mobile-8 {
    grid-row-start: 8;
}

.row-end-mobile-8 {
    grid-row-end: 8;
}

.col-start-mobile-9 {
    grid-column-start: 9;
}

.col-end-mobile-9 {
    grid-column-end: 9;
}

.row-start-mobile-9 {
    grid-row-start: 9;
}

.row-end-mobile-9 {
    grid-row-end: 9;
}

.col-start-mobile-10 {
    grid-column-start: 10;
}

.col-end-mobile-10 {
    grid-column-end: 10;
}

.row-start-mobile-10 {
    grid-row-start: 10;
}

.row-end-mobile-10 {
    grid-row-end: 10;
}

.col-start-mobile-11 {
    grid-column-start: 11;
}

.col-end-mobile-11 {
    grid-column-end: 11;
}

.row-start-mobile-11 {
    grid-row-start: 11;
}

.row-end-mobile-11 {
    grid-row-end: 11;
}

.col-start-mobile-12 {
    grid-column-start: 12;
}

.col-end-mobile-12 {
    grid-column-end: 12;
}

.row-start-mobile-12 {
    grid-row-start: 12;
}

.row-end-mobile-12 {
    grid-row-end: 12;
}

.col-start-mobile-13 {
    grid-column-start: 13;
}

.col-end-mobile-13 {
    grid-column-end: 13;
}

.row-start-mobile-13 {
    grid-row-start: 13;
}

.row-end-mobile-13 {
    grid-row-end: 13;
}

@media (min-width: 576px) {
    .col-span-sm-1 {
        grid-column: span 1;
    }

    .row-span-sm-1 {
        grid-row: span 1;
    }

    .col-span-sm-2 {
        grid-column: span 2;
    }

    .row-span-sm-2 {
        grid-row: span 2;
    }

    .col-span-sm-3 {
        grid-column: span 3;
    }

    .row-span-sm-3 {
        grid-row: span 3;
    }

    .col-span-sm-4 {
        grid-column: span 4;
    }

    .row-span-sm-4 {
        grid-row: span 4;
    }

    .col-span-sm-5 {
        grid-column: span 5;
    }

    .row-span-sm-5 {
        grid-row: span 5;
    }

    .col-span-sm-6 {
        grid-column: span 6;
    }

    .row-span-sm-6 {
        grid-row: span 6;
    }

    .col-span-sm-7 {
        grid-column: span 7;
    }

    .row-span-sm-7 {
        grid-row: span 7;
    }

    .col-span-sm-8 {
        grid-column: span 8;
    }

    .row-span-sm-8 {
        grid-row: span 8;
    }

    .col-span-sm-9 {
        grid-column: span 9;
    }

    .row-span-sm-9 {
        grid-row: span 9;
    }

    .col-span-sm-10 {
        grid-column: span 10;
    }

    .row-span-sm-10 {
        grid-row: span 10;
    }

    .col-span-sm-11 {
        grid-column: span 11;
    }

    .row-span-sm-11 {
        grid-row: span 11;
    }

    .col-span-sm-12 {
        grid-column: span 12;
    }

    .row-span-sm-12 {
        grid-row: span 12;
    }

    .col-start-sm-1 {
        grid-column-start: 1;
    }

    .col-end-sm-1 {
        grid-column-end: 1;
    }

    .row-start-sm-1 {
        grid-row-start: 1;
    }

    .row-end-sm-1 {
        grid-row-end: 1;
    }

    .col-start-sm-2 {
        grid-column-start: 2;
    }

    .col-end-sm-2 {
        grid-column-end: 2;
    }

    .row-start-sm-2 {
        grid-row-start: 2;
    }

    .row-end-sm-2 {
        grid-row-end: 2;
    }

    .col-start-sm-3 {
        grid-column-start: 3;
    }

    .col-end-sm-3 {
        grid-column-end: 3;
    }

    .row-start-sm-3 {
        grid-row-start: 3;
    }

    .row-end-sm-3 {
        grid-row-end: 3;
    }

    .col-start-sm-4 {
        grid-column-start: 4;
    }

    .col-end-sm-4 {
        grid-column-end: 4;
    }

    .row-start-sm-4 {
        grid-row-start: 4;
    }

    .row-end-sm-4 {
        grid-row-end: 4;
    }

    .col-start-sm-5 {
        grid-column-start: 5;
    }

    .col-end-sm-5 {
        grid-column-end: 5;
    }

    .row-start-sm-5 {
        grid-row-start: 5;
    }

    .row-end-sm-5 {
        grid-row-end: 5;
    }

    .col-start-sm-6 {
        grid-column-start: 6;
    }

    .col-end-sm-6 {
        grid-column-end: 6;
    }

    .row-start-sm-6 {
        grid-row-start: 6;
    }

    .row-end-sm-6 {
        grid-row-end: 6;
    }

    .col-start-sm-7 {
        grid-column-start: 7;
    }

    .col-end-sm-7 {
        grid-column-end: 7;
    }

    .row-start-sm-7 {
        grid-row-start: 7;
    }

    .row-end-sm-7 {
        grid-row-end: 7;
    }

    .col-start-sm-8 {
        grid-column-start: 8;
    }

    .col-end-sm-8 {
        grid-column-end: 8;
    }

    .row-start-sm-8 {
        grid-row-start: 8;
    }

    .row-end-sm-8 {
        grid-row-end: 8;
    }

    .col-start-sm-9 {
        grid-column-start: 9;
    }

    .col-end-sm-9 {
        grid-column-end: 9;
    }

    .row-start-sm-9 {
        grid-row-start: 9;
    }

    .row-end-sm-9 {
        grid-row-end: 9;
    }

    .col-start-sm-10 {
        grid-column-start: 10;
    }

    .col-end-sm-10 {
        grid-column-end: 10;
    }

    .row-start-sm-10 {
        grid-row-start: 10;
    }

    .row-end-sm-10 {
        grid-row-end: 10;
    }

    .col-start-sm-11 {
        grid-column-start: 11;
    }

    .col-end-sm-11 {
        grid-column-end: 11;
    }

    .row-start-sm-11 {
        grid-row-start: 11;
    }

    .row-end-sm-11 {
        grid-row-end: 11;
    }

    .col-start-sm-12 {
        grid-column-start: 12;
    }

    .col-end-sm-12 {
        grid-column-end: 12;
    }

    .row-start-sm-12 {
        grid-row-start: 12;
    }

    .row-end-sm-12 {
        grid-row-end: 12;
    }

    .col-start-sm-13 {
        grid-column-start: 13;
    }

    .col-end-sm-13 {
        grid-column-end: 13;
    }

    .row-start-sm-13 {
        grid-row-start: 13;
    }

    .row-end-sm-13 {
        grid-row-end: 13;
    }
}

@media (min-width: 768px) {
    .col-span-md-1 {
        grid-column: span 1;
    }

    .row-span-md-1 {
        grid-row: span 1;
    }

    .col-span-md-2 {
        grid-column: span 2;
    }

    .row-span-md-2 {
        grid-row: span 2;
    }

    .col-span-md-3 {
        grid-column: span 3;
    }

    .row-span-md-3 {
        grid-row: span 3;
    }

    .col-span-md-4 {
        grid-column: span 4;
    }

    .row-span-md-4 {
        grid-row: span 4;
    }

    .col-span-md-5 {
        grid-column: span 5;
    }

    .row-span-md-5 {
        grid-row: span 5;
    }

    .col-span-md-6 {
        grid-column: span 6;
    }

    .row-span-md-6 {
        grid-row: span 6;
    }

    .col-span-md-7 {
        grid-column: span 7;
    }

    .row-span-md-7 {
        grid-row: span 7;
    }

    .col-span-md-8 {
        grid-column: span 8;
    }

    .row-span-md-8 {
        grid-row: span 8;
    }

    .col-span-md-9 {
        grid-column: span 9;
    }

    .row-span-md-9 {
        grid-row: span 9;
    }

    .col-span-md-10 {
        grid-column: span 10;
    }

    .row-span-md-10 {
        grid-row: span 10;
    }

    .col-span-md-11 {
        grid-column: span 11;
    }

    .row-span-md-11 {
        grid-row: span 11;
    }

    .col-span-md-12 {
        grid-column: span 12;
    }

    .row-span-md-12 {
        grid-row: span 12;
    }

    .col-start-md-1 {
        grid-column-start: 1;
    }

    .col-end-md-1 {
        grid-column-end: 1;
    }

    .row-start-md-1 {
        grid-row-start: 1;
    }

    .row-end-md-1 {
        grid-row-end: 1;
    }

    .col-start-md-2 {
        grid-column-start: 2;
    }

    .col-end-md-2 {
        grid-column-end: 2;
    }

    .row-start-md-2 {
        grid-row-start: 2;
    }

    .row-end-md-2 {
        grid-row-end: 2;
    }

    .col-start-md-3 {
        grid-column-start: 3;
    }

    .col-end-md-3 {
        grid-column-end: 3;
    }

    .row-start-md-3 {
        grid-row-start: 3;
    }

    .row-end-md-3 {
        grid-row-end: 3;
    }

    .col-start-md-4 {
        grid-column-start: 4;
    }

    .col-end-md-4 {
        grid-column-end: 4;
    }

    .row-start-md-4 {
        grid-row-start: 4;
    }

    .row-end-md-4 {
        grid-row-end: 4;
    }

    .col-start-md-5 {
        grid-column-start: 5;
    }

    .col-end-md-5 {
        grid-column-end: 5;
    }

    .row-start-md-5 {
        grid-row-start: 5;
    }

    .row-end-md-5 {
        grid-row-end: 5;
    }

    .col-start-md-6 {
        grid-column-start: 6;
    }

    .col-end-md-6 {
        grid-column-end: 6;
    }

    .row-start-md-6 {
        grid-row-start: 6;
    }

    .row-end-md-6 {
        grid-row-end: 6;
    }

    .col-start-md-7 {
        grid-column-start: 7;
    }

    .col-end-md-7 {
        grid-column-end: 7;
    }

    .row-start-md-7 {
        grid-row-start: 7;
    }

    .row-end-md-7 {
        grid-row-end: 7;
    }

    .col-start-md-8 {
        grid-column-start: 8;
    }

    .col-end-md-8 {
        grid-column-end: 8;
    }

    .row-start-md-8 {
        grid-row-start: 8;
    }

    .row-end-md-8 {
        grid-row-end: 8;
    }

    .col-start-md-9 {
        grid-column-start: 9;
    }

    .col-end-md-9 {
        grid-column-end: 9;
    }

    .row-start-md-9 {
        grid-row-start: 9;
    }

    .row-end-md-9 {
        grid-row-end: 9;
    }

    .col-start-md-10 {
        grid-column-start: 10;
    }

    .col-end-md-10 {
        grid-column-end: 10;
    }

    .row-start-md-10 {
        grid-row-start: 10;
    }

    .row-end-md-10 {
        grid-row-end: 10;
    }

    .col-start-md-11 {
        grid-column-start: 11;
    }

    .col-end-md-11 {
        grid-column-end: 11;
    }

    .row-start-md-11 {
        grid-row-start: 11;
    }

    .row-end-md-11 {
        grid-row-end: 11;
    }

    .col-start-md-12 {
        grid-column-start: 12;
    }

    .col-end-md-12 {
        grid-column-end: 12;
    }

    .row-start-md-12 {
        grid-row-start: 12;
    }

    .row-end-md-12 {
        grid-row-end: 12;
    }

    .col-start-md-13 {
        grid-column-start: 13;
    }

    .col-end-md-13 {
        grid-column-end: 13;
    }

    .row-start-md-13 {
        grid-row-start: 13;
    }

    .row-end-md-13 {
        grid-row-end: 13;
    }
}

@media (min-width: 992px) {
    .col-span-lg-1 {
        grid-column: span 1;
    }

    .row-span-lg-1 {
        grid-row: span 1;
    }

    .col-span-lg-2 {
        grid-column: span 2;
    }

    .row-span-lg-2 {
        grid-row: span 2;
    }

    .col-span-lg-3 {
        grid-column: span 3;
    }

    .row-span-lg-3 {
        grid-row: span 3;
    }

    .col-span-lg-4 {
        grid-column: span 4;
    }

    .row-span-lg-4 {
        grid-row: span 4;
    }

    .col-span-lg-5 {
        grid-column: span 5;
    }

    .row-span-lg-5 {
        grid-row: span 5;
    }

    .col-span-lg-6 {
        grid-column: span 6;
    }

    .row-span-lg-6 {
        grid-row: span 6;
    }

    .col-span-lg-7 {
        grid-column: span 7;
    }

    .row-span-lg-7 {
        grid-row: span 7;
    }

    .col-span-lg-8 {
        grid-column: span 8;
    }

    .row-span-lg-8 {
        grid-row: span 8;
    }

    .col-span-lg-9 {
        grid-column: span 9;
    }

    .row-span-lg-9 {
        grid-row: span 9;
    }

    .col-span-lg-10 {
        grid-column: span 10;
    }

    .row-span-lg-10 {
        grid-row: span 10;
    }

    .col-span-lg-11 {
        grid-column: span 11;
    }

    .row-span-lg-11 {
        grid-row: span 11;
    }

    .col-span-lg-12 {
        grid-column: span 12;
    }

    .row-span-lg-12 {
        grid-row: span 12;
    }

    .col-start-lg-1 {
        grid-column-start: 1;
    }

    .col-end-lg-1 {
        grid-column-end: 1;
    }

    .row-start-lg-1 {
        grid-row-start: 1;
    }

    .row-end-lg-1 {
        grid-row-end: 1;
    }

    .col-start-lg-2 {
        grid-column-start: 2;
    }

    .col-end-lg-2 {
        grid-column-end: 2;
    }

    .row-start-lg-2 {
        grid-row-start: 2;
    }

    .row-end-lg-2 {
        grid-row-end: 2;
    }

    .col-start-lg-3 {
        grid-column-start: 3;
    }

    .col-end-lg-3 {
        grid-column-end: 3;
    }

    .row-start-lg-3 {
        grid-row-start: 3;
    }

    .row-end-lg-3 {
        grid-row-end: 3;
    }

    .col-start-lg-4 {
        grid-column-start: 4;
    }

    .col-end-lg-4 {
        grid-column-end: 4;
    }

    .row-start-lg-4 {
        grid-row-start: 4;
    }

    .row-end-lg-4 {
        grid-row-end: 4;
    }

    .col-start-lg-5 {
        grid-column-start: 5;
    }

    .col-end-lg-5 {
        grid-column-end: 5;
    }

    .row-start-lg-5 {
        grid-row-start: 5;
    }

    .row-end-lg-5 {
        grid-row-end: 5;
    }

    .col-start-lg-6 {
        grid-column-start: 6;
    }

    .col-end-lg-6 {
        grid-column-end: 6;
    }

    .row-start-lg-6 {
        grid-row-start: 6;
    }

    .row-end-lg-6 {
        grid-row-end: 6;
    }

    .col-start-lg-7 {
        grid-column-start: 7;
    }

    .col-end-lg-7 {
        grid-column-end: 7;
    }

    .row-start-lg-7 {
        grid-row-start: 7;
    }

    .row-end-lg-7 {
        grid-row-end: 7;
    }

    .col-start-lg-8 {
        grid-column-start: 8;
    }

    .col-end-lg-8 {
        grid-column-end: 8;
    }

    .row-start-lg-8 {
        grid-row-start: 8;
    }

    .row-end-lg-8 {
        grid-row-end: 8;
    }

    .col-start-lg-9 {
        grid-column-start: 9;
    }

    .col-end-lg-9 {
        grid-column-end: 9;
    }

    .row-start-lg-9 {
        grid-row-start: 9;
    }

    .row-end-lg-9 {
        grid-row-end: 9;
    }

    .col-start-lg-10 {
        grid-column-start: 10;
    }

    .col-end-lg-10 {
        grid-column-end: 10;
    }

    .row-start-lg-10 {
        grid-row-start: 10;
    }

    .row-end-lg-10 {
        grid-row-end: 10;
    }

    .col-start-lg-11 {
        grid-column-start: 11;
    }

    .col-end-lg-11 {
        grid-column-end: 11;
    }

    .row-start-lg-11 {
        grid-row-start: 11;
    }

    .row-end-lg-11 {
        grid-row-end: 11;
    }

    .col-start-lg-12 {
        grid-column-start: 12;
    }

    .col-end-lg-12 {
        grid-column-end: 12;
    }

    .row-start-lg-12 {
        grid-row-start: 12;
    }

    .row-end-lg-12 {
        grid-row-end: 12;
    }

    .col-start-lg-13 {
        grid-column-start: 13;
    }

    .col-end-lg-13 {
        grid-column-end: 13;
    }

    .row-start-lg-13 {
        grid-row-start: 13;
    }

    .row-end-lg-13 {
        grid-row-end: 13;
    }
}

@media (min-width: 1200px) {
    .col-span-xl-1 {
        grid-column: span 1;
    }

    .row-span-xl-1 {
        grid-row: span 1;
    }

    .col-span-xl-2 {
        grid-column: span 2;
    }

    .row-span-xl-2 {
        grid-row: span 2;
    }

    .col-span-xl-3 {
        grid-column: span 3;
    }

    .row-span-xl-3 {
        grid-row: span 3;
    }

    .col-span-xl-4 {
        grid-column: span 4;
    }

    .row-span-xl-4 {
        grid-row: span 4;
    }

    .col-span-xl-5 {
        grid-column: span 5;
    }

    .row-span-xl-5 {
        grid-row: span 5;
    }

    .col-span-xl-6 {
        grid-column: span 6;
    }

    .row-span-xl-6 {
        grid-row: span 6;
    }

    .col-span-xl-7 {
        grid-column: span 7;
    }

    .row-span-xl-7 {
        grid-row: span 7;
    }

    .col-span-xl-8 {
        grid-column: span 8;
    }

    .row-span-xl-8 {
        grid-row: span 8;
    }

    .col-span-xl-9 {
        grid-column: span 9;
    }

    .row-span-xl-9 {
        grid-row: span 9;
    }

    .col-span-xl-10 {
        grid-column: span 10;
    }

    .row-span-xl-10 {
        grid-row: span 10;
    }

    .col-span-xl-11 {
        grid-column: span 11;
    }

    .row-span-xl-11 {
        grid-row: span 11;
    }

    .col-span-xl-12 {
        grid-column: span 12;
    }

    .row-span-xl-12 {
        grid-row: span 12;
    }

    .col-start-xl-1 {
        grid-column-start: 1;
    }

    .col-end-xl-1 {
        grid-column-end: 1;
    }

    .row-start-xl-1 {
        grid-row-start: 1;
    }

    .row-end-xl-1 {
        grid-row-end: 1;
    }

    .col-start-xl-2 {
        grid-column-start: 2;
    }

    .col-end-xl-2 {
        grid-column-end: 2;
    }

    .row-start-xl-2 {
        grid-row-start: 2;
    }

    .row-end-xl-2 {
        grid-row-end: 2;
    }

    .col-start-xl-3 {
        grid-column-start: 3;
    }

    .col-end-xl-3 {
        grid-column-end: 3;
    }

    .row-start-xl-3 {
        grid-row-start: 3;
    }

    .row-end-xl-3 {
        grid-row-end: 3;
    }

    .col-start-xl-4 {
        grid-column-start: 4;
    }

    .col-end-xl-4 {
        grid-column-end: 4;
    }

    .row-start-xl-4 {
        grid-row-start: 4;
    }

    .row-end-xl-4 {
        grid-row-end: 4;
    }

    .col-start-xl-5 {
        grid-column-start: 5;
    }

    .col-end-xl-5 {
        grid-column-end: 5;
    }

    .row-start-xl-5 {
        grid-row-start: 5;
    }

    .row-end-xl-5 {
        grid-row-end: 5;
    }

    .col-start-xl-6 {
        grid-column-start: 6;
    }

    .col-end-xl-6 {
        grid-column-end: 6;
    }

    .row-start-xl-6 {
        grid-row-start: 6;
    }

    .row-end-xl-6 {
        grid-row-end: 6;
    }

    .col-start-xl-7 {
        grid-column-start: 7;
    }

    .col-end-xl-7 {
        grid-column-end: 7;
    }

    .row-start-xl-7 {
        grid-row-start: 7;
    }

    .row-end-xl-7 {
        grid-row-end: 7;
    }

    .col-start-xl-8 {
        grid-column-start: 8;
    }

    .col-end-xl-8 {
        grid-column-end: 8;
    }

    .row-start-xl-8 {
        grid-row-start: 8;
    }

    .row-end-xl-8 {
        grid-row-end: 8;
    }

    .col-start-xl-9 {
        grid-column-start: 9;
    }

    .col-end-xl-9 {
        grid-column-end: 9;
    }

    .row-start-xl-9 {
        grid-row-start: 9;
    }

    .row-end-xl-9 {
        grid-row-end: 9;
    }

    .col-start-xl-10 {
        grid-column-start: 10;
    }

    .col-end-xl-10 {
        grid-column-end: 10;
    }

    .row-start-xl-10 {
        grid-row-start: 10;
    }

    .row-end-xl-10 {
        grid-row-end: 10;
    }

    .col-start-xl-11 {
        grid-column-start: 11;
    }

    .col-end-xl-11 {
        grid-column-end: 11;
    }

    .row-start-xl-11 {
        grid-row-start: 11;
    }

    .row-end-xl-11 {
        grid-row-end: 11;
    }

    .col-start-xl-12 {
        grid-column-start: 12;
    }

    .col-end-xl-12 {
        grid-column-end: 12;
    }

    .row-start-xl-12 {
        grid-row-start: 12;
    }

    .row-end-xl-12 {
        grid-row-end: 12;
    }

    .col-start-xl-13 {
        grid-column-start: 13;
    }

    .col-end-xl-13 {
        grid-column-end: 13;
    }

    .row-start-xl-13 {
        grid-row-start: 13;
    }

    .row-end-xl-13 {
        grid-row-end: 13;
    }
}

@media (min-width: 1200px) {
    .col-span-desktop-1 {
        grid-column: span 1;
    }

    .row-span-desktop-1 {
        grid-row: span 1;
    }

    .col-span-desktop-2 {
        grid-column: span 2;
    }

    .row-span-desktop-2 {
        grid-row: span 2;
    }

    .col-span-desktop-3 {
        grid-column: span 3;
    }

    .row-span-desktop-3 {
        grid-row: span 3;
    }

    .col-span-desktop-4 {
        grid-column: span 4;
    }

    .row-span-desktop-4 {
        grid-row: span 4;
    }

    .col-span-desktop-5 {
        grid-column: span 5;
    }

    .row-span-desktop-5 {
        grid-row: span 5;
    }

    .col-span-desktop-6 {
        grid-column: span 6;
    }

    .row-span-desktop-6 {
        grid-row: span 6;
    }

    .col-span-desktop-7 {
        grid-column: span 7;
    }

    .row-span-desktop-7 {
        grid-row: span 7;
    }

    .col-span-desktop-8 {
        grid-column: span 8;
    }

    .row-span-desktop-8 {
        grid-row: span 8;
    }

    .col-span-desktop-9 {
        grid-column: span 9;
    }

    .row-span-desktop-9 {
        grid-row: span 9;
    }

    .col-span-desktop-10 {
        grid-column: span 10;
    }

    .row-span-desktop-10 {
        grid-row: span 10;
    }

    .col-span-desktop-11 {
        grid-column: span 11;
    }

    .row-span-desktop-11 {
        grid-row: span 11;
    }

    .col-span-desktop-12 {
        grid-column: span 12;
    }

    .row-span-desktop-12 {
        grid-row: span 12;
    }

    .col-start-desktop-1 {
        grid-column-start: 1;
    }

    .col-end-desktop-1 {
        grid-column-end: 1;
    }

    .row-start-desktop-1 {
        grid-row-start: 1;
    }

    .row-end-desktop-1 {
        grid-row-end: 1;
    }

    .col-start-desktop-2 {
        grid-column-start: 2;
    }

    .col-end-desktop-2 {
        grid-column-end: 2;
    }

    .row-start-desktop-2 {
        grid-row-start: 2;
    }

    .row-end-desktop-2 {
        grid-row-end: 2;
    }

    .col-start-desktop-3 {
        grid-column-start: 3;
    }

    .col-end-desktop-3 {
        grid-column-end: 3;
    }

    .row-start-desktop-3 {
        grid-row-start: 3;
    }

    .row-end-desktop-3 {
        grid-row-end: 3;
    }

    .col-start-desktop-4 {
        grid-column-start: 4;
    }

    .col-end-desktop-4 {
        grid-column-end: 4;
    }

    .row-start-desktop-4 {
        grid-row-start: 4;
    }

    .row-end-desktop-4 {
        grid-row-end: 4;
    }

    .col-start-desktop-5 {
        grid-column-start: 5;
    }

    .col-end-desktop-5 {
        grid-column-end: 5;
    }

    .row-start-desktop-5 {
        grid-row-start: 5;
    }

    .row-end-desktop-5 {
        grid-row-end: 5;
    }

    .col-start-desktop-6 {
        grid-column-start: 6;
    }

    .col-end-desktop-6 {
        grid-column-end: 6;
    }

    .row-start-desktop-6 {
        grid-row-start: 6;
    }

    .row-end-desktop-6 {
        grid-row-end: 6;
    }

    .col-start-desktop-7 {
        grid-column-start: 7;
    }

    .col-end-desktop-7 {
        grid-column-end: 7;
    }

    .row-start-desktop-7 {
        grid-row-start: 7;
    }

    .row-end-desktop-7 {
        grid-row-end: 7;
    }

    .col-start-desktop-8 {
        grid-column-start: 8;
    }

    .col-end-desktop-8 {
        grid-column-end: 8;
    }

    .row-start-desktop-8 {
        grid-row-start: 8;
    }

    .row-end-desktop-8 {
        grid-row-end: 8;
    }

    .col-start-desktop-9 {
        grid-column-start: 9;
    }

    .col-end-desktop-9 {
        grid-column-end: 9;
    }

    .row-start-desktop-9 {
        grid-row-start: 9;
    }

    .row-end-desktop-9 {
        grid-row-end: 9;
    }

    .col-start-desktop-10 {
        grid-column-start: 10;
    }

    .col-end-desktop-10 {
        grid-column-end: 10;
    }

    .row-start-desktop-10 {
        grid-row-start: 10;
    }

    .row-end-desktop-10 {
        grid-row-end: 10;
    }

    .col-start-desktop-11 {
        grid-column-start: 11;
    }

    .col-end-desktop-11 {
        grid-column-end: 11;
    }

    .row-start-desktop-11 {
        grid-row-start: 11;
    }

    .row-end-desktop-11 {
        grid-row-end: 11;
    }

    .col-start-desktop-12 {
        grid-column-start: 12;
    }

    .col-end-desktop-12 {
        grid-column-end: 12;
    }

    .row-start-desktop-12 {
        grid-row-start: 12;
    }

    .row-end-desktop-12 {
        grid-row-end: 12;
    }

    .col-start-desktop-13 {
        grid-column-start: 13;
    }

    .col-end-desktop-13 {
        grid-column-end: 13;
    }

    .row-start-desktop-13 {
        grid-row-start: 13;
    }

    .row-end-desktop-13 {
        grid-row-end: 13;
    }
}

@media (min-width: 1400px) {
    .col-span-xxl-1 {
        grid-column: span 1;
    }

    .row-span-xxl-1 {
        grid-row: span 1;
    }

    .col-span-xxl-2 {
        grid-column: span 2;
    }

    .row-span-xxl-2 {
        grid-row: span 2;
    }

    .col-span-xxl-3 {
        grid-column: span 3;
    }

    .row-span-xxl-3 {
        grid-row: span 3;
    }

    .col-span-xxl-4 {
        grid-column: span 4;
    }

    .row-span-xxl-4 {
        grid-row: span 4;
    }

    .col-span-xxl-5 {
        grid-column: span 5;
    }

    .row-span-xxl-5 {
        grid-row: span 5;
    }

    .col-span-xxl-6 {
        grid-column: span 6;
    }

    .row-span-xxl-6 {
        grid-row: span 6;
    }

    .col-span-xxl-7 {
        grid-column: span 7;
    }

    .row-span-xxl-7 {
        grid-row: span 7;
    }

    .col-span-xxl-8 {
        grid-column: span 8;
    }

    .row-span-xxl-8 {
        grid-row: span 8;
    }

    .col-span-xxl-9 {
        grid-column: span 9;
    }

    .row-span-xxl-9 {
        grid-row: span 9;
    }

    .col-span-xxl-10 {
        grid-column: span 10;
    }

    .row-span-xxl-10 {
        grid-row: span 10;
    }

    .col-span-xxl-11 {
        grid-column: span 11;
    }

    .row-span-xxl-11 {
        grid-row: span 11;
    }

    .col-span-xxl-12 {
        grid-column: span 12;
    }

    .row-span-xxl-12 {
        grid-row: span 12;
    }

    .col-start-xxl-1 {
        grid-column-start: 1;
    }

    .col-end-xxl-1 {
        grid-column-end: 1;
    }

    .row-start-xxl-1 {
        grid-row-start: 1;
    }

    .row-end-xxl-1 {
        grid-row-end: 1;
    }

    .col-start-xxl-2 {
        grid-column-start: 2;
    }

    .col-end-xxl-2 {
        grid-column-end: 2;
    }

    .row-start-xxl-2 {
        grid-row-start: 2;
    }

    .row-end-xxl-2 {
        grid-row-end: 2;
    }

    .col-start-xxl-3 {
        grid-column-start: 3;
    }

    .col-end-xxl-3 {
        grid-column-end: 3;
    }

    .row-start-xxl-3 {
        grid-row-start: 3;
    }

    .row-end-xxl-3 {
        grid-row-end: 3;
    }

    .col-start-xxl-4 {
        grid-column-start: 4;
    }

    .col-end-xxl-4 {
        grid-column-end: 4;
    }

    .row-start-xxl-4 {
        grid-row-start: 4;
    }

    .row-end-xxl-4 {
        grid-row-end: 4;
    }

    .col-start-xxl-5 {
        grid-column-start: 5;
    }

    .col-end-xxl-5 {
        grid-column-end: 5;
    }

    .row-start-xxl-5 {
        grid-row-start: 5;
    }

    .row-end-xxl-5 {
        grid-row-end: 5;
    }

    .col-start-xxl-6 {
        grid-column-start: 6;
    }

    .col-end-xxl-6 {
        grid-column-end: 6;
    }

    .row-start-xxl-6 {
        grid-row-start: 6;
    }

    .row-end-xxl-6 {
        grid-row-end: 6;
    }

    .col-start-xxl-7 {
        grid-column-start: 7;
    }

    .col-end-xxl-7 {
        grid-column-end: 7;
    }

    .row-start-xxl-7 {
        grid-row-start: 7;
    }

    .row-end-xxl-7 {
        grid-row-end: 7;
    }

    .col-start-xxl-8 {
        grid-column-start: 8;
    }

    .col-end-xxl-8 {
        grid-column-end: 8;
    }

    .row-start-xxl-8 {
        grid-row-start: 8;
    }

    .row-end-xxl-8 {
        grid-row-end: 8;
    }

    .col-start-xxl-9 {
        grid-column-start: 9;
    }

    .col-end-xxl-9 {
        grid-column-end: 9;
    }

    .row-start-xxl-9 {
        grid-row-start: 9;
    }

    .row-end-xxl-9 {
        grid-row-end: 9;
    }

    .col-start-xxl-10 {
        grid-column-start: 10;
    }

    .col-end-xxl-10 {
        grid-column-end: 10;
    }

    .row-start-xxl-10 {
        grid-row-start: 10;
    }

    .row-end-xxl-10 {
        grid-row-end: 10;
    }

    .col-start-xxl-11 {
        grid-column-start: 11;
    }

    .col-end-xxl-11 {
        grid-column-end: 11;
    }

    .row-start-xxl-11 {
        grid-row-start: 11;
    }

    .row-end-xxl-11 {
        grid-row-end: 11;
    }

    .col-start-xxl-12 {
        grid-column-start: 12;
    }

    .col-end-xxl-12 {
        grid-column-end: 12;
    }

    .row-start-xxl-12 {
        grid-row-start: 12;
    }

    .row-end-xxl-12 {
        grid-row-end: 12;
    }

    .col-start-xxl-13 {
        grid-column-start: 13;
    }

    .col-end-xxl-13 {
        grid-column-end: 13;
    }

    .row-start-xxl-13 {
        grid-row-start: 13;
    }

    .row-end-xxl-13 {
        grid-row-end: 13;
    }
}

.gx-0 {
    --gutter-x: 0;
}

.gy-0 {
    --gutter-y: 0;
}

.gx-xs-0 {
    --gutter-x: 0;
}

.gy-xs-0 {
    --gutter-y: 0;
}

.gx-mobile-0 {
    --gutter-x: 0;
}

.gy-mobile-0 {
    --gutter-y: 0;
}

@media (min-width: 576px) {
    .gx-sm-0 {
        --gutter-x: 0;
    }

    .gy-sm-0 {
        --gutter-y: 0;
    }
}

@media (min-width: 768px) {
    .gx-md-0 {
        --gutter-x: 0;
    }

    .gy-md-0 {
        --gutter-y: 0;
    }
}

@media (min-width: 992px) {
    .gx-lg-0 {
        --gutter-x: 0;
    }

    .gy-lg-0 {
        --gutter-y: 0;
    }
}

@media (min-width: 1200px) {
    .gx-xl-0 {
        --gutter-x: 0;
    }

    .gy-xl-0 {
        --gutter-y: 0;
    }
}

@media (min-width: 1200px) {
    .gx-desktop-0 {
        --gutter-x: 0;
    }

    .gy-desktop-0 {
        --gutter-y: 0;
    }
}

@media (min-width: 1400px) {
    .gx-xxl-0 {
        --gutter-x: 0;
    }

    .gy-xxl-0 {
        --gutter-y: 0;
    }
}

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

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

.object-fit-fill {
    object-fit: fill;
}

.object-fit-scale {
    object-fit: scale-down;
}

.object-fit-none {
    object-fit: none;
}

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

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

.xs:object-fit-fill {
    object-fit: fill;
}

.xs:object-fit-scale {
    object-fit: scale-down;
}

.xs:object-fit-none {
    object-fit: none;
}

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

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

.mobile:object-fit-fill {
    object-fit: fill;
}

.mobile:object-fit-scale {
    object-fit: scale-down;
}

.mobile:object-fit-none {
    object-fit: none;
}

@media (min-width: 576px) {
    .sm:object-fit-contain {
        object-fit: contain;
    }

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

    .sm:object-fit-fill {
        object-fit: fill;
    }

    .sm:object-fit-scale {
        object-fit: scale-down;
    }

    .sm:object-fit-none {
        object-fit: none;
    }
}

@media (min-width: 768px) {
    .md:object-fit-contain {
        object-fit: contain;
    }

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

    .md:object-fit-fill {
        object-fit: fill;
    }

    .md:object-fit-scale {
        object-fit: scale-down;
    }

    .md:object-fit-none {
        object-fit: none;
    }
}

@media (min-width: 992px) {
    .lg:object-fit-contain {
        object-fit: contain;
    }

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

    .lg:object-fit-fill {
        object-fit: fill;
    }

    .lg:object-fit-scale {
        object-fit: scale-down;
    }

    .lg:object-fit-none {
        object-fit: none;
    }
}

@media (min-width: 1200px) {
    .xl:object-fit-contain {
        object-fit: contain;
    }

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

    .xl:object-fit-fill {
        object-fit: fill;
    }

    .xl:object-fit-scale {
        object-fit: scale-down;
    }

    .xl:object-fit-none {
        object-fit: none;
    }
}

@media (min-width: 1200px) {
    .desktop:object-fit-contain {
        object-fit: contain;
    }

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

    .desktop:object-fit-fill {
        object-fit: fill;
    }

    .desktop:object-fit-scale {
        object-fit: scale-down;
    }

    .desktop:object-fit-none {
        object-fit: none;
    }
}

@media (min-width: 1400px) {
    .xxl:object-fit-contain {
        object-fit: contain;
    }

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

    .xxl:object-fit-fill {
        object-fit: fill;
    }

    .xxl:object-fit-scale {
        object-fit: scale-down;
    }

    .xxl:object-fit-none {
        object-fit: none;
    }
}

.object-position-center {
    object-position: 50% 50%;
}

.object-position-top {
    object-position: 50% 0%;
}

.object-position-bottom {
    object-position: 50% 100%;
}

.object-position-left {
    object-position: 0% 50%;
}

.object-position-right {
    object-position: 100% 50%;
}

.object-position-top-left {
    object-position: 0% 0%;
}

.object-position-top-right {
    object-position: 100% 0%;
}

.object-position-bottom-left {
    object-position: 0% 100%;
}

.object-position-bottom-right {
    object-position: 100% 100%;
}

.object-position-center-left {
    object-position: 0% 50%;
}

.object-position-center-right {
    object-position: 100% 50%;
}

.xs:object-position-center {
    object-position: 50% 50%;
}

.xs:object-position-top {
    object-position: 50% 0%;
}

.xs:object-position-bottom {
    object-position: 50% 100%;
}

.xs:object-position-left {
    object-position: 0% 50%;
}

.xs:object-position-right {
    object-position: 100% 50%;
}

.xs:object-position-top-left {
    object-position: 0% 0%;
}

.xs:object-position-top-right {
    object-position: 100% 0%;
}

.xs:object-position-bottom-left {
    object-position: 0% 100%;
}

.xs:object-position-bottom-right {
    object-position: 100% 100%;
}

.xs:object-position-center-left {
    object-position: 0% 50%;
}

.xs:object-position-center-right {
    object-position: 100% 50%;
}

.mobile:object-position-center {
    object-position: 50% 50%;
}

.mobile:object-position-top {
    object-position: 50% 0%;
}

.mobile:object-position-bottom {
    object-position: 50% 100%;
}

.mobile:object-position-left {
    object-position: 0% 50%;
}

.mobile:object-position-right {
    object-position: 100% 50%;
}

.mobile:object-position-top-left {
    object-position: 0% 0%;
}

.mobile:object-position-top-right {
    object-position: 100% 0%;
}

.mobile:object-position-bottom-left {
    object-position: 0% 100%;
}

.mobile:object-position-bottom-right {
    object-position: 100% 100%;
}

.mobile:object-position-center-left {
    object-position: 0% 50%;
}

.mobile:object-position-center-right {
    object-position: 100% 50%;
}

@media (min-width: 576px) {
    .sm:object-position-center {
        object-position: 50% 50%;
    }

    .sm:object-position-top {
        object-position: 50% 0%;
    }

    .sm:object-position-bottom {
        object-position: 50% 100%;
    }

    .sm:object-position-left {
        object-position: 0% 50%;
    }

    .sm:object-position-right {
        object-position: 100% 50%;
    }

    .sm:object-position-top-left {
        object-position: 0% 0%;
    }

    .sm:object-position-top-right {
        object-position: 100% 0%;
    }

    .sm:object-position-bottom-left {
        object-position: 0% 100%;
    }

    .sm:object-position-bottom-right {
        object-position: 100% 100%;
    }

    .sm:object-position-center-left {
        object-position: 0% 50%;
    }

    .sm:object-position-center-right {
        object-position: 100% 50%;
    }
}

@media (min-width: 768px) {
    .md:object-position-center {
        object-position: 50% 50%;
    }

    .md:object-position-top {
        object-position: 50% 0%;
    }

    .md:object-position-bottom {
        object-position: 50% 100%;
    }

    .md:object-position-left {
        object-position: 0% 50%;
    }

    .md:object-position-right {
        object-position: 100% 50%;
    }

    .md:object-position-top-left {
        object-position: 0% 0%;
    }

    .md:object-position-top-right {
        object-position: 100% 0%;
    }

    .md:object-position-bottom-left {
        object-position: 0% 100%;
    }

    .md:object-position-bottom-right {
        object-position: 100% 100%;
    }

    .md:object-position-center-left {
        object-position: 0% 50%;
    }

    .md:object-position-center-right {
        object-position: 100% 50%;
    }
}

@media (min-width: 992px) {
    .lg:object-position-center {
        object-position: 50% 50%;
    }

    .lg:object-position-top {
        object-position: 50% 0%;
    }

    .lg:object-position-bottom {
        object-position: 50% 100%;
    }

    .lg:object-position-left {
        object-position: 0% 50%;
    }

    .lg:object-position-right {
        object-position: 100% 50%;
    }

    .lg:object-position-top-left {
        object-position: 0% 0%;
    }

    .lg:object-position-top-right {
        object-position: 100% 0%;
    }

    .lg:object-position-bottom-left {
        object-position: 0% 100%;
    }

    .lg:object-position-bottom-right {
        object-position: 100% 100%;
    }

    .lg:object-position-center-left {
        object-position: 0% 50%;
    }

    .lg:object-position-center-right {
        object-position: 100% 50%;
    }
}

@media (min-width: 1200px) {
    .xl:object-position-center {
        object-position: 50% 50%;
    }

    .xl:object-position-top {
        object-position: 50% 0%;
    }

    .xl:object-position-bottom {
        object-position: 50% 100%;
    }

    .xl:object-position-left {
        object-position: 0% 50%;
    }

    .xl:object-position-right {
        object-position: 100% 50%;
    }

    .xl:object-position-top-left {
        object-position: 0% 0%;
    }

    .xl:object-position-top-right {
        object-position: 100% 0%;
    }

    .xl:object-position-bottom-left {
        object-position: 0% 100%;
    }

    .xl:object-position-bottom-right {
        object-position: 100% 100%;
    }

    .xl:object-position-center-left {
        object-position: 0% 50%;
    }

    .xl:object-position-center-right {
        object-position: 100% 50%;
    }
}

@media (min-width: 1200px) {
    .desktop:object-position-center {
        object-position: 50% 50%;
    }

    .desktop:object-position-top {
        object-position: 50% 0%;
    }

    .desktop:object-position-bottom {
        object-position: 50% 100%;
    }

    .desktop:object-position-left {
        object-position: 0% 50%;
    }

    .desktop:object-position-right {
        object-position: 100% 50%;
    }

    .desktop:object-position-top-left {
        object-position: 0% 0%;
    }

    .desktop:object-position-top-right {
        object-position: 100% 0%;
    }

    .desktop:object-position-bottom-left {
        object-position: 0% 100%;
    }

    .desktop:object-position-bottom-right {
        object-position: 100% 100%;
    }

    .desktop:object-position-center-left {
        object-position: 0% 50%;
    }

    .desktop:object-position-center-right {
        object-position: 100% 50%;
    }
}

@media (min-width: 1400px) {
    .xxl:object-position-center {
        object-position: 50% 50%;
    }

    .xxl:object-position-top {
        object-position: 50% 0%;
    }

    .xxl:object-position-bottom {
        object-position: 50% 100%;
    }

    .xxl:object-position-left {
        object-position: 0% 50%;
    }

    .xxl:object-position-right {
        object-position: 100% 50%;
    }

    .xxl:object-position-top-left {
        object-position: 0% 0%;
    }

    .xxl:object-position-top-right {
        object-position: 100% 0%;
    }

    .xxl:object-position-bottom-left {
        object-position: 0% 100%;
    }

    .xxl:object-position-bottom-right {
        object-position: 100% 100%;
    }

    .xxl:object-position-center-left {
        object-position: 0% 50%;
    }

    .xxl:object-position-center-right {
        object-position: 100% 50%;
    }
}

.ratio-1x1 {
    aspect-ratio: 1;
}

.ratio-4x3 {
    aspect-ratio: 1.3333333333;
}

.ratio-3x2 {
    aspect-ratio: 1.5;
}

.ratio-16x9 {
    aspect-ratio: 1.7777777778;
}

.ratio-21x9 {
    aspect-ratio: 2.3333333333;
}

.ratio-golden {
    aspect-ratio: 1.6180339887;
}

.xs:ratio-1x1 {
    aspect-ratio: 1;
}

.xs:ratio-4x3 {
    aspect-ratio: 1.3333333333;
}

.xs:ratio-3x2 {
    aspect-ratio: 1.5;
}

.xs:ratio-16x9 {
    aspect-ratio: 1.7777777778;
}

.xs:ratio-21x9 {
    aspect-ratio: 2.3333333333;
}

.xs:ratio-golden {
    aspect-ratio: 1.6180339887;
}

.mobile:ratio-1x1 {
    aspect-ratio: 1;
}

.mobile:ratio-4x3 {
    aspect-ratio: 1.3333333333;
}

.mobile:ratio-3x2 {
    aspect-ratio: 1.5;
}

.mobile:ratio-16x9 {
    aspect-ratio: 1.7777777778;
}

.mobile:ratio-21x9 {
    aspect-ratio: 2.3333333333;
}

.mobile:ratio-golden {
    aspect-ratio: 1.6180339887;
}

@media (min-width: 576px) {
    .sm:ratio-1x1 {
        aspect-ratio: 1;
    }

    .sm:ratio-4x3 {
        aspect-ratio: 1.3333333333;
    }

    .sm:ratio-3x2 {
        aspect-ratio: 1.5;
    }

    .sm:ratio-16x9 {
        aspect-ratio: 1.7777777778;
    }

    .sm:ratio-21x9 {
        aspect-ratio: 2.3333333333;
    }

    .sm:ratio-golden {
        aspect-ratio: 1.6180339887;
    }
}

@media (min-width: 768px) {
    .md:ratio-1x1 {
        aspect-ratio: 1;
    }

    .md:ratio-4x3 {
        aspect-ratio: 1.3333333333;
    }

    .md:ratio-3x2 {
        aspect-ratio: 1.5;
    }

    .md:ratio-16x9 {
        aspect-ratio: 1.7777777778;
    }

    .md:ratio-21x9 {
        aspect-ratio: 2.3333333333;
    }

    .md:ratio-golden {
        aspect-ratio: 1.6180339887;
    }
}

@media (min-width: 992px) {
    .lg:ratio-1x1 {
        aspect-ratio: 1;
    }

    .lg:ratio-4x3 {
        aspect-ratio: 1.3333333333;
    }

    .lg:ratio-3x2 {
        aspect-ratio: 1.5;
    }

    .lg:ratio-16x9 {
        aspect-ratio: 1.7777777778;
    }

    .lg:ratio-21x9 {
        aspect-ratio: 2.3333333333;
    }

    .lg:ratio-golden {
        aspect-ratio: 1.6180339887;
    }
}

@media (min-width: 1200px) {
    .xl:ratio-1x1 {
        aspect-ratio: 1;
    }

    .xl:ratio-4x3 {
        aspect-ratio: 1.3333333333;
    }

    .xl:ratio-3x2 {
        aspect-ratio: 1.5;
    }

    .xl:ratio-16x9 {
        aspect-ratio: 1.7777777778;
    }

    .xl:ratio-21x9 {
        aspect-ratio: 2.3333333333;
    }

    .xl:ratio-golden {
        aspect-ratio: 1.6180339887;
    }
}

@media (min-width: 1200px) {
    .desktop:ratio-1x1 {
        aspect-ratio: 1;
    }

    .desktop:ratio-4x3 {
        aspect-ratio: 1.3333333333;
    }

    .desktop:ratio-3x2 {
        aspect-ratio: 1.5;
    }

    .desktop:ratio-16x9 {
        aspect-ratio: 1.7777777778;
    }

    .desktop:ratio-21x9 {
        aspect-ratio: 2.3333333333;
    }

    .desktop:ratio-golden {
        aspect-ratio: 1.6180339887;
    }
}

@media (min-width: 1400px) {
    .xxl:ratio-1x1 {
        aspect-ratio: 1;
    }

    .xxl:ratio-4x3 {
        aspect-ratio: 1.3333333333;
    }

    .xxl:ratio-3x2 {
        aspect-ratio: 1.5;
    }

    .xxl:ratio-16x9 {
        aspect-ratio: 1.7777777778;
    }

    .xxl:ratio-21x9 {
        aspect-ratio: 2.3333333333;
    }

    .xxl:ratio-golden {
        aspect-ratio: 1.6180339887;
    }
}
/* Fluid image: keep intrinsic ratio, don’t exceed container width */
.img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Fill container with cover/contain patterns using object-fit */
.img-cover,
.img-contain {
    width: 100%;
    height: 100%;
    display: block;
}

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

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

/* Absolute-fill variant for positioned containers */
.fit-abs, .fit-abs-contain, .fit-abs-cover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

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

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

/* Helper for the parent container */
.fit-parent {
    position: relative;
    overflow: hidden;
}

/* Common centering presets */
.object-center {
    object-position: 50% 50%;
}

.object-top {
    object-position: 50% 0%;
}

.object-bottom {
    object-position: 50% 100%;
}

.object-left {
    object-position: 0% 50%;
}

.object-right {
    object-position: 100% 50%;
}

@media print {
    .object-fit-print-contain {
        object-fit: contain;
    }

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

    .object-fit-print-fill {
        object-fit: fill;
    }

    .object-fit-print-scale {
        object-fit: scale-down;
    }

    .object-fit-print-none {
        object-fit: none;
    }

    .object-position-print-center {
        object-position: 50% 50%;
    }

    .object-position-print-top {
        object-position: 50% 0%;
    }

    .object-position-print-bottom {
        object-position: 50% 100%;
    }

    .object-position-print-left {
        object-position: 0% 50%;
    }

    .object-position-print-right {
        object-position: 100% 50%;
    }

    .object-position-print-top-left {
        object-position: 0% 0%;
    }

    .object-position-print-top-right {
        object-position: 100% 0%;
    }

    .object-position-print-bottom-left {
        object-position: 0% 100%;
    }

    .object-position-print-bottom-right {
        object-position: 100% 100%;
    }

    .object-position-print-center-left {
        object-position: 0% 50%;
    }

    .object-position-print-center-right {
        object-position: 100% 50%;
    }
}

.pe-none {
    pointer-events: none;
}

.pe-auto {
    pointer-events: auto;
}

.pe-xs-none {
    pointer-events: none;
}

.pe-xs-auto {
    pointer-events: auto;
}

.pe-mobile-none {
    pointer-events: none;
}

.pe-mobile-auto {
    pointer-events: auto;
}

@media (min-width: 576px) {
    .pe-sm-none {
        pointer-events: none;
    }

    .pe-sm-auto {
        pointer-events: auto;
    }
}

@media (min-width: 768px) {
    .pe-md-none {
        pointer-events: none;
    }

    .pe-md-auto {
        pointer-events: auto;
    }
}

@media (min-width: 992px) {
    .pe-lg-none {
        pointer-events: none;
    }

    .pe-lg-auto {
        pointer-events: auto;
    }
}

@media (min-width: 1200px) {
    .pe-xl-none {
        pointer-events: none;
    }

    .pe-xl-auto {
        pointer-events: auto;
    }
}

@media (min-width: 1200px) {
    .pe-desktop-none {
        pointer-events: none;
    }

    .pe-desktop-auto {
        pointer-events: auto;
    }
}

@media (min-width: 1400px) {
    .pe-xxl-none {
        pointer-events: none;
    }

    .pe-xxl-auto {
        pointer-events: auto;
    }
}

.user-select-none {
    -webkit-user-select: none;
    user-select: none;
}

.user-select-auto {
    -webkit-user-select: auto;
    user-select: auto;
}

.user-select-text {
    -webkit-user-select: text;
    user-select: text;
}

.user-select-all {
    -webkit-user-select: all;
    user-select: all;
}

.user-select-contain {
    -webkit-user-select: contain;
    user-select: contain;
}

.user-select-xs-none {
    -webkit-user-select: none;
    user-select: none;
}

.user-select-xs-auto {
    -webkit-user-select: auto;
    user-select: auto;
}

.user-select-xs-text {
    -webkit-user-select: text;
    user-select: text;
}

.user-select-xs-all {
    -webkit-user-select: all;
    user-select: all;
}

.user-select-xs-contain {
    -webkit-user-select: contain;
    user-select: contain;
}

.user-select-mobile-none {
    -webkit-user-select: none;
    user-select: none;
}

.user-select-mobile-auto {
    -webkit-user-select: auto;
    user-select: auto;
}

.user-select-mobile-text {
    -webkit-user-select: text;
    user-select: text;
}

.user-select-mobile-all {
    -webkit-user-select: all;
    user-select: all;
}

.user-select-mobile-contain {
    -webkit-user-select: contain;
    user-select: contain;
}

@media (min-width: 576px) {
    .user-select-sm-none {
        -webkit-user-select: none;
        user-select: none;
    }

    .user-select-sm-auto {
        -webkit-user-select: auto;
        user-select: auto;
    }

    .user-select-sm-text {
        -webkit-user-select: text;
        user-select: text;
    }

    .user-select-sm-all {
        -webkit-user-select: all;
        user-select: all;
    }

    .user-select-sm-contain {
        -webkit-user-select: contain;
        user-select: contain;
    }
}

@media (min-width: 768px) {
    .user-select-md-none {
        -webkit-user-select: none;
        user-select: none;
    }

    .user-select-md-auto {
        -webkit-user-select: auto;
        user-select: auto;
    }

    .user-select-md-text {
        -webkit-user-select: text;
        user-select: text;
    }

    .user-select-md-all {
        -webkit-user-select: all;
        user-select: all;
    }

    .user-select-md-contain {
        -webkit-user-select: contain;
        user-select: contain;
    }
}

@media (min-width: 992px) {
    .user-select-lg-none {
        -webkit-user-select: none;
        user-select: none;
    }

    .user-select-lg-auto {
        -webkit-user-select: auto;
        user-select: auto;
    }

    .user-select-lg-text {
        -webkit-user-select: text;
        user-select: text;
    }

    .user-select-lg-all {
        -webkit-user-select: all;
        user-select: all;
    }

    .user-select-lg-contain {
        -webkit-user-select: contain;
        user-select: contain;
    }
}

@media (min-width: 1200px) {
    .user-select-xl-none {
        -webkit-user-select: none;
        user-select: none;
    }

    .user-select-xl-auto {
        -webkit-user-select: auto;
        user-select: auto;
    }

    .user-select-xl-text {
        -webkit-user-select: text;
        user-select: text;
    }

    .user-select-xl-all {
        -webkit-user-select: all;
        user-select: all;
    }

    .user-select-xl-contain {
        -webkit-user-select: contain;
        user-select: contain;
    }
}

@media (min-width: 1200px) {
    .user-select-desktop-none {
        -webkit-user-select: none;
        user-select: none;
    }

    .user-select-desktop-auto {
        -webkit-user-select: auto;
        user-select: auto;
    }

    .user-select-desktop-text {
        -webkit-user-select: text;
        user-select: text;
    }

    .user-select-desktop-all {
        -webkit-user-select: all;
        user-select: all;
    }

    .user-select-desktop-contain {
        -webkit-user-select: contain;
        user-select: contain;
    }
}

@media (min-width: 1400px) {
    .user-select-xxl-none {
        -webkit-user-select: none;
        user-select: none;
    }

    .user-select-xxl-auto {
        -webkit-user-select: auto;
        user-select: auto;
    }

    .user-select-xxl-text {
        -webkit-user-select: text;
        user-select: text;
    }

    .user-select-xxl-all {
        -webkit-user-select: all;
        user-select: all;
    }

    .user-select-xxl-contain {
        -webkit-user-select: contain;
        user-select: contain;
    }
}

.touch-auto {
    touch-action: auto;
}

.touch-none {
    touch-action: none;
}

.touch-pan-x {
    touch-action: pan-x;
}

.touch-pan-y {
    touch-action: pan-y;
}

.touch-pan-left {
    touch-action: pan-left;
}

.touch-pan-right {
    touch-action: pan-right;
}

.touch-pan-up {
    touch-action: pan-up;
}

.touch-pan-down {
    touch-action: pan-down;
}

.touch-pinch-zoom {
    touch-action: pinch-zoom;
}

.touch-manipulation {
    touch-action: manipulation;
}

.touch-xs-auto {
    touch-action: auto;
}

.touch-xs-none {
    touch-action: none;
}

.touch-xs-pan-x {
    touch-action: pan-x;
}

.touch-xs-pan-y {
    touch-action: pan-y;
}

.touch-xs-pan-left {
    touch-action: pan-left;
}

.touch-xs-pan-right {
    touch-action: pan-right;
}

.touch-xs-pan-up {
    touch-action: pan-up;
}

.touch-xs-pan-down {
    touch-action: pan-down;
}

.touch-xs-pinch-zoom {
    touch-action: pinch-zoom;
}

.touch-xs-manipulation {
    touch-action: manipulation;
}

.touch-mobile-auto {
    touch-action: auto;
}

.touch-mobile-none {
    touch-action: none;
}

.touch-mobile-pan-x {
    touch-action: pan-x;
}

.touch-mobile-pan-y {
    touch-action: pan-y;
}

.touch-mobile-pan-left {
    touch-action: pan-left;
}

.touch-mobile-pan-right {
    touch-action: pan-right;
}

.touch-mobile-pan-up {
    touch-action: pan-up;
}

.touch-mobile-pan-down {
    touch-action: pan-down;
}

.touch-mobile-pinch-zoom {
    touch-action: pinch-zoom;
}

.touch-mobile-manipulation {
    touch-action: manipulation;
}

@media (min-width: 576px) {
    .touch-sm-auto {
        touch-action: auto;
    }

    .touch-sm-none {
        touch-action: none;
    }

    .touch-sm-pan-x {
        touch-action: pan-x;
    }

    .touch-sm-pan-y {
        touch-action: pan-y;
    }

    .touch-sm-pan-left {
        touch-action: pan-left;
    }

    .touch-sm-pan-right {
        touch-action: pan-right;
    }

    .touch-sm-pan-up {
        touch-action: pan-up;
    }

    .touch-sm-pan-down {
        touch-action: pan-down;
    }

    .touch-sm-pinch-zoom {
        touch-action: pinch-zoom;
    }

    .touch-sm-manipulation {
        touch-action: manipulation;
    }
}

@media (min-width: 768px) {
    .touch-md-auto {
        touch-action: auto;
    }

    .touch-md-none {
        touch-action: none;
    }

    .touch-md-pan-x {
        touch-action: pan-x;
    }

    .touch-md-pan-y {
        touch-action: pan-y;
    }

    .touch-md-pan-left {
        touch-action: pan-left;
    }

    .touch-md-pan-right {
        touch-action: pan-right;
    }

    .touch-md-pan-up {
        touch-action: pan-up;
    }

    .touch-md-pan-down {
        touch-action: pan-down;
    }

    .touch-md-pinch-zoom {
        touch-action: pinch-zoom;
    }

    .touch-md-manipulation {
        touch-action: manipulation;
    }
}

@media (min-width: 992px) {
    .touch-lg-auto {
        touch-action: auto;
    }

    .touch-lg-none {
        touch-action: none;
    }

    .touch-lg-pan-x {
        touch-action: pan-x;
    }

    .touch-lg-pan-y {
        touch-action: pan-y;
    }

    .touch-lg-pan-left {
        touch-action: pan-left;
    }

    .touch-lg-pan-right {
        touch-action: pan-right;
    }

    .touch-lg-pan-up {
        touch-action: pan-up;
    }

    .touch-lg-pan-down {
        touch-action: pan-down;
    }

    .touch-lg-pinch-zoom {
        touch-action: pinch-zoom;
    }

    .touch-lg-manipulation {
        touch-action: manipulation;
    }
}

@media (min-width: 1200px) {
    .touch-xl-auto {
        touch-action: auto;
    }

    .touch-xl-none {
        touch-action: none;
    }

    .touch-xl-pan-x {
        touch-action: pan-x;
    }

    .touch-xl-pan-y {
        touch-action: pan-y;
    }

    .touch-xl-pan-left {
        touch-action: pan-left;
    }

    .touch-xl-pan-right {
        touch-action: pan-right;
    }

    .touch-xl-pan-up {
        touch-action: pan-up;
    }

    .touch-xl-pan-down {
        touch-action: pan-down;
    }

    .touch-xl-pinch-zoom {
        touch-action: pinch-zoom;
    }

    .touch-xl-manipulation {
        touch-action: manipulation;
    }
}

@media (min-width: 1200px) {
    .touch-desktop-auto {
        touch-action: auto;
    }

    .touch-desktop-none {
        touch-action: none;
    }

    .touch-desktop-pan-x {
        touch-action: pan-x;
    }

    .touch-desktop-pan-y {
        touch-action: pan-y;
    }

    .touch-desktop-pan-left {
        touch-action: pan-left;
    }

    .touch-desktop-pan-right {
        touch-action: pan-right;
    }

    .touch-desktop-pan-up {
        touch-action: pan-up;
    }

    .touch-desktop-pan-down {
        touch-action: pan-down;
    }

    .touch-desktop-pinch-zoom {
        touch-action: pinch-zoom;
    }

    .touch-desktop-manipulation {
        touch-action: manipulation;
    }
}

@media (min-width: 1400px) {
    .touch-xxl-auto {
        touch-action: auto;
    }

    .touch-xxl-none {
        touch-action: none;
    }

    .touch-xxl-pan-x {
        touch-action: pan-x;
    }

    .touch-xxl-pan-y {
        touch-action: pan-y;
    }

    .touch-xxl-pan-left {
        touch-action: pan-left;
    }

    .touch-xxl-pan-right {
        touch-action: pan-right;
    }

    .touch-xxl-pan-up {
        touch-action: pan-up;
    }

    .touch-xxl-pan-down {
        touch-action: pan-down;
    }

    .touch-xxl-pinch-zoom {
        touch-action: pinch-zoom;
    }

    .touch-xxl-manipulation {
        touch-action: manipulation;
    }
}

.cursor-auto {
    cursor: auto;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-wait {
    cursor: wait;
}

.cursor-text {
    cursor: text;
}

.cursor-move {
    cursor: move;
}

.cursor-grab {
    cursor: grab;
}

.cursor-grabbing {
    cursor: grabbing;
}

.cursor-crosshair {
    cursor: crosshair;
}

.cursor-help {
    cursor: help;
}

.cursor-xs-auto {
    cursor: auto;
}

.cursor-xs-default {
    cursor: default;
}

.cursor-xs-pointer {
    cursor: pointer;
}

.cursor-xs-not-allowed {
    cursor: not-allowed;
}

.cursor-xs-wait {
    cursor: wait;
}

.cursor-xs-text {
    cursor: text;
}

.cursor-xs-move {
    cursor: move;
}

.cursor-xs-grab {
    cursor: grab;
}

.cursor-xs-grabbing {
    cursor: grabbing;
}

.cursor-xs-crosshair {
    cursor: crosshair;
}

.cursor-xs-help {
    cursor: help;
}

.cursor-mobile-auto {
    cursor: auto;
}

.cursor-mobile-default {
    cursor: default;
}

.cursor-mobile-pointer {
    cursor: pointer;
}

.cursor-mobile-not-allowed {
    cursor: not-allowed;
}

.cursor-mobile-wait {
    cursor: wait;
}

.cursor-mobile-text {
    cursor: text;
}

.cursor-mobile-move {
    cursor: move;
}

.cursor-mobile-grab {
    cursor: grab;
}

.cursor-mobile-grabbing {
    cursor: grabbing;
}

.cursor-mobile-crosshair {
    cursor: crosshair;
}

.cursor-mobile-help {
    cursor: help;
}

@media (min-width: 576px) {
    .cursor-sm-auto {
        cursor: auto;
    }

    .cursor-sm-default {
        cursor: default;
    }

    .cursor-sm-pointer {
        cursor: pointer;
    }

    .cursor-sm-not-allowed {
        cursor: not-allowed;
    }

    .cursor-sm-wait {
        cursor: wait;
    }

    .cursor-sm-text {
        cursor: text;
    }

    .cursor-sm-move {
        cursor: move;
    }

    .cursor-sm-grab {
        cursor: grab;
    }

    .cursor-sm-grabbing {
        cursor: grabbing;
    }

    .cursor-sm-crosshair {
        cursor: crosshair;
    }

    .cursor-sm-help {
        cursor: help;
    }
}

@media (min-width: 768px) {
    .cursor-md-auto {
        cursor: auto;
    }

    .cursor-md-default {
        cursor: default;
    }

    .cursor-md-pointer {
        cursor: pointer;
    }

    .cursor-md-not-allowed {
        cursor: not-allowed;
    }

    .cursor-md-wait {
        cursor: wait;
    }

    .cursor-md-text {
        cursor: text;
    }

    .cursor-md-move {
        cursor: move;
    }

    .cursor-md-grab {
        cursor: grab;
    }

    .cursor-md-grabbing {
        cursor: grabbing;
    }

    .cursor-md-crosshair {
        cursor: crosshair;
    }

    .cursor-md-help {
        cursor: help;
    }
}

@media (min-width: 992px) {
    .cursor-lg-auto {
        cursor: auto;
    }

    .cursor-lg-default {
        cursor: default;
    }

    .cursor-lg-pointer {
        cursor: pointer;
    }

    .cursor-lg-not-allowed {
        cursor: not-allowed;
    }

    .cursor-lg-wait {
        cursor: wait;
    }

    .cursor-lg-text {
        cursor: text;
    }

    .cursor-lg-move {
        cursor: move;
    }

    .cursor-lg-grab {
        cursor: grab;
    }

    .cursor-lg-grabbing {
        cursor: grabbing;
    }

    .cursor-lg-crosshair {
        cursor: crosshair;
    }

    .cursor-lg-help {
        cursor: help;
    }
}

@media (min-width: 1200px) {
    .cursor-xl-auto {
        cursor: auto;
    }

    .cursor-xl-default {
        cursor: default;
    }

    .cursor-xl-pointer {
        cursor: pointer;
    }

    .cursor-xl-not-allowed {
        cursor: not-allowed;
    }

    .cursor-xl-wait {
        cursor: wait;
    }

    .cursor-xl-text {
        cursor: text;
    }

    .cursor-xl-move {
        cursor: move;
    }

    .cursor-xl-grab {
        cursor: grab;
    }

    .cursor-xl-grabbing {
        cursor: grabbing;
    }

    .cursor-xl-crosshair {
        cursor: crosshair;
    }

    .cursor-xl-help {
        cursor: help;
    }
}

@media (min-width: 1200px) {
    .cursor-desktop-auto {
        cursor: auto;
    }

    .cursor-desktop-default {
        cursor: default;
    }

    .cursor-desktop-pointer {
        cursor: pointer;
    }

    .cursor-desktop-not-allowed {
        cursor: not-allowed;
    }

    .cursor-desktop-wait {
        cursor: wait;
    }

    .cursor-desktop-text {
        cursor: text;
    }

    .cursor-desktop-move {
        cursor: move;
    }

    .cursor-desktop-grab {
        cursor: grab;
    }

    .cursor-desktop-grabbing {
        cursor: grabbing;
    }

    .cursor-desktop-crosshair {
        cursor: crosshair;
    }

    .cursor-desktop-help {
        cursor: help;
    }
}

@media (min-width: 1400px) {
    .cursor-xxl-auto {
        cursor: auto;
    }

    .cursor-xxl-default {
        cursor: default;
    }

    .cursor-xxl-pointer {
        cursor: pointer;
    }

    .cursor-xxl-not-allowed {
        cursor: not-allowed;
    }

    .cursor-xxl-wait {
        cursor: wait;
    }

    .cursor-xxl-text {
        cursor: text;
    }

    .cursor-xxl-move {
        cursor: move;
    }

    .cursor-xxl-grab {
        cursor: grab;
    }

    .cursor-xxl-grabbing {
        cursor: grabbing;
    }

    .cursor-xxl-crosshair {
        cursor: crosshair;
    }

    .cursor-xxl-help {
        cursor: help;
    }
}

.tap-none {
    -webkit-tap-highlight-color: transparent;
}

.tap-inherit {
    -webkit-tap-highlight-color: inherit;
}

.tap-xs-none {
    -webkit-tap-highlight-color: transparent;
}

.tap-xs-inherit {
    -webkit-tap-highlight-color: inherit;
}

.tap-mobile-none {
    -webkit-tap-highlight-color: transparent;
}

.tap-mobile-inherit {
    -webkit-tap-highlight-color: inherit;
}

@media (min-width: 576px) {
    .tap-sm-none {
        -webkit-tap-highlight-color: transparent;
    }

    .tap-sm-inherit {
        -webkit-tap-highlight-color: inherit;
    }
}

@media (min-width: 768px) {
    .tap-md-none {
        -webkit-tap-highlight-color: transparent;
    }

    .tap-md-inherit {
        -webkit-tap-highlight-color: inherit;
    }
}

@media (min-width: 992px) {
    .tap-lg-none {
        -webkit-tap-highlight-color: transparent;
    }

    .tap-lg-inherit {
        -webkit-tap-highlight-color: inherit;
    }
}

@media (min-width: 1200px) {
    .tap-xl-none {
        -webkit-tap-highlight-color: transparent;
    }

    .tap-xl-inherit {
        -webkit-tap-highlight-color: inherit;
    }
}

@media (min-width: 1200px) {
    .tap-desktop-none {
        -webkit-tap-highlight-color: transparent;
    }

    .tap-desktop-inherit {
        -webkit-tap-highlight-color: inherit;
    }
}

@media (min-width: 1400px) {
    .tap-xxl-none {
        -webkit-tap-highlight-color: transparent;
    }

    .tap-xxl-inherit {
        -webkit-tap-highlight-color: inherit;
    }
}

.drag-none {
    -webkit-user-drag: none;
    user-drag: none;
}

.drag-auto {
    -webkit-user-drag: auto;
    user-drag: auto;
}

.drag-xs-none {
    -webkit-user-drag: none;
    user-drag: none;
}

.drag-xs-auto {
    -webkit-user-drag: auto;
    user-drag: auto;
}

.drag-mobile-none {
    -webkit-user-drag: none;
    user-drag: none;
}

.drag-mobile-auto {
    -webkit-user-drag: auto;
    user-drag: auto;
}

@media (min-width: 576px) {
    .drag-sm-none {
        -webkit-user-drag: none;
        user-drag: none;
    }

    .drag-sm-auto {
        -webkit-user-drag: auto;
        user-drag: auto;
    }
}

@media (min-width: 768px) {
    .drag-md-none {
        -webkit-user-drag: none;
        user-drag: none;
    }

    .drag-md-auto {
        -webkit-user-drag: auto;
        user-drag: auto;
    }
}

@media (min-width: 992px) {
    .drag-lg-none {
        -webkit-user-drag: none;
        user-drag: none;
    }

    .drag-lg-auto {
        -webkit-user-drag: auto;
        user-drag: auto;
    }
}

@media (min-width: 1200px) {
    .drag-xl-none {
        -webkit-user-drag: none;
        user-drag: none;
    }

    .drag-xl-auto {
        -webkit-user-drag: auto;
        user-drag: auto;
    }
}

@media (min-width: 1200px) {
    .drag-desktop-none {
        -webkit-user-drag: none;
        user-drag: none;
    }

    .drag-desktop-auto {
        -webkit-user-drag: auto;
        user-drag: auto;
    }
}

@media (min-width: 1400px) {
    .drag-xxl-none {
        -webkit-user-drag: none;
        user-drag: none;
    }

    .drag-xxl-auto {
        -webkit-user-drag: auto;
        user-drag: auto;
    }
}
/* Usage examples:

<div class="pe-auto pe-md-none">
  Interactable normally, but not on md+
</div>

<img class="user-select-none drag-none tap-none" alt="">
  // non-selectable, undraggable, no iOS tap flash

<div class="touch-pan-y touch-md-manipulation">
  Allow vertical scrolling; optimize gestures on md+
</div>

<button class="cursor-pointer cursor-lg-not-allowed">...</button>
*/
.opacity-0 {
    opacity: 0;
}

.opacity-5 {
    opacity: 0.05;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-100 {
    opacity: 1;
}

.opacity-xs-0 {
    opacity: 0;
}

.opacity-xs-5 {
    opacity: 0.05;
}

.opacity-xs-10 {
    opacity: 0.1;
}

.opacity-xs-20 {
    opacity: 0.2;
}

.opacity-xs-25 {
    opacity: 0.25;
}

.opacity-xs-30 {
    opacity: 0.3;
}

.opacity-xs-40 {
    opacity: 0.4;
}

.opacity-xs-50 {
    opacity: 0.5;
}

.opacity-xs-60 {
    opacity: 0.6;
}

.opacity-xs-70 {
    opacity: 0.7;
}

.opacity-xs-75 {
    opacity: 0.75;
}

.opacity-xs-80 {
    opacity: 0.8;
}

.opacity-xs-90 {
    opacity: 0.9;
}

.opacity-xs-100 {
    opacity: 1;
}

.opacity-mobile-0 {
    opacity: 0;
}

.opacity-mobile-5 {
    opacity: 0.05;
}

.opacity-mobile-10 {
    opacity: 0.1;
}

.opacity-mobile-20 {
    opacity: 0.2;
}

.opacity-mobile-25 {
    opacity: 0.25;
}

.opacity-mobile-30 {
    opacity: 0.3;
}

.opacity-mobile-40 {
    opacity: 0.4;
}

.opacity-mobile-50 {
    opacity: 0.5;
}

.opacity-mobile-60 {
    opacity: 0.6;
}

.opacity-mobile-70 {
    opacity: 0.7;
}

.opacity-mobile-75 {
    opacity: 0.75;
}

.opacity-mobile-80 {
    opacity: 0.8;
}

.opacity-mobile-90 {
    opacity: 0.9;
}

.opacity-mobile-100 {
    opacity: 1;
}

@media (min-width: 576px) {
    .opacity-sm-0 {
        opacity: 0;
    }

    .opacity-sm-5 {
        opacity: 0.05;
    }

    .opacity-sm-10 {
        opacity: 0.1;
    }

    .opacity-sm-20 {
        opacity: 0.2;
    }

    .opacity-sm-25 {
        opacity: 0.25;
    }

    .opacity-sm-30 {
        opacity: 0.3;
    }

    .opacity-sm-40 {
        opacity: 0.4;
    }

    .opacity-sm-50 {
        opacity: 0.5;
    }

    .opacity-sm-60 {
        opacity: 0.6;
    }

    .opacity-sm-70 {
        opacity: 0.7;
    }

    .opacity-sm-75 {
        opacity: 0.75;
    }

    .opacity-sm-80 {
        opacity: 0.8;
    }

    .opacity-sm-90 {
        opacity: 0.9;
    }

    .opacity-sm-100 {
        opacity: 1;
    }
}

@media (min-width: 768px) {
    .opacity-md-0 {
        opacity: 0;
    }

    .opacity-md-5 {
        opacity: 0.05;
    }

    .opacity-md-10 {
        opacity: 0.1;
    }

    .opacity-md-20 {
        opacity: 0.2;
    }

    .opacity-md-25 {
        opacity: 0.25;
    }

    .opacity-md-30 {
        opacity: 0.3;
    }

    .opacity-md-40 {
        opacity: 0.4;
    }

    .opacity-md-50 {
        opacity: 0.5;
    }

    .opacity-md-60 {
        opacity: 0.6;
    }

    .opacity-md-70 {
        opacity: 0.7;
    }

    .opacity-md-75 {
        opacity: 0.75;
    }

    .opacity-md-80 {
        opacity: 0.8;
    }

    .opacity-md-90 {
        opacity: 0.9;
    }

    .opacity-md-100 {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .opacity-lg-0 {
        opacity: 0;
    }

    .opacity-lg-5 {
        opacity: 0.05;
    }

    .opacity-lg-10 {
        opacity: 0.1;
    }

    .opacity-lg-20 {
        opacity: 0.2;
    }

    .opacity-lg-25 {
        opacity: 0.25;
    }

    .opacity-lg-30 {
        opacity: 0.3;
    }

    .opacity-lg-40 {
        opacity: 0.4;
    }

    .opacity-lg-50 {
        opacity: 0.5;
    }

    .opacity-lg-60 {
        opacity: 0.6;
    }

    .opacity-lg-70 {
        opacity: 0.7;
    }

    .opacity-lg-75 {
        opacity: 0.75;
    }

    .opacity-lg-80 {
        opacity: 0.8;
    }

    .opacity-lg-90 {
        opacity: 0.9;
    }

    .opacity-lg-100 {
        opacity: 1;
    }
}

@media (min-width: 1200px) {
    .opacity-xl-0 {
        opacity: 0;
    }

    .opacity-xl-5 {
        opacity: 0.05;
    }

    .opacity-xl-10 {
        opacity: 0.1;
    }

    .opacity-xl-20 {
        opacity: 0.2;
    }

    .opacity-xl-25 {
        opacity: 0.25;
    }

    .opacity-xl-30 {
        opacity: 0.3;
    }

    .opacity-xl-40 {
        opacity: 0.4;
    }

    .opacity-xl-50 {
        opacity: 0.5;
    }

    .opacity-xl-60 {
        opacity: 0.6;
    }

    .opacity-xl-70 {
        opacity: 0.7;
    }

    .opacity-xl-75 {
        opacity: 0.75;
    }

    .opacity-xl-80 {
        opacity: 0.8;
    }

    .opacity-xl-90 {
        opacity: 0.9;
    }

    .opacity-xl-100 {
        opacity: 1;
    }
}

@media (min-width: 1200px) {
    .opacity-desktop-0 {
        opacity: 0;
    }

    .opacity-desktop-5 {
        opacity: 0.05;
    }

    .opacity-desktop-10 {
        opacity: 0.1;
    }

    .opacity-desktop-20 {
        opacity: 0.2;
    }

    .opacity-desktop-25 {
        opacity: 0.25;
    }

    .opacity-desktop-30 {
        opacity: 0.3;
    }

    .opacity-desktop-40 {
        opacity: 0.4;
    }

    .opacity-desktop-50 {
        opacity: 0.5;
    }

    .opacity-desktop-60 {
        opacity: 0.6;
    }

    .opacity-desktop-70 {
        opacity: 0.7;
    }

    .opacity-desktop-75 {
        opacity: 0.75;
    }

    .opacity-desktop-80 {
        opacity: 0.8;
    }

    .opacity-desktop-90 {
        opacity: 0.9;
    }

    .opacity-desktop-100 {
        opacity: 1;
    }
}

@media (min-width: 1400px) {
    .opacity-xxl-0 {
        opacity: 0;
    }

    .opacity-xxl-5 {
        opacity: 0.05;
    }

    .opacity-xxl-10 {
        opacity: 0.1;
    }

    .opacity-xxl-20 {
        opacity: 0.2;
    }

    .opacity-xxl-25 {
        opacity: 0.25;
    }

    .opacity-xxl-30 {
        opacity: 0.3;
    }

    .opacity-xxl-40 {
        opacity: 0.4;
    }

    .opacity-xxl-50 {
        opacity: 0.5;
    }

    .opacity-xxl-60 {
        opacity: 0.6;
    }

    .opacity-xxl-70 {
        opacity: 0.7;
    }

    .opacity-xxl-75 {
        opacity: 0.75;
    }

    .opacity-xxl-80 {
        opacity: 0.8;
    }

    .opacity-xxl-90 {
        opacity: 0.9;
    }

    .opacity-xxl-100 {
        opacity: 1;
    }
}

@media print {
    .opacity-print-0 {
        opacity: 0;
    }

    .opacity-print-5 {
        opacity: 0.05;
    }

    .opacity-print-10 {
        opacity: 0.1;
    }

    .opacity-print-20 {
        opacity: 0.2;
    }

    .opacity-print-25 {
        opacity: 0.25;
    }

    .opacity-print-30 {
        opacity: 0.3;
    }

    .opacity-print-40 {
        opacity: 0.4;
    }

    .opacity-print-50 {
        opacity: 0.5;
    }

    .opacity-print-60 {
        opacity: 0.6;
    }

    .opacity-print-70 {
        opacity: 0.7;
    }

    .opacity-print-75 {
        opacity: 0.75;
    }

    .opacity-print-80 {
        opacity: 0.8;
    }

    .opacity-print-90 {
        opacity: 0.9;
    }

    .opacity-print-100 {
        opacity: 1;
    }
}

.hover-opacity-0:hover {
    opacity: 0;
}

.focus-opacity-0:focus {
    opacity: 0;
}

.active-opacity-0:active {
    opacity: 0;
}

.disabled-opacity-0:disabled,
.disabled-opacity-0[aria-disabled=true] {
    opacity: 0;
}

.hover-opacity-5:hover {
    opacity: 0.05;
}

.focus-opacity-5:focus {
    opacity: 0.05;
}

.active-opacity-5:active {
    opacity: 0.05;
}

.disabled-opacity-5:disabled,
.disabled-opacity-5[aria-disabled=true] {
    opacity: 0.05;
}

.hover-opacity-10:hover {
    opacity: 0.1;
}

.focus-opacity-10:focus {
    opacity: 0.1;
}

.active-opacity-10:active {
    opacity: 0.1;
}

.disabled-opacity-10:disabled,
.disabled-opacity-10[aria-disabled=true] {
    opacity: 0.1;
}

.hover-opacity-20:hover {
    opacity: 0.2;
}

.focus-opacity-20:focus {
    opacity: 0.2;
}

.active-opacity-20:active {
    opacity: 0.2;
}

.disabled-opacity-20:disabled,
.disabled-opacity-20[aria-disabled=true] {
    opacity: 0.2;
}

.hover-opacity-25:hover {
    opacity: 0.25;
}

.focus-opacity-25:focus {
    opacity: 0.25;
}

.active-opacity-25:active {
    opacity: 0.25;
}

.disabled-opacity-25:disabled,
.disabled-opacity-25[aria-disabled=true] {
    opacity: 0.25;
}

.hover-opacity-30:hover {
    opacity: 0.3;
}

.focus-opacity-30:focus {
    opacity: 0.3;
}

.active-opacity-30:active {
    opacity: 0.3;
}

.disabled-opacity-30:disabled,
.disabled-opacity-30[aria-disabled=true] {
    opacity: 0.3;
}

.hover-opacity-40:hover {
    opacity: 0.4;
}

.focus-opacity-40:focus {
    opacity: 0.4;
}

.active-opacity-40:active {
    opacity: 0.4;
}

.disabled-opacity-40:disabled,
.disabled-opacity-40[aria-disabled=true] {
    opacity: 0.4;
}

.hover-opacity-50:hover {
    opacity: 0.5;
}

.focus-opacity-50:focus {
    opacity: 0.5;
}

.active-opacity-50:active {
    opacity: 0.5;
}

.disabled-opacity-50:disabled,
.disabled-opacity-50[aria-disabled=true] {
    opacity: 0.5;
}

.hover-opacity-60:hover {
    opacity: 0.6;
}

.focus-opacity-60:focus {
    opacity: 0.6;
}

.active-opacity-60:active {
    opacity: 0.6;
}

.disabled-opacity-60:disabled,
.disabled-opacity-60[aria-disabled=true] {
    opacity: 0.6;
}

.hover-opacity-70:hover {
    opacity: 0.7;
}

.focus-opacity-70:focus {
    opacity: 0.7;
}

.active-opacity-70:active {
    opacity: 0.7;
}

.disabled-opacity-70:disabled,
.disabled-opacity-70[aria-disabled=true] {
    opacity: 0.7;
}

.hover-opacity-75:hover {
    opacity: 0.75;
}

.focus-opacity-75:focus {
    opacity: 0.75;
}

.active-opacity-75:active {
    opacity: 0.75;
}

.disabled-opacity-75:disabled,
.disabled-opacity-75[aria-disabled=true] {
    opacity: 0.75;
}

.hover-opacity-80:hover {
    opacity: 0.8;
}

.focus-opacity-80:focus {
    opacity: 0.8;
}

.active-opacity-80:active {
    opacity: 0.8;
}

.disabled-opacity-80:disabled,
.disabled-opacity-80[aria-disabled=true] {
    opacity: 0.8;
}

.hover-opacity-90:hover {
    opacity: 0.9;
}

.focus-opacity-90:focus {
    opacity: 0.9;
}

.active-opacity-90:active {
    opacity: 0.9;
}

.disabled-opacity-90:disabled,
.disabled-opacity-90[aria-disabled=true] {
    opacity: 0.9;
}

.hover-opacity-100:hover {
    opacity: 1;
}

.focus-opacity-100:focus {
    opacity: 1;
}

.active-opacity-100:active {
    opacity: 1;
}

.disabled-opacity-100:disabled,
.disabled-opacity-100[aria-disabled=true] {
    opacity: 1;
}

.transition-opacity {
    transition: opacity 0.2s ease-in-out;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-clip {
    overflow: clip;
}

.overflow-visible {
    overflow: visible;
}

.overflow-scroll {
    overflow: scroll;
}

.xs:overflow-auto {
    overflow: auto;
}

.xs:overflow-hidden {
    overflow: hidden;
}

.xs:overflow-clip {
    overflow: clip;
}

.xs:overflow-visible {
    overflow: visible;
}

.xs:overflow-scroll {
    overflow: scroll;
}

.mobile:overflow-auto {
    overflow: auto;
}

.mobile:overflow-hidden {
    overflow: hidden;
}

.mobile:overflow-clip {
    overflow: clip;
}

.mobile:overflow-visible {
    overflow: visible;
}

.mobile:overflow-scroll {
    overflow: scroll;
}

@media (min-width: 576px) {
    .sm:overflow-auto {
        overflow: auto;
    }

    .sm:overflow-hidden {
        overflow: hidden;
    }

    .sm:overflow-clip {
        overflow: clip;
    }

    .sm:overflow-visible {
        overflow: visible;
    }

    .sm:overflow-scroll {
        overflow: scroll;
    }
}

@media (min-width: 768px) {
    .md:overflow-auto {
        overflow: auto;
    }

    .md:overflow-hidden {
        overflow: hidden;
    }

    .md:overflow-clip {
        overflow: clip;
    }

    .md:overflow-visible {
        overflow: visible;
    }

    .md:overflow-scroll {
        overflow: scroll;
    }
}

@media (min-width: 992px) {
    .lg:overflow-auto {
        overflow: auto;
    }

    .lg:overflow-hidden {
        overflow: hidden;
    }

    .lg:overflow-clip {
        overflow: clip;
    }

    .lg:overflow-visible {
        overflow: visible;
    }

    .lg:overflow-scroll {
        overflow: scroll;
    }
}

@media (min-width: 1200px) {
    .xl:overflow-auto {
        overflow: auto;
    }

    .xl:overflow-hidden {
        overflow: hidden;
    }

    .xl:overflow-clip {
        overflow: clip;
    }

    .xl:overflow-visible {
        overflow: visible;
    }

    .xl:overflow-scroll {
        overflow: scroll;
    }
}

@media (min-width: 1200px) {
    .desktop:overflow-auto {
        overflow: auto;
    }

    .desktop:overflow-hidden {
        overflow: hidden;
    }

    .desktop:overflow-clip {
        overflow: clip;
    }

    .desktop:overflow-visible {
        overflow: visible;
    }

    .desktop:overflow-scroll {
        overflow: scroll;
    }
}

@media (min-width: 1400px) {
    .xxl:overflow-auto {
        overflow: auto;
    }

    .xxl:overflow-hidden {
        overflow: hidden;
    }

    .xxl:overflow-clip {
        overflow: clip;
    }

    .xxl:overflow-visible {
        overflow: visible;
    }

    .xxl:overflow-scroll {
        overflow: scroll;
    }
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-x-clip {
    overflow-x: clip;
}

.overflow-x-visible {
    overflow-x: visible;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.xs:overflow-x-auto {
    overflow-x: auto;
}

.xs:overflow-x-hidden {
    overflow-x: hidden;
}

.xs:overflow-x-clip {
    overflow-x: clip;
}

.xs:overflow-x-visible {
    overflow-x: visible;
}

.xs:overflow-x-scroll {
    overflow-x: scroll;
}

.mobile:overflow-x-auto {
    overflow-x: auto;
}

.mobile:overflow-x-hidden {
    overflow-x: hidden;
}

.mobile:overflow-x-clip {
    overflow-x: clip;
}

.mobile:overflow-x-visible {
    overflow-x: visible;
}

.mobile:overflow-x-scroll {
    overflow-x: scroll;
}

@media (min-width: 576px) {
    .sm:overflow-x-auto {
        overflow-x: auto;
    }

    .sm:overflow-x-hidden {
        overflow-x: hidden;
    }

    .sm:overflow-x-clip {
        overflow-x: clip;
    }

    .sm:overflow-x-visible {
        overflow-x: visible;
    }

    .sm:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media (min-width: 768px) {
    .md:overflow-x-auto {
        overflow-x: auto;
    }

    .md:overflow-x-hidden {
        overflow-x: hidden;
    }

    .md:overflow-x-clip {
        overflow-x: clip;
    }

    .md:overflow-x-visible {
        overflow-x: visible;
    }

    .md:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media (min-width: 992px) {
    .lg:overflow-x-auto {
        overflow-x: auto;
    }

    .lg:overflow-x-hidden {
        overflow-x: hidden;
    }

    .lg:overflow-x-clip {
        overflow-x: clip;
    }

    .lg:overflow-x-visible {
        overflow-x: visible;
    }

    .lg:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media (min-width: 1200px) {
    .xl:overflow-x-auto {
        overflow-x: auto;
    }

    .xl:overflow-x-hidden {
        overflow-x: hidden;
    }

    .xl:overflow-x-clip {
        overflow-x: clip;
    }

    .xl:overflow-x-visible {
        overflow-x: visible;
    }

    .xl:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media (min-width: 1200px) {
    .desktop:overflow-x-auto {
        overflow-x: auto;
    }

    .desktop:overflow-x-hidden {
        overflow-x: hidden;
    }

    .desktop:overflow-x-clip {
        overflow-x: clip;
    }

    .desktop:overflow-x-visible {
        overflow-x: visible;
    }

    .desktop:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media (min-width: 1400px) {
    .xxl:overflow-x-auto {
        overflow-x: auto;
    }

    .xxl:overflow-x-hidden {
        overflow-x: hidden;
    }

    .xxl:overflow-x-clip {
        overflow-x: clip;
    }

    .xxl:overflow-x-visible {
        overflow-x: visible;
    }

    .xxl:overflow-x-scroll {
        overflow-x: scroll;
    }
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-y-clip {
    overflow-y: clip;
}

.overflow-y-visible {
    overflow-y: visible;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.xs:overflow-y-auto {
    overflow-y: auto;
}

.xs:overflow-y-hidden {
    overflow-y: hidden;
}

.xs:overflow-y-clip {
    overflow-y: clip;
}

.xs:overflow-y-visible {
    overflow-y: visible;
}

.xs:overflow-y-scroll {
    overflow-y: scroll;
}

.mobile:overflow-y-auto {
    overflow-y: auto;
}

.mobile:overflow-y-hidden {
    overflow-y: hidden;
}

.mobile:overflow-y-clip {
    overflow-y: clip;
}

.mobile:overflow-y-visible {
    overflow-y: visible;
}

.mobile:overflow-y-scroll {
    overflow-y: scroll;
}

@media (min-width: 576px) {
    .sm:overflow-y-auto {
        overflow-y: auto;
    }

    .sm:overflow-y-hidden {
        overflow-y: hidden;
    }

    .sm:overflow-y-clip {
        overflow-y: clip;
    }

    .sm:overflow-y-visible {
        overflow-y: visible;
    }

    .sm:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media (min-width: 768px) {
    .md:overflow-y-auto {
        overflow-y: auto;
    }

    .md:overflow-y-hidden {
        overflow-y: hidden;
    }

    .md:overflow-y-clip {
        overflow-y: clip;
    }

    .md:overflow-y-visible {
        overflow-y: visible;
    }

    .md:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media (min-width: 992px) {
    .lg:overflow-y-auto {
        overflow-y: auto;
    }

    .lg:overflow-y-hidden {
        overflow-y: hidden;
    }

    .lg:overflow-y-clip {
        overflow-y: clip;
    }

    .lg:overflow-y-visible {
        overflow-y: visible;
    }

    .lg:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media (min-width: 1200px) {
    .xl:overflow-y-auto {
        overflow-y: auto;
    }

    .xl:overflow-y-hidden {
        overflow-y: hidden;
    }

    .xl:overflow-y-clip {
        overflow-y: clip;
    }

    .xl:overflow-y-visible {
        overflow-y: visible;
    }

    .xl:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media (min-width: 1200px) {
    .desktop:overflow-y-auto {
        overflow-y: auto;
    }

    .desktop:overflow-y-hidden {
        overflow-y: hidden;
    }

    .desktop:overflow-y-clip {
        overflow-y: clip;
    }

    .desktop:overflow-y-visible {
        overflow-y: visible;
    }

    .desktop:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media (min-width: 1400px) {
    .xxl:overflow-y-auto {
        overflow-y: auto;
    }

    .xxl:overflow-y-hidden {
        overflow-y: hidden;
    }

    .xxl:overflow-y-clip {
        overflow-y: clip;
    }

    .xxl:overflow-y-visible {
        overflow-y: visible;
    }

    .xxl:overflow-y-scroll {
        overflow-y: scroll;
    }
}

.overscroll-auto {
    overscroll-behavior: auto;
}

.overscroll-contain {
    overscroll-behavior: contain;
}

.overscroll-none {
    overscroll-behavior: none;
}

.xs:overscroll-auto {
    overscroll-behavior: auto;
}

.xs:overscroll-contain {
    overscroll-behavior: contain;
}

.xs:overscroll-none {
    overscroll-behavior: none;
}

.mobile:overscroll-auto {
    overscroll-behavior: auto;
}

.mobile:overscroll-contain {
    overscroll-behavior: contain;
}

.mobile:overscroll-none {
    overscroll-behavior: none;
}

@media (min-width: 576px) {
    .sm:overscroll-auto {
        overscroll-behavior: auto;
    }

    .sm:overscroll-contain {
        overscroll-behavior: contain;
    }

    .sm:overscroll-none {
        overscroll-behavior: none;
    }
}

@media (min-width: 768px) {
    .md:overscroll-auto {
        overscroll-behavior: auto;
    }

    .md:overscroll-contain {
        overscroll-behavior: contain;
    }

    .md:overscroll-none {
        overscroll-behavior: none;
    }
}

@media (min-width: 992px) {
    .lg:overscroll-auto {
        overscroll-behavior: auto;
    }

    .lg:overscroll-contain {
        overscroll-behavior: contain;
    }

    .lg:overscroll-none {
        overscroll-behavior: none;
    }
}

@media (min-width: 1200px) {
    .xl:overscroll-auto {
        overscroll-behavior: auto;
    }

    .xl:overscroll-contain {
        overscroll-behavior: contain;
    }

    .xl:overscroll-none {
        overscroll-behavior: none;
    }
}

@media (min-width: 1200px) {
    .desktop:overscroll-auto {
        overscroll-behavior: auto;
    }

    .desktop:overscroll-contain {
        overscroll-behavior: contain;
    }

    .desktop:overscroll-none {
        overscroll-behavior: none;
    }
}

@media (min-width: 1400px) {
    .xxl:overscroll-auto {
        overscroll-behavior: auto;
    }

    .xxl:overscroll-contain {
        overscroll-behavior: contain;
    }

    .xxl:overscroll-none {
        overscroll-behavior: none;
    }
}

.scroll-auto {
    scroll-behavior: auto;
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.xs:scroll-auto {
    scroll-behavior: auto;
}

.xs:scroll-smooth {
    scroll-behavior: smooth;
}

.mobile:scroll-auto {
    scroll-behavior: auto;
}

.mobile:scroll-smooth {
    scroll-behavior: smooth;
}

@media (min-width: 576px) {
    .sm:scroll-auto {
        scroll-behavior: auto;
    }

    .sm:scroll-smooth {
        scroll-behavior: smooth;
    }
}

@media (min-width: 768px) {
    .md:scroll-auto {
        scroll-behavior: auto;
    }

    .md:scroll-smooth {
        scroll-behavior: smooth;
    }
}

@media (min-width: 992px) {
    .lg:scroll-auto {
        scroll-behavior: auto;
    }

    .lg:scroll-smooth {
        scroll-behavior: smooth;
    }
}

@media (min-width: 1200px) {
    .xl:scroll-auto {
        scroll-behavior: auto;
    }

    .xl:scroll-smooth {
        scroll-behavior: smooth;
    }
}

@media (min-width: 1200px) {
    .desktop:scroll-auto {
        scroll-behavior: auto;
    }

    .desktop:scroll-smooth {
        scroll-behavior: smooth;
    }
}

@media (min-width: 1400px) {
    .xxl:scroll-auto {
        scroll-behavior: auto;
    }

    .xxl:scroll-smooth {
        scroll-behavior: smooth;
    }
}

.overflow-ios {
    -webkit-overflow-scrolling: touch;
}

.scrollbar-gutter-auto {
    scrollbar-gutter: auto;
}

.scrollbar-gutter-stable {
    scrollbar-gutter: stable;
}

.scrollbar-gutter-both {
    scrollbar-gutter: stable both-edges;
}

.xs:scrollbar-gutter-auto {
    scrollbar-gutter: auto;
}

.xs:scrollbar-gutter-stable {
    scrollbar-gutter: stable;
}

.xs:scrollbar-gutter-both {
    scrollbar-gutter: stable both-edges;
}

.mobile:scrollbar-gutter-auto {
    scrollbar-gutter: auto;
}

.mobile:scrollbar-gutter-stable {
    scrollbar-gutter: stable;
}

.mobile:scrollbar-gutter-both {
    scrollbar-gutter: stable both-edges;
}

@media (min-width: 576px) {
    .sm:scrollbar-gutter-auto {
        scrollbar-gutter: auto;
    }

    .sm:scrollbar-gutter-stable {
        scrollbar-gutter: stable;
    }

    .sm:scrollbar-gutter-both {
        scrollbar-gutter: stable both-edges;
    }
}

@media (min-width: 768px) {
    .md:scrollbar-gutter-auto {
        scrollbar-gutter: auto;
    }

    .md:scrollbar-gutter-stable {
        scrollbar-gutter: stable;
    }

    .md:scrollbar-gutter-both {
        scrollbar-gutter: stable both-edges;
    }
}

@media (min-width: 992px) {
    .lg:scrollbar-gutter-auto {
        scrollbar-gutter: auto;
    }

    .lg:scrollbar-gutter-stable {
        scrollbar-gutter: stable;
    }

    .lg:scrollbar-gutter-both {
        scrollbar-gutter: stable both-edges;
    }
}

@media (min-width: 1200px) {
    .xl:scrollbar-gutter-auto {
        scrollbar-gutter: auto;
    }

    .xl:scrollbar-gutter-stable {
        scrollbar-gutter: stable;
    }

    .xl:scrollbar-gutter-both {
        scrollbar-gutter: stable both-edges;
    }
}

@media (min-width: 1200px) {
    .desktop:scrollbar-gutter-auto {
        scrollbar-gutter: auto;
    }

    .desktop:scrollbar-gutter-stable {
        scrollbar-gutter: stable;
    }

    .desktop:scrollbar-gutter-both {
        scrollbar-gutter: stable both-edges;
    }
}

@media (min-width: 1400px) {
    .xxl:scrollbar-gutter-auto {
        scrollbar-gutter: auto;
    }

    .xxl:scrollbar-gutter-stable {
        scrollbar-gutter: stable;
    }

    .xxl:scrollbar-gutter-both {
        scrollbar-gutter: stable both-edges;
    }
}

.snap-none {
    scroll-snap-type: none;
}

.snap-x {
    scroll-snap-type: x mandatory;
}

.snap-y {
    scroll-snap-type: y mandatory;
}

.snap-both {
    scroll-snap-type: both mandatory;
}

.snap-x-proximity {
    scroll-snap-type: x proximity;
}

.snap-y-proximity {
    scroll-snap-type: y proximity;
}

.snap-both-proximity {
    scroll-snap-type: both proximity;
}

.xs:snap-none {
    scroll-snap-type: none;
}

.xs:snap-x {
    scroll-snap-type: x mandatory;
}

.xs:snap-y {
    scroll-snap-type: y mandatory;
}

.xs:snap-both {
    scroll-snap-type: both mandatory;
}

.xs:snap-x-proximity {
    scroll-snap-type: x proximity;
}

.xs:snap-y-proximity {
    scroll-snap-type: y proximity;
}

.xs:snap-both-proximity {
    scroll-snap-type: both proximity;
}

.mobile:snap-none {
    scroll-snap-type: none;
}

.mobile:snap-x {
    scroll-snap-type: x mandatory;
}

.mobile:snap-y {
    scroll-snap-type: y mandatory;
}

.mobile:snap-both {
    scroll-snap-type: both mandatory;
}

.mobile:snap-x-proximity {
    scroll-snap-type: x proximity;
}

.mobile:snap-y-proximity {
    scroll-snap-type: y proximity;
}

.mobile:snap-both-proximity {
    scroll-snap-type: both proximity;
}

@media (min-width: 576px) {
    .sm:snap-none {
        scroll-snap-type: none;
    }

    .sm:snap-x {
        scroll-snap-type: x mandatory;
    }

    .sm:snap-y {
        scroll-snap-type: y mandatory;
    }

    .sm:snap-both {
        scroll-snap-type: both mandatory;
    }

    .sm:snap-x-proximity {
        scroll-snap-type: x proximity;
    }

    .sm:snap-y-proximity {
        scroll-snap-type: y proximity;
    }

    .sm:snap-both-proximity {
        scroll-snap-type: both proximity;
    }
}

@media (min-width: 768px) {
    .md:snap-none {
        scroll-snap-type: none;
    }

    .md:snap-x {
        scroll-snap-type: x mandatory;
    }

    .md:snap-y {
        scroll-snap-type: y mandatory;
    }

    .md:snap-both {
        scroll-snap-type: both mandatory;
    }

    .md:snap-x-proximity {
        scroll-snap-type: x proximity;
    }

    .md:snap-y-proximity {
        scroll-snap-type: y proximity;
    }

    .md:snap-both-proximity {
        scroll-snap-type: both proximity;
    }
}

@media (min-width: 992px) {
    .lg:snap-none {
        scroll-snap-type: none;
    }

    .lg:snap-x {
        scroll-snap-type: x mandatory;
    }

    .lg:snap-y {
        scroll-snap-type: y mandatory;
    }

    .lg:snap-both {
        scroll-snap-type: both mandatory;
    }

    .lg:snap-x-proximity {
        scroll-snap-type: x proximity;
    }

    .lg:snap-y-proximity {
        scroll-snap-type: y proximity;
    }

    .lg:snap-both-proximity {
        scroll-snap-type: both proximity;
    }
}

@media (min-width: 1200px) {
    .xl:snap-none {
        scroll-snap-type: none;
    }

    .xl:snap-x {
        scroll-snap-type: x mandatory;
    }

    .xl:snap-y {
        scroll-snap-type: y mandatory;
    }

    .xl:snap-both {
        scroll-snap-type: both mandatory;
    }

    .xl:snap-x-proximity {
        scroll-snap-type: x proximity;
    }

    .xl:snap-y-proximity {
        scroll-snap-type: y proximity;
    }

    .xl:snap-both-proximity {
        scroll-snap-type: both proximity;
    }
}

@media (min-width: 1200px) {
    .desktop:snap-none {
        scroll-snap-type: none;
    }

    .desktop:snap-x {
        scroll-snap-type: x mandatory;
    }

    .desktop:snap-y {
        scroll-snap-type: y mandatory;
    }

    .desktop:snap-both {
        scroll-snap-type: both mandatory;
    }

    .desktop:snap-x-proximity {
        scroll-snap-type: x proximity;
    }

    .desktop:snap-y-proximity {
        scroll-snap-type: y proximity;
    }

    .desktop:snap-both-proximity {
        scroll-snap-type: both proximity;
    }
}

@media (min-width: 1400px) {
    .xxl:snap-none {
        scroll-snap-type: none;
    }

    .xxl:snap-x {
        scroll-snap-type: x mandatory;
    }

    .xxl:snap-y {
        scroll-snap-type: y mandatory;
    }

    .xxl:snap-both {
        scroll-snap-type: both mandatory;
    }

    .xxl:snap-x-proximity {
        scroll-snap-type: x proximity;
    }

    .xxl:snap-y-proximity {
        scroll-snap-type: y proximity;
    }

    .xxl:snap-both-proximity {
        scroll-snap-type: both proximity;
    }
}

.snap-align-start {
    scroll-snap-align: start;
}

.snap-align-center {
    scroll-snap-align: center;
}

.snap-align-end {
    scroll-snap-align: end;
}

.xs:snap-align-start {
    scroll-snap-align: start;
}

.xs:snap-align-center {
    scroll-snap-align: center;
}

.xs:snap-align-end {
    scroll-snap-align: end;
}

.mobile:snap-align-start {
    scroll-snap-align: start;
}

.mobile:snap-align-center {
    scroll-snap-align: center;
}

.mobile:snap-align-end {
    scroll-snap-align: end;
}

@media (min-width: 576px) {
    .sm:snap-align-start {
        scroll-snap-align: start;
    }

    .sm:snap-align-center {
        scroll-snap-align: center;
    }

    .sm:snap-align-end {
        scroll-snap-align: end;
    }
}

@media (min-width: 768px) {
    .md:snap-align-start {
        scroll-snap-align: start;
    }

    .md:snap-align-center {
        scroll-snap-align: center;
    }

    .md:snap-align-end {
        scroll-snap-align: end;
    }
}

@media (min-width: 992px) {
    .lg:snap-align-start {
        scroll-snap-align: start;
    }

    .lg:snap-align-center {
        scroll-snap-align: center;
    }

    .lg:snap-align-end {
        scroll-snap-align: end;
    }
}

@media (min-width: 1200px) {
    .xl:snap-align-start {
        scroll-snap-align: start;
    }

    .xl:snap-align-center {
        scroll-snap-align: center;
    }

    .xl:snap-align-end {
        scroll-snap-align: end;
    }
}

@media (min-width: 1200px) {
    .desktop:snap-align-start {
        scroll-snap-align: start;
    }

    .desktop:snap-align-center {
        scroll-snap-align: center;
    }

    .desktop:snap-align-end {
        scroll-snap-align: end;
    }
}

@media (min-width: 1400px) {
    .xxl:snap-align-start {
        scroll-snap-align: start;
    }

    .xxl:snap-align-center {
        scroll-snap-align: center;
    }

    .xxl:snap-align-end {
        scroll-snap-align: end;
    }
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.text-overflow-clip {
    text-overflow: clip;
}

.xs:text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.xs:text-overflow-clip {
    text-overflow: clip;
}

.mobile:text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.mobile:text-overflow-clip {
    text-overflow: clip;
}

@media (min-width: 576px) {
    .sm:text-overflow-ellipsis {
        text-overflow: ellipsis;
    }

    .sm:text-overflow-clip {
        text-overflow: clip;
    }
}

@media (min-width: 768px) {
    .md:text-overflow-ellipsis {
        text-overflow: ellipsis;
    }

    .md:text-overflow-clip {
        text-overflow: clip;
    }
}

@media (min-width: 992px) {
    .lg:text-overflow-ellipsis {
        text-overflow: ellipsis;
    }

    .lg:text-overflow-clip {
        text-overflow: clip;
    }
}

@media (min-width: 1200px) {
    .xl:text-overflow-ellipsis {
        text-overflow: ellipsis;
    }

    .xl:text-overflow-clip {
        text-overflow: clip;
    }
}

@media (min-width: 1200px) {
    .desktop:text-overflow-ellipsis {
        text-overflow: ellipsis;
    }

    .desktop:text-overflow-clip {
        text-overflow: clip;
    }
}

@media (min-width: 1400px) {
    .xxl:text-overflow-ellipsis {
        text-overflow: ellipsis;
    }

    .xxl:text-overflow-clip {
        text-overflow: clip;
    }
}

.word-break-normal {
    word-break: normal;
}

.word-break-break-all {
    word-break: break-all;
}

.word-break-keep-all {
    word-break: keep-all;
}

.word-break-break-word {
    word-break: break-word;
}

.xs:word-break-normal {
    word-break: normal;
}

.xs:word-break-break-all {
    word-break: break-all;
}

.xs:word-break-keep-all {
    word-break: keep-all;
}

.xs:word-break-break-word {
    word-break: break-word;
}

.mobile:word-break-normal {
    word-break: normal;
}

.mobile:word-break-break-all {
    word-break: break-all;
}

.mobile:word-break-keep-all {
    word-break: keep-all;
}

.mobile:word-break-break-word {
    word-break: break-word;
}

@media (min-width: 576px) {
    .sm:word-break-normal {
        word-break: normal;
    }

    .sm:word-break-break-all {
        word-break: break-all;
    }

    .sm:word-break-keep-all {
        word-break: keep-all;
    }

    .sm:word-break-break-word {
        word-break: break-word;
    }
}

@media (min-width: 768px) {
    .md:word-break-normal {
        word-break: normal;
    }

    .md:word-break-break-all {
        word-break: break-all;
    }

    .md:word-break-keep-all {
        word-break: keep-all;
    }

    .md:word-break-break-word {
        word-break: break-word;
    }
}

@media (min-width: 992px) {
    .lg:word-break-normal {
        word-break: normal;
    }

    .lg:word-break-break-all {
        word-break: break-all;
    }

    .lg:word-break-keep-all {
        word-break: keep-all;
    }

    .lg:word-break-break-word {
        word-break: break-word;
    }
}

@media (min-width: 1200px) {
    .xl:word-break-normal {
        word-break: normal;
    }

    .xl:word-break-break-all {
        word-break: break-all;
    }

    .xl:word-break-keep-all {
        word-break: keep-all;
    }

    .xl:word-break-break-word {
        word-break: break-word;
    }
}

@media (min-width: 1200px) {
    .desktop:word-break-normal {
        word-break: normal;
    }

    .desktop:word-break-break-all {
        word-break: break-all;
    }

    .desktop:word-break-keep-all {
        word-break: keep-all;
    }

    .desktop:word-break-break-word {
        word-break: break-word;
    }
}

@media (min-width: 1400px) {
    .xxl:word-break-normal {
        word-break: normal;
    }

    .xxl:word-break-break-all {
        word-break: break-all;
    }

    .xxl:word-break-keep-all {
        word-break: keep-all;
    }

    .xxl:word-break-break-word {
        word-break: break-word;
    }
}

.overflow-wrap-normal {
    overflow-wrap: normal;
}

.overflow-wrap-anywhere {
    overflow-wrap: anywhere;
}

.overflow-wrap-break-word {
    overflow-wrap: break-word;
}

.xs:overflow-wrap-normal {
    overflow-wrap: normal;
}

.xs:overflow-wrap-anywhere {
    overflow-wrap: anywhere;
}

.xs:overflow-wrap-break-word {
    overflow-wrap: break-word;
}

.mobile:overflow-wrap-normal {
    overflow-wrap: normal;
}

.mobile:overflow-wrap-anywhere {
    overflow-wrap: anywhere;
}

.mobile:overflow-wrap-break-word {
    overflow-wrap: break-word;
}

@media (min-width: 576px) {
    .sm:overflow-wrap-normal {
        overflow-wrap: normal;
    }

    .sm:overflow-wrap-anywhere {
        overflow-wrap: anywhere;
    }

    .sm:overflow-wrap-break-word {
        overflow-wrap: break-word;
    }
}

@media (min-width: 768px) {
    .md:overflow-wrap-normal {
        overflow-wrap: normal;
    }

    .md:overflow-wrap-anywhere {
        overflow-wrap: anywhere;
    }

    .md:overflow-wrap-break-word {
        overflow-wrap: break-word;
    }
}

@media (min-width: 992px) {
    .lg:overflow-wrap-normal {
        overflow-wrap: normal;
    }

    .lg:overflow-wrap-anywhere {
        overflow-wrap: anywhere;
    }

    .lg:overflow-wrap-break-word {
        overflow-wrap: break-word;
    }
}

@media (min-width: 1200px) {
    .xl:overflow-wrap-normal {
        overflow-wrap: normal;
    }

    .xl:overflow-wrap-anywhere {
        overflow-wrap: anywhere;
    }

    .xl:overflow-wrap-break-word {
        overflow-wrap: break-word;
    }
}

@media (min-width: 1200px) {
    .desktop:overflow-wrap-normal {
        overflow-wrap: normal;
    }

    .desktop:overflow-wrap-anywhere {
        overflow-wrap: anywhere;
    }

    .desktop:overflow-wrap-break-word {
        overflow-wrap: break-word;
    }
}

@media (min-width: 1400px) {
    .xxl:overflow-wrap-normal {
        overflow-wrap: normal;
    }

    .xxl:overflow-wrap-anywhere {
        overflow-wrap: anywhere;
    }

    .xxl:overflow-wrap-break-word {
        overflow-wrap: break-word;
    }
}

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

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.position-static {
    position: static;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-sticky {
    position: sticky;
}

.xs:position-static {
    position: static;
}

.xs:position-relative {
    position: relative;
}

.xs:position-absolute {
    position: absolute;
}

.xs:position-fixed {
    position: fixed;
}

.xs:position-sticky {
    position: sticky;
}

.mobile:position-static {
    position: static;
}

.mobile:position-relative {
    position: relative;
}

.mobile:position-absolute {
    position: absolute;
}

.mobile:position-fixed {
    position: fixed;
}

.mobile:position-sticky {
    position: sticky;
}

@media (min-width: 576px) {
    .sm:position-static {
        position: static;
    }

    .sm:position-relative {
        position: relative;
    }

    .sm:position-absolute {
        position: absolute;
    }

    .sm:position-fixed {
        position: fixed;
    }

    .sm:position-sticky {
        position: sticky;
    }
}

@media (min-width: 768px) {
    .md:position-static {
        position: static;
    }

    .md:position-relative {
        position: relative;
    }

    .md:position-absolute {
        position: absolute;
    }

    .md:position-fixed {
        position: fixed;
    }

    .md:position-sticky {
        position: sticky;
    }
}

@media (min-width: 992px) {
    .lg:position-static {
        position: static;
    }

    .lg:position-relative {
        position: relative;
    }

    .lg:position-absolute {
        position: absolute;
    }

    .lg:position-fixed {
        position: fixed;
    }

    .lg:position-sticky {
        position: sticky;
    }
}

@media (min-width: 1200px) {
    .xl:position-static {
        position: static;
    }

    .xl:position-relative {
        position: relative;
    }

    .xl:position-absolute {
        position: absolute;
    }

    .xl:position-fixed {
        position: fixed;
    }

    .xl:position-sticky {
        position: sticky;
    }
}

@media (min-width: 1200px) {
    .desktop:position-static {
        position: static;
    }

    .desktop:position-relative {
        position: relative;
    }

    .desktop:position-absolute {
        position: absolute;
    }

    .desktop:position-fixed {
        position: fixed;
    }

    .desktop:position-sticky {
        position: sticky;
    }
}

@media (min-width: 1400px) {
    .xxl:position-static {
        position: static;
    }

    .xxl:position-relative {
        position: relative;
    }

    .xxl:position-absolute {
        position: absolute;
    }

    .xxl:position-fixed {
        position: fixed;
    }

    .xxl:position-sticky {
        position: sticky;
    }
}

.inset-0 {
    inset: 0;
}

.inset-px {
    inset: 1px;
}

.inset-0-5 {
    inset: 0.125rem;
}

.inset-1 {
    inset: 0.25rem;
}

.inset-2 {
    inset: 0.5rem;
}

.inset-3 {
    inset: 0.75rem;
}

.inset-4 {
    inset: 1rem;
}

.inset-6 {
    inset: 1.5rem;
}

.inset-8 {
    inset: 2rem;
}

.inset-12 {
    inset: 3rem;
}

.inset-16 {
    inset: 4rem;
}

.inset-1-2 {
    inset: 50%;
}

.inset-full {
    inset: 100%;
}

.inset-auto {
    inset: auto;
}

.xs:inset-0 {
    inset: 0;
}

.xs:inset-px {
    inset: 1px;
}

.xs:inset-0-5 {
    inset: 0.125rem;
}

.xs:inset-1 {
    inset: 0.25rem;
}

.xs:inset-2 {
    inset: 0.5rem;
}

.xs:inset-3 {
    inset: 0.75rem;
}

.xs:inset-4 {
    inset: 1rem;
}

.xs:inset-6 {
    inset: 1.5rem;
}

.xs:inset-8 {
    inset: 2rem;
}

.xs:inset-12 {
    inset: 3rem;
}

.xs:inset-16 {
    inset: 4rem;
}

.xs:inset-1-2 {
    inset: 50%;
}

.xs:inset-full {
    inset: 100%;
}

.xs:inset-auto {
    inset: auto;
}

.mobile:inset-0 {
    inset: 0;
}

.mobile:inset-px {
    inset: 1px;
}

.mobile:inset-0-5 {
    inset: 0.125rem;
}

.mobile:inset-1 {
    inset: 0.25rem;
}

.mobile:inset-2 {
    inset: 0.5rem;
}

.mobile:inset-3 {
    inset: 0.75rem;
}

.mobile:inset-4 {
    inset: 1rem;
}

.mobile:inset-6 {
    inset: 1.5rem;
}

.mobile:inset-8 {
    inset: 2rem;
}

.mobile:inset-12 {
    inset: 3rem;
}

.mobile:inset-16 {
    inset: 4rem;
}

.mobile:inset-1-2 {
    inset: 50%;
}

.mobile:inset-full {
    inset: 100%;
}

.mobile:inset-auto {
    inset: auto;
}

@media (min-width: 576px) {
    .sm:inset-0 {
        inset: 0;
    }

    .sm:inset-px {
        inset: 1px;
    }

    .sm:inset-0-5 {
        inset: 0.125rem;
    }

    .sm:inset-1 {
        inset: 0.25rem;
    }

    .sm:inset-2 {
        inset: 0.5rem;
    }

    .sm:inset-3 {
        inset: 0.75rem;
    }

    .sm:inset-4 {
        inset: 1rem;
    }

    .sm:inset-6 {
        inset: 1.5rem;
    }

    .sm:inset-8 {
        inset: 2rem;
    }

    .sm:inset-12 {
        inset: 3rem;
    }

    .sm:inset-16 {
        inset: 4rem;
    }

    .sm:inset-1-2 {
        inset: 50%;
    }

    .sm:inset-full {
        inset: 100%;
    }

    .sm:inset-auto {
        inset: auto;
    }
}

@media (min-width: 768px) {
    .md:inset-0 {
        inset: 0;
    }

    .md:inset-px {
        inset: 1px;
    }

    .md:inset-0-5 {
        inset: 0.125rem;
    }

    .md:inset-1 {
        inset: 0.25rem;
    }

    .md:inset-2 {
        inset: 0.5rem;
    }

    .md:inset-3 {
        inset: 0.75rem;
    }

    .md:inset-4 {
        inset: 1rem;
    }

    .md:inset-6 {
        inset: 1.5rem;
    }

    .md:inset-8 {
        inset: 2rem;
    }

    .md:inset-12 {
        inset: 3rem;
    }

    .md:inset-16 {
        inset: 4rem;
    }

    .md:inset-1-2 {
        inset: 50%;
    }

    .md:inset-full {
        inset: 100%;
    }

    .md:inset-auto {
        inset: auto;
    }
}

@media (min-width: 992px) {
    .lg:inset-0 {
        inset: 0;
    }

    .lg:inset-px {
        inset: 1px;
    }

    .lg:inset-0-5 {
        inset: 0.125rem;
    }

    .lg:inset-1 {
        inset: 0.25rem;
    }

    .lg:inset-2 {
        inset: 0.5rem;
    }

    .lg:inset-3 {
        inset: 0.75rem;
    }

    .lg:inset-4 {
        inset: 1rem;
    }

    .lg:inset-6 {
        inset: 1.5rem;
    }

    .lg:inset-8 {
        inset: 2rem;
    }

    .lg:inset-12 {
        inset: 3rem;
    }

    .lg:inset-16 {
        inset: 4rem;
    }

    .lg:inset-1-2 {
        inset: 50%;
    }

    .lg:inset-full {
        inset: 100%;
    }

    .lg:inset-auto {
        inset: auto;
    }
}

@media (min-width: 1200px) {
    .xl:inset-0 {
        inset: 0;
    }

    .xl:inset-px {
        inset: 1px;
    }

    .xl:inset-0-5 {
        inset: 0.125rem;
    }

    .xl:inset-1 {
        inset: 0.25rem;
    }

    .xl:inset-2 {
        inset: 0.5rem;
    }

    .xl:inset-3 {
        inset: 0.75rem;
    }

    .xl:inset-4 {
        inset: 1rem;
    }

    .xl:inset-6 {
        inset: 1.5rem;
    }

    .xl:inset-8 {
        inset: 2rem;
    }

    .xl:inset-12 {
        inset: 3rem;
    }

    .xl:inset-16 {
        inset: 4rem;
    }

    .xl:inset-1-2 {
        inset: 50%;
    }

    .xl:inset-full {
        inset: 100%;
    }

    .xl:inset-auto {
        inset: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:inset-0 {
        inset: 0;
    }

    .desktop:inset-px {
        inset: 1px;
    }

    .desktop:inset-0-5 {
        inset: 0.125rem;
    }

    .desktop:inset-1 {
        inset: 0.25rem;
    }

    .desktop:inset-2 {
        inset: 0.5rem;
    }

    .desktop:inset-3 {
        inset: 0.75rem;
    }

    .desktop:inset-4 {
        inset: 1rem;
    }

    .desktop:inset-6 {
        inset: 1.5rem;
    }

    .desktop:inset-8 {
        inset: 2rem;
    }

    .desktop:inset-12 {
        inset: 3rem;
    }

    .desktop:inset-16 {
        inset: 4rem;
    }

    .desktop:inset-1-2 {
        inset: 50%;
    }

    .desktop:inset-full {
        inset: 100%;
    }

    .desktop:inset-auto {
        inset: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:inset-0 {
        inset: 0;
    }

    .xxl:inset-px {
        inset: 1px;
    }

    .xxl:inset-0-5 {
        inset: 0.125rem;
    }

    .xxl:inset-1 {
        inset: 0.25rem;
    }

    .xxl:inset-2 {
        inset: 0.5rem;
    }

    .xxl:inset-3 {
        inset: 0.75rem;
    }

    .xxl:inset-4 {
        inset: 1rem;
    }

    .xxl:inset-6 {
        inset: 1.5rem;
    }

    .xxl:inset-8 {
        inset: 2rem;
    }

    .xxl:inset-12 {
        inset: 3rem;
    }

    .xxl:inset-16 {
        inset: 4rem;
    }

    .xxl:inset-1-2 {
        inset: 50%;
    }

    .xxl:inset-full {
        inset: 100%;
    }

    .xxl:inset-auto {
        inset: auto;
    }
}

.inset-x-0 {
    inset-inline: 0;
}

.inset-x-px {
    inset-inline: 1px;
}

.inset-x-0-5 {
    inset-inline: 0.125rem;
}

.inset-x-1 {
    inset-inline: 0.25rem;
}

.inset-x-2 {
    inset-inline: 0.5rem;
}

.inset-x-3 {
    inset-inline: 0.75rem;
}

.inset-x-4 {
    inset-inline: 1rem;
}

.inset-x-6 {
    inset-inline: 1.5rem;
}

.inset-x-8 {
    inset-inline: 2rem;
}

.inset-x-12 {
    inset-inline: 3rem;
}

.inset-x-16 {
    inset-inline: 4rem;
}

.inset-x-1-2 {
    inset-inline: 50%;
}

.inset-x-full {
    inset-inline: 100%;
}

.inset-x-auto {
    inset-inline: auto;
}

.xs:inset-x-0 {
    inset-inline: 0;
}

.xs:inset-x-px {
    inset-inline: 1px;
}

.xs:inset-x-0-5 {
    inset-inline: 0.125rem;
}

.xs:inset-x-1 {
    inset-inline: 0.25rem;
}

.xs:inset-x-2 {
    inset-inline: 0.5rem;
}

.xs:inset-x-3 {
    inset-inline: 0.75rem;
}

.xs:inset-x-4 {
    inset-inline: 1rem;
}

.xs:inset-x-6 {
    inset-inline: 1.5rem;
}

.xs:inset-x-8 {
    inset-inline: 2rem;
}

.xs:inset-x-12 {
    inset-inline: 3rem;
}

.xs:inset-x-16 {
    inset-inline: 4rem;
}

.xs:inset-x-1-2 {
    inset-inline: 50%;
}

.xs:inset-x-full {
    inset-inline: 100%;
}

.xs:inset-x-auto {
    inset-inline: auto;
}

.mobile:inset-x-0 {
    inset-inline: 0;
}

.mobile:inset-x-px {
    inset-inline: 1px;
}

.mobile:inset-x-0-5 {
    inset-inline: 0.125rem;
}

.mobile:inset-x-1 {
    inset-inline: 0.25rem;
}

.mobile:inset-x-2 {
    inset-inline: 0.5rem;
}

.mobile:inset-x-3 {
    inset-inline: 0.75rem;
}

.mobile:inset-x-4 {
    inset-inline: 1rem;
}

.mobile:inset-x-6 {
    inset-inline: 1.5rem;
}

.mobile:inset-x-8 {
    inset-inline: 2rem;
}

.mobile:inset-x-12 {
    inset-inline: 3rem;
}

.mobile:inset-x-16 {
    inset-inline: 4rem;
}

.mobile:inset-x-1-2 {
    inset-inline: 50%;
}

.mobile:inset-x-full {
    inset-inline: 100%;
}

.mobile:inset-x-auto {
    inset-inline: auto;
}

@media (min-width: 576px) {
    .sm:inset-x-0 {
        inset-inline: 0;
    }

    .sm:inset-x-px {
        inset-inline: 1px;
    }

    .sm:inset-x-0-5 {
        inset-inline: 0.125rem;
    }

    .sm:inset-x-1 {
        inset-inline: 0.25rem;
    }

    .sm:inset-x-2 {
        inset-inline: 0.5rem;
    }

    .sm:inset-x-3 {
        inset-inline: 0.75rem;
    }

    .sm:inset-x-4 {
        inset-inline: 1rem;
    }

    .sm:inset-x-6 {
        inset-inline: 1.5rem;
    }

    .sm:inset-x-8 {
        inset-inline: 2rem;
    }

    .sm:inset-x-12 {
        inset-inline: 3rem;
    }

    .sm:inset-x-16 {
        inset-inline: 4rem;
    }

    .sm:inset-x-1-2 {
        inset-inline: 50%;
    }

    .sm:inset-x-full {
        inset-inline: 100%;
    }

    .sm:inset-x-auto {
        inset-inline: auto;
    }
}

@media (min-width: 768px) {
    .md:inset-x-0 {
        inset-inline: 0;
    }

    .md:inset-x-px {
        inset-inline: 1px;
    }

    .md:inset-x-0-5 {
        inset-inline: 0.125rem;
    }

    .md:inset-x-1 {
        inset-inline: 0.25rem;
    }

    .md:inset-x-2 {
        inset-inline: 0.5rem;
    }

    .md:inset-x-3 {
        inset-inline: 0.75rem;
    }

    .md:inset-x-4 {
        inset-inline: 1rem;
    }

    .md:inset-x-6 {
        inset-inline: 1.5rem;
    }

    .md:inset-x-8 {
        inset-inline: 2rem;
    }

    .md:inset-x-12 {
        inset-inline: 3rem;
    }

    .md:inset-x-16 {
        inset-inline: 4rem;
    }

    .md:inset-x-1-2 {
        inset-inline: 50%;
    }

    .md:inset-x-full {
        inset-inline: 100%;
    }

    .md:inset-x-auto {
        inset-inline: auto;
    }
}

@media (min-width: 992px) {
    .lg:inset-x-0 {
        inset-inline: 0;
    }

    .lg:inset-x-px {
        inset-inline: 1px;
    }

    .lg:inset-x-0-5 {
        inset-inline: 0.125rem;
    }

    .lg:inset-x-1 {
        inset-inline: 0.25rem;
    }

    .lg:inset-x-2 {
        inset-inline: 0.5rem;
    }

    .lg:inset-x-3 {
        inset-inline: 0.75rem;
    }

    .lg:inset-x-4 {
        inset-inline: 1rem;
    }

    .lg:inset-x-6 {
        inset-inline: 1.5rem;
    }

    .lg:inset-x-8 {
        inset-inline: 2rem;
    }

    .lg:inset-x-12 {
        inset-inline: 3rem;
    }

    .lg:inset-x-16 {
        inset-inline: 4rem;
    }

    .lg:inset-x-1-2 {
        inset-inline: 50%;
    }

    .lg:inset-x-full {
        inset-inline: 100%;
    }

    .lg:inset-x-auto {
        inset-inline: auto;
    }
}

@media (min-width: 1200px) {
    .xl:inset-x-0 {
        inset-inline: 0;
    }

    .xl:inset-x-px {
        inset-inline: 1px;
    }

    .xl:inset-x-0-5 {
        inset-inline: 0.125rem;
    }

    .xl:inset-x-1 {
        inset-inline: 0.25rem;
    }

    .xl:inset-x-2 {
        inset-inline: 0.5rem;
    }

    .xl:inset-x-3 {
        inset-inline: 0.75rem;
    }

    .xl:inset-x-4 {
        inset-inline: 1rem;
    }

    .xl:inset-x-6 {
        inset-inline: 1.5rem;
    }

    .xl:inset-x-8 {
        inset-inline: 2rem;
    }

    .xl:inset-x-12 {
        inset-inline: 3rem;
    }

    .xl:inset-x-16 {
        inset-inline: 4rem;
    }

    .xl:inset-x-1-2 {
        inset-inline: 50%;
    }

    .xl:inset-x-full {
        inset-inline: 100%;
    }

    .xl:inset-x-auto {
        inset-inline: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:inset-x-0 {
        inset-inline: 0;
    }

    .desktop:inset-x-px {
        inset-inline: 1px;
    }

    .desktop:inset-x-0-5 {
        inset-inline: 0.125rem;
    }

    .desktop:inset-x-1 {
        inset-inline: 0.25rem;
    }

    .desktop:inset-x-2 {
        inset-inline: 0.5rem;
    }

    .desktop:inset-x-3 {
        inset-inline: 0.75rem;
    }

    .desktop:inset-x-4 {
        inset-inline: 1rem;
    }

    .desktop:inset-x-6 {
        inset-inline: 1.5rem;
    }

    .desktop:inset-x-8 {
        inset-inline: 2rem;
    }

    .desktop:inset-x-12 {
        inset-inline: 3rem;
    }

    .desktop:inset-x-16 {
        inset-inline: 4rem;
    }

    .desktop:inset-x-1-2 {
        inset-inline: 50%;
    }

    .desktop:inset-x-full {
        inset-inline: 100%;
    }

    .desktop:inset-x-auto {
        inset-inline: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:inset-x-0 {
        inset-inline: 0;
    }

    .xxl:inset-x-px {
        inset-inline: 1px;
    }

    .xxl:inset-x-0-5 {
        inset-inline: 0.125rem;
    }

    .xxl:inset-x-1 {
        inset-inline: 0.25rem;
    }

    .xxl:inset-x-2 {
        inset-inline: 0.5rem;
    }

    .xxl:inset-x-3 {
        inset-inline: 0.75rem;
    }

    .xxl:inset-x-4 {
        inset-inline: 1rem;
    }

    .xxl:inset-x-6 {
        inset-inline: 1.5rem;
    }

    .xxl:inset-x-8 {
        inset-inline: 2rem;
    }

    .xxl:inset-x-12 {
        inset-inline: 3rem;
    }

    .xxl:inset-x-16 {
        inset-inline: 4rem;
    }

    .xxl:inset-x-1-2 {
        inset-inline: 50%;
    }

    .xxl:inset-x-full {
        inset-inline: 100%;
    }

    .xxl:inset-x-auto {
        inset-inline: auto;
    }
}

.inset-y-0 {
    inset-block: 0;
}

.inset-y-px {
    inset-block: 1px;
}

.inset-y-0-5 {
    inset-block: 0.125rem;
}

.inset-y-1 {
    inset-block: 0.25rem;
}

.inset-y-2 {
    inset-block: 0.5rem;
}

.inset-y-3 {
    inset-block: 0.75rem;
}

.inset-y-4 {
    inset-block: 1rem;
}

.inset-y-6 {
    inset-block: 1.5rem;
}

.inset-y-8 {
    inset-block: 2rem;
}

.inset-y-12 {
    inset-block: 3rem;
}

.inset-y-16 {
    inset-block: 4rem;
}

.inset-y-1-2 {
    inset-block: 50%;
}

.inset-y-full {
    inset-block: 100%;
}

.inset-y-auto {
    inset-block: auto;
}

.xs:inset-y-0 {
    inset-block: 0;
}

.xs:inset-y-px {
    inset-block: 1px;
}

.xs:inset-y-0-5 {
    inset-block: 0.125rem;
}

.xs:inset-y-1 {
    inset-block: 0.25rem;
}

.xs:inset-y-2 {
    inset-block: 0.5rem;
}

.xs:inset-y-3 {
    inset-block: 0.75rem;
}

.xs:inset-y-4 {
    inset-block: 1rem;
}

.xs:inset-y-6 {
    inset-block: 1.5rem;
}

.xs:inset-y-8 {
    inset-block: 2rem;
}

.xs:inset-y-12 {
    inset-block: 3rem;
}

.xs:inset-y-16 {
    inset-block: 4rem;
}

.xs:inset-y-1-2 {
    inset-block: 50%;
}

.xs:inset-y-full {
    inset-block: 100%;
}

.xs:inset-y-auto {
    inset-block: auto;
}

.mobile:inset-y-0 {
    inset-block: 0;
}

.mobile:inset-y-px {
    inset-block: 1px;
}

.mobile:inset-y-0-5 {
    inset-block: 0.125rem;
}

.mobile:inset-y-1 {
    inset-block: 0.25rem;
}

.mobile:inset-y-2 {
    inset-block: 0.5rem;
}

.mobile:inset-y-3 {
    inset-block: 0.75rem;
}

.mobile:inset-y-4 {
    inset-block: 1rem;
}

.mobile:inset-y-6 {
    inset-block: 1.5rem;
}

.mobile:inset-y-8 {
    inset-block: 2rem;
}

.mobile:inset-y-12 {
    inset-block: 3rem;
}

.mobile:inset-y-16 {
    inset-block: 4rem;
}

.mobile:inset-y-1-2 {
    inset-block: 50%;
}

.mobile:inset-y-full {
    inset-block: 100%;
}

.mobile:inset-y-auto {
    inset-block: auto;
}

@media (min-width: 576px) {
    .sm:inset-y-0 {
        inset-block: 0;
    }

    .sm:inset-y-px {
        inset-block: 1px;
    }

    .sm:inset-y-0-5 {
        inset-block: 0.125rem;
    }

    .sm:inset-y-1 {
        inset-block: 0.25rem;
    }

    .sm:inset-y-2 {
        inset-block: 0.5rem;
    }

    .sm:inset-y-3 {
        inset-block: 0.75rem;
    }

    .sm:inset-y-4 {
        inset-block: 1rem;
    }

    .sm:inset-y-6 {
        inset-block: 1.5rem;
    }

    .sm:inset-y-8 {
        inset-block: 2rem;
    }

    .sm:inset-y-12 {
        inset-block: 3rem;
    }

    .sm:inset-y-16 {
        inset-block: 4rem;
    }

    .sm:inset-y-1-2 {
        inset-block: 50%;
    }

    .sm:inset-y-full {
        inset-block: 100%;
    }

    .sm:inset-y-auto {
        inset-block: auto;
    }
}

@media (min-width: 768px) {
    .md:inset-y-0 {
        inset-block: 0;
    }

    .md:inset-y-px {
        inset-block: 1px;
    }

    .md:inset-y-0-5 {
        inset-block: 0.125rem;
    }

    .md:inset-y-1 {
        inset-block: 0.25rem;
    }

    .md:inset-y-2 {
        inset-block: 0.5rem;
    }

    .md:inset-y-3 {
        inset-block: 0.75rem;
    }

    .md:inset-y-4 {
        inset-block: 1rem;
    }

    .md:inset-y-6 {
        inset-block: 1.5rem;
    }

    .md:inset-y-8 {
        inset-block: 2rem;
    }

    .md:inset-y-12 {
        inset-block: 3rem;
    }

    .md:inset-y-16 {
        inset-block: 4rem;
    }

    .md:inset-y-1-2 {
        inset-block: 50%;
    }

    .md:inset-y-full {
        inset-block: 100%;
    }

    .md:inset-y-auto {
        inset-block: auto;
    }
}

@media (min-width: 992px) {
    .lg:inset-y-0 {
        inset-block: 0;
    }

    .lg:inset-y-px {
        inset-block: 1px;
    }

    .lg:inset-y-0-5 {
        inset-block: 0.125rem;
    }

    .lg:inset-y-1 {
        inset-block: 0.25rem;
    }

    .lg:inset-y-2 {
        inset-block: 0.5rem;
    }

    .lg:inset-y-3 {
        inset-block: 0.75rem;
    }

    .lg:inset-y-4 {
        inset-block: 1rem;
    }

    .lg:inset-y-6 {
        inset-block: 1.5rem;
    }

    .lg:inset-y-8 {
        inset-block: 2rem;
    }

    .lg:inset-y-12 {
        inset-block: 3rem;
    }

    .lg:inset-y-16 {
        inset-block: 4rem;
    }

    .lg:inset-y-1-2 {
        inset-block: 50%;
    }

    .lg:inset-y-full {
        inset-block: 100%;
    }

    .lg:inset-y-auto {
        inset-block: auto;
    }
}

@media (min-width: 1200px) {
    .xl:inset-y-0 {
        inset-block: 0;
    }

    .xl:inset-y-px {
        inset-block: 1px;
    }

    .xl:inset-y-0-5 {
        inset-block: 0.125rem;
    }

    .xl:inset-y-1 {
        inset-block: 0.25rem;
    }

    .xl:inset-y-2 {
        inset-block: 0.5rem;
    }

    .xl:inset-y-3 {
        inset-block: 0.75rem;
    }

    .xl:inset-y-4 {
        inset-block: 1rem;
    }

    .xl:inset-y-6 {
        inset-block: 1.5rem;
    }

    .xl:inset-y-8 {
        inset-block: 2rem;
    }

    .xl:inset-y-12 {
        inset-block: 3rem;
    }

    .xl:inset-y-16 {
        inset-block: 4rem;
    }

    .xl:inset-y-1-2 {
        inset-block: 50%;
    }

    .xl:inset-y-full {
        inset-block: 100%;
    }

    .xl:inset-y-auto {
        inset-block: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:inset-y-0 {
        inset-block: 0;
    }

    .desktop:inset-y-px {
        inset-block: 1px;
    }

    .desktop:inset-y-0-5 {
        inset-block: 0.125rem;
    }

    .desktop:inset-y-1 {
        inset-block: 0.25rem;
    }

    .desktop:inset-y-2 {
        inset-block: 0.5rem;
    }

    .desktop:inset-y-3 {
        inset-block: 0.75rem;
    }

    .desktop:inset-y-4 {
        inset-block: 1rem;
    }

    .desktop:inset-y-6 {
        inset-block: 1.5rem;
    }

    .desktop:inset-y-8 {
        inset-block: 2rem;
    }

    .desktop:inset-y-12 {
        inset-block: 3rem;
    }

    .desktop:inset-y-16 {
        inset-block: 4rem;
    }

    .desktop:inset-y-1-2 {
        inset-block: 50%;
    }

    .desktop:inset-y-full {
        inset-block: 100%;
    }

    .desktop:inset-y-auto {
        inset-block: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:inset-y-0 {
        inset-block: 0;
    }

    .xxl:inset-y-px {
        inset-block: 1px;
    }

    .xxl:inset-y-0-5 {
        inset-block: 0.125rem;
    }

    .xxl:inset-y-1 {
        inset-block: 0.25rem;
    }

    .xxl:inset-y-2 {
        inset-block: 0.5rem;
    }

    .xxl:inset-y-3 {
        inset-block: 0.75rem;
    }

    .xxl:inset-y-4 {
        inset-block: 1rem;
    }

    .xxl:inset-y-6 {
        inset-block: 1.5rem;
    }

    .xxl:inset-y-8 {
        inset-block: 2rem;
    }

    .xxl:inset-y-12 {
        inset-block: 3rem;
    }

    .xxl:inset-y-16 {
        inset-block: 4rem;
    }

    .xxl:inset-y-1-2 {
        inset-block: 50%;
    }

    .xxl:inset-y-full {
        inset-block: 100%;
    }

    .xxl:inset-y-auto {
        inset-block: auto;
    }
}

.top-0 {
    inset-block-start: 0;
}

.top-px {
    inset-block-start: 1px;
}

.top-0-5 {
    inset-block-start: 0.125rem;
}

.top-1 {
    inset-block-start: 0.25rem;
}

.top-2 {
    inset-block-start: 0.5rem;
}

.top-3 {
    inset-block-start: 0.75rem;
}

.top-4 {
    inset-block-start: 1rem;
}

.top-6 {
    inset-block-start: 1.5rem;
}

.top-8 {
    inset-block-start: 2rem;
}

.top-12 {
    inset-block-start: 3rem;
}

.top-16 {
    inset-block-start: 4rem;
}

.top-1-2 {
    inset-block-start: 50%;
}

.top-full {
    inset-block-start: 100%;
}

.top-auto {
    inset-block-start: auto;
}

.xs:top-0 {
    inset-block-start: 0;
}

.xs:top-px {
    inset-block-start: 1px;
}

.xs:top-0-5 {
    inset-block-start: 0.125rem;
}

.xs:top-1 {
    inset-block-start: 0.25rem;
}

.xs:top-2 {
    inset-block-start: 0.5rem;
}

.xs:top-3 {
    inset-block-start: 0.75rem;
}

.xs:top-4 {
    inset-block-start: 1rem;
}

.xs:top-6 {
    inset-block-start: 1.5rem;
}

.xs:top-8 {
    inset-block-start: 2rem;
}

.xs:top-12 {
    inset-block-start: 3rem;
}

.xs:top-16 {
    inset-block-start: 4rem;
}

.xs:top-1-2 {
    inset-block-start: 50%;
}

.xs:top-full {
    inset-block-start: 100%;
}

.xs:top-auto {
    inset-block-start: auto;
}

.mobile:top-0 {
    inset-block-start: 0;
}

.mobile:top-px {
    inset-block-start: 1px;
}

.mobile:top-0-5 {
    inset-block-start: 0.125rem;
}

.mobile:top-1 {
    inset-block-start: 0.25rem;
}

.mobile:top-2 {
    inset-block-start: 0.5rem;
}

.mobile:top-3 {
    inset-block-start: 0.75rem;
}

.mobile:top-4 {
    inset-block-start: 1rem;
}

.mobile:top-6 {
    inset-block-start: 1.5rem;
}

.mobile:top-8 {
    inset-block-start: 2rem;
}

.mobile:top-12 {
    inset-block-start: 3rem;
}

.mobile:top-16 {
    inset-block-start: 4rem;
}

.mobile:top-1-2 {
    inset-block-start: 50%;
}

.mobile:top-full {
    inset-block-start: 100%;
}

.mobile:top-auto {
    inset-block-start: auto;
}

@media (min-width: 576px) {
    .sm:top-0 {
        inset-block-start: 0;
    }

    .sm:top-px {
        inset-block-start: 1px;
    }

    .sm:top-0-5 {
        inset-block-start: 0.125rem;
    }

    .sm:top-1 {
        inset-block-start: 0.25rem;
    }

    .sm:top-2 {
        inset-block-start: 0.5rem;
    }

    .sm:top-3 {
        inset-block-start: 0.75rem;
    }

    .sm:top-4 {
        inset-block-start: 1rem;
    }

    .sm:top-6 {
        inset-block-start: 1.5rem;
    }

    .sm:top-8 {
        inset-block-start: 2rem;
    }

    .sm:top-12 {
        inset-block-start: 3rem;
    }

    .sm:top-16 {
        inset-block-start: 4rem;
    }

    .sm:top-1-2 {
        inset-block-start: 50%;
    }

    .sm:top-full {
        inset-block-start: 100%;
    }

    .sm:top-auto {
        inset-block-start: auto;
    }
}

@media (min-width: 768px) {
    .md:top-0 {
        inset-block-start: 0;
    }

    .md:top-px {
        inset-block-start: 1px;
    }

    .md:top-0-5 {
        inset-block-start: 0.125rem;
    }

    .md:top-1 {
        inset-block-start: 0.25rem;
    }

    .md:top-2 {
        inset-block-start: 0.5rem;
    }

    .md:top-3 {
        inset-block-start: 0.75rem;
    }

    .md:top-4 {
        inset-block-start: 1rem;
    }

    .md:top-6 {
        inset-block-start: 1.5rem;
    }

    .md:top-8 {
        inset-block-start: 2rem;
    }

    .md:top-12 {
        inset-block-start: 3rem;
    }

    .md:top-16 {
        inset-block-start: 4rem;
    }

    .md:top-1-2 {
        inset-block-start: 50%;
    }

    .md:top-full {
        inset-block-start: 100%;
    }

    .md:top-auto {
        inset-block-start: auto;
    }
}

@media (min-width: 992px) {
    .lg:top-0 {
        inset-block-start: 0;
    }

    .lg:top-px {
        inset-block-start: 1px;
    }

    .lg:top-0-5 {
        inset-block-start: 0.125rem;
    }

    .lg:top-1 {
        inset-block-start: 0.25rem;
    }

    .lg:top-2 {
        inset-block-start: 0.5rem;
    }

    .lg:top-3 {
        inset-block-start: 0.75rem;
    }

    .lg:top-4 {
        inset-block-start: 1rem;
    }

    .lg:top-6 {
        inset-block-start: 1.5rem;
    }

    .lg:top-8 {
        inset-block-start: 2rem;
    }

    .lg:top-12 {
        inset-block-start: 3rem;
    }

    .lg:top-16 {
        inset-block-start: 4rem;
    }

    .lg:top-1-2 {
        inset-block-start: 50%;
    }

    .lg:top-full {
        inset-block-start: 100%;
    }

    .lg:top-auto {
        inset-block-start: auto;
    }
}

@media (min-width: 1200px) {
    .xl:top-0 {
        inset-block-start: 0;
    }

    .xl:top-px {
        inset-block-start: 1px;
    }

    .xl:top-0-5 {
        inset-block-start: 0.125rem;
    }

    .xl:top-1 {
        inset-block-start: 0.25rem;
    }

    .xl:top-2 {
        inset-block-start: 0.5rem;
    }

    .xl:top-3 {
        inset-block-start: 0.75rem;
    }

    .xl:top-4 {
        inset-block-start: 1rem;
    }

    .xl:top-6 {
        inset-block-start: 1.5rem;
    }

    .xl:top-8 {
        inset-block-start: 2rem;
    }

    .xl:top-12 {
        inset-block-start: 3rem;
    }

    .xl:top-16 {
        inset-block-start: 4rem;
    }

    .xl:top-1-2 {
        inset-block-start: 50%;
    }

    .xl:top-full {
        inset-block-start: 100%;
    }

    .xl:top-auto {
        inset-block-start: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:top-0 {
        inset-block-start: 0;
    }

    .desktop:top-px {
        inset-block-start: 1px;
    }

    .desktop:top-0-5 {
        inset-block-start: 0.125rem;
    }

    .desktop:top-1 {
        inset-block-start: 0.25rem;
    }

    .desktop:top-2 {
        inset-block-start: 0.5rem;
    }

    .desktop:top-3 {
        inset-block-start: 0.75rem;
    }

    .desktop:top-4 {
        inset-block-start: 1rem;
    }

    .desktop:top-6 {
        inset-block-start: 1.5rem;
    }

    .desktop:top-8 {
        inset-block-start: 2rem;
    }

    .desktop:top-12 {
        inset-block-start: 3rem;
    }

    .desktop:top-16 {
        inset-block-start: 4rem;
    }

    .desktop:top-1-2 {
        inset-block-start: 50%;
    }

    .desktop:top-full {
        inset-block-start: 100%;
    }

    .desktop:top-auto {
        inset-block-start: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:top-0 {
        inset-block-start: 0;
    }

    .xxl:top-px {
        inset-block-start: 1px;
    }

    .xxl:top-0-5 {
        inset-block-start: 0.125rem;
    }

    .xxl:top-1 {
        inset-block-start: 0.25rem;
    }

    .xxl:top-2 {
        inset-block-start: 0.5rem;
    }

    .xxl:top-3 {
        inset-block-start: 0.75rem;
    }

    .xxl:top-4 {
        inset-block-start: 1rem;
    }

    .xxl:top-6 {
        inset-block-start: 1.5rem;
    }

    .xxl:top-8 {
        inset-block-start: 2rem;
    }

    .xxl:top-12 {
        inset-block-start: 3rem;
    }

    .xxl:top-16 {
        inset-block-start: 4rem;
    }

    .xxl:top-1-2 {
        inset-block-start: 50%;
    }

    .xxl:top-full {
        inset-block-start: 100%;
    }

    .xxl:top-auto {
        inset-block-start: auto;
    }
}

.bottom-0 {
    inset-block-end: 0;
}

.bottom-px {
    inset-block-end: 1px;
}

.bottom-0-5 {
    inset-block-end: 0.125rem;
}

.bottom-1 {
    inset-block-end: 0.25rem;
}

.bottom-2 {
    inset-block-end: 0.5rem;
}

.bottom-3 {
    inset-block-end: 0.75rem;
}

.bottom-4 {
    inset-block-end: 1rem;
}

.bottom-6 {
    inset-block-end: 1.5rem;
}

.bottom-8 {
    inset-block-end: 2rem;
}

.bottom-12 {
    inset-block-end: 3rem;
}

.bottom-16 {
    inset-block-end: 4rem;
}

.bottom-1-2 {
    inset-block-end: 50%;
}

.bottom-full {
    inset-block-end: 100%;
}

.bottom-auto {
    inset-block-end: auto;
}

.xs:bottom-0 {
    inset-block-end: 0;
}

.xs:bottom-px {
    inset-block-end: 1px;
}

.xs:bottom-0-5 {
    inset-block-end: 0.125rem;
}

.xs:bottom-1 {
    inset-block-end: 0.25rem;
}

.xs:bottom-2 {
    inset-block-end: 0.5rem;
}

.xs:bottom-3 {
    inset-block-end: 0.75rem;
}

.xs:bottom-4 {
    inset-block-end: 1rem;
}

.xs:bottom-6 {
    inset-block-end: 1.5rem;
}

.xs:bottom-8 {
    inset-block-end: 2rem;
}

.xs:bottom-12 {
    inset-block-end: 3rem;
}

.xs:bottom-16 {
    inset-block-end: 4rem;
}

.xs:bottom-1-2 {
    inset-block-end: 50%;
}

.xs:bottom-full {
    inset-block-end: 100%;
}

.xs:bottom-auto {
    inset-block-end: auto;
}

.mobile:bottom-0 {
    inset-block-end: 0;
}

.mobile:bottom-px {
    inset-block-end: 1px;
}

.mobile:bottom-0-5 {
    inset-block-end: 0.125rem;
}

.mobile:bottom-1 {
    inset-block-end: 0.25rem;
}

.mobile:bottom-2 {
    inset-block-end: 0.5rem;
}

.mobile:bottom-3 {
    inset-block-end: 0.75rem;
}

.mobile:bottom-4 {
    inset-block-end: 1rem;
}

.mobile:bottom-6 {
    inset-block-end: 1.5rem;
}

.mobile:bottom-8 {
    inset-block-end: 2rem;
}

.mobile:bottom-12 {
    inset-block-end: 3rem;
}

.mobile:bottom-16 {
    inset-block-end: 4rem;
}

.mobile:bottom-1-2 {
    inset-block-end: 50%;
}

.mobile:bottom-full {
    inset-block-end: 100%;
}

.mobile:bottom-auto {
    inset-block-end: auto;
}

@media (min-width: 576px) {
    .sm:bottom-0 {
        inset-block-end: 0;
    }

    .sm:bottom-px {
        inset-block-end: 1px;
    }

    .sm:bottom-0-5 {
        inset-block-end: 0.125rem;
    }

    .sm:bottom-1 {
        inset-block-end: 0.25rem;
    }

    .sm:bottom-2 {
        inset-block-end: 0.5rem;
    }

    .sm:bottom-3 {
        inset-block-end: 0.75rem;
    }

    .sm:bottom-4 {
        inset-block-end: 1rem;
    }

    .sm:bottom-6 {
        inset-block-end: 1.5rem;
    }

    .sm:bottom-8 {
        inset-block-end: 2rem;
    }

    .sm:bottom-12 {
        inset-block-end: 3rem;
    }

    .sm:bottom-16 {
        inset-block-end: 4rem;
    }

    .sm:bottom-1-2 {
        inset-block-end: 50%;
    }

    .sm:bottom-full {
        inset-block-end: 100%;
    }

    .sm:bottom-auto {
        inset-block-end: auto;
    }
}

@media (min-width: 768px) {
    .md:bottom-0 {
        inset-block-end: 0;
    }

    .md:bottom-px {
        inset-block-end: 1px;
    }

    .md:bottom-0-5 {
        inset-block-end: 0.125rem;
    }

    .md:bottom-1 {
        inset-block-end: 0.25rem;
    }

    .md:bottom-2 {
        inset-block-end: 0.5rem;
    }

    .md:bottom-3 {
        inset-block-end: 0.75rem;
    }

    .md:bottom-4 {
        inset-block-end: 1rem;
    }

    .md:bottom-6 {
        inset-block-end: 1.5rem;
    }

    .md:bottom-8 {
        inset-block-end: 2rem;
    }

    .md:bottom-12 {
        inset-block-end: 3rem;
    }

    .md:bottom-16 {
        inset-block-end: 4rem;
    }

    .md:bottom-1-2 {
        inset-block-end: 50%;
    }

    .md:bottom-full {
        inset-block-end: 100%;
    }

    .md:bottom-auto {
        inset-block-end: auto;
    }
}

@media (min-width: 992px) {
    .lg:bottom-0 {
        inset-block-end: 0;
    }

    .lg:bottom-px {
        inset-block-end: 1px;
    }

    .lg:bottom-0-5 {
        inset-block-end: 0.125rem;
    }

    .lg:bottom-1 {
        inset-block-end: 0.25rem;
    }

    .lg:bottom-2 {
        inset-block-end: 0.5rem;
    }

    .lg:bottom-3 {
        inset-block-end: 0.75rem;
    }

    .lg:bottom-4 {
        inset-block-end: 1rem;
    }

    .lg:bottom-6 {
        inset-block-end: 1.5rem;
    }

    .lg:bottom-8 {
        inset-block-end: 2rem;
    }

    .lg:bottom-12 {
        inset-block-end: 3rem;
    }

    .lg:bottom-16 {
        inset-block-end: 4rem;
    }

    .lg:bottom-1-2 {
        inset-block-end: 50%;
    }

    .lg:bottom-full {
        inset-block-end: 100%;
    }

    .lg:bottom-auto {
        inset-block-end: auto;
    }
}

@media (min-width: 1200px) {
    .xl:bottom-0 {
        inset-block-end: 0;
    }

    .xl:bottom-px {
        inset-block-end: 1px;
    }

    .xl:bottom-0-5 {
        inset-block-end: 0.125rem;
    }

    .xl:bottom-1 {
        inset-block-end: 0.25rem;
    }

    .xl:bottom-2 {
        inset-block-end: 0.5rem;
    }

    .xl:bottom-3 {
        inset-block-end: 0.75rem;
    }

    .xl:bottom-4 {
        inset-block-end: 1rem;
    }

    .xl:bottom-6 {
        inset-block-end: 1.5rem;
    }

    .xl:bottom-8 {
        inset-block-end: 2rem;
    }

    .xl:bottom-12 {
        inset-block-end: 3rem;
    }

    .xl:bottom-16 {
        inset-block-end: 4rem;
    }

    .xl:bottom-1-2 {
        inset-block-end: 50%;
    }

    .xl:bottom-full {
        inset-block-end: 100%;
    }

    .xl:bottom-auto {
        inset-block-end: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:bottom-0 {
        inset-block-end: 0;
    }

    .desktop:bottom-px {
        inset-block-end: 1px;
    }

    .desktop:bottom-0-5 {
        inset-block-end: 0.125rem;
    }

    .desktop:bottom-1 {
        inset-block-end: 0.25rem;
    }

    .desktop:bottom-2 {
        inset-block-end: 0.5rem;
    }

    .desktop:bottom-3 {
        inset-block-end: 0.75rem;
    }

    .desktop:bottom-4 {
        inset-block-end: 1rem;
    }

    .desktop:bottom-6 {
        inset-block-end: 1.5rem;
    }

    .desktop:bottom-8 {
        inset-block-end: 2rem;
    }

    .desktop:bottom-12 {
        inset-block-end: 3rem;
    }

    .desktop:bottom-16 {
        inset-block-end: 4rem;
    }

    .desktop:bottom-1-2 {
        inset-block-end: 50%;
    }

    .desktop:bottom-full {
        inset-block-end: 100%;
    }

    .desktop:bottom-auto {
        inset-block-end: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:bottom-0 {
        inset-block-end: 0;
    }

    .xxl:bottom-px {
        inset-block-end: 1px;
    }

    .xxl:bottom-0-5 {
        inset-block-end: 0.125rem;
    }

    .xxl:bottom-1 {
        inset-block-end: 0.25rem;
    }

    .xxl:bottom-2 {
        inset-block-end: 0.5rem;
    }

    .xxl:bottom-3 {
        inset-block-end: 0.75rem;
    }

    .xxl:bottom-4 {
        inset-block-end: 1rem;
    }

    .xxl:bottom-6 {
        inset-block-end: 1.5rem;
    }

    .xxl:bottom-8 {
        inset-block-end: 2rem;
    }

    .xxl:bottom-12 {
        inset-block-end: 3rem;
    }

    .xxl:bottom-16 {
        inset-block-end: 4rem;
    }

    .xxl:bottom-1-2 {
        inset-block-end: 50%;
    }

    .xxl:bottom-full {
        inset-block-end: 100%;
    }

    .xxl:bottom-auto {
        inset-block-end: auto;
    }
}

.start-0 {
    inset-inline-start: 0;
}

.start-px {
    inset-inline-start: 1px;
}

.start-0-5 {
    inset-inline-start: 0.125rem;
}

.start-1 {
    inset-inline-start: 0.25rem;
}

.start-2 {
    inset-inline-start: 0.5rem;
}

.start-3 {
    inset-inline-start: 0.75rem;
}

.start-4 {
    inset-inline-start: 1rem;
}

.start-6 {
    inset-inline-start: 1.5rem;
}

.start-8 {
    inset-inline-start: 2rem;
}

.start-12 {
    inset-inline-start: 3rem;
}

.start-16 {
    inset-inline-start: 4rem;
}

.start-1-2 {
    inset-inline-start: 50%;
}

.start-full {
    inset-inline-start: 100%;
}

.start-auto {
    inset-inline-start: auto;
}

.xs:start-0 {
    inset-inline-start: 0;
}

.xs:start-px {
    inset-inline-start: 1px;
}

.xs:start-0-5 {
    inset-inline-start: 0.125rem;
}

.xs:start-1 {
    inset-inline-start: 0.25rem;
}

.xs:start-2 {
    inset-inline-start: 0.5rem;
}

.xs:start-3 {
    inset-inline-start: 0.75rem;
}

.xs:start-4 {
    inset-inline-start: 1rem;
}

.xs:start-6 {
    inset-inline-start: 1.5rem;
}

.xs:start-8 {
    inset-inline-start: 2rem;
}

.xs:start-12 {
    inset-inline-start: 3rem;
}

.xs:start-16 {
    inset-inline-start: 4rem;
}

.xs:start-1-2 {
    inset-inline-start: 50%;
}

.xs:start-full {
    inset-inline-start: 100%;
}

.xs:start-auto {
    inset-inline-start: auto;
}

.mobile:start-0 {
    inset-inline-start: 0;
}

.mobile:start-px {
    inset-inline-start: 1px;
}

.mobile:start-0-5 {
    inset-inline-start: 0.125rem;
}

.mobile:start-1 {
    inset-inline-start: 0.25rem;
}

.mobile:start-2 {
    inset-inline-start: 0.5rem;
}

.mobile:start-3 {
    inset-inline-start: 0.75rem;
}

.mobile:start-4 {
    inset-inline-start: 1rem;
}

.mobile:start-6 {
    inset-inline-start: 1.5rem;
}

.mobile:start-8 {
    inset-inline-start: 2rem;
}

.mobile:start-12 {
    inset-inline-start: 3rem;
}

.mobile:start-16 {
    inset-inline-start: 4rem;
}

.mobile:start-1-2 {
    inset-inline-start: 50%;
}

.mobile:start-full {
    inset-inline-start: 100%;
}

.mobile:start-auto {
    inset-inline-start: auto;
}

@media (min-width: 576px) {
    .sm:start-0 {
        inset-inline-start: 0;
    }

    .sm:start-px {
        inset-inline-start: 1px;
    }

    .sm:start-0-5 {
        inset-inline-start: 0.125rem;
    }

    .sm:start-1 {
        inset-inline-start: 0.25rem;
    }

    .sm:start-2 {
        inset-inline-start: 0.5rem;
    }

    .sm:start-3 {
        inset-inline-start: 0.75rem;
    }

    .sm:start-4 {
        inset-inline-start: 1rem;
    }

    .sm:start-6 {
        inset-inline-start: 1.5rem;
    }

    .sm:start-8 {
        inset-inline-start: 2rem;
    }

    .sm:start-12 {
        inset-inline-start: 3rem;
    }

    .sm:start-16 {
        inset-inline-start: 4rem;
    }

    .sm:start-1-2 {
        inset-inline-start: 50%;
    }

    .sm:start-full {
        inset-inline-start: 100%;
    }

    .sm:start-auto {
        inset-inline-start: auto;
    }
}

@media (min-width: 768px) {
    .md:start-0 {
        inset-inline-start: 0;
    }

    .md:start-px {
        inset-inline-start: 1px;
    }

    .md:start-0-5 {
        inset-inline-start: 0.125rem;
    }

    .md:start-1 {
        inset-inline-start: 0.25rem;
    }

    .md:start-2 {
        inset-inline-start: 0.5rem;
    }

    .md:start-3 {
        inset-inline-start: 0.75rem;
    }

    .md:start-4 {
        inset-inline-start: 1rem;
    }

    .md:start-6 {
        inset-inline-start: 1.5rem;
    }

    .md:start-8 {
        inset-inline-start: 2rem;
    }

    .md:start-12 {
        inset-inline-start: 3rem;
    }

    .md:start-16 {
        inset-inline-start: 4rem;
    }

    .md:start-1-2 {
        inset-inline-start: 50%;
    }

    .md:start-full {
        inset-inline-start: 100%;
    }

    .md:start-auto {
        inset-inline-start: auto;
    }
}

@media (min-width: 992px) {
    .lg:start-0 {
        inset-inline-start: 0;
    }

    .lg:start-px {
        inset-inline-start: 1px;
    }

    .lg:start-0-5 {
        inset-inline-start: 0.125rem;
    }

    .lg:start-1 {
        inset-inline-start: 0.25rem;
    }

    .lg:start-2 {
        inset-inline-start: 0.5rem;
    }

    .lg:start-3 {
        inset-inline-start: 0.75rem;
    }

    .lg:start-4 {
        inset-inline-start: 1rem;
    }

    .lg:start-6 {
        inset-inline-start: 1.5rem;
    }

    .lg:start-8 {
        inset-inline-start: 2rem;
    }

    .lg:start-12 {
        inset-inline-start: 3rem;
    }

    .lg:start-16 {
        inset-inline-start: 4rem;
    }

    .lg:start-1-2 {
        inset-inline-start: 50%;
    }

    .lg:start-full {
        inset-inline-start: 100%;
    }

    .lg:start-auto {
        inset-inline-start: auto;
    }
}

@media (min-width: 1200px) {
    .xl:start-0 {
        inset-inline-start: 0;
    }

    .xl:start-px {
        inset-inline-start: 1px;
    }

    .xl:start-0-5 {
        inset-inline-start: 0.125rem;
    }

    .xl:start-1 {
        inset-inline-start: 0.25rem;
    }

    .xl:start-2 {
        inset-inline-start: 0.5rem;
    }

    .xl:start-3 {
        inset-inline-start: 0.75rem;
    }

    .xl:start-4 {
        inset-inline-start: 1rem;
    }

    .xl:start-6 {
        inset-inline-start: 1.5rem;
    }

    .xl:start-8 {
        inset-inline-start: 2rem;
    }

    .xl:start-12 {
        inset-inline-start: 3rem;
    }

    .xl:start-16 {
        inset-inline-start: 4rem;
    }

    .xl:start-1-2 {
        inset-inline-start: 50%;
    }

    .xl:start-full {
        inset-inline-start: 100%;
    }

    .xl:start-auto {
        inset-inline-start: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:start-0 {
        inset-inline-start: 0;
    }

    .desktop:start-px {
        inset-inline-start: 1px;
    }

    .desktop:start-0-5 {
        inset-inline-start: 0.125rem;
    }

    .desktop:start-1 {
        inset-inline-start: 0.25rem;
    }

    .desktop:start-2 {
        inset-inline-start: 0.5rem;
    }

    .desktop:start-3 {
        inset-inline-start: 0.75rem;
    }

    .desktop:start-4 {
        inset-inline-start: 1rem;
    }

    .desktop:start-6 {
        inset-inline-start: 1.5rem;
    }

    .desktop:start-8 {
        inset-inline-start: 2rem;
    }

    .desktop:start-12 {
        inset-inline-start: 3rem;
    }

    .desktop:start-16 {
        inset-inline-start: 4rem;
    }

    .desktop:start-1-2 {
        inset-inline-start: 50%;
    }

    .desktop:start-full {
        inset-inline-start: 100%;
    }

    .desktop:start-auto {
        inset-inline-start: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:start-0 {
        inset-inline-start: 0;
    }

    .xxl:start-px {
        inset-inline-start: 1px;
    }

    .xxl:start-0-5 {
        inset-inline-start: 0.125rem;
    }

    .xxl:start-1 {
        inset-inline-start: 0.25rem;
    }

    .xxl:start-2 {
        inset-inline-start: 0.5rem;
    }

    .xxl:start-3 {
        inset-inline-start: 0.75rem;
    }

    .xxl:start-4 {
        inset-inline-start: 1rem;
    }

    .xxl:start-6 {
        inset-inline-start: 1.5rem;
    }

    .xxl:start-8 {
        inset-inline-start: 2rem;
    }

    .xxl:start-12 {
        inset-inline-start: 3rem;
    }

    .xxl:start-16 {
        inset-inline-start: 4rem;
    }

    .xxl:start-1-2 {
        inset-inline-start: 50%;
    }

    .xxl:start-full {
        inset-inline-start: 100%;
    }

    .xxl:start-auto {
        inset-inline-start: auto;
    }
}

.end-0 {
    inset-inline-end: 0;
}

.end-px {
    inset-inline-end: 1px;
}

.end-0-5 {
    inset-inline-end: 0.125rem;
}

.end-1 {
    inset-inline-end: 0.25rem;
}

.end-2 {
    inset-inline-end: 0.5rem;
}

.end-3 {
    inset-inline-end: 0.75rem;
}

.end-4 {
    inset-inline-end: 1rem;
}

.end-6 {
    inset-inline-end: 1.5rem;
}

.end-8 {
    inset-inline-end: 2rem;
}

.end-12 {
    inset-inline-end: 3rem;
}

.end-16 {
    inset-inline-end: 4rem;
}

.end-1-2 {
    inset-inline-end: 50%;
}

.end-full {
    inset-inline-end: 100%;
}

.end-auto {
    inset-inline-end: auto;
}

.xs:end-0 {
    inset-inline-end: 0;
}

.xs:end-px {
    inset-inline-end: 1px;
}

.xs:end-0-5 {
    inset-inline-end: 0.125rem;
}

.xs:end-1 {
    inset-inline-end: 0.25rem;
}

.xs:end-2 {
    inset-inline-end: 0.5rem;
}

.xs:end-3 {
    inset-inline-end: 0.75rem;
}

.xs:end-4 {
    inset-inline-end: 1rem;
}

.xs:end-6 {
    inset-inline-end: 1.5rem;
}

.xs:end-8 {
    inset-inline-end: 2rem;
}

.xs:end-12 {
    inset-inline-end: 3rem;
}

.xs:end-16 {
    inset-inline-end: 4rem;
}

.xs:end-1-2 {
    inset-inline-end: 50%;
}

.xs:end-full {
    inset-inline-end: 100%;
}

.xs:end-auto {
    inset-inline-end: auto;
}

.mobile:end-0 {
    inset-inline-end: 0;
}

.mobile:end-px {
    inset-inline-end: 1px;
}

.mobile:end-0-5 {
    inset-inline-end: 0.125rem;
}

.mobile:end-1 {
    inset-inline-end: 0.25rem;
}

.mobile:end-2 {
    inset-inline-end: 0.5rem;
}

.mobile:end-3 {
    inset-inline-end: 0.75rem;
}

.mobile:end-4 {
    inset-inline-end: 1rem;
}

.mobile:end-6 {
    inset-inline-end: 1.5rem;
}

.mobile:end-8 {
    inset-inline-end: 2rem;
}

.mobile:end-12 {
    inset-inline-end: 3rem;
}

.mobile:end-16 {
    inset-inline-end: 4rem;
}

.mobile:end-1-2 {
    inset-inline-end: 50%;
}

.mobile:end-full {
    inset-inline-end: 100%;
}

.mobile:end-auto {
    inset-inline-end: auto;
}

@media (min-width: 576px) {
    .sm:end-0 {
        inset-inline-end: 0;
    }

    .sm:end-px {
        inset-inline-end: 1px;
    }

    .sm:end-0-5 {
        inset-inline-end: 0.125rem;
    }

    .sm:end-1 {
        inset-inline-end: 0.25rem;
    }

    .sm:end-2 {
        inset-inline-end: 0.5rem;
    }

    .sm:end-3 {
        inset-inline-end: 0.75rem;
    }

    .sm:end-4 {
        inset-inline-end: 1rem;
    }

    .sm:end-6 {
        inset-inline-end: 1.5rem;
    }

    .sm:end-8 {
        inset-inline-end: 2rem;
    }

    .sm:end-12 {
        inset-inline-end: 3rem;
    }

    .sm:end-16 {
        inset-inline-end: 4rem;
    }

    .sm:end-1-2 {
        inset-inline-end: 50%;
    }

    .sm:end-full {
        inset-inline-end: 100%;
    }

    .sm:end-auto {
        inset-inline-end: auto;
    }
}

@media (min-width: 768px) {
    .md:end-0 {
        inset-inline-end: 0;
    }

    .md:end-px {
        inset-inline-end: 1px;
    }

    .md:end-0-5 {
        inset-inline-end: 0.125rem;
    }

    .md:end-1 {
        inset-inline-end: 0.25rem;
    }

    .md:end-2 {
        inset-inline-end: 0.5rem;
    }

    .md:end-3 {
        inset-inline-end: 0.75rem;
    }

    .md:end-4 {
        inset-inline-end: 1rem;
    }

    .md:end-6 {
        inset-inline-end: 1.5rem;
    }

    .md:end-8 {
        inset-inline-end: 2rem;
    }

    .md:end-12 {
        inset-inline-end: 3rem;
    }

    .md:end-16 {
        inset-inline-end: 4rem;
    }

    .md:end-1-2 {
        inset-inline-end: 50%;
    }

    .md:end-full {
        inset-inline-end: 100%;
    }

    .md:end-auto {
        inset-inline-end: auto;
    }
}

@media (min-width: 992px) {
    .lg:end-0 {
        inset-inline-end: 0;
    }

    .lg:end-px {
        inset-inline-end: 1px;
    }

    .lg:end-0-5 {
        inset-inline-end: 0.125rem;
    }

    .lg:end-1 {
        inset-inline-end: 0.25rem;
    }

    .lg:end-2 {
        inset-inline-end: 0.5rem;
    }

    .lg:end-3 {
        inset-inline-end: 0.75rem;
    }

    .lg:end-4 {
        inset-inline-end: 1rem;
    }

    .lg:end-6 {
        inset-inline-end: 1.5rem;
    }

    .lg:end-8 {
        inset-inline-end: 2rem;
    }

    .lg:end-12 {
        inset-inline-end: 3rem;
    }

    .lg:end-16 {
        inset-inline-end: 4rem;
    }

    .lg:end-1-2 {
        inset-inline-end: 50%;
    }

    .lg:end-full {
        inset-inline-end: 100%;
    }

    .lg:end-auto {
        inset-inline-end: auto;
    }
}

@media (min-width: 1200px) {
    .xl:end-0 {
        inset-inline-end: 0;
    }

    .xl:end-px {
        inset-inline-end: 1px;
    }

    .xl:end-0-5 {
        inset-inline-end: 0.125rem;
    }

    .xl:end-1 {
        inset-inline-end: 0.25rem;
    }

    .xl:end-2 {
        inset-inline-end: 0.5rem;
    }

    .xl:end-3 {
        inset-inline-end: 0.75rem;
    }

    .xl:end-4 {
        inset-inline-end: 1rem;
    }

    .xl:end-6 {
        inset-inline-end: 1.5rem;
    }

    .xl:end-8 {
        inset-inline-end: 2rem;
    }

    .xl:end-12 {
        inset-inline-end: 3rem;
    }

    .xl:end-16 {
        inset-inline-end: 4rem;
    }

    .xl:end-1-2 {
        inset-inline-end: 50%;
    }

    .xl:end-full {
        inset-inline-end: 100%;
    }

    .xl:end-auto {
        inset-inline-end: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:end-0 {
        inset-inline-end: 0;
    }

    .desktop:end-px {
        inset-inline-end: 1px;
    }

    .desktop:end-0-5 {
        inset-inline-end: 0.125rem;
    }

    .desktop:end-1 {
        inset-inline-end: 0.25rem;
    }

    .desktop:end-2 {
        inset-inline-end: 0.5rem;
    }

    .desktop:end-3 {
        inset-inline-end: 0.75rem;
    }

    .desktop:end-4 {
        inset-inline-end: 1rem;
    }

    .desktop:end-6 {
        inset-inline-end: 1.5rem;
    }

    .desktop:end-8 {
        inset-inline-end: 2rem;
    }

    .desktop:end-12 {
        inset-inline-end: 3rem;
    }

    .desktop:end-16 {
        inset-inline-end: 4rem;
    }

    .desktop:end-1-2 {
        inset-inline-end: 50%;
    }

    .desktop:end-full {
        inset-inline-end: 100%;
    }

    .desktop:end-auto {
        inset-inline-end: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:end-0 {
        inset-inline-end: 0;
    }

    .xxl:end-px {
        inset-inline-end: 1px;
    }

    .xxl:end-0-5 {
        inset-inline-end: 0.125rem;
    }

    .xxl:end-1 {
        inset-inline-end: 0.25rem;
    }

    .xxl:end-2 {
        inset-inline-end: 0.5rem;
    }

    .xxl:end-3 {
        inset-inline-end: 0.75rem;
    }

    .xxl:end-4 {
        inset-inline-end: 1rem;
    }

    .xxl:end-6 {
        inset-inline-end: 1.5rem;
    }

    .xxl:end-8 {
        inset-inline-end: 2rem;
    }

    .xxl:end-12 {
        inset-inline-end: 3rem;
    }

    .xxl:end-16 {
        inset-inline-end: 4rem;
    }

    .xxl:end-1-2 {
        inset-inline-end: 50%;
    }

    .xxl:end-full {
        inset-inline-end: 100%;
    }

    .xxl:end-auto {
        inset-inline-end: auto;
    }
}

.sticky-top {
    position: sticky;
    inset-block-start: 0;
}

.sticky-bottom {
    position: sticky;
    inset-block-end: 0;
}

.xs:sticky-top {
    position: sticky;
    inset-block-start: 0;
}

.xs:sticky-bottom {
    position: sticky;
    inset-block-end: 0;
}

.mobile:sticky-top {
    position: sticky;
    inset-block-start: 0;
}

.mobile:sticky-bottom {
    position: sticky;
    inset-block-end: 0;
}

@media (min-width: 576px) {
    .sm:sticky-top {
        position: sticky;
        inset-block-start: 0;
    }

    .sm:sticky-bottom {
        position: sticky;
        inset-block-end: 0;
    }
}

@media (min-width: 768px) {
    .md:sticky-top {
        position: sticky;
        inset-block-start: 0;
    }

    .md:sticky-bottom {
        position: sticky;
        inset-block-end: 0;
    }
}

@media (min-width: 992px) {
    .lg:sticky-top {
        position: sticky;
        inset-block-start: 0;
    }

    .lg:sticky-bottom {
        position: sticky;
        inset-block-end: 0;
    }
}

@media (min-width: 1200px) {
    .xl:sticky-top {
        position: sticky;
        inset-block-start: 0;
    }

    .xl:sticky-bottom {
        position: sticky;
        inset-block-end: 0;
    }
}

@media (min-width: 1200px) {
    .desktop:sticky-top {
        position: sticky;
        inset-block-start: 0;
    }

    .desktop:sticky-bottom {
        position: sticky;
        inset-block-end: 0;
    }
}

@media (min-width: 1400px) {
    .xxl:sticky-top {
        position: sticky;
        inset-block-start: 0;
    }

    .xxl:sticky-bottom {
        position: sticky;
        inset-block-end: 0;
    }
}

.translate-middle {
    transform: translate(-50%, -50%);
}

.translate-middle-x {
    transform: translateX(-50%);
}

.translate-middle-y {
    transform: translateY(-50%);
}

.xs:translate-middle {
    transform: translate(-50%, -50%);
}

.xs:translate-middle-x {
    transform: translateX(-50%);
}

.xs:translate-middle-y {
    transform: translateY(-50%);
}

.mobile:translate-middle {
    transform: translate(-50%, -50%);
}

.mobile:translate-middle-x {
    transform: translateX(-50%);
}

.mobile:translate-middle-y {
    transform: translateY(-50%);
}

@media (min-width: 576px) {
    .sm:translate-middle {
        transform: translate(-50%, -50%);
    }

    .sm:translate-middle-x {
        transform: translateX(-50%);
    }

    .sm:translate-middle-y {
        transform: translateY(-50%);
    }
}

@media (min-width: 768px) {
    .md:translate-middle {
        transform: translate(-50%, -50%);
    }

    .md:translate-middle-x {
        transform: translateX(-50%);
    }

    .md:translate-middle-y {
        transform: translateY(-50%);
    }
}

@media (min-width: 992px) {
    .lg:translate-middle {
        transform: translate(-50%, -50%);
    }

    .lg:translate-middle-x {
        transform: translateX(-50%);
    }

    .lg:translate-middle-y {
        transform: translateY(-50%);
    }
}

@media (min-width: 1200px) {
    .xl:translate-middle {
        transform: translate(-50%, -50%);
    }

    .xl:translate-middle-x {
        transform: translateX(-50%);
    }

    .xl:translate-middle-y {
        transform: translateY(-50%);
    }
}

@media (min-width: 1200px) {
    .desktop:translate-middle {
        transform: translate(-50%, -50%);
    }

    .desktop:translate-middle-x {
        transform: translateX(-50%);
    }

    .desktop:translate-middle-y {
        transform: translateY(-50%);
    }
}

@media (min-width: 1400px) {
    .xxl:translate-middle {
        transform: translate(-50%, -50%);
    }

    .xxl:translate-middle-x {
        transform: translateX(-50%);
    }

    .xxl:translate-middle-y {
        transform: translateY(-50%);
    }
}

.absolute-center {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
}

.fixed-center {
    position: fixed;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
}

.z-n1 {
    z-index: -1;
}

.z-0 {
    z-index: 0;
}

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

.z-2 {
    z-index: 2;
}

.z-10 {
    z-index: 10;
}

.z-100 {
    z-index: 100;
}

.z-modal {
    z-index: 1050;
}

.z-toast {
    z-index: 1060;
}

.z-popover {
    z-index: 1070;
}

.z-tooltip {
    z-index: 1080;
}

.xs:z-n1 {
    z-index: -1;
}

.xs:z-0 {
    z-index: 0;
}

.xs:z-1 {
    z-index: 1;
}

.xs:z-2 {
    z-index: 2;
}

.xs:z-10 {
    z-index: 10;
}

.xs:z-100 {
    z-index: 100;
}

.xs:z-modal {
    z-index: 1050;
}

.xs:z-toast {
    z-index: 1060;
}

.xs:z-popover {
    z-index: 1070;
}

.xs:z-tooltip {
    z-index: 1080;
}

.mobile:z-n1 {
    z-index: -1;
}

.mobile:z-0 {
    z-index: 0;
}

.mobile:z-1 {
    z-index: 1;
}

.mobile:z-2 {
    z-index: 2;
}

.mobile:z-10 {
    z-index: 10;
}

.mobile:z-100 {
    z-index: 100;
}

.mobile:z-modal {
    z-index: 1050;
}

.mobile:z-toast {
    z-index: 1060;
}

.mobile:z-popover {
    z-index: 1070;
}

.mobile:z-tooltip {
    z-index: 1080;
}

@media (min-width: 576px) {
    .sm:z-n1 {
        z-index: -1;
    }

    .sm:z-0 {
        z-index: 0;
    }

    .sm:z-1 {
        z-index: 1;
    }

    .sm:z-2 {
        z-index: 2;
    }

    .sm:z-10 {
        z-index: 10;
    }

    .sm:z-100 {
        z-index: 100;
    }

    .sm:z-modal {
        z-index: 1050;
    }

    .sm:z-toast {
        z-index: 1060;
    }

    .sm:z-popover {
        z-index: 1070;
    }

    .sm:z-tooltip {
        z-index: 1080;
    }
}

@media (min-width: 768px) {
    .md:z-n1 {
        z-index: -1;
    }

    .md:z-0 {
        z-index: 0;
    }

    .md:z-1 {
        z-index: 1;
    }

    .md:z-2 {
        z-index: 2;
    }

    .md:z-10 {
        z-index: 10;
    }

    .md:z-100 {
        z-index: 100;
    }

    .md:z-modal {
        z-index: 1050;
    }

    .md:z-toast {
        z-index: 1060;
    }

    .md:z-popover {
        z-index: 1070;
    }

    .md:z-tooltip {
        z-index: 1080;
    }
}

@media (min-width: 992px) {
    .lg:z-n1 {
        z-index: -1;
    }

    .lg:z-0 {
        z-index: 0;
    }

    .lg:z-1 {
        z-index: 1;
    }

    .lg:z-2 {
        z-index: 2;
    }

    .lg:z-10 {
        z-index: 10;
    }

    .lg:z-100 {
        z-index: 100;
    }

    .lg:z-modal {
        z-index: 1050;
    }

    .lg:z-toast {
        z-index: 1060;
    }

    .lg:z-popover {
        z-index: 1070;
    }

    .lg:z-tooltip {
        z-index: 1080;
    }
}

@media (min-width: 1200px) {
    .xl:z-n1 {
        z-index: -1;
    }

    .xl:z-0 {
        z-index: 0;
    }

    .xl:z-1 {
        z-index: 1;
    }

    .xl:z-2 {
        z-index: 2;
    }

    .xl:z-10 {
        z-index: 10;
    }

    .xl:z-100 {
        z-index: 100;
    }

    .xl:z-modal {
        z-index: 1050;
    }

    .xl:z-toast {
        z-index: 1060;
    }

    .xl:z-popover {
        z-index: 1070;
    }

    .xl:z-tooltip {
        z-index: 1080;
    }
}

@media (min-width: 1200px) {
    .desktop:z-n1 {
        z-index: -1;
    }

    .desktop:z-0 {
        z-index: 0;
    }

    .desktop:z-1 {
        z-index: 1;
    }

    .desktop:z-2 {
        z-index: 2;
    }

    .desktop:z-10 {
        z-index: 10;
    }

    .desktop:z-100 {
        z-index: 100;
    }

    .desktop:z-modal {
        z-index: 1050;
    }

    .desktop:z-toast {
        z-index: 1060;
    }

    .desktop:z-popover {
        z-index: 1070;
    }

    .desktop:z-tooltip {
        z-index: 1080;
    }
}

@media (min-width: 1400px) {
    .xxl:z-n1 {
        z-index: -1;
    }

    .xxl:z-0 {
        z-index: 0;
    }

    .xxl:z-1 {
        z-index: 1;
    }

    .xxl:z-2 {
        z-index: 2;
    }

    .xxl:z-10 {
        z-index: 10;
    }

    .xxl:z-100 {
        z-index: 100;
    }

    .xxl:z-modal {
        z-index: 1050;
    }

    .xxl:z-toast {
        z-index: 1060;
    }

    .xxl:z-popover {
        z-index: 1070;
    }

    .xxl:z-tooltip {
        z-index: 1080;
    }
}

.isolate {
    isolation: isolate;
}

:root {
    /* Motion & timing */
    --motion-ok: 1;
    --duration-fast: 150ms;
    --duration-normal: 250ms;
    --duration-slow: 400ms;
    /* Transparency / blur */
    --backdrop-blur: 8px;
    --layer-opacity-weak: 0.85;
    /* Contrast hints */
    --hc-border-width: 1px;
    --hc-underline-thickness: 2px;
    /* Color-scheme hook (lets UA pick form controls, etc.) */
    color-scheme: light dark;
}

/* Utility shorthands (optional) */
.transition-normal {
    transition-duration: var(--duration-normal);
}

.transition-fast {
    transition-duration: var(--duration-fast);
}

.backdrop {
    backdrop-filter: blur(var(--backdrop-blur));
}

@supports not (backdrop-filter: blur(1px)) {
    .backdrop {
        background-color: rgba(0, 0, 0, 0.35);
    }
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --motion-ok: 0;
        --duration-fast: 1ms;
        --duration-normal: 1ms;
        --duration-slow: 1ms;
    }
    /* Blanket reductions */
    * {
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-duration: 1ms;
        scroll-behavior: auto;
    }
    /* Opt-in “kill motion” utility */
    .motion-none {
        animation: none;
        transition: none;
    }
}

@media (prefers-reduced-data: reduce) {
    /* Hide heavy decorations */
    .reduced-data-hide {
        display: none;
    }

    .reduced-data-no-bg {
        background-image: none;
    }

    .reduced-data-no-anim {
        animation: none;
        transition: none;
    }
    /* Lazy media hints */
    .reduced-data-poster {
        object-fit: cover;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .reduced-transparency-opaque {
        opacity: 1;
    }

    .reduced-transparency-no-blur {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@supports (backdrop-filter: blur(1px)) {
    .backdrop-enabled {
        backdrop-filter: blur(var(--backdrop-blur));
    }
}

@supports not (backdrop-filter: blur(1px)) {
    .backdrop-enabled {
        background-color: rgba(0, 0, 0, 0.35);
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Example bindings if you have color vars from your color module */
        /* --color-bg: var(--color-background-base-dark); */
        /* --color-fg: var(--color-foreground-base-dark); */
    }

    .dark-bg {
        background-color: var(--color-bg, #0b0f12);
    }

    .dark-text {
        color: var(--color-fg, #eef3f7);
    }
}

@media (prefers-color-scheme: light) {
    :root {
        /* --color-bg: var(--color-background-base-light); */
        /* --color-fg: var(--color-foreground-base-light); */
    }

    .light-bg {
        background-color: var(--color-bg, #ffffff);
    }

    .light-text {
        color: var(--color-fg, #0b0f12);
    }
}

@media (prefers-contrast: more) {
    :root {
        --hc-border-width: 2px;
        --hc-underline-thickness: 3px;
    }

    .hc-border {
        border-width: var(--hc-border-width);
        border-style: solid;
    }

    .hc-underline {
        text-decoration: underline;
        text-decoration-thickness: var(--hc-underline-thickness);
        text-underline-offset: 2px;
    }
}

@media (prefers-contrast: less) {
    .lc-text {
        opacity: 0.9;
    }
}
/* Windows High Contrast / forced colors */
@media (forced-colors: active) {
    :root {
        color-scheme: light dark;
    }

    .forced-border {
        border: 1px solid CanvasText;
    }

    .forced-link {
        color: LinkText;
    }
}

@media (inverted-colors: inverted) {
    .invert-image {
        filter: invert(100%);
    }
}

@supports (color: color(display-p3 1 0 0)) {
    @media (color-gamut: p3) {
        .p3-bg-red {
            background-color: color(display-p3 1 0 0);
        }
    }
}

@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
    .dark-hc-text {
        color: #fff;
        background-color: #000;
    }
}

.w-25 {
    width: 25%;
}

.w-33 {
    width: 33.3333%;
}

.w-50 {
    width: 50%;
}

.w-66 {
    width: 66.6667%;
}

.w-75 {
    width: 75%;
}

.w-100 {
    width: 100%;
}

.h-25 {
    height: 25%;
}

.h-33 {
    height: 33.3333%;
}

.h-50 {
    height: 50%;
}

.h-66 {
    height: 66.6667%;
}

.h-75 {
    height: 75%;
}

.h-100 {
    height: 100%;
}

.w-auto {
    width: auto;
}

.h-auto {
    height: auto;
}

.xs:w-25 {
    width: 25%;
}

.xs:w-33 {
    width: 33.3333%;
}

.xs:w-50 {
    width: 50%;
}

.xs:w-66 {
    width: 66.6667%;
}

.xs:w-75 {
    width: 75%;
}

.xs:w-100 {
    width: 100%;
}

.mobile:w-25 {
    width: 25%;
}

.mobile:w-33 {
    width: 33.3333%;
}

.mobile:w-50 {
    width: 50%;
}

.mobile:w-66 {
    width: 66.6667%;
}

.mobile:w-75 {
    width: 75%;
}

.mobile:w-100 {
    width: 100%;
}

@media (min-width: 576px) {
    .sm:w-25 {
        width: 25%;
    }

    .sm:w-33 {
        width: 33.3333%;
    }

    .sm:w-50 {
        width: 50%;
    }

    .sm:w-66 {
        width: 66.6667%;
    }

    .sm:w-75 {
        width: 75%;
    }

    .sm:w-100 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .md:w-25 {
        width: 25%;
    }

    .md:w-33 {
        width: 33.3333%;
    }

    .md:w-50 {
        width: 50%;
    }

    .md:w-66 {
        width: 66.6667%;
    }

    .md:w-75 {
        width: 75%;
    }

    .md:w-100 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .lg:w-25 {
        width: 25%;
    }

    .lg:w-33 {
        width: 33.3333%;
    }

    .lg:w-50 {
        width: 50%;
    }

    .lg:w-66 {
        width: 66.6667%;
    }

    .lg:w-75 {
        width: 75%;
    }

    .lg:w-100 {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .xl:w-25 {
        width: 25%;
    }

    .xl:w-33 {
        width: 33.3333%;
    }

    .xl:w-50 {
        width: 50%;
    }

    .xl:w-66 {
        width: 66.6667%;
    }

    .xl:w-75 {
        width: 75%;
    }

    .xl:w-100 {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .desktop:w-25 {
        width: 25%;
    }

    .desktop:w-33 {
        width: 33.3333%;
    }

    .desktop:w-50 {
        width: 50%;
    }

    .desktop:w-66 {
        width: 66.6667%;
    }

    .desktop:w-75 {
        width: 75%;
    }

    .desktop:w-100 {
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .xxl:w-25 {
        width: 25%;
    }

    .xxl:w-33 {
        width: 33.3333%;
    }

    .xxl:w-50 {
        width: 50%;
    }

    .xxl:w-66 {
        width: 66.6667%;
    }

    .xxl:w-75 {
        width: 75%;
    }

    .xxl:w-100 {
        width: 100%;
    }
}

.xs:h-25 {
    height: 25%;
}

.xs:h-33 {
    height: 33.3333%;
}

.xs:h-50 {
    height: 50%;
}

.xs:h-66 {
    height: 66.6667%;
}

.xs:h-75 {
    height: 75%;
}

.xs:h-100 {
    height: 100%;
}

.mobile:h-25 {
    height: 25%;
}

.mobile:h-33 {
    height: 33.3333%;
}

.mobile:h-50 {
    height: 50%;
}

.mobile:h-66 {
    height: 66.6667%;
}

.mobile:h-75 {
    height: 75%;
}

.mobile:h-100 {
    height: 100%;
}

@media (min-width: 576px) {
    .sm:h-25 {
        height: 25%;
    }

    .sm:h-33 {
        height: 33.3333%;
    }

    .sm:h-50 {
        height: 50%;
    }

    .sm:h-66 {
        height: 66.6667%;
    }

    .sm:h-75 {
        height: 75%;
    }

    .sm:h-100 {
        height: 100%;
    }
}

@media (min-width: 768px) {
    .md:h-25 {
        height: 25%;
    }

    .md:h-33 {
        height: 33.3333%;
    }

    .md:h-50 {
        height: 50%;
    }

    .md:h-66 {
        height: 66.6667%;
    }

    .md:h-75 {
        height: 75%;
    }

    .md:h-100 {
        height: 100%;
    }
}

@media (min-width: 992px) {
    .lg:h-25 {
        height: 25%;
    }

    .lg:h-33 {
        height: 33.3333%;
    }

    .lg:h-50 {
        height: 50%;
    }

    .lg:h-66 {
        height: 66.6667%;
    }

    .lg:h-75 {
        height: 75%;
    }

    .lg:h-100 {
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .xl:h-25 {
        height: 25%;
    }

    .xl:h-33 {
        height: 33.3333%;
    }

    .xl:h-50 {
        height: 50%;
    }

    .xl:h-66 {
        height: 66.6667%;
    }

    .xl:h-75 {
        height: 75%;
    }

    .xl:h-100 {
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .desktop:h-25 {
        height: 25%;
    }

    .desktop:h-33 {
        height: 33.3333%;
    }

    .desktop:h-50 {
        height: 50%;
    }

    .desktop:h-66 {
        height: 66.6667%;
    }

    .desktop:h-75 {
        height: 75%;
    }

    .desktop:h-100 {
        height: 100%;
    }
}

@media (min-width: 1400px) {
    .xxl:h-25 {
        height: 25%;
    }

    .xxl:h-33 {
        height: 33.3333%;
    }

    .xxl:h-50 {
        height: 50%;
    }

    .xxl:h-66 {
        height: 66.6667%;
    }

    .xxl:h-75 {
        height: 75%;
    }

    .xxl:h-100 {
        height: 100%;
    }
}

.xs:w-auto {
    width: auto;
}

.mobile:w-auto {
    width: auto;
}

@media (min-width: 576px) {
    .sm:w-auto {
        width: auto;
    }
}

@media (min-width: 768px) {
    .md:w-auto {
        width: auto;
    }
}

@media (min-width: 992px) {
    .lg:w-auto {
        width: auto;
    }
}

@media (min-width: 1200px) {
    .xl:w-auto {
        width: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:w-auto {
        width: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:w-auto {
        width: auto;
    }
}

.xs:h-auto {
    height: auto;
}

.mobile:h-auto {
    height: auto;
}

@media (min-width: 576px) {
    .sm:h-auto {
        height: auto;
    }
}

@media (min-width: 768px) {
    .md:h-auto {
        height: auto;
    }
}

@media (min-width: 992px) {
    .lg:h-auto {
        height: auto;
    }
}

@media (min-width: 1200px) {
    .xl:h-auto {
        height: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:h-auto {
        height: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:h-auto {
        height: auto;
    }
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.is-25 {
    inline-size: 25%;
}

.is-33 {
    inline-size: 33.3333%;
}

.is-50 {
    inline-size: 50%;
}

.is-66 {
    inline-size: 66.6667%;
}

.is-75 {
    inline-size: 75%;
}

.is-100 {
    inline-size: 100%;
}

.xs:is-25 {
    inline-size: 25%;
}

.xs:is-33 {
    inline-size: 33.3333%;
}

.xs:is-50 {
    inline-size: 50%;
}

.xs:is-66 {
    inline-size: 66.6667%;
}

.xs:is-75 {
    inline-size: 75%;
}

.xs:is-100 {
    inline-size: 100%;
}

.mobile:is-25 {
    inline-size: 25%;
}

.mobile:is-33 {
    inline-size: 33.3333%;
}

.mobile:is-50 {
    inline-size: 50%;
}

.mobile:is-66 {
    inline-size: 66.6667%;
}

.mobile:is-75 {
    inline-size: 75%;
}

.mobile:is-100 {
    inline-size: 100%;
}

@media (min-width: 576px) {
    .sm:is-25 {
        inline-size: 25%;
    }

    .sm:is-33 {
        inline-size: 33.3333%;
    }

    .sm:is-50 {
        inline-size: 50%;
    }

    .sm:is-66 {
        inline-size: 66.6667%;
    }

    .sm:is-75 {
        inline-size: 75%;
    }

    .sm:is-100 {
        inline-size: 100%;
    }
}

@media (min-width: 768px) {
    .md:is-25 {
        inline-size: 25%;
    }

    .md:is-33 {
        inline-size: 33.3333%;
    }

    .md:is-50 {
        inline-size: 50%;
    }

    .md:is-66 {
        inline-size: 66.6667%;
    }

    .md:is-75 {
        inline-size: 75%;
    }

    .md:is-100 {
        inline-size: 100%;
    }
}

@media (min-width: 992px) {
    .lg:is-25 {
        inline-size: 25%;
    }

    .lg:is-33 {
        inline-size: 33.3333%;
    }

    .lg:is-50 {
        inline-size: 50%;
    }

    .lg:is-66 {
        inline-size: 66.6667%;
    }

    .lg:is-75 {
        inline-size: 75%;
    }

    .lg:is-100 {
        inline-size: 100%;
    }
}

@media (min-width: 1200px) {
    .xl:is-25 {
        inline-size: 25%;
    }

    .xl:is-33 {
        inline-size: 33.3333%;
    }

    .xl:is-50 {
        inline-size: 50%;
    }

    .xl:is-66 {
        inline-size: 66.6667%;
    }

    .xl:is-75 {
        inline-size: 75%;
    }

    .xl:is-100 {
        inline-size: 100%;
    }
}

@media (min-width: 1200px) {
    .desktop:is-25 {
        inline-size: 25%;
    }

    .desktop:is-33 {
        inline-size: 33.3333%;
    }

    .desktop:is-50 {
        inline-size: 50%;
    }

    .desktop:is-66 {
        inline-size: 66.6667%;
    }

    .desktop:is-75 {
        inline-size: 75%;
    }

    .desktop:is-100 {
        inline-size: 100%;
    }
}

@media (min-width: 1400px) {
    .xxl:is-25 {
        inline-size: 25%;
    }

    .xxl:is-33 {
        inline-size: 33.3333%;
    }

    .xxl:is-50 {
        inline-size: 50%;
    }

    .xxl:is-66 {
        inline-size: 66.6667%;
    }

    .xxl:is-75 {
        inline-size: 75%;
    }

    .xxl:is-100 {
        inline-size: 100%;
    }
}

.bs-25 {
    block-size: 25%;
}

.bs-33 {
    block-size: 33.3333%;
}

.bs-50 {
    block-size: 50%;
}

.bs-66 {
    block-size: 66.6667%;
}

.bs-75 {
    block-size: 75%;
}

.bs-100 {
    block-size: 100%;
}

.xs:bs-25 {
    block-size: 25%;
}

.xs:bs-33 {
    block-size: 33.3333%;
}

.xs:bs-50 {
    block-size: 50%;
}

.xs:bs-66 {
    block-size: 66.6667%;
}

.xs:bs-75 {
    block-size: 75%;
}

.xs:bs-100 {
    block-size: 100%;
}

.mobile:bs-25 {
    block-size: 25%;
}

.mobile:bs-33 {
    block-size: 33.3333%;
}

.mobile:bs-50 {
    block-size: 50%;
}

.mobile:bs-66 {
    block-size: 66.6667%;
}

.mobile:bs-75 {
    block-size: 75%;
}

.mobile:bs-100 {
    block-size: 100%;
}

@media (min-width: 576px) {
    .sm:bs-25 {
        block-size: 25%;
    }

    .sm:bs-33 {
        block-size: 33.3333%;
    }

    .sm:bs-50 {
        block-size: 50%;
    }

    .sm:bs-66 {
        block-size: 66.6667%;
    }

    .sm:bs-75 {
        block-size: 75%;
    }

    .sm:bs-100 {
        block-size: 100%;
    }
}

@media (min-width: 768px) {
    .md:bs-25 {
        block-size: 25%;
    }

    .md:bs-33 {
        block-size: 33.3333%;
    }

    .md:bs-50 {
        block-size: 50%;
    }

    .md:bs-66 {
        block-size: 66.6667%;
    }

    .md:bs-75 {
        block-size: 75%;
    }

    .md:bs-100 {
        block-size: 100%;
    }
}

@media (min-width: 992px) {
    .lg:bs-25 {
        block-size: 25%;
    }

    .lg:bs-33 {
        block-size: 33.3333%;
    }

    .lg:bs-50 {
        block-size: 50%;
    }

    .lg:bs-66 {
        block-size: 66.6667%;
    }

    .lg:bs-75 {
        block-size: 75%;
    }

    .lg:bs-100 {
        block-size: 100%;
    }
}

@media (min-width: 1200px) {
    .xl:bs-25 {
        block-size: 25%;
    }

    .xl:bs-33 {
        block-size: 33.3333%;
    }

    .xl:bs-50 {
        block-size: 50%;
    }

    .xl:bs-66 {
        block-size: 66.6667%;
    }

    .xl:bs-75 {
        block-size: 75%;
    }

    .xl:bs-100 {
        block-size: 100%;
    }
}

@media (min-width: 1200px) {
    .desktop:bs-25 {
        block-size: 25%;
    }

    .desktop:bs-33 {
        block-size: 33.3333%;
    }

    .desktop:bs-50 {
        block-size: 50%;
    }

    .desktop:bs-66 {
        block-size: 66.6667%;
    }

    .desktop:bs-75 {
        block-size: 75%;
    }

    .desktop:bs-100 {
        block-size: 100%;
    }
}

@media (min-width: 1400px) {
    .xxl:bs-25 {
        block-size: 25%;
    }

    .xxl:bs-33 {
        block-size: 33.3333%;
    }

    .xxl:bs-50 {
        block-size: 50%;
    }

    .xxl:bs-66 {
        block-size: 66.6667%;
    }

    .xxl:bs-75 {
        block-size: 75%;
    }

    .xxl:bs-100 {
        block-size: 100%;
    }
}

.is-auto {
    inline-size: auto;
}

.xs:is-auto {
    inline-size: auto;
}

.mobile:is-auto {
    inline-size: auto;
}

@media (min-width: 576px) {
    .sm:is-auto {
        inline-size: auto;
    }
}

@media (min-width: 768px) {
    .md:is-auto {
        inline-size: auto;
    }
}

@media (min-width: 992px) {
    .lg:is-auto {
        inline-size: auto;
    }
}

@media (min-width: 1200px) {
    .xl:is-auto {
        inline-size: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:is-auto {
        inline-size: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:is-auto {
        inline-size: auto;
    }
}

.bs-auto {
    block-size: auto;
}

.xs:bs-auto {
    block-size: auto;
}

.mobile:bs-auto {
    block-size: auto;
}

@media (min-width: 576px) {
    .sm:bs-auto {
        block-size: auto;
    }
}

@media (min-width: 768px) {
    .md:bs-auto {
        block-size: auto;
    }
}

@media (min-width: 992px) {
    .lg:bs-auto {
        block-size: auto;
    }
}

@media (min-width: 1200px) {
    .xl:bs-auto {
        block-size: auto;
    }
}

@media (min-width: 1200px) {
    .desktop:bs-auto {
        block-size: auto;
    }
}

@media (min-width: 1400px) {
    .xxl:bs-auto {
        block-size: auto;
    }
}

.is-full {
    inline-size: 100%;
}

.bs-full {
    block-size: 100%;
}

.min-w-0 {
    min-width: 0;
}

.min-h-0 {
    min-height: 0;
}

.max-w-full {
    max-width: 100%;
}

.max-h-full {
    max-height: 100%;
}

.min-w-25 {
    min-width: 25%;
}

.min-h-25 {
    min-height: 25%;
}

.max-w-25 {
    max-width: 25%;
}

.max-h-25 {
    max-height: 25%;
}

.min-w-33 {
    min-width: 33.3333%;
}

.min-h-33 {
    min-height: 33.3333%;
}

.max-w-33 {
    max-width: 33.3333%;
}

.max-h-33 {
    max-height: 33.3333%;
}

.min-w-50 {
    min-width: 50%;
}

.min-h-50 {
    min-height: 50%;
}

.max-w-50 {
    max-width: 50%;
}

.max-h-50 {
    max-height: 50%;
}

.min-w-66 {
    min-width: 66.6667%;
}

.min-h-66 {
    min-height: 66.6667%;
}

.max-w-66 {
    max-width: 66.6667%;
}

.max-h-66 {
    max-height: 66.6667%;
}

.min-w-75 {
    min-width: 75%;
}

.min-h-75 {
    min-height: 75%;
}

.max-w-75 {
    max-width: 75%;
}

.max-h-75 {
    max-height: 75%;
}

.min-w-100 {
    min-width: 100%;
}

.min-h-100 {
    min-height: 100%;
}

.max-w-100 {
    max-width: 100%;
}

.max-h-100 {
    max-height: 100%;
}

.xs:min-w-25 {
    min-width: 25%;
}

.xs:min-h-25 {
    min-height: 25%;
}

.xs:max-w-25 {
    max-width: 25%;
}

.xs:max-h-25 {
    max-height: 25%;
}

.xs:min-w-33 {
    min-width: 33.3333%;
}

.xs:min-h-33 {
    min-height: 33.3333%;
}

.xs:max-w-33 {
    max-width: 33.3333%;
}

.xs:max-h-33 {
    max-height: 33.3333%;
}

.xs:min-w-50 {
    min-width: 50%;
}

.xs:min-h-50 {
    min-height: 50%;
}

.xs:max-w-50 {
    max-width: 50%;
}

.xs:max-h-50 {
    max-height: 50%;
}

.xs:min-w-66 {
    min-width: 66.6667%;
}

.xs:min-h-66 {
    min-height: 66.6667%;
}

.xs:max-w-66 {
    max-width: 66.6667%;
}

.xs:max-h-66 {
    max-height: 66.6667%;
}

.xs:min-w-75 {
    min-width: 75%;
}

.xs:min-h-75 {
    min-height: 75%;
}

.xs:max-w-75 {
    max-width: 75%;
}

.xs:max-h-75 {
    max-height: 75%;
}

.xs:min-w-100 {
    min-width: 100%;
}

.xs:min-h-100 {
    min-height: 100%;
}

.xs:max-w-100 {
    max-width: 100%;
}

.xs:max-h-100 {
    max-height: 100%;
}

.mobile:min-w-25 {
    min-width: 25%;
}

.mobile:min-h-25 {
    min-height: 25%;
}

.mobile:max-w-25 {
    max-width: 25%;
}

.mobile:max-h-25 {
    max-height: 25%;
}

.mobile:min-w-33 {
    min-width: 33.3333%;
}

.mobile:min-h-33 {
    min-height: 33.3333%;
}

.mobile:max-w-33 {
    max-width: 33.3333%;
}

.mobile:max-h-33 {
    max-height: 33.3333%;
}

.mobile:min-w-50 {
    min-width: 50%;
}

.mobile:min-h-50 {
    min-height: 50%;
}

.mobile:max-w-50 {
    max-width: 50%;
}

.mobile:max-h-50 {
    max-height: 50%;
}

.mobile:min-w-66 {
    min-width: 66.6667%;
}

.mobile:min-h-66 {
    min-height: 66.6667%;
}

.mobile:max-w-66 {
    max-width: 66.6667%;
}

.mobile:max-h-66 {
    max-height: 66.6667%;
}

.mobile:min-w-75 {
    min-width: 75%;
}

.mobile:min-h-75 {
    min-height: 75%;
}

.mobile:max-w-75 {
    max-width: 75%;
}

.mobile:max-h-75 {
    max-height: 75%;
}

.mobile:min-w-100 {
    min-width: 100%;
}

.mobile:min-h-100 {
    min-height: 100%;
}

.mobile:max-w-100 {
    max-width: 100%;
}

.mobile:max-h-100 {
    max-height: 100%;
}

@media (min-width: 576px) {
    .sm:min-w-25 {
        min-width: 25%;
    }

    .sm:min-h-25 {
        min-height: 25%;
    }

    .sm:max-w-25 {
        max-width: 25%;
    }

    .sm:max-h-25 {
        max-height: 25%;
    }

    .sm:min-w-33 {
        min-width: 33.3333%;
    }

    .sm:min-h-33 {
        min-height: 33.3333%;
    }

    .sm:max-w-33 {
        max-width: 33.3333%;
    }

    .sm:max-h-33 {
        max-height: 33.3333%;
    }

    .sm:min-w-50 {
        min-width: 50%;
    }

    .sm:min-h-50 {
        min-height: 50%;
    }

    .sm:max-w-50 {
        max-width: 50%;
    }

    .sm:max-h-50 {
        max-height: 50%;
    }

    .sm:min-w-66 {
        min-width: 66.6667%;
    }

    .sm:min-h-66 {
        min-height: 66.6667%;
    }

    .sm:max-w-66 {
        max-width: 66.6667%;
    }

    .sm:max-h-66 {
        max-height: 66.6667%;
    }

    .sm:min-w-75 {
        min-width: 75%;
    }

    .sm:min-h-75 {
        min-height: 75%;
    }

    .sm:max-w-75 {
        max-width: 75%;
    }

    .sm:max-h-75 {
        max-height: 75%;
    }

    .sm:min-w-100 {
        min-width: 100%;
    }

    .sm:min-h-100 {
        min-height: 100%;
    }

    .sm:max-w-100 {
        max-width: 100%;
    }

    .sm:max-h-100 {
        max-height: 100%;
    }
}

@media (min-width: 768px) {
    .md:min-w-25 {
        min-width: 25%;
    }

    .md:min-h-25 {
        min-height: 25%;
    }

    .md:max-w-25 {
        max-width: 25%;
    }

    .md:max-h-25 {
        max-height: 25%;
    }

    .md:min-w-33 {
        min-width: 33.3333%;
    }

    .md:min-h-33 {
        min-height: 33.3333%;
    }

    .md:max-w-33 {
        max-width: 33.3333%;
    }

    .md:max-h-33 {
        max-height: 33.3333%;
    }

    .md:min-w-50 {
        min-width: 50%;
    }

    .md:min-h-50 {
        min-height: 50%;
    }

    .md:max-w-50 {
        max-width: 50%;
    }

    .md:max-h-50 {
        max-height: 50%;
    }

    .md:min-w-66 {
        min-width: 66.6667%;
    }

    .md:min-h-66 {
        min-height: 66.6667%;
    }

    .md:max-w-66 {
        max-width: 66.6667%;
    }

    .md:max-h-66 {
        max-height: 66.6667%;
    }

    .md:min-w-75 {
        min-width: 75%;
    }

    .md:min-h-75 {
        min-height: 75%;
    }

    .md:max-w-75 {
        max-width: 75%;
    }

    .md:max-h-75 {
        max-height: 75%;
    }

    .md:min-w-100 {
        min-width: 100%;
    }

    .md:min-h-100 {
        min-height: 100%;
    }

    .md:max-w-100 {
        max-width: 100%;
    }

    .md:max-h-100 {
        max-height: 100%;
    }
}

@media (min-width: 992px) {
    .lg:min-w-25 {
        min-width: 25%;
    }

    .lg:min-h-25 {
        min-height: 25%;
    }

    .lg:max-w-25 {
        max-width: 25%;
    }

    .lg:max-h-25 {
        max-height: 25%;
    }

    .lg:min-w-33 {
        min-width: 33.3333%;
    }

    .lg:min-h-33 {
        min-height: 33.3333%;
    }

    .lg:max-w-33 {
        max-width: 33.3333%;
    }

    .lg:max-h-33 {
        max-height: 33.3333%;
    }

    .lg:min-w-50 {
        min-width: 50%;
    }

    .lg:min-h-50 {
        min-height: 50%;
    }

    .lg:max-w-50 {
        max-width: 50%;
    }

    .lg:max-h-50 {
        max-height: 50%;
    }

    .lg:min-w-66 {
        min-width: 66.6667%;
    }

    .lg:min-h-66 {
        min-height: 66.6667%;
    }

    .lg:max-w-66 {
        max-width: 66.6667%;
    }

    .lg:max-h-66 {
        max-height: 66.6667%;
    }

    .lg:min-w-75 {
        min-width: 75%;
    }

    .lg:min-h-75 {
        min-height: 75%;
    }

    .lg:max-w-75 {
        max-width: 75%;
    }

    .lg:max-h-75 {
        max-height: 75%;
    }

    .lg:min-w-100 {
        min-width: 100%;
    }

    .lg:min-h-100 {
        min-height: 100%;
    }

    .lg:max-w-100 {
        max-width: 100%;
    }

    .lg:max-h-100 {
        max-height: 100%;
    }
}

@media (min-width: 1200px) {
    .xl:min-w-25 {
        min-width: 25%;
    }

    .xl:min-h-25 {
        min-height: 25%;
    }

    .xl:max-w-25 {
        max-width: 25%;
    }

    .xl:max-h-25 {
        max-height: 25%;
    }

    .xl:min-w-33 {
        min-width: 33.3333%;
    }

    .xl:min-h-33 {
        min-height: 33.3333%;
    }

    .xl:max-w-33 {
        max-width: 33.3333%;
    }

    .xl:max-h-33 {
        max-height: 33.3333%;
    }

    .xl:min-w-50 {
        min-width: 50%;
    }

    .xl:min-h-50 {
        min-height: 50%;
    }

    .xl:max-w-50 {
        max-width: 50%;
    }

    .xl:max-h-50 {
        max-height: 50%;
    }

    .xl:min-w-66 {
        min-width: 66.6667%;
    }

    .xl:min-h-66 {
        min-height: 66.6667%;
    }

    .xl:max-w-66 {
        max-width: 66.6667%;
    }

    .xl:max-h-66 {
        max-height: 66.6667%;
    }

    .xl:min-w-75 {
        min-width: 75%;
    }

    .xl:min-h-75 {
        min-height: 75%;
    }

    .xl:max-w-75 {
        max-width: 75%;
    }

    .xl:max-h-75 {
        max-height: 75%;
    }

    .xl:min-w-100 {
        min-width: 100%;
    }

    .xl:min-h-100 {
        min-height: 100%;
    }

    .xl:max-w-100 {
        max-width: 100%;
    }

    .xl:max-h-100 {
        max-height: 100%;
    }
}

@media (min-width: 1200px) {
    .desktop:min-w-25 {
        min-width: 25%;
    }

    .desktop:min-h-25 {
        min-height: 25%;
    }

    .desktop:max-w-25 {
        max-width: 25%;
    }

    .desktop:max-h-25 {
        max-height: 25%;
    }

    .desktop:min-w-33 {
        min-width: 33.3333%;
    }

    .desktop:min-h-33 {
        min-height: 33.3333%;
    }

    .desktop:max-w-33 {
        max-width: 33.3333%;
    }

    .desktop:max-h-33 {
        max-height: 33.3333%;
    }

    .desktop:min-w-50 {
        min-width: 50%;
    }

    .desktop:min-h-50 {
        min-height: 50%;
    }

    .desktop:max-w-50 {
        max-width: 50%;
    }

    .desktop:max-h-50 {
        max-height: 50%;
    }

    .desktop:min-w-66 {
        min-width: 66.6667%;
    }

    .desktop:min-h-66 {
        min-height: 66.6667%;
    }

    .desktop:max-w-66 {
        max-width: 66.6667%;
    }

    .desktop:max-h-66 {
        max-height: 66.6667%;
    }

    .desktop:min-w-75 {
        min-width: 75%;
    }

    .desktop:min-h-75 {
        min-height: 75%;
    }

    .desktop:max-w-75 {
        max-width: 75%;
    }

    .desktop:max-h-75 {
        max-height: 75%;
    }

    .desktop:min-w-100 {
        min-width: 100%;
    }

    .desktop:min-h-100 {
        min-height: 100%;
    }

    .desktop:max-w-100 {
        max-width: 100%;
    }

    .desktop:max-h-100 {
        max-height: 100%;
    }
}

@media (min-width: 1400px) {
    .xxl:min-w-25 {
        min-width: 25%;
    }

    .xxl:min-h-25 {
        min-height: 25%;
    }

    .xxl:max-w-25 {
        max-width: 25%;
    }

    .xxl:max-h-25 {
        max-height: 25%;
    }

    .xxl:min-w-33 {
        min-width: 33.3333%;
    }

    .xxl:min-h-33 {
        min-height: 33.3333%;
    }

    .xxl:max-w-33 {
        max-width: 33.3333%;
    }

    .xxl:max-h-33 {
        max-height: 33.3333%;
    }

    .xxl:min-w-50 {
        min-width: 50%;
    }

    .xxl:min-h-50 {
        min-height: 50%;
    }

    .xxl:max-w-50 {
        max-width: 50%;
    }

    .xxl:max-h-50 {
        max-height: 50%;
    }

    .xxl:min-w-66 {
        min-width: 66.6667%;
    }

    .xxl:min-h-66 {
        min-height: 66.6667%;
    }

    .xxl:max-w-66 {
        max-width: 66.6667%;
    }

    .xxl:max-h-66 {
        max-height: 66.6667%;
    }

    .xxl:min-w-75 {
        min-width: 75%;
    }

    .xxl:min-h-75 {
        min-height: 75%;
    }

    .xxl:max-w-75 {
        max-width: 75%;
    }

    .xxl:max-h-75 {
        max-height: 75%;
    }

    .xxl:min-w-100 {
        min-width: 100%;
    }

    .xxl:min-h-100 {
        min-height: 100%;
    }

    .xxl:max-w-100 {
        max-width: 100%;
    }

    .xxl:max-h-100 {
        max-height: 100%;
    }
}
/* Modern dynamic viewport units handle mobile toolbars better */
.w-dvw {
    width: 100dvw;
}

.h-dvh {
    height: 100dvh;
}

.h-svh {
    height: 100svh;
}

.h-lvh {
    height: 100lvh;
}

/* Legacy/simpler */
.vw-100 {
    width: 100vw;
}

.vh-100 {
    height: 100vh;
}

.min-vw-100 {
    min-width: 100vw;
}

.min-vh-100 {
    min-height: 100vh;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 2rem !important;
}

.m-6 {
    margin: 3rem !important;
}

.m-7 {
    margin: 4rem !important;
}

.mx-0 {
    margin-inline: 0 !important;
}

.mx-1 {
    margin-inline: 0.25rem !important;
}

.mx-2 {
    margin-inline: 0.5rem !important;
}

.mx-3 {
    margin-inline: 1rem !important;
}

.mx-4 {
    margin-inline: 1.5rem !important;
}

.mx-5 {
    margin-inline: 2rem !important;
}

.mx-6 {
    margin-inline: 3rem !important;
}

.mx-7 {
    margin-inline: 4rem !important;
}

.my-0 {
    margin-block: 0 !important;
}

.my-1 {
    margin-block: 0.25rem !important;
}

.my-2 {
    margin-block: 0.5rem !important;
}

.my-3 {
    margin-block: 1rem !important;
}

.my-4 {
    margin-block: 1.5rem !important;
}

.my-5 {
    margin-block: 2rem !important;
}

.my-6 {
    margin-block: 3rem !important;
}

.my-7 {
    margin-block: 4rem !important;
}

.mt-0 {
    margin-block-start: 0 !important;
}

.mt-1 {
    margin-block-start: 0.25rem !important;
}

.mt-2 {
    margin-block-start: 0.5rem !important;
}

.mt-3 {
    margin-block-start: 1rem !important;
}

.mt-4 {
    margin-block-start: 1.5rem !important;
}

.mt-5 {
    margin-block-start: 2rem !important;
}

.mt-6 {
    margin-block-start: 3rem !important;
}

.mt-7 {
    margin-block-start: 4rem !important;
}

.mb-0 {
    margin-block-end: 0 !important;
}

.mb-1 {
    margin-block-end: 0.25rem !important;
}

.mb-2 {
    margin-block-end: 0.5rem !important;
}

.mb-3 {
    margin-block-end: 1rem !important;
}

.mb-4 {
    margin-block-end: 1.5rem !important;
}

.mb-5 {
    margin-block-end: 2rem !important;
}

.mb-6 {
    margin-block-end: 3rem !important;
}

.mb-7 {
    margin-block-end: 4rem !important;
}

.ms-0 {
    margin-inline-start: 0 !important;
}

.ms-1 {
    margin-inline-start: 0.25rem !important;
}

.ms-2 {
    margin-inline-start: 0.5rem !important;
}

.ms-3 {
    margin-inline-start: 1rem !important;
}

.ms-4 {
    margin-inline-start: 1.5rem !important;
}

.ms-5 {
    margin-inline-start: 2rem !important;
}

.ms-6 {
    margin-inline-start: 3rem !important;
}

.ms-7 {
    margin-inline-start: 4rem !important;
}

.me-0 {
    margin-inline-end: 0 !important;
}

.me-1 {
    margin-inline-end: 0.25rem !important;
}

.me-2 {
    margin-inline-end: 0.5rem !important;
}

.me-3 {
    margin-inline-end: 1rem !important;
}

.me-4 {
    margin-inline-end: 1.5rem !important;
}

.me-5 {
    margin-inline-end: 2rem !important;
}

.me-6 {
    margin-inline-end: 3rem !important;
}

.me-7 {
    margin-inline-end: 4rem !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 2rem !important;
}

.p-6 {
    padding: 3rem !important;
}

.p-7 {
    padding: 4rem !important;
}

.px-0 {
    padding-inline: 0 !important;
}

.px-1 {
    padding-inline: 0.25rem !important;
}

.px-2 {
    padding-inline: 0.5rem !important;
}

.px-3 {
    padding-inline: 1rem !important;
}

.px-4 {
    padding-inline: 1.5rem !important;
}

.px-5 {
    padding-inline: 2rem !important;
}

.px-6 {
    padding-inline: 3rem !important;
}

.px-7 {
    padding-inline: 4rem !important;
}

.py-0 {
    padding-block: 0 !important;
}

.py-1 {
    padding-block: 0.25rem !important;
}

.py-2 {
    padding-block: 0.5rem !important;
}

.py-3 {
    padding-block: 1rem !important;
}

.py-4 {
    padding-block: 1.5rem !important;
}

.py-5 {
    padding-block: 2rem !important;
}

.py-6 {
    padding-block: 3rem !important;
}

.py-7 {
    padding-block: 4rem !important;
}

.pt-0 {
    padding-block-start: 0 !important;
}

.pt-1 {
    padding-block-start: 0.25rem !important;
}

.pt-2 {
    padding-block-start: 0.5rem !important;
}

.pt-3 {
    padding-block-start: 1rem !important;
}

.pt-4 {
    padding-block-start: 1.5rem !important;
}

.pt-5 {
    padding-block-start: 2rem !important;
}

.pt-6 {
    padding-block-start: 3rem !important;
}

.pt-7 {
    padding-block-start: 4rem !important;
}

.pb-0 {
    padding-block-end: 0 !important;
}

.pb-1 {
    padding-block-end: 0.25rem !important;
}

.pb-2 {
    padding-block-end: 0.5rem !important;
}

.pb-3 {
    padding-block-end: 1rem !important;
}

.pb-4 {
    padding-block-end: 1.5rem !important;
}

.pb-5 {
    padding-block-end: 2rem !important;
}

.pb-6 {
    padding-block-end: 3rem !important;
}

.pb-7 {
    padding-block-end: 4rem !important;
}

.ps-0 {
    padding-inline-start: 0 !important;
}

.ps-1 {
    padding-inline-start: 0.25rem !important;
}

.ps-2 {
    padding-inline-start: 0.5rem !important;
}

.ps-3 {
    padding-inline-start: 1rem !important;
}

.ps-4 {
    padding-inline-start: 1.5rem !important;
}

.ps-5 {
    padding-inline-start: 2rem !important;
}

.ps-6 {
    padding-inline-start: 3rem !important;
}

.ps-7 {
    padding-inline-start: 4rem !important;
}

.pe-0 {
    padding-inline-end: 0 !important;
}

.pe-1 {
    padding-inline-end: 0.25rem !important;
}

.pe-2 {
    padding-inline-end: 0.5rem !important;
}

.pe-3 {
    padding-inline-end: 1rem !important;
}

.pe-4 {
    padding-inline-end: 1.5rem !important;
}

.pe-5 {
    padding-inline-end: 2rem !important;
}

.pe-6 {
    padding-inline-end: 3rem !important;
}

.pe-7 {
    padding-inline-end: 4rem !important;
}

.m-n0 {
    margin: 0 !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.m-n5 {
    margin: -2rem !important;
}

.m-n6 {
    margin: -3rem !important;
}

.m-n7 {
    margin: -4rem !important;
}

.mx-n0 {
    margin-inline: 0 !important;
}

.mx-n1 {
    margin-inline: -0.25rem !important;
}

.mx-n2 {
    margin-inline: -0.5rem !important;
}

.mx-n3 {
    margin-inline: -1rem !important;
}

.mx-n4 {
    margin-inline: -1.5rem !important;
}

.mx-n5 {
    margin-inline: -2rem !important;
}

.mx-n6 {
    margin-inline: -3rem !important;
}

.mx-n7 {
    margin-inline: -4rem !important;
}

.my-n0 {
    margin-block: 0 !important;
}

.my-n1 {
    margin-block: -0.25rem !important;
}

.my-n2 {
    margin-block: -0.5rem !important;
}

.my-n3 {
    margin-block: -1rem !important;
}

.my-n4 {
    margin-block: -1.5rem !important;
}

.my-n5 {
    margin-block: -2rem !important;
}

.my-n6 {
    margin-block: -3rem !important;
}

.my-n7 {
    margin-block: -4rem !important;
}

.mt-n0 {
    margin-block-start: 0 !important;
}

.mt-n1 {
    margin-block-start: -0.25rem !important;
}

.mt-n2 {
    margin-block-start: -0.5rem !important;
}

.mt-n3 {
    margin-block-start: -1rem !important;
}

.mt-n4 {
    margin-block-start: -1.5rem !important;
}

.mt-n5 {
    margin-block-start: -2rem !important;
}

.mt-n6 {
    margin-block-start: -3rem !important;
}

.mt-n7 {
    margin-block-start: -4rem !important;
}

.mb-n0 {
    margin-block-end: 0 !important;
}

.mb-n1 {
    margin-block-end: -0.25rem !important;
}

.mb-n2 {
    margin-block-end: -0.5rem !important;
}

.mb-n3 {
    margin-block-end: -1rem !important;
}

.mb-n4 {
    margin-block-end: -1.5rem !important;
}

.mb-n5 {
    margin-block-end: -2rem !important;
}

.mb-n6 {
    margin-block-end: -3rem !important;
}

.mb-n7 {
    margin-block-end: -4rem !important;
}

.ms-n0 {
    margin-inline-start: 0 !important;
}

.ms-n1 {
    margin-inline-start: -0.25rem !important;
}

.ms-n2 {
    margin-inline-start: -0.5rem !important;
}

.ms-n3 {
    margin-inline-start: -1rem !important;
}

.ms-n4 {
    margin-inline-start: -1.5rem !important;
}

.ms-n5 {
    margin-inline-start: -2rem !important;
}

.ms-n6 {
    margin-inline-start: -3rem !important;
}

.ms-n7 {
    margin-inline-start: -4rem !important;
}

.me-n0 {
    margin-inline-end: 0 !important;
}

.me-n1 {
    margin-inline-end: -0.25rem !important;
}

.me-n2 {
    margin-inline-end: -0.5rem !important;
}

.me-n3 {
    margin-inline-end: -1rem !important;
}

.me-n4 {
    margin-inline-end: -1.5rem !important;
}

.me-n5 {
    margin-inline-end: -2rem !important;
}

.me-n6 {
    margin-inline-end: -3rem !important;
}

.me-n7 {
    margin-inline-end: -4rem !important;
}

.xs\:m-0 {
    margin: 0 !important;
}

.xs\:m-1 {
    margin: 0.25rem !important;
}

.xs\:m-2 {
    margin: 0.5rem !important;
}

.xs\:m-3 {
    margin: 1rem !important;
}

.xs\:m-4 {
    margin: 1.5rem !important;
}

.xs\:m-5 {
    margin: 2rem !important;
}

.xs\:m-6 {
    margin: 3rem !important;
}

.xs\:m-7 {
    margin: 4rem !important;
}

.xs\:mx-0 {
    margin-inline: 0 !important;
}

.xs\:mx-1 {
    margin-inline: 0.25rem !important;
}

.xs\:mx-2 {
    margin-inline: 0.5rem !important;
}

.xs\:mx-3 {
    margin-inline: 1rem !important;
}

.xs\:mx-4 {
    margin-inline: 1.5rem !important;
}

.xs\:mx-5 {
    margin-inline: 2rem !important;
}

.xs\:mx-6 {
    margin-inline: 3rem !important;
}

.xs\:mx-7 {
    margin-inline: 4rem !important;
}

.xs\:my-0 {
    margin-block: 0 !important;
}

.xs\:my-1 {
    margin-block: 0.25rem !important;
}

.xs\:my-2 {
    margin-block: 0.5rem !important;
}

.xs\:my-3 {
    margin-block: 1rem !important;
}

.xs\:my-4 {
    margin-block: 1.5rem !important;
}

.xs\:my-5 {
    margin-block: 2rem !important;
}

.xs\:my-6 {
    margin-block: 3rem !important;
}

.xs\:my-7 {
    margin-block: 4rem !important;
}

.xs\:mt-0 {
    margin-block-start: 0 !important;
}

.xs\:mt-1 {
    margin-block-start: 0.25rem !important;
}

.xs\:mt-2 {
    margin-block-start: 0.5rem !important;
}

.xs\:mt-3 {
    margin-block-start: 1rem !important;
}

.xs\:mt-4 {
    margin-block-start: 1.5rem !important;
}

.xs\:mt-5 {
    margin-block-start: 2rem !important;
}

.xs\:mt-6 {
    margin-block-start: 3rem !important;
}

.xs\:mt-7 {
    margin-block-start: 4rem !important;
}

.xs\:mb-0 {
    margin-block-end: 0 !important;
}

.xs\:mb-1 {
    margin-block-end: 0.25rem !important;
}

.xs\:mb-2 {
    margin-block-end: 0.5rem !important;
}

.xs\:mb-3 {
    margin-block-end: 1rem !important;
}

.xs\:mb-4 {
    margin-block-end: 1.5rem !important;
}

.xs\:mb-5 {
    margin-block-end: 2rem !important;
}

.xs\:mb-6 {
    margin-block-end: 3rem !important;
}

.xs\:mb-7 {
    margin-block-end: 4rem !important;
}

.xs\:ms-0 {
    margin-inline-start: 0 !important;
}

.xs\:ms-1 {
    margin-inline-start: 0.25rem !important;
}

.xs\:ms-2 {
    margin-inline-start: 0.5rem !important;
}

.xs\:ms-3 {
    margin-inline-start: 1rem !important;
}

.xs\:ms-4 {
    margin-inline-start: 1.5rem !important;
}

.xs\:ms-5 {
    margin-inline-start: 2rem !important;
}

.xs\:ms-6 {
    margin-inline-start: 3rem !important;
}

.xs\:ms-7 {
    margin-inline-start: 4rem !important;
}

.xs\:me-0 {
    margin-inline-end: 0 !important;
}

.xs\:me-1 {
    margin-inline-end: 0.25rem !important;
}

.xs\:me-2 {
    margin-inline-end: 0.5rem !important;
}

.xs\:me-3 {
    margin-inline-end: 1rem !important;
}

.xs\:me-4 {
    margin-inline-end: 1.5rem !important;
}

.xs\:me-5 {
    margin-inline-end: 2rem !important;
}

.xs\:me-6 {
    margin-inline-end: 3rem !important;
}

.xs\:me-7 {
    margin-inline-end: 4rem !important;
}

.mobile\:m-0 {
    margin: 0 !important;
}

.mobile\:m-1 {
    margin: 0.25rem !important;
}

.mobile\:m-2 {
    margin: 0.5rem !important;
}

.mobile\:m-3 {
    margin: 1rem !important;
}

.mobile\:m-4 {
    margin: 1.5rem !important;
}

.mobile\:m-5 {
    margin: 2rem !important;
}

.mobile\:m-6 {
    margin: 3rem !important;
}

.mobile\:m-7 {
    margin: 4rem !important;
}

.mobile\:mx-0 {
    margin-inline: 0 !important;
}

.mobile\:mx-1 {
    margin-inline: 0.25rem !important;
}

.mobile\:mx-2 {
    margin-inline: 0.5rem !important;
}

.mobile\:mx-3 {
    margin-inline: 1rem !important;
}

.mobile\:mx-4 {
    margin-inline: 1.5rem !important;
}

.mobile\:mx-5 {
    margin-inline: 2rem !important;
}

.mobile\:mx-6 {
    margin-inline: 3rem !important;
}

.mobile\:mx-7 {
    margin-inline: 4rem !important;
}

.mobile\:my-0 {
    margin-block: 0 !important;
}

.mobile\:my-1 {
    margin-block: 0.25rem !important;
}

.mobile\:my-2 {
    margin-block: 0.5rem !important;
}

.mobile\:my-3 {
    margin-block: 1rem !important;
}

.mobile\:my-4 {
    margin-block: 1.5rem !important;
}

.mobile\:my-5 {
    margin-block: 2rem !important;
}

.mobile\:my-6 {
    margin-block: 3rem !important;
}

.mobile\:my-7 {
    margin-block: 4rem !important;
}

.mobile\:mt-0 {
    margin-block-start: 0 !important;
}

.mobile\:mt-1 {
    margin-block-start: 0.25rem !important;
}

.mobile\:mt-2 {
    margin-block-start: 0.5rem !important;
}

.mobile\:mt-3 {
    margin-block-start: 1rem !important;
}

.mobile\:mt-4 {
    margin-block-start: 1.5rem !important;
}

.mobile\:mt-5 {
    margin-block-start: 2rem !important;
}

.mobile\:mt-6 {
    margin-block-start: 3rem !important;
}

.mobile\:mt-7 {
    margin-block-start: 4rem !important;
}

.mobile\:mb-0 {
    margin-block-end: 0 !important;
}

.mobile\:mb-1 {
    margin-block-end: 0.25rem !important;
}

.mobile\:mb-2 {
    margin-block-end: 0.5rem !important;
}

.mobile\:mb-3 {
    margin-block-end: 1rem !important;
}

.mobile\:mb-4 {
    margin-block-end: 1.5rem !important;
}

.mobile\:mb-5 {
    margin-block-end: 2rem !important;
}

.mobile\:mb-6 {
    margin-block-end: 3rem !important;
}

.mobile\:mb-7 {
    margin-block-end: 4rem !important;
}

.mobile\:ms-0 {
    margin-inline-start: 0 !important;
}

.mobile\:ms-1 {
    margin-inline-start: 0.25rem !important;
}

.mobile\:ms-2 {
    margin-inline-start: 0.5rem !important;
}

.mobile\:ms-3 {
    margin-inline-start: 1rem !important;
}

.mobile\:ms-4 {
    margin-inline-start: 1.5rem !important;
}

.mobile\:ms-5 {
    margin-inline-start: 2rem !important;
}

.mobile\:ms-6 {
    margin-inline-start: 3rem !important;
}

.mobile\:ms-7 {
    margin-inline-start: 4rem !important;
}

.mobile\:me-0 {
    margin-inline-end: 0 !important;
}

.mobile\:me-1 {
    margin-inline-end: 0.25rem !important;
}

.mobile\:me-2 {
    margin-inline-end: 0.5rem !important;
}

.mobile\:me-3 {
    margin-inline-end: 1rem !important;
}

.mobile\:me-4 {
    margin-inline-end: 1.5rem !important;
}

.mobile\:me-5 {
    margin-inline-end: 2rem !important;
}

.mobile\:me-6 {
    margin-inline-end: 3rem !important;
}

.mobile\:me-7 {
    margin-inline-end: 4rem !important;
}

@media (min-width: 576px) {
    .sm\:m-0 {
        margin: 0 !important;
    }

    .sm\:m-1 {
        margin: 0.25rem !important;
    }

    .sm\:m-2 {
        margin: 0.5rem !important;
    }

    .sm\:m-3 {
        margin: 1rem !important;
    }

    .sm\:m-4 {
        margin: 1.5rem !important;
    }

    .sm\:m-5 {
        margin: 2rem !important;
    }

    .sm\:m-6 {
        margin: 3rem !important;
    }

    .sm\:m-7 {
        margin: 4rem !important;
    }

    .sm\:mx-0 {
        margin-inline: 0 !important;
    }

    .sm\:mx-1 {
        margin-inline: 0.25rem !important;
    }

    .sm\:mx-2 {
        margin-inline: 0.5rem !important;
    }

    .sm\:mx-3 {
        margin-inline: 1rem !important;
    }

    .sm\:mx-4 {
        margin-inline: 1.5rem !important;
    }

    .sm\:mx-5 {
        margin-inline: 2rem !important;
    }

    .sm\:mx-6 {
        margin-inline: 3rem !important;
    }

    .sm\:mx-7 {
        margin-inline: 4rem !important;
    }

    .sm\:my-0 {
        margin-block: 0 !important;
    }

    .sm\:my-1 {
        margin-block: 0.25rem !important;
    }

    .sm\:my-2 {
        margin-block: 0.5rem !important;
    }

    .sm\:my-3 {
        margin-block: 1rem !important;
    }

    .sm\:my-4 {
        margin-block: 1.5rem !important;
    }

    .sm\:my-5 {
        margin-block: 2rem !important;
    }

    .sm\:my-6 {
        margin-block: 3rem !important;
    }

    .sm\:my-7 {
        margin-block: 4rem !important;
    }

    .sm\:mt-0 {
        margin-block-start: 0 !important;
    }

    .sm\:mt-1 {
        margin-block-start: 0.25rem !important;
    }

    .sm\:mt-2 {
        margin-block-start: 0.5rem !important;
    }

    .sm\:mt-3 {
        margin-block-start: 1rem !important;
    }

    .sm\:mt-4 {
        margin-block-start: 1.5rem !important;
    }

    .sm\:mt-5 {
        margin-block-start: 2rem !important;
    }

    .sm\:mt-6 {
        margin-block-start: 3rem !important;
    }

    .sm\:mt-7 {
        margin-block-start: 4rem !important;
    }

    .sm\:mb-0 {
        margin-block-end: 0 !important;
    }

    .sm\:mb-1 {
        margin-block-end: 0.25rem !important;
    }

    .sm\:mb-2 {
        margin-block-end: 0.5rem !important;
    }

    .sm\:mb-3 {
        margin-block-end: 1rem !important;
    }

    .sm\:mb-4 {
        margin-block-end: 1.5rem !important;
    }

    .sm\:mb-5 {
        margin-block-end: 2rem !important;
    }

    .sm\:mb-6 {
        margin-block-end: 3rem !important;
    }

    .sm\:mb-7 {
        margin-block-end: 4rem !important;
    }

    .sm\:ms-0 {
        margin-inline-start: 0 !important;
    }

    .sm\:ms-1 {
        margin-inline-start: 0.25rem !important;
    }

    .sm\:ms-2 {
        margin-inline-start: 0.5rem !important;
    }

    .sm\:ms-3 {
        margin-inline-start: 1rem !important;
    }

    .sm\:ms-4 {
        margin-inline-start: 1.5rem !important;
    }

    .sm\:ms-5 {
        margin-inline-start: 2rem !important;
    }

    .sm\:ms-6 {
        margin-inline-start: 3rem !important;
    }

    .sm\:ms-7 {
        margin-inline-start: 4rem !important;
    }

    .sm\:me-0 {
        margin-inline-end: 0 !important;
    }

    .sm\:me-1 {
        margin-inline-end: 0.25rem !important;
    }

    .sm\:me-2 {
        margin-inline-end: 0.5rem !important;
    }

    .sm\:me-3 {
        margin-inline-end: 1rem !important;
    }

    .sm\:me-4 {
        margin-inline-end: 1.5rem !important;
    }

    .sm\:me-5 {
        margin-inline-end: 2rem !important;
    }

    .sm\:me-6 {
        margin-inline-end: 3rem !important;
    }

    .sm\:me-7 {
        margin-inline-end: 4rem !important;
    }
}

@media (min-width: 768px) {
    .md\:m-0 {
        margin: 0 !important;
    }

    .md\:m-1 {
        margin: 0.25rem !important;
    }

    .md\:m-2 {
        margin: 0.5rem !important;
    }

    .md\:m-3 {
        margin: 1rem !important;
    }

    .md\:m-4 {
        margin: 1.5rem !important;
    }

    .md\:m-5 {
        margin: 2rem !important;
    }

    .md\:m-6 {
        margin: 3rem !important;
    }

    .md\:m-7 {
        margin: 4rem !important;
    }

    .md\:mx-0 {
        margin-inline: 0 !important;
    }

    .md\:mx-1 {
        margin-inline: 0.25rem !important;
    }

    .md\:mx-2 {
        margin-inline: 0.5rem !important;
    }

    .md\:mx-3 {
        margin-inline: 1rem !important;
    }

    .md\:mx-4 {
        margin-inline: 1.5rem !important;
    }

    .md\:mx-5 {
        margin-inline: 2rem !important;
    }

    .md\:mx-6 {
        margin-inline: 3rem !important;
    }

    .md\:mx-7 {
        margin-inline: 4rem !important;
    }

    .md\:my-0 {
        margin-block: 0 !important;
    }

    .md\:my-1 {
        margin-block: 0.25rem !important;
    }

    .md\:my-2 {
        margin-block: 0.5rem !important;
    }

    .md\:my-3 {
        margin-block: 1rem !important;
    }

    .md\:my-4 {
        margin-block: 1.5rem !important;
    }

    .md\:my-5 {
        margin-block: 2rem !important;
    }

    .md\:my-6 {
        margin-block: 3rem !important;
    }

    .md\:my-7 {
        margin-block: 4rem !important;
    }

    .md\:mt-0 {
        margin-block-start: 0 !important;
    }

    .md\:mt-1 {
        margin-block-start: 0.25rem !important;
    }

    .md\:mt-2 {
        margin-block-start: 0.5rem !important;
    }

    .md\:mt-3 {
        margin-block-start: 1rem !important;
    }

    .md\:mt-4 {
        margin-block-start: 1.5rem !important;
    }

    .md\:mt-5 {
        margin-block-start: 2rem !important;
    }

    .md\:mt-6 {
        margin-block-start: 3rem !important;
    }

    .md\:mt-7 {
        margin-block-start: 4rem !important;
    }

    .md\:mb-0 {
        margin-block-end: 0 !important;
    }

    .md\:mb-1 {
        margin-block-end: 0.25rem !important;
    }

    .md\:mb-2 {
        margin-block-end: 0.5rem !important;
    }

    .md\:mb-3 {
        margin-block-end: 1rem !important;
    }

    .md\:mb-4 {
        margin-block-end: 1.5rem !important;
    }

    .md\:mb-5 {
        margin-block-end: 2rem !important;
    }

    .md\:mb-6 {
        margin-block-end: 3rem !important;
    }

    .md\:mb-7 {
        margin-block-end: 4rem !important;
    }

    .md\:ms-0 {
        margin-inline-start: 0 !important;
    }

    .md\:ms-1 {
        margin-inline-start: 0.25rem !important;
    }

    .md\:ms-2 {
        margin-inline-start: 0.5rem !important;
    }

    .md\:ms-3 {
        margin-inline-start: 1rem !important;
    }

    .md\:ms-4 {
        margin-inline-start: 1.5rem !important;
    }

    .md\:ms-5 {
        margin-inline-start: 2rem !important;
    }

    .md\:ms-6 {
        margin-inline-start: 3rem !important;
    }

    .md\:ms-7 {
        margin-inline-start: 4rem !important;
    }

    .md\:me-0 {
        margin-inline-end: 0 !important;
    }

    .md\:me-1 {
        margin-inline-end: 0.25rem !important;
    }

    .md\:me-2 {
        margin-inline-end: 0.5rem !important;
    }

    .md\:me-3 {
        margin-inline-end: 1rem !important;
    }

    .md\:me-4 {
        margin-inline-end: 1.5rem !important;
    }

    .md\:me-5 {
        margin-inline-end: 2rem !important;
    }

    .md\:me-6 {
        margin-inline-end: 3rem !important;
    }

    .md\:me-7 {
        margin-inline-end: 4rem !important;
    }
}

@media (min-width: 992px) {
    .lg\:m-0 {
        margin: 0 !important;
    }

    .lg\:m-1 {
        margin: 0.25rem !important;
    }

    .lg\:m-2 {
        margin: 0.5rem !important;
    }

    .lg\:m-3 {
        margin: 1rem !important;
    }

    .lg\:m-4 {
        margin: 1.5rem !important;
    }

    .lg\:m-5 {
        margin: 2rem !important;
    }

    .lg\:m-6 {
        margin: 3rem !important;
    }

    .lg\:m-7 {
        margin: 4rem !important;
    }

    .lg\:mx-0 {
        margin-inline: 0 !important;
    }

    .lg\:mx-1 {
        margin-inline: 0.25rem !important;
    }

    .lg\:mx-2 {
        margin-inline: 0.5rem !important;
    }

    .lg\:mx-3 {
        margin-inline: 1rem !important;
    }

    .lg\:mx-4 {
        margin-inline: 1.5rem !important;
    }

    .lg\:mx-5 {
        margin-inline: 2rem !important;
    }

    .lg\:mx-6 {
        margin-inline: 3rem !important;
    }

    .lg\:mx-7 {
        margin-inline: 4rem !important;
    }

    .lg\:my-0 {
        margin-block: 0 !important;
    }

    .lg\:my-1 {
        margin-block: 0.25rem !important;
    }

    .lg\:my-2 {
        margin-block: 0.5rem !important;
    }

    .lg\:my-3 {
        margin-block: 1rem !important;
    }

    .lg\:my-4 {
        margin-block: 1.5rem !important;
    }

    .lg\:my-5 {
        margin-block: 2rem !important;
    }

    .lg\:my-6 {
        margin-block: 3rem !important;
    }

    .lg\:my-7 {
        margin-block: 4rem !important;
    }

    .lg\:mt-0 {
        margin-block-start: 0 !important;
    }

    .lg\:mt-1 {
        margin-block-start: 0.25rem !important;
    }

    .lg\:mt-2 {
        margin-block-start: 0.5rem !important;
    }

    .lg\:mt-3 {
        margin-block-start: 1rem !important;
    }

    .lg\:mt-4 {
        margin-block-start: 1.5rem !important;
    }

    .lg\:mt-5 {
        margin-block-start: 2rem !important;
    }

    .lg\:mt-6 {
        margin-block-start: 3rem !important;
    }

    .lg\:mt-7 {
        margin-block-start: 4rem !important;
    }

    .lg\:mb-0 {
        margin-block-end: 0 !important;
    }

    .lg\:mb-1 {
        margin-block-end: 0.25rem !important;
    }

    .lg\:mb-2 {
        margin-block-end: 0.5rem !important;
    }

    .lg\:mb-3 {
        margin-block-end: 1rem !important;
    }

    .lg\:mb-4 {
        margin-block-end: 1.5rem !important;
    }

    .lg\:mb-5 {
        margin-block-end: 2rem !important;
    }

    .lg\:mb-6 {
        margin-block-end: 3rem !important;
    }

    .lg\:mb-7 {
        margin-block-end: 4rem !important;
    }

    .lg\:ms-0 {
        margin-inline-start: 0 !important;
    }

    .lg\:ms-1 {
        margin-inline-start: 0.25rem !important;
    }

    .lg\:ms-2 {
        margin-inline-start: 0.5rem !important;
    }

    .lg\:ms-3 {
        margin-inline-start: 1rem !important;
    }

    .lg\:ms-4 {
        margin-inline-start: 1.5rem !important;
    }

    .lg\:ms-5 {
        margin-inline-start: 2rem !important;
    }

    .lg\:ms-6 {
        margin-inline-start: 3rem !important;
    }

    .lg\:ms-7 {
        margin-inline-start: 4rem !important;
    }

    .lg\:me-0 {
        margin-inline-end: 0 !important;
    }

    .lg\:me-1 {
        margin-inline-end: 0.25rem !important;
    }

    .lg\:me-2 {
        margin-inline-end: 0.5rem !important;
    }

    .lg\:me-3 {
        margin-inline-end: 1rem !important;
    }

    .lg\:me-4 {
        margin-inline-end: 1.5rem !important;
    }

    .lg\:me-5 {
        margin-inline-end: 2rem !important;
    }

    .lg\:me-6 {
        margin-inline-end: 3rem !important;
    }

    .lg\:me-7 {
        margin-inline-end: 4rem !important;
    }
}

@media (min-width: 1200px) {
    .xl\:m-0 {
        margin: 0 !important;
    }

    .xl\:m-1 {
        margin: 0.25rem !important;
    }

    .xl\:m-2 {
        margin: 0.5rem !important;
    }

    .xl\:m-3 {
        margin: 1rem !important;
    }

    .xl\:m-4 {
        margin: 1.5rem !important;
    }

    .xl\:m-5 {
        margin: 2rem !important;
    }

    .xl\:m-6 {
        margin: 3rem !important;
    }

    .xl\:m-7 {
        margin: 4rem !important;
    }

    .xl\:mx-0 {
        margin-inline: 0 !important;
    }

    .xl\:mx-1 {
        margin-inline: 0.25rem !important;
    }

    .xl\:mx-2 {
        margin-inline: 0.5rem !important;
    }

    .xl\:mx-3 {
        margin-inline: 1rem !important;
    }

    .xl\:mx-4 {
        margin-inline: 1.5rem !important;
    }

    .xl\:mx-5 {
        margin-inline: 2rem !important;
    }

    .xl\:mx-6 {
        margin-inline: 3rem !important;
    }

    .xl\:mx-7 {
        margin-inline: 4rem !important;
    }

    .xl\:my-0 {
        margin-block: 0 !important;
    }

    .xl\:my-1 {
        margin-block: 0.25rem !important;
    }

    .xl\:my-2 {
        margin-block: 0.5rem !important;
    }

    .xl\:my-3 {
        margin-block: 1rem !important;
    }

    .xl\:my-4 {
        margin-block: 1.5rem !important;
    }

    .xl\:my-5 {
        margin-block: 2rem !important;
    }

    .xl\:my-6 {
        margin-block: 3rem !important;
    }

    .xl\:my-7 {
        margin-block: 4rem !important;
    }

    .xl\:mt-0 {
        margin-block-start: 0 !important;
    }

    .xl\:mt-1 {
        margin-block-start: 0.25rem !important;
    }

    .xl\:mt-2 {
        margin-block-start: 0.5rem !important;
    }

    .xl\:mt-3 {
        margin-block-start: 1rem !important;
    }

    .xl\:mt-4 {
        margin-block-start: 1.5rem !important;
    }

    .xl\:mt-5 {
        margin-block-start: 2rem !important;
    }

    .xl\:mt-6 {
        margin-block-start: 3rem !important;
    }

    .xl\:mt-7 {
        margin-block-start: 4rem !important;
    }

    .xl\:mb-0 {
        margin-block-end: 0 !important;
    }

    .xl\:mb-1 {
        margin-block-end: 0.25rem !important;
    }

    .xl\:mb-2 {
        margin-block-end: 0.5rem !important;
    }

    .xl\:mb-3 {
        margin-block-end: 1rem !important;
    }

    .xl\:mb-4 {
        margin-block-end: 1.5rem !important;
    }

    .xl\:mb-5 {
        margin-block-end: 2rem !important;
    }

    .xl\:mb-6 {
        margin-block-end: 3rem !important;
    }

    .xl\:mb-7 {
        margin-block-end: 4rem !important;
    }

    .xl\:ms-0 {
        margin-inline-start: 0 !important;
    }

    .xl\:ms-1 {
        margin-inline-start: 0.25rem !important;
    }

    .xl\:ms-2 {
        margin-inline-start: 0.5rem !important;
    }

    .xl\:ms-3 {
        margin-inline-start: 1rem !important;
    }

    .xl\:ms-4 {
        margin-inline-start: 1.5rem !important;
    }

    .xl\:ms-5 {
        margin-inline-start: 2rem !important;
    }

    .xl\:ms-6 {
        margin-inline-start: 3rem !important;
    }

    .xl\:ms-7 {
        margin-inline-start: 4rem !important;
    }

    .xl\:me-0 {
        margin-inline-end: 0 !important;
    }

    .xl\:me-1 {
        margin-inline-end: 0.25rem !important;
    }

    .xl\:me-2 {
        margin-inline-end: 0.5rem !important;
    }

    .xl\:me-3 {
        margin-inline-end: 1rem !important;
    }

    .xl\:me-4 {
        margin-inline-end: 1.5rem !important;
    }

    .xl\:me-5 {
        margin-inline-end: 2rem !important;
    }

    .xl\:me-6 {
        margin-inline-end: 3rem !important;
    }

    .xl\:me-7 {
        margin-inline-end: 4rem !important;
    }
}

@media (min-width: 1200px) {
    .desktop\:m-0 {
        margin: 0 !important;
    }

    .desktop\:m-1 {
        margin: 0.25rem !important;
    }

    .desktop\:m-2 {
        margin: 0.5rem !important;
    }

    .desktop\:m-3 {
        margin: 1rem !important;
    }

    .desktop\:m-4 {
        margin: 1.5rem !important;
    }

    .desktop\:m-5 {
        margin: 2rem !important;
    }

    .desktop\:m-6 {
        margin: 3rem !important;
    }

    .desktop\:m-7 {
        margin: 4rem !important;
    }

    .desktop\:mx-0 {
        margin-inline: 0 !important;
    }

    .desktop\:mx-1 {
        margin-inline: 0.25rem !important;
    }

    .desktop\:mx-2 {
        margin-inline: 0.5rem !important;
    }

    .desktop\:mx-3 {
        margin-inline: 1rem !important;
    }

    .desktop\:mx-4 {
        margin-inline: 1.5rem !important;
    }

    .desktop\:mx-5 {
        margin-inline: 2rem !important;
    }

    .desktop\:mx-6 {
        margin-inline: 3rem !important;
    }

    .desktop\:mx-7 {
        margin-inline: 4rem !important;
    }

    .desktop\:my-0 {
        margin-block: 0 !important;
    }

    .desktop\:my-1 {
        margin-block: 0.25rem !important;
    }

    .desktop\:my-2 {
        margin-block: 0.5rem !important;
    }

    .desktop\:my-3 {
        margin-block: 1rem !important;
    }

    .desktop\:my-4 {
        margin-block: 1.5rem !important;
    }

    .desktop\:my-5 {
        margin-block: 2rem !important;
    }

    .desktop\:my-6 {
        margin-block: 3rem !important;
    }

    .desktop\:my-7 {
        margin-block: 4rem !important;
    }

    .desktop\:mt-0 {
        margin-block-start: 0 !important;
    }

    .desktop\:mt-1 {
        margin-block-start: 0.25rem !important;
    }

    .desktop\:mt-2 {
        margin-block-start: 0.5rem !important;
    }

    .desktop\:mt-3 {
        margin-block-start: 1rem !important;
    }

    .desktop\:mt-4 {
        margin-block-start: 1.5rem !important;
    }

    .desktop\:mt-5 {
        margin-block-start: 2rem !important;
    }

    .desktop\:mt-6 {
        margin-block-start: 3rem !important;
    }

    .desktop\:mt-7 {
        margin-block-start: 4rem !important;
    }

    .desktop\:mb-0 {
        margin-block-end: 0 !important;
    }

    .desktop\:mb-1 {
        margin-block-end: 0.25rem !important;
    }

    .desktop\:mb-2 {
        margin-block-end: 0.5rem !important;
    }

    .desktop\:mb-3 {
        margin-block-end: 1rem !important;
    }

    .desktop\:mb-4 {
        margin-block-end: 1.5rem !important;
    }

    .desktop\:mb-5 {
        margin-block-end: 2rem !important;
    }

    .desktop\:mb-6 {
        margin-block-end: 3rem !important;
    }

    .desktop\:mb-7 {
        margin-block-end: 4rem !important;
    }

    .desktop\:ms-0 {
        margin-inline-start: 0 !important;
    }

    .desktop\:ms-1 {
        margin-inline-start: 0.25rem !important;
    }

    .desktop\:ms-2 {
        margin-inline-start: 0.5rem !important;
    }

    .desktop\:ms-3 {
        margin-inline-start: 1rem !important;
    }

    .desktop\:ms-4 {
        margin-inline-start: 1.5rem !important;
    }

    .desktop\:ms-5 {
        margin-inline-start: 2rem !important;
    }

    .desktop\:ms-6 {
        margin-inline-start: 3rem !important;
    }

    .desktop\:ms-7 {
        margin-inline-start: 4rem !important;
    }

    .desktop\:me-0 {
        margin-inline-end: 0 !important;
    }

    .desktop\:me-1 {
        margin-inline-end: 0.25rem !important;
    }

    .desktop\:me-2 {
        margin-inline-end: 0.5rem !important;
    }

    .desktop\:me-3 {
        margin-inline-end: 1rem !important;
    }

    .desktop\:me-4 {
        margin-inline-end: 1.5rem !important;
    }

    .desktop\:me-5 {
        margin-inline-end: 2rem !important;
    }

    .desktop\:me-6 {
        margin-inline-end: 3rem !important;
    }

    .desktop\:me-7 {
        margin-inline-end: 4rem !important;
    }
}

@media (min-width: 1400px) {
    .xxl\:m-0 {
        margin: 0 !important;
    }

    .xxl\:m-1 {
        margin: 0.25rem !important;
    }

    .xxl\:m-2 {
        margin: 0.5rem !important;
    }

    .xxl\:m-3 {
        margin: 1rem !important;
    }

    .xxl\:m-4 {
        margin: 1.5rem !important;
    }

    .xxl\:m-5 {
        margin: 2rem !important;
    }

    .xxl\:m-6 {
        margin: 3rem !important;
    }

    .xxl\:m-7 {
        margin: 4rem !important;
    }

    .xxl\:mx-0 {
        margin-inline: 0 !important;
    }

    .xxl\:mx-1 {
        margin-inline: 0.25rem !important;
    }

    .xxl\:mx-2 {
        margin-inline: 0.5rem !important;
    }

    .xxl\:mx-3 {
        margin-inline: 1rem !important;
    }

    .xxl\:mx-4 {
        margin-inline: 1.5rem !important;
    }

    .xxl\:mx-5 {
        margin-inline: 2rem !important;
    }

    .xxl\:mx-6 {
        margin-inline: 3rem !important;
    }

    .xxl\:mx-7 {
        margin-inline: 4rem !important;
    }

    .xxl\:my-0 {
        margin-block: 0 !important;
    }

    .xxl\:my-1 {
        margin-block: 0.25rem !important;
    }

    .xxl\:my-2 {
        margin-block: 0.5rem !important;
    }

    .xxl\:my-3 {
        margin-block: 1rem !important;
    }

    .xxl\:my-4 {
        margin-block: 1.5rem !important;
    }

    .xxl\:my-5 {
        margin-block: 2rem !important;
    }

    .xxl\:my-6 {
        margin-block: 3rem !important;
    }

    .xxl\:my-7 {
        margin-block: 4rem !important;
    }

    .xxl\:mt-0 {
        margin-block-start: 0 !important;
    }

    .xxl\:mt-1 {
        margin-block-start: 0.25rem !important;
    }

    .xxl\:mt-2 {
        margin-block-start: 0.5rem !important;
    }

    .xxl\:mt-3 {
        margin-block-start: 1rem !important;
    }

    .xxl\:mt-4 {
        margin-block-start: 1.5rem !important;
    }

    .xxl\:mt-5 {
        margin-block-start: 2rem !important;
    }

    .xxl\:mt-6 {
        margin-block-start: 3rem !important;
    }

    .xxl\:mt-7 {
        margin-block-start: 4rem !important;
    }

    .xxl\:mb-0 {
        margin-block-end: 0 !important;
    }

    .xxl\:mb-1 {
        margin-block-end: 0.25rem !important;
    }

    .xxl\:mb-2 {
        margin-block-end: 0.5rem !important;
    }

    .xxl\:mb-3 {
        margin-block-end: 1rem !important;
    }

    .xxl\:mb-4 {
        margin-block-end: 1.5rem !important;
    }

    .xxl\:mb-5 {
        margin-block-end: 2rem !important;
    }

    .xxl\:mb-6 {
        margin-block-end: 3rem !important;
    }

    .xxl\:mb-7 {
        margin-block-end: 4rem !important;
    }

    .xxl\:ms-0 {
        margin-inline-start: 0 !important;
    }

    .xxl\:ms-1 {
        margin-inline-start: 0.25rem !important;
    }

    .xxl\:ms-2 {
        margin-inline-start: 0.5rem !important;
    }

    .xxl\:ms-3 {
        margin-inline-start: 1rem !important;
    }

    .xxl\:ms-4 {
        margin-inline-start: 1.5rem !important;
    }

    .xxl\:ms-5 {
        margin-inline-start: 2rem !important;
    }

    .xxl\:ms-6 {
        margin-inline-start: 3rem !important;
    }

    .xxl\:ms-7 {
        margin-inline-start: 4rem !important;
    }

    .xxl\:me-0 {
        margin-inline-end: 0 !important;
    }

    .xxl\:me-1 {
        margin-inline-end: 0.25rem !important;
    }

    .xxl\:me-2 {
        margin-inline-end: 0.5rem !important;
    }

    .xxl\:me-3 {
        margin-inline-end: 1rem !important;
    }

    .xxl\:me-4 {
        margin-inline-end: 1.5rem !important;
    }

    .xxl\:me-5 {
        margin-inline-end: 2rem !important;
    }

    .xxl\:me-6 {
        margin-inline-end: 3rem !important;
    }

    .xxl\:me-7 {
        margin-inline-end: 4rem !important;
    }
}

.xs\:p-0 {
    padding: 0 !important;
}

.xs\:p-1 {
    padding: 0.25rem !important;
}

.xs\:p-2 {
    padding: 0.5rem !important;
}

.xs\:p-3 {
    padding: 1rem !important;
}

.xs\:p-4 {
    padding: 1.5rem !important;
}

.xs\:p-5 {
    padding: 2rem !important;
}

.xs\:p-6 {
    padding: 3rem !important;
}

.xs\:p-7 {
    padding: 4rem !important;
}

.xs\:px-0 {
    padding-inline: 0 !important;
}

.xs\:px-1 {
    padding-inline: 0.25rem !important;
}

.xs\:px-2 {
    padding-inline: 0.5rem !important;
}

.xs\:px-3 {
    padding-inline: 1rem !important;
}

.xs\:px-4 {
    padding-inline: 1.5rem !important;
}

.xs\:px-5 {
    padding-inline: 2rem !important;
}

.xs\:px-6 {
    padding-inline: 3rem !important;
}

.xs\:px-7 {
    padding-inline: 4rem !important;
}

.xs\:py-0 {
    padding-block: 0 !important;
}

.xs\:py-1 {
    padding-block: 0.25rem !important;
}

.xs\:py-2 {
    padding-block: 0.5rem !important;
}

.xs\:py-3 {
    padding-block: 1rem !important;
}

.xs\:py-4 {
    padding-block: 1.5rem !important;
}

.xs\:py-5 {
    padding-block: 2rem !important;
}

.xs\:py-6 {
    padding-block: 3rem !important;
}

.xs\:py-7 {
    padding-block: 4rem !important;
}

.xs\:pt-0 {
    padding-block-start: 0 !important;
}

.xs\:pt-1 {
    padding-block-start: 0.25rem !important;
}

.xs\:pt-2 {
    padding-block-start: 0.5rem !important;
}

.xs\:pt-3 {
    padding-block-start: 1rem !important;
}

.xs\:pt-4 {
    padding-block-start: 1.5rem !important;
}

.xs\:pt-5 {
    padding-block-start: 2rem !important;
}

.xs\:pt-6 {
    padding-block-start: 3rem !important;
}

.xs\:pt-7 {
    padding-block-start: 4rem !important;
}

.xs\:pb-0 {
    padding-block-end: 0 !important;
}

.xs\:pb-1 {
    padding-block-end: 0.25rem !important;
}

.xs\:pb-2 {
    padding-block-end: 0.5rem !important;
}

.xs\:pb-3 {
    padding-block-end: 1rem !important;
}

.xs\:pb-4 {
    padding-block-end: 1.5rem !important;
}

.xs\:pb-5 {
    padding-block-end: 2rem !important;
}

.xs\:pb-6 {
    padding-block-end: 3rem !important;
}

.xs\:pb-7 {
    padding-block-end: 4rem !important;
}

.xs\:ps-0 {
    padding-inline-start: 0 !important;
}

.xs\:ps-1 {
    padding-inline-start: 0.25rem !important;
}

.xs\:ps-2 {
    padding-inline-start: 0.5rem !important;
}

.xs\:ps-3 {
    padding-inline-start: 1rem !important;
}

.xs\:ps-4 {
    padding-inline-start: 1.5rem !important;
}

.xs\:ps-5 {
    padding-inline-start: 2rem !important;
}

.xs\:ps-6 {
    padding-inline-start: 3rem !important;
}

.xs\:ps-7 {
    padding-inline-start: 4rem !important;
}

.xs\:pe-0 {
    padding-inline-end: 0 !important;
}

.xs\:pe-1 {
    padding-inline-end: 0.25rem !important;
}

.xs\:pe-2 {
    padding-inline-end: 0.5rem !important;
}

.xs\:pe-3 {
    padding-inline-end: 1rem !important;
}

.xs\:pe-4 {
    padding-inline-end: 1.5rem !important;
}

.xs\:pe-5 {
    padding-inline-end: 2rem !important;
}

.xs\:pe-6 {
    padding-inline-end: 3rem !important;
}

.xs\:pe-7 {
    padding-inline-end: 4rem !important;
}

.mobile\:p-0 {
    padding: 0 !important;
}

.mobile\:p-1 {
    padding: 0.25rem !important;
}

.mobile\:p-2 {
    padding: 0.5rem !important;
}

.mobile\:p-3 {
    padding: 1rem !important;
}

.mobile\:p-4 {
    padding: 1.5rem !important;
}

.mobile\:p-5 {
    padding: 2rem !important;
}

.mobile\:p-6 {
    padding: 3rem !important;
}

.mobile\:p-7 {
    padding: 4rem !important;
}

.mobile\:px-0 {
    padding-inline: 0 !important;
}

.mobile\:px-1 {
    padding-inline: 0.25rem !important;
}

.mobile\:px-2 {
    padding-inline: 0.5rem !important;
}

.mobile\:px-3 {
    padding-inline: 1rem !important;
}

.mobile\:px-4 {
    padding-inline: 1.5rem !important;
}

.mobile\:px-5 {
    padding-inline: 2rem !important;
}

.mobile\:px-6 {
    padding-inline: 3rem !important;
}

.mobile\:px-7 {
    padding-inline: 4rem !important;
}

.mobile\:py-0 {
    padding-block: 0 !important;
}

.mobile\:py-1 {
    padding-block: 0.25rem !important;
}

.mobile\:py-2 {
    padding-block: 0.5rem !important;
}

.mobile\:py-3 {
    padding-block: 1rem !important;
}

.mobile\:py-4 {
    padding-block: 1.5rem !important;
}

.mobile\:py-5 {
    padding-block: 2rem !important;
}

.mobile\:py-6 {
    padding-block: 3rem !important;
}

.mobile\:py-7 {
    padding-block: 4rem !important;
}

.mobile\:pt-0 {
    padding-block-start: 0 !important;
}

.mobile\:pt-1 {
    padding-block-start: 0.25rem !important;
}

.mobile\:pt-2 {
    padding-block-start: 0.5rem !important;
}

.mobile\:pt-3 {
    padding-block-start: 1rem !important;
}

.mobile\:pt-4 {
    padding-block-start: 1.5rem !important;
}

.mobile\:pt-5 {
    padding-block-start: 2rem !important;
}

.mobile\:pt-6 {
    padding-block-start: 3rem !important;
}

.mobile\:pt-7 {
    padding-block-start: 4rem !important;
}

.mobile\:pb-0 {
    padding-block-end: 0 !important;
}

.mobile\:pb-1 {
    padding-block-end: 0.25rem !important;
}

.mobile\:pb-2 {
    padding-block-end: 0.5rem !important;
}

.mobile\:pb-3 {
    padding-block-end: 1rem !important;
}

.mobile\:pb-4 {
    padding-block-end: 1.5rem !important;
}

.mobile\:pb-5 {
    padding-block-end: 2rem !important;
}

.mobile\:pb-6 {
    padding-block-end: 3rem !important;
}

.mobile\:pb-7 {
    padding-block-end: 4rem !important;
}

.mobile\:ps-0 {
    padding-inline-start: 0 !important;
}

.mobile\:ps-1 {
    padding-inline-start: 0.25rem !important;
}

.mobile\:ps-2 {
    padding-inline-start: 0.5rem !important;
}

.mobile\:ps-3 {
    padding-inline-start: 1rem !important;
}

.mobile\:ps-4 {
    padding-inline-start: 1.5rem !important;
}

.mobile\:ps-5 {
    padding-inline-start: 2rem !important;
}

.mobile\:ps-6 {
    padding-inline-start: 3rem !important;
}

.mobile\:ps-7 {
    padding-inline-start: 4rem !important;
}

.mobile\:pe-0 {
    padding-inline-end: 0 !important;
}

.mobile\:pe-1 {
    padding-inline-end: 0.25rem !important;
}

.mobile\:pe-2 {
    padding-inline-end: 0.5rem !important;
}

.mobile\:pe-3 {
    padding-inline-end: 1rem !important;
}

.mobile\:pe-4 {
    padding-inline-end: 1.5rem !important;
}

.mobile\:pe-5 {
    padding-inline-end: 2rem !important;
}

.mobile\:pe-6 {
    padding-inline-end: 3rem !important;
}

.mobile\:pe-7 {
    padding-inline-end: 4rem !important;
}

@media (min-width: 576px) {
    .sm\:p-0 {
        padding: 0 !important;
    }

    .sm\:p-1 {
        padding: 0.25rem !important;
    }

    .sm\:p-2 {
        padding: 0.5rem !important;
    }

    .sm\:p-3 {
        padding: 1rem !important;
    }

    .sm\:p-4 {
        padding: 1.5rem !important;
    }

    .sm\:p-5 {
        padding: 2rem !important;
    }

    .sm\:p-6 {
        padding: 3rem !important;
    }

    .sm\:p-7 {
        padding: 4rem !important;
    }

    .sm\:px-0 {
        padding-inline: 0 !important;
    }

    .sm\:px-1 {
        padding-inline: 0.25rem !important;
    }

    .sm\:px-2 {
        padding-inline: 0.5rem !important;
    }

    .sm\:px-3 {
        padding-inline: 1rem !important;
    }

    .sm\:px-4 {
        padding-inline: 1.5rem !important;
    }

    .sm\:px-5 {
        padding-inline: 2rem !important;
    }

    .sm\:px-6 {
        padding-inline: 3rem !important;
    }

    .sm\:px-7 {
        padding-inline: 4rem !important;
    }

    .sm\:py-0 {
        padding-block: 0 !important;
    }

    .sm\:py-1 {
        padding-block: 0.25rem !important;
    }

    .sm\:py-2 {
        padding-block: 0.5rem !important;
    }

    .sm\:py-3 {
        padding-block: 1rem !important;
    }

    .sm\:py-4 {
        padding-block: 1.5rem !important;
    }

    .sm\:py-5 {
        padding-block: 2rem !important;
    }

    .sm\:py-6 {
        padding-block: 3rem !important;
    }

    .sm\:py-7 {
        padding-block: 4rem !important;
    }

    .sm\:pt-0 {
        padding-block-start: 0 !important;
    }

    .sm\:pt-1 {
        padding-block-start: 0.25rem !important;
    }

    .sm\:pt-2 {
        padding-block-start: 0.5rem !important;
    }

    .sm\:pt-3 {
        padding-block-start: 1rem !important;
    }

    .sm\:pt-4 {
        padding-block-start: 1.5rem !important;
    }

    .sm\:pt-5 {
        padding-block-start: 2rem !important;
    }

    .sm\:pt-6 {
        padding-block-start: 3rem !important;
    }

    .sm\:pt-7 {
        padding-block-start: 4rem !important;
    }

    .sm\:pb-0 {
        padding-block-end: 0 !important;
    }

    .sm\:pb-1 {
        padding-block-end: 0.25rem !important;
    }

    .sm\:pb-2 {
        padding-block-end: 0.5rem !important;
    }

    .sm\:pb-3 {
        padding-block-end: 1rem !important;
    }

    .sm\:pb-4 {
        padding-block-end: 1.5rem !important;
    }

    .sm\:pb-5 {
        padding-block-end: 2rem !important;
    }

    .sm\:pb-6 {
        padding-block-end: 3rem !important;
    }

    .sm\:pb-7 {
        padding-block-end: 4rem !important;
    }

    .sm\:ps-0 {
        padding-inline-start: 0 !important;
    }

    .sm\:ps-1 {
        padding-inline-start: 0.25rem !important;
    }

    .sm\:ps-2 {
        padding-inline-start: 0.5rem !important;
    }

    .sm\:ps-3 {
        padding-inline-start: 1rem !important;
    }

    .sm\:ps-4 {
        padding-inline-start: 1.5rem !important;
    }

    .sm\:ps-5 {
        padding-inline-start: 2rem !important;
    }

    .sm\:ps-6 {
        padding-inline-start: 3rem !important;
    }

    .sm\:ps-7 {
        padding-inline-start: 4rem !important;
    }

    .sm\:pe-0 {
        padding-inline-end: 0 !important;
    }

    .sm\:pe-1 {
        padding-inline-end: 0.25rem !important;
    }

    .sm\:pe-2 {
        padding-inline-end: 0.5rem !important;
    }

    .sm\:pe-3 {
        padding-inline-end: 1rem !important;
    }

    .sm\:pe-4 {
        padding-inline-end: 1.5rem !important;
    }

    .sm\:pe-5 {
        padding-inline-end: 2rem !important;
    }

    .sm\:pe-6 {
        padding-inline-end: 3rem !important;
    }

    .sm\:pe-7 {
        padding-inline-end: 4rem !important;
    }
}

@media (min-width: 768px) {
    .md\:p-0 {
        padding: 0 !important;
    }

    .md\:p-1 {
        padding: 0.25rem !important;
    }

    .md\:p-2 {
        padding: 0.5rem !important;
    }

    .md\:p-3 {
        padding: 1rem !important;
    }

    .md\:p-4 {
        padding: 1.5rem !important;
    }

    .md\:p-5 {
        padding: 2rem !important;
    }

    .md\:p-6 {
        padding: 3rem !important;
    }

    .md\:p-7 {
        padding: 4rem !important;
    }

    .md\:px-0 {
        padding-inline: 0 !important;
    }

    .md\:px-1 {
        padding-inline: 0.25rem !important;
    }

    .md\:px-2 {
        padding-inline: 0.5rem !important;
    }

    .md\:px-3 {
        padding-inline: 1rem !important;
    }

    .md\:px-4 {
        padding-inline: 1.5rem !important;
    }

    .md\:px-5 {
        padding-inline: 2rem !important;
    }

    .md\:px-6 {
        padding-inline: 3rem !important;
    }

    .md\:px-7 {
        padding-inline: 4rem !important;
    }

    .md\:py-0 {
        padding-block: 0 !important;
    }

    .md\:py-1 {
        padding-block: 0.25rem !important;
    }

    .md\:py-2 {
        padding-block: 0.5rem !important;
    }

    .md\:py-3 {
        padding-block: 1rem !important;
    }

    .md\:py-4 {
        padding-block: 1.5rem !important;
    }

    .md\:py-5 {
        padding-block: 2rem !important;
    }

    .md\:py-6 {
        padding-block: 3rem !important;
    }

    .md\:py-7 {
        padding-block: 4rem !important;
    }

    .md\:pt-0 {
        padding-block-start: 0 !important;
    }

    .md\:pt-1 {
        padding-block-start: 0.25rem !important;
    }

    .md\:pt-2 {
        padding-block-start: 0.5rem !important;
    }

    .md\:pt-3 {
        padding-block-start: 1rem !important;
    }

    .md\:pt-4 {
        padding-block-start: 1.5rem !important;
    }

    .md\:pt-5 {
        padding-block-start: 2rem !important;
    }

    .md\:pt-6 {
        padding-block-start: 3rem !important;
    }

    .md\:pt-7 {
        padding-block-start: 4rem !important;
    }

    .md\:pb-0 {
        padding-block-end: 0 !important;
    }

    .md\:pb-1 {
        padding-block-end: 0.25rem !important;
    }

    .md\:pb-2 {
        padding-block-end: 0.5rem !important;
    }

    .md\:pb-3 {
        padding-block-end: 1rem !important;
    }

    .md\:pb-4 {
        padding-block-end: 1.5rem !important;
    }

    .md\:pb-5 {
        padding-block-end: 2rem !important;
    }

    .md\:pb-6 {
        padding-block-end: 3rem !important;
    }

    .md\:pb-7 {
        padding-block-end: 4rem !important;
    }

    .md\:ps-0 {
        padding-inline-start: 0 !important;
    }

    .md\:ps-1 {
        padding-inline-start: 0.25rem !important;
    }

    .md\:ps-2 {
        padding-inline-start: 0.5rem !important;
    }

    .md\:ps-3 {
        padding-inline-start: 1rem !important;
    }

    .md\:ps-4 {
        padding-inline-start: 1.5rem !important;
    }

    .md\:ps-5 {
        padding-inline-start: 2rem !important;
    }

    .md\:ps-6 {
        padding-inline-start: 3rem !important;
    }

    .md\:ps-7 {
        padding-inline-start: 4rem !important;
    }

    .md\:pe-0 {
        padding-inline-end: 0 !important;
    }

    .md\:pe-1 {
        padding-inline-end: 0.25rem !important;
    }

    .md\:pe-2 {
        padding-inline-end: 0.5rem !important;
    }

    .md\:pe-3 {
        padding-inline-end: 1rem !important;
    }

    .md\:pe-4 {
        padding-inline-end: 1.5rem !important;
    }

    .md\:pe-5 {
        padding-inline-end: 2rem !important;
    }

    .md\:pe-6 {
        padding-inline-end: 3rem !important;
    }

    .md\:pe-7 {
        padding-inline-end: 4rem !important;
    }
}

@media (min-width: 992px) {
    .lg\:p-0 {
        padding: 0 !important;
    }

    .lg\:p-1 {
        padding: 0.25rem !important;
    }

    .lg\:p-2 {
        padding: 0.5rem !important;
    }

    .lg\:p-3 {
        padding: 1rem !important;
    }

    .lg\:p-4 {
        padding: 1.5rem !important;
    }

    .lg\:p-5 {
        padding: 2rem !important;
    }

    .lg\:p-6 {
        padding: 3rem !important;
    }

    .lg\:p-7 {
        padding: 4rem !important;
    }

    .lg\:px-0 {
        padding-inline: 0 !important;
    }

    .lg\:px-1 {
        padding-inline: 0.25rem !important;
    }

    .lg\:px-2 {
        padding-inline: 0.5rem !important;
    }

    .lg\:px-3 {
        padding-inline: 1rem !important;
    }

    .lg\:px-4 {
        padding-inline: 1.5rem !important;
    }

    .lg\:px-5 {
        padding-inline: 2rem !important;
    }

    .lg\:px-6 {
        padding-inline: 3rem !important;
    }

    .lg\:px-7 {
        padding-inline: 4rem !important;
    }

    .lg\:py-0 {
        padding-block: 0 !important;
    }

    .lg\:py-1 {
        padding-block: 0.25rem !important;
    }

    .lg\:py-2 {
        padding-block: 0.5rem !important;
    }

    .lg\:py-3 {
        padding-block: 1rem !important;
    }

    .lg\:py-4 {
        padding-block: 1.5rem !important;
    }

    .lg\:py-5 {
        padding-block: 2rem !important;
    }

    .lg\:py-6 {
        padding-block: 3rem !important;
    }

    .lg\:py-7 {
        padding-block: 4rem !important;
    }

    .lg\:pt-0 {
        padding-block-start: 0 !important;
    }

    .lg\:pt-1 {
        padding-block-start: 0.25rem !important;
    }

    .lg\:pt-2 {
        padding-block-start: 0.5rem !important;
    }

    .lg\:pt-3 {
        padding-block-start: 1rem !important;
    }

    .lg\:pt-4 {
        padding-block-start: 1.5rem !important;
    }

    .lg\:pt-5 {
        padding-block-start: 2rem !important;
    }

    .lg\:pt-6 {
        padding-block-start: 3rem !important;
    }

    .lg\:pt-7 {
        padding-block-start: 4rem !important;
    }

    .lg\:pb-0 {
        padding-block-end: 0 !important;
    }

    .lg\:pb-1 {
        padding-block-end: 0.25rem !important;
    }

    .lg\:pb-2 {
        padding-block-end: 0.5rem !important;
    }

    .lg\:pb-3 {
        padding-block-end: 1rem !important;
    }

    .lg\:pb-4 {
        padding-block-end: 1.5rem !important;
    }

    .lg\:pb-5 {
        padding-block-end: 2rem !important;
    }

    .lg\:pb-6 {
        padding-block-end: 3rem !important;
    }

    .lg\:pb-7 {
        padding-block-end: 4rem !important;
    }

    .lg\:ps-0 {
        padding-inline-start: 0 !important;
    }

    .lg\:ps-1 {
        padding-inline-start: 0.25rem !important;
    }

    .lg\:ps-2 {
        padding-inline-start: 0.5rem !important;
    }

    .lg\:ps-3 {
        padding-inline-start: 1rem !important;
    }

    .lg\:ps-4 {
        padding-inline-start: 1.5rem !important;
    }

    .lg\:ps-5 {
        padding-inline-start: 2rem !important;
    }

    .lg\:ps-6 {
        padding-inline-start: 3rem !important;
    }

    .lg\:ps-7 {
        padding-inline-start: 4rem !important;
    }

    .lg\:pe-0 {
        padding-inline-end: 0 !important;
    }

    .lg\:pe-1 {
        padding-inline-end: 0.25rem !important;
    }

    .lg\:pe-2 {
        padding-inline-end: 0.5rem !important;
    }

    .lg\:pe-3 {
        padding-inline-end: 1rem !important;
    }

    .lg\:pe-4 {
        padding-inline-end: 1.5rem !important;
    }

    .lg\:pe-5 {
        padding-inline-end: 2rem !important;
    }

    .lg\:pe-6 {
        padding-inline-end: 3rem !important;
    }

    .lg\:pe-7 {
        padding-inline-end: 4rem !important;
    }
}

@media (min-width: 1200px) {
    .xl\:p-0 {
        padding: 0 !important;
    }

    .xl\:p-1 {
        padding: 0.25rem !important;
    }

    .xl\:p-2 {
        padding: 0.5rem !important;
    }

    .xl\:p-3 {
        padding: 1rem !important;
    }

    .xl\:p-4 {
        padding: 1.5rem !important;
    }

    .xl\:p-5 {
        padding: 2rem !important;
    }

    .xl\:p-6 {
        padding: 3rem !important;
    }

    .xl\:p-7 {
        padding: 4rem !important;
    }

    .xl\:px-0 {
        padding-inline: 0 !important;
    }

    .xl\:px-1 {
        padding-inline: 0.25rem !important;
    }

    .xl\:px-2 {
        padding-inline: 0.5rem !important;
    }

    .xl\:px-3 {
        padding-inline: 1rem !important;
    }

    .xl\:px-4 {
        padding-inline: 1.5rem !important;
    }

    .xl\:px-5 {
        padding-inline: 2rem !important;
    }

    .xl\:px-6 {
        padding-inline: 3rem !important;
    }

    .xl\:px-7 {
        padding-inline: 4rem !important;
    }

    .xl\:py-0 {
        padding-block: 0 !important;
    }

    .xl\:py-1 {
        padding-block: 0.25rem !important;
    }

    .xl\:py-2 {
        padding-block: 0.5rem !important;
    }

    .xl\:py-3 {
        padding-block: 1rem !important;
    }

    .xl\:py-4 {
        padding-block: 1.5rem !important;
    }

    .xl\:py-5 {
        padding-block: 2rem !important;
    }

    .xl\:py-6 {
        padding-block: 3rem !important;
    }

    .xl\:py-7 {
        padding-block: 4rem !important;
    }

    .xl\:pt-0 {
        padding-block-start: 0 !important;
    }

    .xl\:pt-1 {
        padding-block-start: 0.25rem !important;
    }

    .xl\:pt-2 {
        padding-block-start: 0.5rem !important;
    }

    .xl\:pt-3 {
        padding-block-start: 1rem !important;
    }

    .xl\:pt-4 {
        padding-block-start: 1.5rem !important;
    }

    .xl\:pt-5 {
        padding-block-start: 2rem !important;
    }

    .xl\:pt-6 {
        padding-block-start: 3rem !important;
    }

    .xl\:pt-7 {
        padding-block-start: 4rem !important;
    }

    .xl\:pb-0 {
        padding-block-end: 0 !important;
    }

    .xl\:pb-1 {
        padding-block-end: 0.25rem !important;
    }

    .xl\:pb-2 {
        padding-block-end: 0.5rem !important;
    }

    .xl\:pb-3 {
        padding-block-end: 1rem !important;
    }

    .xl\:pb-4 {
        padding-block-end: 1.5rem !important;
    }

    .xl\:pb-5 {
        padding-block-end: 2rem !important;
    }

    .xl\:pb-6 {
        padding-block-end: 3rem !important;
    }

    .xl\:pb-7 {
        padding-block-end: 4rem !important;
    }

    .xl\:ps-0 {
        padding-inline-start: 0 !important;
    }

    .xl\:ps-1 {
        padding-inline-start: 0.25rem !important;
    }

    .xl\:ps-2 {
        padding-inline-start: 0.5rem !important;
    }

    .xl\:ps-3 {
        padding-inline-start: 1rem !important;
    }

    .xl\:ps-4 {
        padding-inline-start: 1.5rem !important;
    }

    .xl\:ps-5 {
        padding-inline-start: 2rem !important;
    }

    .xl\:ps-6 {
        padding-inline-start: 3rem !important;
    }

    .xl\:ps-7 {
        padding-inline-start: 4rem !important;
    }

    .xl\:pe-0 {
        padding-inline-end: 0 !important;
    }

    .xl\:pe-1 {
        padding-inline-end: 0.25rem !important;
    }

    .xl\:pe-2 {
        padding-inline-end: 0.5rem !important;
    }

    .xl\:pe-3 {
        padding-inline-end: 1rem !important;
    }

    .xl\:pe-4 {
        padding-inline-end: 1.5rem !important;
    }

    .xl\:pe-5 {
        padding-inline-end: 2rem !important;
    }

    .xl\:pe-6 {
        padding-inline-end: 3rem !important;
    }

    .xl\:pe-7 {
        padding-inline-end: 4rem !important;
    }
}

@media (min-width: 1200px) {
    .desktop\:p-0 {
        padding: 0 !important;
    }

    .desktop\:p-1 {
        padding: 0.25rem !important;
    }

    .desktop\:p-2 {
        padding: 0.5rem !important;
    }

    .desktop\:p-3 {
        padding: 1rem !important;
    }

    .desktop\:p-4 {
        padding: 1.5rem !important;
    }

    .desktop\:p-5 {
        padding: 2rem !important;
    }

    .desktop\:p-6 {
        padding: 3rem !important;
    }

    .desktop\:p-7 {
        padding: 4rem !important;
    }

    .desktop\:px-0 {
        padding-inline: 0 !important;
    }

    .desktop\:px-1 {
        padding-inline: 0.25rem !important;
    }

    .desktop\:px-2 {
        padding-inline: 0.5rem !important;
    }

    .desktop\:px-3 {
        padding-inline: 1rem !important;
    }

    .desktop\:px-4 {
        padding-inline: 1.5rem !important;
    }

    .desktop\:px-5 {
        padding-inline: 2rem !important;
    }

    .desktop\:px-6 {
        padding-inline: 3rem !important;
    }

    .desktop\:px-7 {
        padding-inline: 4rem !important;
    }

    .desktop\:py-0 {
        padding-block: 0 !important;
    }

    .desktop\:py-1 {
        padding-block: 0.25rem !important;
    }

    .desktop\:py-2 {
        padding-block: 0.5rem !important;
    }

    .desktop\:py-3 {
        padding-block: 1rem !important;
    }

    .desktop\:py-4 {
        padding-block: 1.5rem !important;
    }

    .desktop\:py-5 {
        padding-block: 2rem !important;
    }

    .desktop\:py-6 {
        padding-block: 3rem !important;
    }

    .desktop\:py-7 {
        padding-block: 4rem !important;
    }

    .desktop\:pt-0 {
        padding-block-start: 0 !important;
    }

    .desktop\:pt-1 {
        padding-block-start: 0.25rem !important;
    }

    .desktop\:pt-2 {
        padding-block-start: 0.5rem !important;
    }

    .desktop\:pt-3 {
        padding-block-start: 1rem !important;
    }

    .desktop\:pt-4 {
        padding-block-start: 1.5rem !important;
    }

    .desktop\:pt-5 {
        padding-block-start: 2rem !important;
    }

    .desktop\:pt-6 {
        padding-block-start: 3rem !important;
    }

    .desktop\:pt-7 {
        padding-block-start: 4rem !important;
    }

    .desktop\:pb-0 {
        padding-block-end: 0 !important;
    }

    .desktop\:pb-1 {
        padding-block-end: 0.25rem !important;
    }

    .desktop\:pb-2 {
        padding-block-end: 0.5rem !important;
    }

    .desktop\:pb-3 {
        padding-block-end: 1rem !important;
    }

    .desktop\:pb-4 {
        padding-block-end: 1.5rem !important;
    }

    .desktop\:pb-5 {
        padding-block-end: 2rem !important;
    }

    .desktop\:pb-6 {
        padding-block-end: 3rem !important;
    }

    .desktop\:pb-7 {
        padding-block-end: 4rem !important;
    }

    .desktop\:ps-0 {
        padding-inline-start: 0 !important;
    }

    .desktop\:ps-1 {
        padding-inline-start: 0.25rem !important;
    }

    .desktop\:ps-2 {
        padding-inline-start: 0.5rem !important;
    }

    .desktop\:ps-3 {
        padding-inline-start: 1rem !important;
    }

    .desktop\:ps-4 {
        padding-inline-start: 1.5rem !important;
    }

    .desktop\:ps-5 {
        padding-inline-start: 2rem !important;
    }

    .desktop\:ps-6 {
        padding-inline-start: 3rem !important;
    }

    .desktop\:ps-7 {
        padding-inline-start: 4rem !important;
    }

    .desktop\:pe-0 {
        padding-inline-end: 0 !important;
    }

    .desktop\:pe-1 {
        padding-inline-end: 0.25rem !important;
    }

    .desktop\:pe-2 {
        padding-inline-end: 0.5rem !important;
    }

    .desktop\:pe-3 {
        padding-inline-end: 1rem !important;
    }

    .desktop\:pe-4 {
        padding-inline-end: 1.5rem !important;
    }

    .desktop\:pe-5 {
        padding-inline-end: 2rem !important;
    }

    .desktop\:pe-6 {
        padding-inline-end: 3rem !important;
    }

    .desktop\:pe-7 {
        padding-inline-end: 4rem !important;
    }
}

@media (min-width: 1400px) {
    .xxl\:p-0 {
        padding: 0 !important;
    }

    .xxl\:p-1 {
        padding: 0.25rem !important;
    }

    .xxl\:p-2 {
        padding: 0.5rem !important;
    }

    .xxl\:p-3 {
        padding: 1rem !important;
    }

    .xxl\:p-4 {
        padding: 1.5rem !important;
    }

    .xxl\:p-5 {
        padding: 2rem !important;
    }

    .xxl\:p-6 {
        padding: 3rem !important;
    }

    .xxl\:p-7 {
        padding: 4rem !important;
    }

    .xxl\:px-0 {
        padding-inline: 0 !important;
    }

    .xxl\:px-1 {
        padding-inline: 0.25rem !important;
    }

    .xxl\:px-2 {
        padding-inline: 0.5rem !important;
    }

    .xxl\:px-3 {
        padding-inline: 1rem !important;
    }

    .xxl\:px-4 {
        padding-inline: 1.5rem !important;
    }

    .xxl\:px-5 {
        padding-inline: 2rem !important;
    }

    .xxl\:px-6 {
        padding-inline: 3rem !important;
    }

    .xxl\:px-7 {
        padding-inline: 4rem !important;
    }

    .xxl\:py-0 {
        padding-block: 0 !important;
    }

    .xxl\:py-1 {
        padding-block: 0.25rem !important;
    }

    .xxl\:py-2 {
        padding-block: 0.5rem !important;
    }

    .xxl\:py-3 {
        padding-block: 1rem !important;
    }

    .xxl\:py-4 {
        padding-block: 1.5rem !important;
    }

    .xxl\:py-5 {
        padding-block: 2rem !important;
    }

    .xxl\:py-6 {
        padding-block: 3rem !important;
    }

    .xxl\:py-7 {
        padding-block: 4rem !important;
    }

    .xxl\:pt-0 {
        padding-block-start: 0 !important;
    }

    .xxl\:pt-1 {
        padding-block-start: 0.25rem !important;
    }

    .xxl\:pt-2 {
        padding-block-start: 0.5rem !important;
    }

    .xxl\:pt-3 {
        padding-block-start: 1rem !important;
    }

    .xxl\:pt-4 {
        padding-block-start: 1.5rem !important;
    }

    .xxl\:pt-5 {
        padding-block-start: 2rem !important;
    }

    .xxl\:pt-6 {
        padding-block-start: 3rem !important;
    }

    .xxl\:pt-7 {
        padding-block-start: 4rem !important;
    }

    .xxl\:pb-0 {
        padding-block-end: 0 !important;
    }

    .xxl\:pb-1 {
        padding-block-end: 0.25rem !important;
    }

    .xxl\:pb-2 {
        padding-block-end: 0.5rem !important;
    }

    .xxl\:pb-3 {
        padding-block-end: 1rem !important;
    }

    .xxl\:pb-4 {
        padding-block-end: 1.5rem !important;
    }

    .xxl\:pb-5 {
        padding-block-end: 2rem !important;
    }

    .xxl\:pb-6 {
        padding-block-end: 3rem !important;
    }

    .xxl\:pb-7 {
        padding-block-end: 4rem !important;
    }

    .xxl\:ps-0 {
        padding-inline-start: 0 !important;
    }

    .xxl\:ps-1 {
        padding-inline-start: 0.25rem !important;
    }

    .xxl\:ps-2 {
        padding-inline-start: 0.5rem !important;
    }

    .xxl\:ps-3 {
        padding-inline-start: 1rem !important;
    }

    .xxl\:ps-4 {
        padding-inline-start: 1.5rem !important;
    }

    .xxl\:ps-5 {
        padding-inline-start: 2rem !important;
    }

    .xxl\:ps-6 {
        padding-inline-start: 3rem !important;
    }

    .xxl\:ps-7 {
        padding-inline-start: 4rem !important;
    }

    .xxl\:pe-0 {
        padding-inline-end: 0 !important;
    }

    .xxl\:pe-1 {
        padding-inline-end: 0.25rem !important;
    }

    .xxl\:pe-2 {
        padding-inline-end: 0.5rem !important;
    }

    .xxl\:pe-3 {
        padding-inline-end: 1rem !important;
    }

    .xxl\:pe-4 {
        padding-inline-end: 1.5rem !important;
    }

    .xxl\:pe-5 {
        padding-inline-end: 2rem !important;
    }

    .xxl\:pe-6 {
        padding-inline-end: 3rem !important;
    }

    .xxl\:pe-7 {
        padding-inline-end: 4rem !important;
    }
}

.xs\:m-n0 {
    margin: 0 !important;
}

.xs\:m-n1 {
    margin: -0.25rem !important;
}

.xs\:m-n2 {
    margin: -0.5rem !important;
}

.xs\:m-n3 {
    margin: -1rem !important;
}

.xs\:m-n4 {
    margin: -1.5rem !important;
}

.xs\:m-n5 {
    margin: -2rem !important;
}

.xs\:m-n6 {
    margin: -3rem !important;
}

.xs\:m-n7 {
    margin: -4rem !important;
}

.xs\:mx-n0 {
    margin-inline: 0 !important;
}

.xs\:mx-n1 {
    margin-inline: -0.25rem !important;
}

.xs\:mx-n2 {
    margin-inline: -0.5rem !important;
}

.xs\:mx-n3 {
    margin-inline: -1rem !important;
}

.xs\:mx-n4 {
    margin-inline: -1.5rem !important;
}

.xs\:mx-n5 {
    margin-inline: -2rem !important;
}

.xs\:mx-n6 {
    margin-inline: -3rem !important;
}

.xs\:mx-n7 {
    margin-inline: -4rem !important;
}

.xs\:my-n0 {
    margin-block: 0 !important;
}

.xs\:my-n1 {
    margin-block: -0.25rem !important;
}

.xs\:my-n2 {
    margin-block: -0.5rem !important;
}

.xs\:my-n3 {
    margin-block: -1rem !important;
}

.xs\:my-n4 {
    margin-block: -1.5rem !important;
}

.xs\:my-n5 {
    margin-block: -2rem !important;
}

.xs\:my-n6 {
    margin-block: -3rem !important;
}

.xs\:my-n7 {
    margin-block: -4rem !important;
}

.xs\:mt-n0 {
    margin-block-start: 0 !important;
}

.xs\:mt-n1 {
    margin-block-start: -0.25rem !important;
}

.xs\:mt-n2 {
    margin-block-start: -0.5rem !important;
}

.xs\:mt-n3 {
    margin-block-start: -1rem !important;
}

.xs\:mt-n4 {
    margin-block-start: -1.5rem !important;
}

.xs\:mt-n5 {
    margin-block-start: -2rem !important;
}

.xs\:mt-n6 {
    margin-block-start: -3rem !important;
}

.xs\:mt-n7 {
    margin-block-start: -4rem !important;
}

.xs\:mb-n0 {
    margin-block-end: 0 !important;
}

.xs\:mb-n1 {
    margin-block-end: -0.25rem !important;
}

.xs\:mb-n2 {
    margin-block-end: -0.5rem !important;
}

.xs\:mb-n3 {
    margin-block-end: -1rem !important;
}

.xs\:mb-n4 {
    margin-block-end: -1.5rem !important;
}

.xs\:mb-n5 {
    margin-block-end: -2rem !important;
}

.xs\:mb-n6 {
    margin-block-end: -3rem !important;
}

.xs\:mb-n7 {
    margin-block-end: -4rem !important;
}

.xs\:ms-n0 {
    margin-inline-start: 0 !important;
}

.xs\:ms-n1 {
    margin-inline-start: -0.25rem !important;
}

.xs\:ms-n2 {
    margin-inline-start: -0.5rem !important;
}

.xs\:ms-n3 {
    margin-inline-start: -1rem !important;
}

.xs\:ms-n4 {
    margin-inline-start: -1.5rem !important;
}

.xs\:ms-n5 {
    margin-inline-start: -2rem !important;
}

.xs\:ms-n6 {
    margin-inline-start: -3rem !important;
}

.xs\:ms-n7 {
    margin-inline-start: -4rem !important;
}

.xs\:me-n0 {
    margin-inline-end: 0 !important;
}

.xs\:me-n1 {
    margin-inline-end: -0.25rem !important;
}

.xs\:me-n2 {
    margin-inline-end: -0.5rem !important;
}

.xs\:me-n3 {
    margin-inline-end: -1rem !important;
}

.xs\:me-n4 {
    margin-inline-end: -1.5rem !important;
}

.xs\:me-n5 {
    margin-inline-end: -2rem !important;
}

.xs\:me-n6 {
    margin-inline-end: -3rem !important;
}

.xs\:me-n7 {
    margin-inline-end: -4rem !important;
}

.mobile\:m-n0 {
    margin: 0 !important;
}

.mobile\:m-n1 {
    margin: -0.25rem !important;
}

.mobile\:m-n2 {
    margin: -0.5rem !important;
}

.mobile\:m-n3 {
    margin: -1rem !important;
}

.mobile\:m-n4 {
    margin: -1.5rem !important;
}

.mobile\:m-n5 {
    margin: -2rem !important;
}

.mobile\:m-n6 {
    margin: -3rem !important;
}

.mobile\:m-n7 {
    margin: -4rem !important;
}

.mobile\:mx-n0 {
    margin-inline: 0 !important;
}

.mobile\:mx-n1 {
    margin-inline: -0.25rem !important;
}

.mobile\:mx-n2 {
    margin-inline: -0.5rem !important;
}

.mobile\:mx-n3 {
    margin-inline: -1rem !important;
}

.mobile\:mx-n4 {
    margin-inline: -1.5rem !important;
}

.mobile\:mx-n5 {
    margin-inline: -2rem !important;
}

.mobile\:mx-n6 {
    margin-inline: -3rem !important;
}

.mobile\:mx-n7 {
    margin-inline: -4rem !important;
}

.mobile\:my-n0 {
    margin-block: 0 !important;
}

.mobile\:my-n1 {
    margin-block: -0.25rem !important;
}

.mobile\:my-n2 {
    margin-block: -0.5rem !important;
}

.mobile\:my-n3 {
    margin-block: -1rem !important;
}

.mobile\:my-n4 {
    margin-block: -1.5rem !important;
}

.mobile\:my-n5 {
    margin-block: -2rem !important;
}

.mobile\:my-n6 {
    margin-block: -3rem !important;
}

.mobile\:my-n7 {
    margin-block: -4rem !important;
}

.mobile\:mt-n0 {
    margin-block-start: 0 !important;
}

.mobile\:mt-n1 {
    margin-block-start: -0.25rem !important;
}

.mobile\:mt-n2 {
    margin-block-start: -0.5rem !important;
}

.mobile\:mt-n3 {
    margin-block-start: -1rem !important;
}

.mobile\:mt-n4 {
    margin-block-start: -1.5rem !important;
}

.mobile\:mt-n5 {
    margin-block-start: -2rem !important;
}

.mobile\:mt-n6 {
    margin-block-start: -3rem !important;
}

.mobile\:mt-n7 {
    margin-block-start: -4rem !important;
}

.mobile\:mb-n0 {
    margin-block-end: 0 !important;
}

.mobile\:mb-n1 {
    margin-block-end: -0.25rem !important;
}

.mobile\:mb-n2 {
    margin-block-end: -0.5rem !important;
}

.mobile\:mb-n3 {
    margin-block-end: -1rem !important;
}

.mobile\:mb-n4 {
    margin-block-end: -1.5rem !important;
}

.mobile\:mb-n5 {
    margin-block-end: -2rem !important;
}

.mobile\:mb-n6 {
    margin-block-end: -3rem !important;
}

.mobile\:mb-n7 {
    margin-block-end: -4rem !important;
}

.mobile\:ms-n0 {
    margin-inline-start: 0 !important;
}

.mobile\:ms-n1 {
    margin-inline-start: -0.25rem !important;
}

.mobile\:ms-n2 {
    margin-inline-start: -0.5rem !important;
}

.mobile\:ms-n3 {
    margin-inline-start: -1rem !important;
}

.mobile\:ms-n4 {
    margin-inline-start: -1.5rem !important;
}

.mobile\:ms-n5 {
    margin-inline-start: -2rem !important;
}

.mobile\:ms-n6 {
    margin-inline-start: -3rem !important;
}

.mobile\:ms-n7 {
    margin-inline-start: -4rem !important;
}

.mobile\:me-n0 {
    margin-inline-end: 0 !important;
}

.mobile\:me-n1 {
    margin-inline-end: -0.25rem !important;
}

.mobile\:me-n2 {
    margin-inline-end: -0.5rem !important;
}

.mobile\:me-n3 {
    margin-inline-end: -1rem !important;
}

.mobile\:me-n4 {
    margin-inline-end: -1.5rem !important;
}

.mobile\:me-n5 {
    margin-inline-end: -2rem !important;
}

.mobile\:me-n6 {
    margin-inline-end: -3rem !important;
}

.mobile\:me-n7 {
    margin-inline-end: -4rem !important;
}

@media (min-width: 576px) {
    .sm\:m-n0 {
        margin: 0 !important;
    }

    .sm\:m-n1 {
        margin: -0.25rem !important;
    }

    .sm\:m-n2 {
        margin: -0.5rem !important;
    }

    .sm\:m-n3 {
        margin: -1rem !important;
    }

    .sm\:m-n4 {
        margin: -1.5rem !important;
    }

    .sm\:m-n5 {
        margin: -2rem !important;
    }

    .sm\:m-n6 {
        margin: -3rem !important;
    }

    .sm\:m-n7 {
        margin: -4rem !important;
    }

    .sm\:mx-n0 {
        margin-inline: 0 !important;
    }

    .sm\:mx-n1 {
        margin-inline: -0.25rem !important;
    }

    .sm\:mx-n2 {
        margin-inline: -0.5rem !important;
    }

    .sm\:mx-n3 {
        margin-inline: -1rem !important;
    }

    .sm\:mx-n4 {
        margin-inline: -1.5rem !important;
    }

    .sm\:mx-n5 {
        margin-inline: -2rem !important;
    }

    .sm\:mx-n6 {
        margin-inline: -3rem !important;
    }

    .sm\:mx-n7 {
        margin-inline: -4rem !important;
    }

    .sm\:my-n0 {
        margin-block: 0 !important;
    }

    .sm\:my-n1 {
        margin-block: -0.25rem !important;
    }

    .sm\:my-n2 {
        margin-block: -0.5rem !important;
    }

    .sm\:my-n3 {
        margin-block: -1rem !important;
    }

    .sm\:my-n4 {
        margin-block: -1.5rem !important;
    }

    .sm\:my-n5 {
        margin-block: -2rem !important;
    }

    .sm\:my-n6 {
        margin-block: -3rem !important;
    }

    .sm\:my-n7 {
        margin-block: -4rem !important;
    }

    .sm\:mt-n0 {
        margin-block-start: 0 !important;
    }

    .sm\:mt-n1 {
        margin-block-start: -0.25rem !important;
    }

    .sm\:mt-n2 {
        margin-block-start: -0.5rem !important;
    }

    .sm\:mt-n3 {
        margin-block-start: -1rem !important;
    }

    .sm\:mt-n4 {
        margin-block-start: -1.5rem !important;
    }

    .sm\:mt-n5 {
        margin-block-start: -2rem !important;
    }

    .sm\:mt-n6 {
        margin-block-start: -3rem !important;
    }

    .sm\:mt-n7 {
        margin-block-start: -4rem !important;
    }

    .sm\:mb-n0 {
        margin-block-end: 0 !important;
    }

    .sm\:mb-n1 {
        margin-block-end: -0.25rem !important;
    }

    .sm\:mb-n2 {
        margin-block-end: -0.5rem !important;
    }

    .sm\:mb-n3 {
        margin-block-end: -1rem !important;
    }

    .sm\:mb-n4 {
        margin-block-end: -1.5rem !important;
    }

    .sm\:mb-n5 {
        margin-block-end: -2rem !important;
    }

    .sm\:mb-n6 {
        margin-block-end: -3rem !important;
    }

    .sm\:mb-n7 {
        margin-block-end: -4rem !important;
    }

    .sm\:ms-n0 {
        margin-inline-start: 0 !important;
    }

    .sm\:ms-n1 {
        margin-inline-start: -0.25rem !important;
    }

    .sm\:ms-n2 {
        margin-inline-start: -0.5rem !important;
    }

    .sm\:ms-n3 {
        margin-inline-start: -1rem !important;
    }

    .sm\:ms-n4 {
        margin-inline-start: -1.5rem !important;
    }

    .sm\:ms-n5 {
        margin-inline-start: -2rem !important;
    }

    .sm\:ms-n6 {
        margin-inline-start: -3rem !important;
    }

    .sm\:ms-n7 {
        margin-inline-start: -4rem !important;
    }

    .sm\:me-n0 {
        margin-inline-end: 0 !important;
    }

    .sm\:me-n1 {
        margin-inline-end: -0.25rem !important;
    }

    .sm\:me-n2 {
        margin-inline-end: -0.5rem !important;
    }

    .sm\:me-n3 {
        margin-inline-end: -1rem !important;
    }

    .sm\:me-n4 {
        margin-inline-end: -1.5rem !important;
    }

    .sm\:me-n5 {
        margin-inline-end: -2rem !important;
    }

    .sm\:me-n6 {
        margin-inline-end: -3rem !important;
    }

    .sm\:me-n7 {
        margin-inline-end: -4rem !important;
    }
}

@media (min-width: 768px) {
    .md\:m-n0 {
        margin: 0 !important;
    }

    .md\:m-n1 {
        margin: -0.25rem !important;
    }

    .md\:m-n2 {
        margin: -0.5rem !important;
    }

    .md\:m-n3 {
        margin: -1rem !important;
    }

    .md\:m-n4 {
        margin: -1.5rem !important;
    }

    .md\:m-n5 {
        margin: -2rem !important;
    }

    .md\:m-n6 {
        margin: -3rem !important;
    }

    .md\:m-n7 {
        margin: -4rem !important;
    }

    .md\:mx-n0 {
        margin-inline: 0 !important;
    }

    .md\:mx-n1 {
        margin-inline: -0.25rem !important;
    }

    .md\:mx-n2 {
        margin-inline: -0.5rem !important;
    }

    .md\:mx-n3 {
        margin-inline: -1rem !important;
    }

    .md\:mx-n4 {
        margin-inline: -1.5rem !important;
    }

    .md\:mx-n5 {
        margin-inline: -2rem !important;
    }

    .md\:mx-n6 {
        margin-inline: -3rem !important;
    }

    .md\:mx-n7 {
        margin-inline: -4rem !important;
    }

    .md\:my-n0 {
        margin-block: 0 !important;
    }

    .md\:my-n1 {
        margin-block: -0.25rem !important;
    }

    .md\:my-n2 {
        margin-block: -0.5rem !important;
    }

    .md\:my-n3 {
        margin-block: -1rem !important;
    }

    .md\:my-n4 {
        margin-block: -1.5rem !important;
    }

    .md\:my-n5 {
        margin-block: -2rem !important;
    }

    .md\:my-n6 {
        margin-block: -3rem !important;
    }

    .md\:my-n7 {
        margin-block: -4rem !important;
    }

    .md\:mt-n0 {
        margin-block-start: 0 !important;
    }

    .md\:mt-n1 {
        margin-block-start: -0.25rem !important;
    }

    .md\:mt-n2 {
        margin-block-start: -0.5rem !important;
    }

    .md\:mt-n3 {
        margin-block-start: -1rem !important;
    }

    .md\:mt-n4 {
        margin-block-start: -1.5rem !important;
    }

    .md\:mt-n5 {
        margin-block-start: -2rem !important;
    }

    .md\:mt-n6 {
        margin-block-start: -3rem !important;
    }

    .md\:mt-n7 {
        margin-block-start: -4rem !important;
    }

    .md\:mb-n0 {
        margin-block-end: 0 !important;
    }

    .md\:mb-n1 {
        margin-block-end: -0.25rem !important;
    }

    .md\:mb-n2 {
        margin-block-end: -0.5rem !important;
    }

    .md\:mb-n3 {
        margin-block-end: -1rem !important;
    }

    .md\:mb-n4 {
        margin-block-end: -1.5rem !important;
    }

    .md\:mb-n5 {
        margin-block-end: -2rem !important;
    }

    .md\:mb-n6 {
        margin-block-end: -3rem !important;
    }

    .md\:mb-n7 {
        margin-block-end: -4rem !important;
    }

    .md\:ms-n0 {
        margin-inline-start: 0 !important;
    }

    .md\:ms-n1 {
        margin-inline-start: -0.25rem !important;
    }

    .md\:ms-n2 {
        margin-inline-start: -0.5rem !important;
    }

    .md\:ms-n3 {
        margin-inline-start: -1rem !important;
    }

    .md\:ms-n4 {
        margin-inline-start: -1.5rem !important;
    }

    .md\:ms-n5 {
        margin-inline-start: -2rem !important;
    }

    .md\:ms-n6 {
        margin-inline-start: -3rem !important;
    }

    .md\:ms-n7 {
        margin-inline-start: -4rem !important;
    }

    .md\:me-n0 {
        margin-inline-end: 0 !important;
    }

    .md\:me-n1 {
        margin-inline-end: -0.25rem !important;
    }

    .md\:me-n2 {
        margin-inline-end: -0.5rem !important;
    }

    .md\:me-n3 {
        margin-inline-end: -1rem !important;
    }

    .md\:me-n4 {
        margin-inline-end: -1.5rem !important;
    }

    .md\:me-n5 {
        margin-inline-end: -2rem !important;
    }

    .md\:me-n6 {
        margin-inline-end: -3rem !important;
    }

    .md\:me-n7 {
        margin-inline-end: -4rem !important;
    }
}

@media (min-width: 992px) {
    .lg\:m-n0 {
        margin: 0 !important;
    }

    .lg\:m-n1 {
        margin: -0.25rem !important;
    }

    .lg\:m-n2 {
        margin: -0.5rem !important;
    }

    .lg\:m-n3 {
        margin: -1rem !important;
    }

    .lg\:m-n4 {
        margin: -1.5rem !important;
    }

    .lg\:m-n5 {
        margin: -2rem !important;
    }

    .lg\:m-n6 {
        margin: -3rem !important;
    }

    .lg\:m-n7 {
        margin: -4rem !important;
    }

    .lg\:mx-n0 {
        margin-inline: 0 !important;
    }

    .lg\:mx-n1 {
        margin-inline: -0.25rem !important;
    }

    .lg\:mx-n2 {
        margin-inline: -0.5rem !important;
    }

    .lg\:mx-n3 {
        margin-inline: -1rem !important;
    }

    .lg\:mx-n4 {
        margin-inline: -1.5rem !important;
    }

    .lg\:mx-n5 {
        margin-inline: -2rem !important;
    }

    .lg\:mx-n6 {
        margin-inline: -3rem !important;
    }

    .lg\:mx-n7 {
        margin-inline: -4rem !important;
    }

    .lg\:my-n0 {
        margin-block: 0 !important;
    }

    .lg\:my-n1 {
        margin-block: -0.25rem !important;
    }

    .lg\:my-n2 {
        margin-block: -0.5rem !important;
    }

    .lg\:my-n3 {
        margin-block: -1rem !important;
    }

    .lg\:my-n4 {
        margin-block: -1.5rem !important;
    }

    .lg\:my-n5 {
        margin-block: -2rem !important;
    }

    .lg\:my-n6 {
        margin-block: -3rem !important;
    }

    .lg\:my-n7 {
        margin-block: -4rem !important;
    }

    .lg\:mt-n0 {
        margin-block-start: 0 !important;
    }

    .lg\:mt-n1 {
        margin-block-start: -0.25rem !important;
    }

    .lg\:mt-n2 {
        margin-block-start: -0.5rem !important;
    }

    .lg\:mt-n3 {
        margin-block-start: -1rem !important;
    }

    .lg\:mt-n4 {
        margin-block-start: -1.5rem !important;
    }

    .lg\:mt-n5 {
        margin-block-start: -2rem !important;
    }

    .lg\:mt-n6 {
        margin-block-start: -3rem !important;
    }

    .lg\:mt-n7 {
        margin-block-start: -4rem !important;
    }

    .lg\:mb-n0 {
        margin-block-end: 0 !important;
    }

    .lg\:mb-n1 {
        margin-block-end: -0.25rem !important;
    }

    .lg\:mb-n2 {
        margin-block-end: -0.5rem !important;
    }

    .lg\:mb-n3 {
        margin-block-end: -1rem !important;
    }

    .lg\:mb-n4 {
        margin-block-end: -1.5rem !important;
    }

    .lg\:mb-n5 {
        margin-block-end: -2rem !important;
    }

    .lg\:mb-n6 {
        margin-block-end: -3rem !important;
    }

    .lg\:mb-n7 {
        margin-block-end: -4rem !important;
    }

    .lg\:ms-n0 {
        margin-inline-start: 0 !important;
    }

    .lg\:ms-n1 {
        margin-inline-start: -0.25rem !important;
    }

    .lg\:ms-n2 {
        margin-inline-start: -0.5rem !important;
    }

    .lg\:ms-n3 {
        margin-inline-start: -1rem !important;
    }

    .lg\:ms-n4 {
        margin-inline-start: -1.5rem !important;
    }

    .lg\:ms-n5 {
        margin-inline-start: -2rem !important;
    }

    .lg\:ms-n6 {
        margin-inline-start: -3rem !important;
    }

    .lg\:ms-n7 {
        margin-inline-start: -4rem !important;
    }

    .lg\:me-n0 {
        margin-inline-end: 0 !important;
    }

    .lg\:me-n1 {
        margin-inline-end: -0.25rem !important;
    }

    .lg\:me-n2 {
        margin-inline-end: -0.5rem !important;
    }

    .lg\:me-n3 {
        margin-inline-end: -1rem !important;
    }

    .lg\:me-n4 {
        margin-inline-end: -1.5rem !important;
    }

    .lg\:me-n5 {
        margin-inline-end: -2rem !important;
    }

    .lg\:me-n6 {
        margin-inline-end: -3rem !important;
    }

    .lg\:me-n7 {
        margin-inline-end: -4rem !important;
    }
}

@media (min-width: 1200px) {
    .xl\:m-n0 {
        margin: 0 !important;
    }

    .xl\:m-n1 {
        margin: -0.25rem !important;
    }

    .xl\:m-n2 {
        margin: -0.5rem !important;
    }

    .xl\:m-n3 {
        margin: -1rem !important;
    }

    .xl\:m-n4 {
        margin: -1.5rem !important;
    }

    .xl\:m-n5 {
        margin: -2rem !important;
    }

    .xl\:m-n6 {
        margin: -3rem !important;
    }

    .xl\:m-n7 {
        margin: -4rem !important;
    }

    .xl\:mx-n0 {
        margin-inline: 0 !important;
    }

    .xl\:mx-n1 {
        margin-inline: -0.25rem !important;
    }

    .xl\:mx-n2 {
        margin-inline: -0.5rem !important;
    }

    .xl\:mx-n3 {
        margin-inline: -1rem !important;
    }

    .xl\:mx-n4 {
        margin-inline: -1.5rem !important;
    }

    .xl\:mx-n5 {
        margin-inline: -2rem !important;
    }

    .xl\:mx-n6 {
        margin-inline: -3rem !important;
    }

    .xl\:mx-n7 {
        margin-inline: -4rem !important;
    }

    .xl\:my-n0 {
        margin-block: 0 !important;
    }

    .xl\:my-n1 {
        margin-block: -0.25rem !important;
    }

    .xl\:my-n2 {
        margin-block: -0.5rem !important;
    }

    .xl\:my-n3 {
        margin-block: -1rem !important;
    }

    .xl\:my-n4 {
        margin-block: -1.5rem !important;
    }

    .xl\:my-n5 {
        margin-block: -2rem !important;
    }

    .xl\:my-n6 {
        margin-block: -3rem !important;
    }

    .xl\:my-n7 {
        margin-block: -4rem !important;
    }

    .xl\:mt-n0 {
        margin-block-start: 0 !important;
    }

    .xl\:mt-n1 {
        margin-block-start: -0.25rem !important;
    }

    .xl\:mt-n2 {
        margin-block-start: -0.5rem !important;
    }

    .xl\:mt-n3 {
        margin-block-start: -1rem !important;
    }

    .xl\:mt-n4 {
        margin-block-start: -1.5rem !important;
    }

    .xl\:mt-n5 {
        margin-block-start: -2rem !important;
    }

    .xl\:mt-n6 {
        margin-block-start: -3rem !important;
    }

    .xl\:mt-n7 {
        margin-block-start: -4rem !important;
    }

    .xl\:mb-n0 {
        margin-block-end: 0 !important;
    }

    .xl\:mb-n1 {
        margin-block-end: -0.25rem !important;
    }

    .xl\:mb-n2 {
        margin-block-end: -0.5rem !important;
    }

    .xl\:mb-n3 {
        margin-block-end: -1rem !important;
    }

    .xl\:mb-n4 {
        margin-block-end: -1.5rem !important;
    }

    .xl\:mb-n5 {
        margin-block-end: -2rem !important;
    }

    .xl\:mb-n6 {
        margin-block-end: -3rem !important;
    }

    .xl\:mb-n7 {
        margin-block-end: -4rem !important;
    }

    .xl\:ms-n0 {
        margin-inline-start: 0 !important;
    }

    .xl\:ms-n1 {
        margin-inline-start: -0.25rem !important;
    }

    .xl\:ms-n2 {
        margin-inline-start: -0.5rem !important;
    }

    .xl\:ms-n3 {
        margin-inline-start: -1rem !important;
    }

    .xl\:ms-n4 {
        margin-inline-start: -1.5rem !important;
    }

    .xl\:ms-n5 {
        margin-inline-start: -2rem !important;
    }

    .xl\:ms-n6 {
        margin-inline-start: -3rem !important;
    }

    .xl\:ms-n7 {
        margin-inline-start: -4rem !important;
    }

    .xl\:me-n0 {
        margin-inline-end: 0 !important;
    }

    .xl\:me-n1 {
        margin-inline-end: -0.25rem !important;
    }

    .xl\:me-n2 {
        margin-inline-end: -0.5rem !important;
    }

    .xl\:me-n3 {
        margin-inline-end: -1rem !important;
    }

    .xl\:me-n4 {
        margin-inline-end: -1.5rem !important;
    }

    .xl\:me-n5 {
        margin-inline-end: -2rem !important;
    }

    .xl\:me-n6 {
        margin-inline-end: -3rem !important;
    }

    .xl\:me-n7 {
        margin-inline-end: -4rem !important;
    }
}

@media (min-width: 1200px) {
    .desktop\:m-n0 {
        margin: 0 !important;
    }

    .desktop\:m-n1 {
        margin: -0.25rem !important;
    }

    .desktop\:m-n2 {
        margin: -0.5rem !important;
    }

    .desktop\:m-n3 {
        margin: -1rem !important;
    }

    .desktop\:m-n4 {
        margin: -1.5rem !important;
    }

    .desktop\:m-n5 {
        margin: -2rem !important;
    }

    .desktop\:m-n6 {
        margin: -3rem !important;
    }

    .desktop\:m-n7 {
        margin: -4rem !important;
    }

    .desktop\:mx-n0 {
        margin-inline: 0 !important;
    }

    .desktop\:mx-n1 {
        margin-inline: -0.25rem !important;
    }

    .desktop\:mx-n2 {
        margin-inline: -0.5rem !important;
    }

    .desktop\:mx-n3 {
        margin-inline: -1rem !important;
    }

    .desktop\:mx-n4 {
        margin-inline: -1.5rem !important;
    }

    .desktop\:mx-n5 {
        margin-inline: -2rem !important;
    }

    .desktop\:mx-n6 {
        margin-inline: -3rem !important;
    }

    .desktop\:mx-n7 {
        margin-inline: -4rem !important;
    }

    .desktop\:my-n0 {
        margin-block: 0 !important;
    }

    .desktop\:my-n1 {
        margin-block: -0.25rem !important;
    }

    .desktop\:my-n2 {
        margin-block: -0.5rem !important;
    }

    .desktop\:my-n3 {
        margin-block: -1rem !important;
    }

    .desktop\:my-n4 {
        margin-block: -1.5rem !important;
    }

    .desktop\:my-n5 {
        margin-block: -2rem !important;
    }

    .desktop\:my-n6 {
        margin-block: -3rem !important;
    }

    .desktop\:my-n7 {
        margin-block: -4rem !important;
    }

    .desktop\:mt-n0 {
        margin-block-start: 0 !important;
    }

    .desktop\:mt-n1 {
        margin-block-start: -0.25rem !important;
    }

    .desktop\:mt-n2 {
        margin-block-start: -0.5rem !important;
    }

    .desktop\:mt-n3 {
        margin-block-start: -1rem !important;
    }

    .desktop\:mt-n4 {
        margin-block-start: -1.5rem !important;
    }

    .desktop\:mt-n5 {
        margin-block-start: -2rem !important;
    }

    .desktop\:mt-n6 {
        margin-block-start: -3rem !important;
    }

    .desktop\:mt-n7 {
        margin-block-start: -4rem !important;
    }

    .desktop\:mb-n0 {
        margin-block-end: 0 !important;
    }

    .desktop\:mb-n1 {
        margin-block-end: -0.25rem !important;
    }

    .desktop\:mb-n2 {
        margin-block-end: -0.5rem !important;
    }

    .desktop\:mb-n3 {
        margin-block-end: -1rem !important;
    }

    .desktop\:mb-n4 {
        margin-block-end: -1.5rem !important;
    }

    .desktop\:mb-n5 {
        margin-block-end: -2rem !important;
    }

    .desktop\:mb-n6 {
        margin-block-end: -3rem !important;
    }

    .desktop\:mb-n7 {
        margin-block-end: -4rem !important;
    }

    .desktop\:ms-n0 {
        margin-inline-start: 0 !important;
    }

    .desktop\:ms-n1 {
        margin-inline-start: -0.25rem !important;
    }

    .desktop\:ms-n2 {
        margin-inline-start: -0.5rem !important;
    }

    .desktop\:ms-n3 {
        margin-inline-start: -1rem !important;
    }

    .desktop\:ms-n4 {
        margin-inline-start: -1.5rem !important;
    }

    .desktop\:ms-n5 {
        margin-inline-start: -2rem !important;
    }

    .desktop\:ms-n6 {
        margin-inline-start: -3rem !important;
    }

    .desktop\:ms-n7 {
        margin-inline-start: -4rem !important;
    }

    .desktop\:me-n0 {
        margin-inline-end: 0 !important;
    }

    .desktop\:me-n1 {
        margin-inline-end: -0.25rem !important;
    }

    .desktop\:me-n2 {
        margin-inline-end: -0.5rem !important;
    }

    .desktop\:me-n3 {
        margin-inline-end: -1rem !important;
    }

    .desktop\:me-n4 {
        margin-inline-end: -1.5rem !important;
    }

    .desktop\:me-n5 {
        margin-inline-end: -2rem !important;
    }

    .desktop\:me-n6 {
        margin-inline-end: -3rem !important;
    }

    .desktop\:me-n7 {
        margin-inline-end: -4rem !important;
    }
}

@media (min-width: 1400px) {
    .xxl\:m-n0 {
        margin: 0 !important;
    }

    .xxl\:m-n1 {
        margin: -0.25rem !important;
    }

    .xxl\:m-n2 {
        margin: -0.5rem !important;
    }

    .xxl\:m-n3 {
        margin: -1rem !important;
    }

    .xxl\:m-n4 {
        margin: -1.5rem !important;
    }

    .xxl\:m-n5 {
        margin: -2rem !important;
    }

    .xxl\:m-n6 {
        margin: -3rem !important;
    }

    .xxl\:m-n7 {
        margin: -4rem !important;
    }

    .xxl\:mx-n0 {
        margin-inline: 0 !important;
    }

    .xxl\:mx-n1 {
        margin-inline: -0.25rem !important;
    }

    .xxl\:mx-n2 {
        margin-inline: -0.5rem !important;
    }

    .xxl\:mx-n3 {
        margin-inline: -1rem !important;
    }

    .xxl\:mx-n4 {
        margin-inline: -1.5rem !important;
    }

    .xxl\:mx-n5 {
        margin-inline: -2rem !important;
    }

    .xxl\:mx-n6 {
        margin-inline: -3rem !important;
    }

    .xxl\:mx-n7 {
        margin-inline: -4rem !important;
    }

    .xxl\:my-n0 {
        margin-block: 0 !important;
    }

    .xxl\:my-n1 {
        margin-block: -0.25rem !important;
    }

    .xxl\:my-n2 {
        margin-block: -0.5rem !important;
    }

    .xxl\:my-n3 {
        margin-block: -1rem !important;
    }

    .xxl\:my-n4 {
        margin-block: -1.5rem !important;
    }

    .xxl\:my-n5 {
        margin-block: -2rem !important;
    }

    .xxl\:my-n6 {
        margin-block: -3rem !important;
    }

    .xxl\:my-n7 {
        margin-block: -4rem !important;
    }

    .xxl\:mt-n0 {
        margin-block-start: 0 !important;
    }

    .xxl\:mt-n1 {
        margin-block-start: -0.25rem !important;
    }

    .xxl\:mt-n2 {
        margin-block-start: -0.5rem !important;
    }

    .xxl\:mt-n3 {
        margin-block-start: -1rem !important;
    }

    .xxl\:mt-n4 {
        margin-block-start: -1.5rem !important;
    }

    .xxl\:mt-n5 {
        margin-block-start: -2rem !important;
    }

    .xxl\:mt-n6 {
        margin-block-start: -3rem !important;
    }

    .xxl\:mt-n7 {
        margin-block-start: -4rem !important;
    }

    .xxl\:mb-n0 {
        margin-block-end: 0 !important;
    }

    .xxl\:mb-n1 {
        margin-block-end: -0.25rem !important;
    }

    .xxl\:mb-n2 {
        margin-block-end: -0.5rem !important;
    }

    .xxl\:mb-n3 {
        margin-block-end: -1rem !important;
    }

    .xxl\:mb-n4 {
        margin-block-end: -1.5rem !important;
    }

    .xxl\:mb-n5 {
        margin-block-end: -2rem !important;
    }

    .xxl\:mb-n6 {
        margin-block-end: -3rem !important;
    }

    .xxl\:mb-n7 {
        margin-block-end: -4rem !important;
    }

    .xxl\:ms-n0 {
        margin-inline-start: 0 !important;
    }

    .xxl\:ms-n1 {
        margin-inline-start: -0.25rem !important;
    }

    .xxl\:ms-n2 {
        margin-inline-start: -0.5rem !important;
    }

    .xxl\:ms-n3 {
        margin-inline-start: -1rem !important;
    }

    .xxl\:ms-n4 {
        margin-inline-start: -1.5rem !important;
    }

    .xxl\:ms-n5 {
        margin-inline-start: -2rem !important;
    }

    .xxl\:ms-n6 {
        margin-inline-start: -3rem !important;
    }

    .xxl\:ms-n7 {
        margin-inline-start: -4rem !important;
    }

    .xxl\:me-n0 {
        margin-inline-end: 0 !important;
    }

    .xxl\:me-n1 {
        margin-inline-end: -0.25rem !important;
    }

    .xxl\:me-n2 {
        margin-inline-end: -0.5rem !important;
    }

    .xxl\:me-n3 {
        margin-inline-end: -1rem !important;
    }

    .xxl\:me-n4 {
        margin-inline-end: -1.5rem !important;
    }

    .xxl\:me-n5 {
        margin-inline-end: -2rem !important;
    }

    .xxl\:me-n6 {
        margin-inline-end: -3rem !important;
    }

    .xxl\:me-n7 {
        margin-inline-end: -4rem !important;
    }
}
/* Base */
.m-auto {
    margin: auto !important;
}

.mx-auto {
    margin-inline: auto !important;
}

.my-auto {
    margin-block: auto !important;
}

.mt-auto {
    margin-block-start: auto !important;
}

.mb-auto {
    margin-block-end: auto !important;
}

.ms-auto {
    margin-inline-start: auto !important;
}

.me-auto {
    margin-inline-end: auto !important;
}

/* Responsive */
.xs\:m-auto {
    margin: auto !important;
}

.xs\:mx-auto {
    margin-inline: auto !important;
}

.xs\:my-auto {
    margin-block: auto !important;
}

.xs\:mt-auto {
    margin-block-start: auto !important;
}

.xs\:mb-auto {
    margin-block-end: auto !important;
}

.xs\:ms-auto {
    margin-inline-start: auto !important;
}

.xs\:me-auto {
    margin-inline-end: auto !important;
}

.mobile\:m-auto {
    margin: auto !important;
}

.mobile\:mx-auto {
    margin-inline: auto !important;
}

.mobile\:my-auto {
    margin-block: auto !important;
}

.mobile\:mt-auto {
    margin-block-start: auto !important;
}

.mobile\:mb-auto {
    margin-block-end: auto !important;
}

.mobile\:ms-auto {
    margin-inline-start: auto !important;
}

.mobile\:me-auto {
    margin-inline-end: auto !important;
}

@media (min-width: 576px) {
    .sm\:m-auto {
        margin: auto !important;
    }

    .sm\:mx-auto {
        margin-inline: auto !important;
    }

    .sm\:my-auto {
        margin-block: auto !important;
    }

    .sm\:mt-auto {
        margin-block-start: auto !important;
    }

    .sm\:mb-auto {
        margin-block-end: auto !important;
    }

    .sm\:ms-auto {
        margin-inline-start: auto !important;
    }

    .sm\:me-auto {
        margin-inline-end: auto !important;
    }
}

@media (min-width: 768px) {
    .md\:m-auto {
        margin: auto !important;
    }

    .md\:mx-auto {
        margin-inline: auto !important;
    }

    .md\:my-auto {
        margin-block: auto !important;
    }

    .md\:mt-auto {
        margin-block-start: auto !important;
    }

    .md\:mb-auto {
        margin-block-end: auto !important;
    }

    .md\:ms-auto {
        margin-inline-start: auto !important;
    }

    .md\:me-auto {
        margin-inline-end: auto !important;
    }
}

@media (min-width: 992px) {
    .lg\:m-auto {
        margin: auto !important;
    }

    .lg\:mx-auto {
        margin-inline: auto !important;
    }

    .lg\:my-auto {
        margin-block: auto !important;
    }

    .lg\:mt-auto {
        margin-block-start: auto !important;
    }

    .lg\:mb-auto {
        margin-block-end: auto !important;
    }

    .lg\:ms-auto {
        margin-inline-start: auto !important;
    }

    .lg\:me-auto {
        margin-inline-end: auto !important;
    }
}

@media (min-width: 1200px) {
    .xl\:m-auto {
        margin: auto !important;
    }

    .xl\:mx-auto {
        margin-inline: auto !important;
    }

    .xl\:my-auto {
        margin-block: auto !important;
    }

    .xl\:mt-auto {
        margin-block-start: auto !important;
    }

    .xl\:mb-auto {
        margin-block-end: auto !important;
    }

    .xl\:ms-auto {
        margin-inline-start: auto !important;
    }

    .xl\:me-auto {
        margin-inline-end: auto !important;
    }
}

@media (min-width: 1200px) {
    .desktop\:m-auto {
        margin: auto !important;
    }

    .desktop\:mx-auto {
        margin-inline: auto !important;
    }

    .desktop\:my-auto {
        margin-block: auto !important;
    }

    .desktop\:mt-auto {
        margin-block-start: auto !important;
    }

    .desktop\:mb-auto {
        margin-block-end: auto !important;
    }

    .desktop\:ms-auto {
        margin-inline-start: auto !important;
    }

    .desktop\:me-auto {
        margin-inline-end: auto !important;
    }
}

@media (min-width: 1400px) {
    .xxl\:m-auto {
        margin: auto !important;
    }

    .xxl\:mx-auto {
        margin-inline: auto !important;
    }

    .xxl\:my-auto {
        margin-block: auto !important;
    }

    .xxl\:mt-auto {
        margin-block-start: auto !important;
    }

    .xxl\:mb-auto {
        margin-block-end: auto !important;
    }

    .xxl\:ms-auto {
        margin-inline-start: auto !important;
    }

    .xxl\:me-auto {
        margin-inline-end: auto !important;
    }
}

.gap-0 {
    gap: 0 !important;
}

.gap-x-0 {
    column-gap: 0 !important;
}

.gap-y-0 {
    row-gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-x-1 {
    column-gap: 0.25rem !important;
}

.gap-y-1 {
    row-gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-x-2 {
    column-gap: 0.5rem !important;
}

.gap-y-2 {
    row-gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-x-3 {
    column-gap: 1rem !important;
}

.gap-y-3 {
    row-gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-x-4 {
    column-gap: 1.5rem !important;
}

.gap-y-4 {
    row-gap: 1.5rem !important;
}

.gap-5 {
    gap: 2rem !important;
}

.gap-x-5 {
    column-gap: 2rem !important;
}

.gap-y-5 {
    row-gap: 2rem !important;
}

.gap-6 {
    gap: 3rem !important;
}

.gap-x-6 {
    column-gap: 3rem !important;
}

.gap-y-6 {
    row-gap: 3rem !important;
}

.gap-7 {
    gap: 4rem !important;
}

.gap-x-7 {
    column-gap: 4rem !important;
}

.gap-y-7 {
    row-gap: 4rem !important;
}

.xs\:gap-0 {
    gap: 0 !important;
}

.xs\:gap-x-0 {
    column-gap: 0 !important;
}

.xs\:gap-y-0 {
    row-gap: 0 !important;
}

.xs\:gap-1 {
    gap: 0.25rem !important;
}

.xs\:gap-x-1 {
    column-gap: 0.25rem !important;
}

.xs\:gap-y-1 {
    row-gap: 0.25rem !important;
}

.xs\:gap-2 {
    gap: 0.5rem !important;
}

.xs\:gap-x-2 {
    column-gap: 0.5rem !important;
}

.xs\:gap-y-2 {
    row-gap: 0.5rem !important;
}

.xs\:gap-3 {
    gap: 1rem !important;
}

.xs\:gap-x-3 {
    column-gap: 1rem !important;
}

.xs\:gap-y-3 {
    row-gap: 1rem !important;
}

.xs\:gap-4 {
    gap: 1.5rem !important;
}

.xs\:gap-x-4 {
    column-gap: 1.5rem !important;
}

.xs\:gap-y-4 {
    row-gap: 1.5rem !important;
}

.xs\:gap-5 {
    gap: 2rem !important;
}

.xs\:gap-x-5 {
    column-gap: 2rem !important;
}

.xs\:gap-y-5 {
    row-gap: 2rem !important;
}

.xs\:gap-6 {
    gap: 3rem !important;
}

.xs\:gap-x-6 {
    column-gap: 3rem !important;
}

.xs\:gap-y-6 {
    row-gap: 3rem !important;
}

.xs\:gap-7 {
    gap: 4rem !important;
}

.xs\:gap-x-7 {
    column-gap: 4rem !important;
}

.xs\:gap-y-7 {
    row-gap: 4rem !important;
}

.mobile\:gap-0 {
    gap: 0 !important;
}

.mobile\:gap-x-0 {
    column-gap: 0 !important;
}

.mobile\:gap-y-0 {
    row-gap: 0 !important;
}

.mobile\:gap-1 {
    gap: 0.25rem !important;
}

.mobile\:gap-x-1 {
    column-gap: 0.25rem !important;
}

.mobile\:gap-y-1 {
    row-gap: 0.25rem !important;
}

.mobile\:gap-2 {
    gap: 0.5rem !important;
}

.mobile\:gap-x-2 {
    column-gap: 0.5rem !important;
}

.mobile\:gap-y-2 {
    row-gap: 0.5rem !important;
}

.mobile\:gap-3 {
    gap: 1rem !important;
}

.mobile\:gap-x-3 {
    column-gap: 1rem !important;
}

.mobile\:gap-y-3 {
    row-gap: 1rem !important;
}

.mobile\:gap-4 {
    gap: 1.5rem !important;
}

.mobile\:gap-x-4 {
    column-gap: 1.5rem !important;
}

.mobile\:gap-y-4 {
    row-gap: 1.5rem !important;
}

.mobile\:gap-5 {
    gap: 2rem !important;
}

.mobile\:gap-x-5 {
    column-gap: 2rem !important;
}

.mobile\:gap-y-5 {
    row-gap: 2rem !important;
}

.mobile\:gap-6 {
    gap: 3rem !important;
}

.mobile\:gap-x-6 {
    column-gap: 3rem !important;
}

.mobile\:gap-y-6 {
    row-gap: 3rem !important;
}

.mobile\:gap-7 {
    gap: 4rem !important;
}

.mobile\:gap-x-7 {
    column-gap: 4rem !important;
}

.mobile\:gap-y-7 {
    row-gap: 4rem !important;
}

@media (min-width: 576px) {
    .sm\:gap-0 {
        gap: 0 !important;
    }

    .sm\:gap-x-0 {
        column-gap: 0 !important;
    }

    .sm\:gap-y-0 {
        row-gap: 0 !important;
    }

    .sm\:gap-1 {
        gap: 0.25rem !important;
    }

    .sm\:gap-x-1 {
        column-gap: 0.25rem !important;
    }

    .sm\:gap-y-1 {
        row-gap: 0.25rem !important;
    }

    .sm\:gap-2 {
        gap: 0.5rem !important;
    }

    .sm\:gap-x-2 {
        column-gap: 0.5rem !important;
    }

    .sm\:gap-y-2 {
        row-gap: 0.5rem !important;
    }

    .sm\:gap-3 {
        gap: 1rem !important;
    }

    .sm\:gap-x-3 {
        column-gap: 1rem !important;
    }

    .sm\:gap-y-3 {
        row-gap: 1rem !important;
    }

    .sm\:gap-4 {
        gap: 1.5rem !important;
    }

    .sm\:gap-x-4 {
        column-gap: 1.5rem !important;
    }

    .sm\:gap-y-4 {
        row-gap: 1.5rem !important;
    }

    .sm\:gap-5 {
        gap: 2rem !important;
    }

    .sm\:gap-x-5 {
        column-gap: 2rem !important;
    }

    .sm\:gap-y-5 {
        row-gap: 2rem !important;
    }

    .sm\:gap-6 {
        gap: 3rem !important;
    }

    .sm\:gap-x-6 {
        column-gap: 3rem !important;
    }

    .sm\:gap-y-6 {
        row-gap: 3rem !important;
    }

    .sm\:gap-7 {
        gap: 4rem !important;
    }

    .sm\:gap-x-7 {
        column-gap: 4rem !important;
    }

    .sm\:gap-y-7 {
        row-gap: 4rem !important;
    }
}

@media (min-width: 768px) {
    .md\:gap-0 {
        gap: 0 !important;
    }

    .md\:gap-x-0 {
        column-gap: 0 !important;
    }

    .md\:gap-y-0 {
        row-gap: 0 !important;
    }

    .md\:gap-1 {
        gap: 0.25rem !important;
    }

    .md\:gap-x-1 {
        column-gap: 0.25rem !important;
    }

    .md\:gap-y-1 {
        row-gap: 0.25rem !important;
    }

    .md\:gap-2 {
        gap: 0.5rem !important;
    }

    .md\:gap-x-2 {
        column-gap: 0.5rem !important;
    }

    .md\:gap-y-2 {
        row-gap: 0.5rem !important;
    }

    .md\:gap-3 {
        gap: 1rem !important;
    }

    .md\:gap-x-3 {
        column-gap: 1rem !important;
    }

    .md\:gap-y-3 {
        row-gap: 1rem !important;
    }

    .md\:gap-4 {
        gap: 1.5rem !important;
    }

    .md\:gap-x-4 {
        column-gap: 1.5rem !important;
    }

    .md\:gap-y-4 {
        row-gap: 1.5rem !important;
    }

    .md\:gap-5 {
        gap: 2rem !important;
    }

    .md\:gap-x-5 {
        column-gap: 2rem !important;
    }

    .md\:gap-y-5 {
        row-gap: 2rem !important;
    }

    .md\:gap-6 {
        gap: 3rem !important;
    }

    .md\:gap-x-6 {
        column-gap: 3rem !important;
    }

    .md\:gap-y-6 {
        row-gap: 3rem !important;
    }

    .md\:gap-7 {
        gap: 4rem !important;
    }

    .md\:gap-x-7 {
        column-gap: 4rem !important;
    }

    .md\:gap-y-7 {
        row-gap: 4rem !important;
    }
}

@media (min-width: 992px) {
    .lg\:gap-0 {
        gap: 0 !important;
    }

    .lg\:gap-x-0 {
        column-gap: 0 !important;
    }

    .lg\:gap-y-0 {
        row-gap: 0 !important;
    }

    .lg\:gap-1 {
        gap: 0.25rem !important;
    }

    .lg\:gap-x-1 {
        column-gap: 0.25rem !important;
    }

    .lg\:gap-y-1 {
        row-gap: 0.25rem !important;
    }

    .lg\:gap-2 {
        gap: 0.5rem !important;
    }

    .lg\:gap-x-2 {
        column-gap: 0.5rem !important;
    }

    .lg\:gap-y-2 {
        row-gap: 0.5rem !important;
    }

    .lg\:gap-3 {
        gap: 1rem !important;
    }

    .lg\:gap-x-3 {
        column-gap: 1rem !important;
    }

    .lg\:gap-y-3 {
        row-gap: 1rem !important;
    }

    .lg\:gap-4 {
        gap: 1.5rem !important;
    }

    .lg\:gap-x-4 {
        column-gap: 1.5rem !important;
    }

    .lg\:gap-y-4 {
        row-gap: 1.5rem !important;
    }

    .lg\:gap-5 {
        gap: 2rem !important;
    }

    .lg\:gap-x-5 {
        column-gap: 2rem !important;
    }

    .lg\:gap-y-5 {
        row-gap: 2rem !important;
    }

    .lg\:gap-6 {
        gap: 3rem !important;
    }

    .lg\:gap-x-6 {
        column-gap: 3rem !important;
    }

    .lg\:gap-y-6 {
        row-gap: 3rem !important;
    }

    .lg\:gap-7 {
        gap: 4rem !important;
    }

    .lg\:gap-x-7 {
        column-gap: 4rem !important;
    }

    .lg\:gap-y-7 {
        row-gap: 4rem !important;
    }
}

@media (min-width: 1200px) {
    .xl\:gap-0 {
        gap: 0 !important;
    }

    .xl\:gap-x-0 {
        column-gap: 0 !important;
    }

    .xl\:gap-y-0 {
        row-gap: 0 !important;
    }

    .xl\:gap-1 {
        gap: 0.25rem !important;
    }

    .xl\:gap-x-1 {
        column-gap: 0.25rem !important;
    }

    .xl\:gap-y-1 {
        row-gap: 0.25rem !important;
    }

    .xl\:gap-2 {
        gap: 0.5rem !important;
    }

    .xl\:gap-x-2 {
        column-gap: 0.5rem !important;
    }

    .xl\:gap-y-2 {
        row-gap: 0.5rem !important;
    }

    .xl\:gap-3 {
        gap: 1rem !important;
    }

    .xl\:gap-x-3 {
        column-gap: 1rem !important;
    }

    .xl\:gap-y-3 {
        row-gap: 1rem !important;
    }

    .xl\:gap-4 {
        gap: 1.5rem !important;
    }

    .xl\:gap-x-4 {
        column-gap: 1.5rem !important;
    }

    .xl\:gap-y-4 {
        row-gap: 1.5rem !important;
    }

    .xl\:gap-5 {
        gap: 2rem !important;
    }

    .xl\:gap-x-5 {
        column-gap: 2rem !important;
    }

    .xl\:gap-y-5 {
        row-gap: 2rem !important;
    }

    .xl\:gap-6 {
        gap: 3rem !important;
    }

    .xl\:gap-x-6 {
        column-gap: 3rem !important;
    }

    .xl\:gap-y-6 {
        row-gap: 3rem !important;
    }

    .xl\:gap-7 {
        gap: 4rem !important;
    }

    .xl\:gap-x-7 {
        column-gap: 4rem !important;
    }

    .xl\:gap-y-7 {
        row-gap: 4rem !important;
    }
}

@media (min-width: 1200px) {
    .desktop\:gap-0 {
        gap: 0 !important;
    }

    .desktop\:gap-x-0 {
        column-gap: 0 !important;
    }

    .desktop\:gap-y-0 {
        row-gap: 0 !important;
    }

    .desktop\:gap-1 {
        gap: 0.25rem !important;
    }

    .desktop\:gap-x-1 {
        column-gap: 0.25rem !important;
    }

    .desktop\:gap-y-1 {
        row-gap: 0.25rem !important;
    }

    .desktop\:gap-2 {
        gap: 0.5rem !important;
    }

    .desktop\:gap-x-2 {
        column-gap: 0.5rem !important;
    }

    .desktop\:gap-y-2 {
        row-gap: 0.5rem !important;
    }

    .desktop\:gap-3 {
        gap: 1rem !important;
    }

    .desktop\:gap-x-3 {
        column-gap: 1rem !important;
    }

    .desktop\:gap-y-3 {
        row-gap: 1rem !important;
    }

    .desktop\:gap-4 {
        gap: 1.5rem !important;
    }

    .desktop\:gap-x-4 {
        column-gap: 1.5rem !important;
    }

    .desktop\:gap-y-4 {
        row-gap: 1.5rem !important;
    }

    .desktop\:gap-5 {
        gap: 2rem !important;
    }

    .desktop\:gap-x-5 {
        column-gap: 2rem !important;
    }

    .desktop\:gap-y-5 {
        row-gap: 2rem !important;
    }

    .desktop\:gap-6 {
        gap: 3rem !important;
    }

    .desktop\:gap-x-6 {
        column-gap: 3rem !important;
    }

    .desktop\:gap-y-6 {
        row-gap: 3rem !important;
    }

    .desktop\:gap-7 {
        gap: 4rem !important;
    }

    .desktop\:gap-x-7 {
        column-gap: 4rem !important;
    }

    .desktop\:gap-y-7 {
        row-gap: 4rem !important;
    }
}

@media (min-width: 1400px) {
    .xxl\:gap-0 {
        gap: 0 !important;
    }

    .xxl\:gap-x-0 {
        column-gap: 0 !important;
    }

    .xxl\:gap-y-0 {
        row-gap: 0 !important;
    }

    .xxl\:gap-1 {
        gap: 0.25rem !important;
    }

    .xxl\:gap-x-1 {
        column-gap: 0.25rem !important;
    }

    .xxl\:gap-y-1 {
        row-gap: 0.25rem !important;
    }

    .xxl\:gap-2 {
        gap: 0.5rem !important;
    }

    .xxl\:gap-x-2 {
        column-gap: 0.5rem !important;
    }

    .xxl\:gap-y-2 {
        row-gap: 0.5rem !important;
    }

    .xxl\:gap-3 {
        gap: 1rem !important;
    }

    .xxl\:gap-x-3 {
        column-gap: 1rem !important;
    }

    .xxl\:gap-y-3 {
        row-gap: 1rem !important;
    }

    .xxl\:gap-4 {
        gap: 1.5rem !important;
    }

    .xxl\:gap-x-4 {
        column-gap: 1.5rem !important;
    }

    .xxl\:gap-y-4 {
        row-gap: 1.5rem !important;
    }

    .xxl\:gap-5 {
        gap: 2rem !important;
    }

    .xxl\:gap-x-5 {
        column-gap: 2rem !important;
    }

    .xxl\:gap-y-5 {
        row-gap: 2rem !important;
    }

    .xxl\:gap-6 {
        gap: 3rem !important;
    }

    .xxl\:gap-x-6 {
        column-gap: 3rem !important;
    }

    .xxl\:gap-y-6 {
        row-gap: 3rem !important;
    }

    .xxl\:gap-7 {
        gap: 4rem !important;
    }

    .xxl\:gap-x-7 {
        column-gap: 4rem !important;
    }

    .xxl\:gap-y-7 {
        row-gap: 4rem !important;
    }
}

.pt-safe {
    padding-block-start: env(safe-area-inset-top) !important;
}

.pb-safe {
    padding-block-end: env(safe-area-inset-bottom) !important;
}

.ps-safe {
    padding-inline-start: env(safe-area-inset-left) !important;
}

.pe-safe {
    padding-inline-end: env(safe-area-inset-right) !important;
}

.xs\:pt-safe {
    padding-block-start: env(safe-area-inset-top) !important;
}

.xs\:pb-safe {
    padding-block-end: env(safe-area-inset-bottom) !important;
}

.xs\:ps-safe {
    padding-inline-start: env(safe-area-inset-left) !important;
}

.xs\:pe-safe {
    padding-inline-end: env(safe-area-inset-right) !important;
}

.mobile\:pt-safe {
    padding-block-start: env(safe-area-inset-top) !important;
}

.mobile\:pb-safe {
    padding-block-end: env(safe-area-inset-bottom) !important;
}

.mobile\:ps-safe {
    padding-inline-start: env(safe-area-inset-left) !important;
}

.mobile\:pe-safe {
    padding-inline-end: env(safe-area-inset-right) !important;
}

@media (min-width: 576px) {
    .sm\:pt-safe {
        padding-block-start: env(safe-area-inset-top) !important;
    }

    .sm\:pb-safe {
        padding-block-end: env(safe-area-inset-bottom) !important;
    }

    .sm\:ps-safe {
        padding-inline-start: env(safe-area-inset-left) !important;
    }

    .sm\:pe-safe {
        padding-inline-end: env(safe-area-inset-right) !important;
    }
}

@media (min-width: 768px) {
    .md\:pt-safe {
        padding-block-start: env(safe-area-inset-top) !important;
    }

    .md\:pb-safe {
        padding-block-end: env(safe-area-inset-bottom) !important;
    }

    .md\:ps-safe {
        padding-inline-start: env(safe-area-inset-left) !important;
    }

    .md\:pe-safe {
        padding-inline-end: env(safe-area-inset-right) !important;
    }
}

@media (min-width: 992px) {
    .lg\:pt-safe {
        padding-block-start: env(safe-area-inset-top) !important;
    }

    .lg\:pb-safe {
        padding-block-end: env(safe-area-inset-bottom) !important;
    }

    .lg\:ps-safe {
        padding-inline-start: env(safe-area-inset-left) !important;
    }

    .lg\:pe-safe {
        padding-inline-end: env(safe-area-inset-right) !important;
    }
}

@media (min-width: 1200px) {
    .xl\:pt-safe {
        padding-block-start: env(safe-area-inset-top) !important;
    }

    .xl\:pb-safe {
        padding-block-end: env(safe-area-inset-bottom) !important;
    }

    .xl\:ps-safe {
        padding-inline-start: env(safe-area-inset-left) !important;
    }

    .xl\:pe-safe {
        padding-inline-end: env(safe-area-inset-right) !important;
    }
}

@media (min-width: 1200px) {
    .desktop\:pt-safe {
        padding-block-start: env(safe-area-inset-top) !important;
    }

    .desktop\:pb-safe {
        padding-block-end: env(safe-area-inset-bottom) !important;
    }

    .desktop\:ps-safe {
        padding-inline-start: env(safe-area-inset-left) !important;
    }

    .desktop\:pe-safe {
        padding-inline-end: env(safe-area-inset-right) !important;
    }
}

@media (min-width: 1400px) {
    .xxl\:pt-safe {
        padding-block-start: env(safe-area-inset-top) !important;
    }

    .xxl\:pb-safe {
        padding-block-end: env(safe-area-inset-bottom) !important;
    }

    .xxl\:ps-safe {
        padding-inline-start: env(safe-area-inset-left) !important;
    }

    .xxl\:pe-safe {
        padding-inline-end: env(safe-area-inset-right) !important;
    }
}

.font-sans {
    font-family: var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif) !important;
}

.font-serif {
    font-family: var(--font-serif, ui-serif, Georgia, Cambria, Times, serif) !important;
}

.font-mono {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace) !important;
}

.font-xs-sans {
    font-family: var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif) !important;
}

.font-xs-serif {
    font-family: var(--font-serif, ui-serif, Georgia, Cambria, Times, serif) !important;
}

.font-xs-mono {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace) !important;
}

.font-mobile-sans {
    font-family: var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif) !important;
}

.font-mobile-serif {
    font-family: var(--font-serif, ui-serif, Georgia, Cambria, Times, serif) !important;
}

.font-mobile-mono {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace) !important;
}

@media (min-width: 576px) {
    .font-sm-sans {
        font-family: var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif) !important;
    }

    .font-sm-serif {
        font-family: var(--font-serif, ui-serif, Georgia, Cambria, Times, serif) !important;
    }

    .font-sm-mono {
        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace) !important;
    }
}

@media (min-width: 768px) {
    .font-md-sans {
        font-family: var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif) !important;
    }

    .font-md-serif {
        font-family: var(--font-serif, ui-serif, Georgia, Cambria, Times, serif) !important;
    }

    .font-md-mono {
        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace) !important;
    }
}

@media (min-width: 992px) {
    .font-lg-sans {
        font-family: var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif) !important;
    }

    .font-lg-serif {
        font-family: var(--font-serif, ui-serif, Georgia, Cambria, Times, serif) !important;
    }

    .font-lg-mono {
        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace) !important;
    }
}

@media (min-width: 1200px) {
    .font-xl-sans {
        font-family: var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif) !important;
    }

    .font-xl-serif {
        font-family: var(--font-serif, ui-serif, Georgia, Cambria, Times, serif) !important;
    }

    .font-xl-mono {
        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace) !important;
    }
}

@media (min-width: 1200px) {
    .font-desktop-sans {
        font-family: var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif) !important;
    }

    .font-desktop-serif {
        font-family: var(--font-serif, ui-serif, Georgia, Cambria, Times, serif) !important;
    }

    .font-desktop-mono {
        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace) !important;
    }
}

@media (min-width: 1400px) {
    .font-xxl-sans {
        font-family: var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif) !important;
    }

    .font-xxl-serif {
        font-family: var(--font-serif, ui-serif, Georgia, Cambria, Times, serif) !important;
    }

    .font-xxl-mono {
        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace) !important;
    }
}

.italic-italic {
    font-style: italic !important;
}

.italic-not-italic {
    font-style: normal !important;
}

.italic-xs-italic {
    font-style: italic !important;
}

.italic-xs-not-italic {
    font-style: normal !important;
}

.italic-mobile-italic {
    font-style: italic !important;
}

.italic-mobile-not-italic {
    font-style: normal !important;
}

@media (min-width: 576px) {
    .italic-sm-italic {
        font-style: italic !important;
    }

    .italic-sm-not-italic {
        font-style: normal !important;
    }
}

@media (min-width: 768px) {
    .italic-md-italic {
        font-style: italic !important;
    }

    .italic-md-not-italic {
        font-style: normal !important;
    }
}

@media (min-width: 992px) {
    .italic-lg-italic {
        font-style: italic !important;
    }

    .italic-lg-not-italic {
        font-style: normal !important;
    }
}

@media (min-width: 1200px) {
    .italic-xl-italic {
        font-style: italic !important;
    }

    .italic-xl-not-italic {
        font-style: normal !important;
    }
}

@media (min-width: 1200px) {
    .italic-desktop-italic {
        font-style: italic !important;
    }

    .italic-desktop-not-italic {
        font-style: normal !important;
    }
}

@media (min-width: 1400px) {
    .italic-xxl-italic {
        font-style: italic !important;
    }

    .italic-xxl-not-italic {
        font-style: normal !important;
    }
}

.fw-thin {
    font-weight: 100 !important;
}

.fw-extralight {
    font-weight: 200 !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-extrabold {
    font-weight: 800 !important;
}

.fw-black {
    font-weight: 900 !important;
}

.fw-xs-thin {
    font-weight: 100 !important;
}

.fw-xs-extralight {
    font-weight: 200 !important;
}

.fw-xs-light {
    font-weight: 300 !important;
}

.fw-xs-normal {
    font-weight: 400 !important;
}

.fw-xs-medium {
    font-weight: 500 !important;
}

.fw-xs-semibold {
    font-weight: 600 !important;
}

.fw-xs-bold {
    font-weight: 700 !important;
}

.fw-xs-extrabold {
    font-weight: 800 !important;
}

.fw-xs-black {
    font-weight: 900 !important;
}

.fw-mobile-thin {
    font-weight: 100 !important;
}

.fw-mobile-extralight {
    font-weight: 200 !important;
}

.fw-mobile-light {
    font-weight: 300 !important;
}

.fw-mobile-normal {
    font-weight: 400 !important;
}

.fw-mobile-medium {
    font-weight: 500 !important;
}

.fw-mobile-semibold {
    font-weight: 600 !important;
}

.fw-mobile-bold {
    font-weight: 700 !important;
}

.fw-mobile-extrabold {
    font-weight: 800 !important;
}

.fw-mobile-black {
    font-weight: 900 !important;
}

@media (min-width: 576px) {
    .fw-sm-thin {
        font-weight: 100 !important;
    }

    .fw-sm-extralight {
        font-weight: 200 !important;
    }

    .fw-sm-light {
        font-weight: 300 !important;
    }

    .fw-sm-normal {
        font-weight: 400 !important;
    }

    .fw-sm-medium {
        font-weight: 500 !important;
    }

    .fw-sm-semibold {
        font-weight: 600 !important;
    }

    .fw-sm-bold {
        font-weight: 700 !important;
    }

    .fw-sm-extrabold {
        font-weight: 800 !important;
    }

    .fw-sm-black {
        font-weight: 900 !important;
    }
}

@media (min-width: 768px) {
    .fw-md-thin {
        font-weight: 100 !important;
    }

    .fw-md-extralight {
        font-weight: 200 !important;
    }

    .fw-md-light {
        font-weight: 300 !important;
    }

    .fw-md-normal {
        font-weight: 400 !important;
    }

    .fw-md-medium {
        font-weight: 500 !important;
    }

    .fw-md-semibold {
        font-weight: 600 !important;
    }

    .fw-md-bold {
        font-weight: 700 !important;
    }

    .fw-md-extrabold {
        font-weight: 800 !important;
    }

    .fw-md-black {
        font-weight: 900 !important;
    }
}

@media (min-width: 992px) {
    .fw-lg-thin {
        font-weight: 100 !important;
    }

    .fw-lg-extralight {
        font-weight: 200 !important;
    }

    .fw-lg-light {
        font-weight: 300 !important;
    }

    .fw-lg-normal {
        font-weight: 400 !important;
    }

    .fw-lg-medium {
        font-weight: 500 !important;
    }

    .fw-lg-semibold {
        font-weight: 600 !important;
    }

    .fw-lg-bold {
        font-weight: 700 !important;
    }

    .fw-lg-extrabold {
        font-weight: 800 !important;
    }

    .fw-lg-black {
        font-weight: 900 !important;
    }
}

@media (min-width: 1200px) {
    .fw-xl-thin {
        font-weight: 100 !important;
    }

    .fw-xl-extralight {
        font-weight: 200 !important;
    }

    .fw-xl-light {
        font-weight: 300 !important;
    }

    .fw-xl-normal {
        font-weight: 400 !important;
    }

    .fw-xl-medium {
        font-weight: 500 !important;
    }

    .fw-xl-semibold {
        font-weight: 600 !important;
    }

    .fw-xl-bold {
        font-weight: 700 !important;
    }

    .fw-xl-extrabold {
        font-weight: 800 !important;
    }

    .fw-xl-black {
        font-weight: 900 !important;
    }
}

@media (min-width: 1200px) {
    .fw-desktop-thin {
        font-weight: 100 !important;
    }

    .fw-desktop-extralight {
        font-weight: 200 !important;
    }

    .fw-desktop-light {
        font-weight: 300 !important;
    }

    .fw-desktop-normal {
        font-weight: 400 !important;
    }

    .fw-desktop-medium {
        font-weight: 500 !important;
    }

    .fw-desktop-semibold {
        font-weight: 600 !important;
    }

    .fw-desktop-bold {
        font-weight: 700 !important;
    }

    .fw-desktop-extrabold {
        font-weight: 800 !important;
    }

    .fw-desktop-black {
        font-weight: 900 !important;
    }
}

@media (min-width: 1400px) {
    .fw-xxl-thin {
        font-weight: 100 !important;
    }

    .fw-xxl-extralight {
        font-weight: 200 !important;
    }

    .fw-xxl-light {
        font-weight: 300 !important;
    }

    .fw-xxl-normal {
        font-weight: 400 !important;
    }

    .fw-xxl-medium {
        font-weight: 500 !important;
    }

    .fw-xxl-semibold {
        font-weight: 600 !important;
    }

    .fw-xxl-bold {
        font-weight: 700 !important;
    }

    .fw-xxl-extrabold {
        font-weight: 800 !important;
    }

    .fw-xxl-black {
        font-weight: 900 !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-none {
    text-transform: none !important;
}

.text-xs-lowercase {
    text-transform: lowercase !important;
}

.text-xs-uppercase {
    text-transform: uppercase !important;
}

.text-xs-capitalize {
    text-transform: capitalize !important;
}

.text-xs-none {
    text-transform: none !important;
}

.text-mobile-lowercase {
    text-transform: lowercase !important;
}

.text-mobile-uppercase {
    text-transform: uppercase !important;
}

.text-mobile-capitalize {
    text-transform: capitalize !important;
}

.text-mobile-none {
    text-transform: none !important;
}

@media (min-width: 576px) {
    .text-sm-lowercase {
        text-transform: lowercase !important;
    }

    .text-sm-uppercase {
        text-transform: uppercase !important;
    }

    .text-sm-capitalize {
        text-transform: capitalize !important;
    }

    .text-sm-none {
        text-transform: none !important;
    }
}

@media (min-width: 768px) {
    .text-md-lowercase {
        text-transform: lowercase !important;
    }

    .text-md-uppercase {
        text-transform: uppercase !important;
    }

    .text-md-capitalize {
        text-transform: capitalize !important;
    }

    .text-md-none {
        text-transform: none !important;
    }
}

@media (min-width: 992px) {
    .text-lg-lowercase {
        text-transform: lowercase !important;
    }

    .text-lg-uppercase {
        text-transform: uppercase !important;
    }

    .text-lg-capitalize {
        text-transform: capitalize !important;
    }

    .text-lg-none {
        text-transform: none !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-lowercase {
        text-transform: lowercase !important;
    }

    .text-xl-uppercase {
        text-transform: uppercase !important;
    }

    .text-xl-capitalize {
        text-transform: capitalize !important;
    }

    .text-xl-none {
        text-transform: none !important;
    }
}

@media (min-width: 1200px) {
    .text-desktop-lowercase {
        text-transform: lowercase !important;
    }

    .text-desktop-uppercase {
        text-transform: uppercase !important;
    }

    .text-desktop-capitalize {
        text-transform: capitalize !important;
    }

    .text-desktop-none {
        text-transform: none !important;
    }
}

@media (min-width: 1400px) {
    .text-xxl-lowercase {
        text-transform: lowercase !important;
    }

    .text-xxl-uppercase {
        text-transform: uppercase !important;
    }

    .text-xxl-capitalize {
        text-transform: capitalize !important;
    }

    .text-xxl-none {
        text-transform: none !important;
    }
}

.lh-1 {
    line-height: 1 !important;
}

.lh-tight {
    line-height: 1.15 !important;
}

.lh-snug {
    line-height: 1.3 !important;
}

.lh-normal {
    line-height: 1.5 !important;
}

.lh-relaxed {
    line-height: 1.75 !important;
}

.lh-loose {
    line-height: 2 !important;
}

.lh-xs-1 {
    line-height: 1 !important;
}

.lh-xs-tight {
    line-height: 1.15 !important;
}

.lh-xs-snug {
    line-height: 1.3 !important;
}

.lh-xs-normal {
    line-height: 1.5 !important;
}

.lh-xs-relaxed {
    line-height: 1.75 !important;
}

.lh-xs-loose {
    line-height: 2 !important;
}

.lh-mobile-1 {
    line-height: 1 !important;
}

.lh-mobile-tight {
    line-height: 1.15 !important;
}

.lh-mobile-snug {
    line-height: 1.3 !important;
}

.lh-mobile-normal {
    line-height: 1.5 !important;
}

.lh-mobile-relaxed {
    line-height: 1.75 !important;
}

.lh-mobile-loose {
    line-height: 2 !important;
}

@media (min-width: 576px) {
    .lh-sm-1 {
        line-height: 1 !important;
    }

    .lh-sm-tight {
        line-height: 1.15 !important;
    }

    .lh-sm-snug {
        line-height: 1.3 !important;
    }

    .lh-sm-normal {
        line-height: 1.5 !important;
    }

    .lh-sm-relaxed {
        line-height: 1.75 !important;
    }

    .lh-sm-loose {
        line-height: 2 !important;
    }
}

@media (min-width: 768px) {
    .lh-md-1 {
        line-height: 1 !important;
    }

    .lh-md-tight {
        line-height: 1.15 !important;
    }

    .lh-md-snug {
        line-height: 1.3 !important;
    }

    .lh-md-normal {
        line-height: 1.5 !important;
    }

    .lh-md-relaxed {
        line-height: 1.75 !important;
    }

    .lh-md-loose {
        line-height: 2 !important;
    }
}

@media (min-width: 992px) {
    .lh-lg-1 {
        line-height: 1 !important;
    }

    .lh-lg-tight {
        line-height: 1.15 !important;
    }

    .lh-lg-snug {
        line-height: 1.3 !important;
    }

    .lh-lg-normal {
        line-height: 1.5 !important;
    }

    .lh-lg-relaxed {
        line-height: 1.75 !important;
    }

    .lh-lg-loose {
        line-height: 2 !important;
    }
}

@media (min-width: 1200px) {
    .lh-xl-1 {
        line-height: 1 !important;
    }

    .lh-xl-tight {
        line-height: 1.15 !important;
    }

    .lh-xl-snug {
        line-height: 1.3 !important;
    }

    .lh-xl-normal {
        line-height: 1.5 !important;
    }

    .lh-xl-relaxed {
        line-height: 1.75 !important;
    }

    .lh-xl-loose {
        line-height: 2 !important;
    }
}

@media (min-width: 1200px) {
    .lh-desktop-1 {
        line-height: 1 !important;
    }

    .lh-desktop-tight {
        line-height: 1.15 !important;
    }

    .lh-desktop-snug {
        line-height: 1.3 !important;
    }

    .lh-desktop-normal {
        line-height: 1.5 !important;
    }

    .lh-desktop-relaxed {
        line-height: 1.75 !important;
    }

    .lh-desktop-loose {
        line-height: 2 !important;
    }
}

@media (min-width: 1400px) {
    .lh-xxl-1 {
        line-height: 1 !important;
    }

    .lh-xxl-tight {
        line-height: 1.15 !important;
    }

    .lh-xxl-snug {
        line-height: 1.3 !important;
    }

    .lh-xxl-normal {
        line-height: 1.5 !important;
    }

    .lh-xxl-relaxed {
        line-height: 1.75 !important;
    }

    .lh-xxl-loose {
        line-height: 2 !important;
    }
}

.tracking-tighter {
    letter-spacing: -0.02em !important;
}

.tracking-tight {
    letter-spacing: -0.01em !important;
}

.tracking-normal {
    letter-spacing: 0 !important;
}

.tracking-wide {
    letter-spacing: 0.02em !important;
}

.tracking-wider {
    letter-spacing: 0.04em !important;
}

.tracking-xs-tighter {
    letter-spacing: -0.02em !important;
}

.tracking-xs-tight {
    letter-spacing: -0.01em !important;
}

.tracking-xs-normal {
    letter-spacing: 0 !important;
}

.tracking-xs-wide {
    letter-spacing: 0.02em !important;
}

.tracking-xs-wider {
    letter-spacing: 0.04em !important;
}

.tracking-mobile-tighter {
    letter-spacing: -0.02em !important;
}

.tracking-mobile-tight {
    letter-spacing: -0.01em !important;
}

.tracking-mobile-normal {
    letter-spacing: 0 !important;
}

.tracking-mobile-wide {
    letter-spacing: 0.02em !important;
}

.tracking-mobile-wider {
    letter-spacing: 0.04em !important;
}

@media (min-width: 576px) {
    .tracking-sm-tighter {
        letter-spacing: -0.02em !important;
    }

    .tracking-sm-tight {
        letter-spacing: -0.01em !important;
    }

    .tracking-sm-normal {
        letter-spacing: 0 !important;
    }

    .tracking-sm-wide {
        letter-spacing: 0.02em !important;
    }

    .tracking-sm-wider {
        letter-spacing: 0.04em !important;
    }
}

@media (min-width: 768px) {
    .tracking-md-tighter {
        letter-spacing: -0.02em !important;
    }

    .tracking-md-tight {
        letter-spacing: -0.01em !important;
    }

    .tracking-md-normal {
        letter-spacing: 0 !important;
    }

    .tracking-md-wide {
        letter-spacing: 0.02em !important;
    }

    .tracking-md-wider {
        letter-spacing: 0.04em !important;
    }
}

@media (min-width: 992px) {
    .tracking-lg-tighter {
        letter-spacing: -0.02em !important;
    }

    .tracking-lg-tight {
        letter-spacing: -0.01em !important;
    }

    .tracking-lg-normal {
        letter-spacing: 0 !important;
    }

    .tracking-lg-wide {
        letter-spacing: 0.02em !important;
    }

    .tracking-lg-wider {
        letter-spacing: 0.04em !important;
    }
}

@media (min-width: 1200px) {
    .tracking-xl-tighter {
        letter-spacing: -0.02em !important;
    }

    .tracking-xl-tight {
        letter-spacing: -0.01em !important;
    }

    .tracking-xl-normal {
        letter-spacing: 0 !important;
    }

    .tracking-xl-wide {
        letter-spacing: 0.02em !important;
    }

    .tracking-xl-wider {
        letter-spacing: 0.04em !important;
    }
}

@media (min-width: 1200px) {
    .tracking-desktop-tighter {
        letter-spacing: -0.02em !important;
    }

    .tracking-desktop-tight {
        letter-spacing: -0.01em !important;
    }

    .tracking-desktop-normal {
        letter-spacing: 0 !important;
    }

    .tracking-desktop-wide {
        letter-spacing: 0.02em !important;
    }

    .tracking-desktop-wider {
        letter-spacing: 0.04em !important;
    }
}

@media (min-width: 1400px) {
    .tracking-xxl-tighter {
        letter-spacing: -0.02em !important;
    }

    .tracking-xxl-tight {
        letter-spacing: -0.01em !important;
    }

    .tracking-xxl-normal {
        letter-spacing: 0 !important;
    }

    .tracking-xxl-wide {
        letter-spacing: 0.02em !important;
    }

    .tracking-xxl-wider {
        letter-spacing: 0.04em !important;
    }
}

.whitespace-normal {
    white-space: normal !important;
}

.whitespace-nowrap {
    white-space: nowrap !important;
}

.whitespace-pre {
    white-space: pre !important;
}

.whitespace-pre-wrap {
    white-space: pre-wrap !important;
}

.whitespace-pre-line {
    white-space: pre-line !important;
}

.whitespace-xs-normal {
    white-space: normal !important;
}

.whitespace-xs-nowrap {
    white-space: nowrap !important;
}

.whitespace-xs-pre {
    white-space: pre !important;
}

.whitespace-xs-pre-wrap {
    white-space: pre-wrap !important;
}

.whitespace-xs-pre-line {
    white-space: pre-line !important;
}

.whitespace-mobile-normal {
    white-space: normal !important;
}

.whitespace-mobile-nowrap {
    white-space: nowrap !important;
}

.whitespace-mobile-pre {
    white-space: pre !important;
}

.whitespace-mobile-pre-wrap {
    white-space: pre-wrap !important;
}

.whitespace-mobile-pre-line {
    white-space: pre-line !important;
}

@media (min-width: 576px) {
    .whitespace-sm-normal {
        white-space: normal !important;
    }

    .whitespace-sm-nowrap {
        white-space: nowrap !important;
    }

    .whitespace-sm-pre {
        white-space: pre !important;
    }

    .whitespace-sm-pre-wrap {
        white-space: pre-wrap !important;
    }

    .whitespace-sm-pre-line {
        white-space: pre-line !important;
    }
}

@media (min-width: 768px) {
    .whitespace-md-normal {
        white-space: normal !important;
    }

    .whitespace-md-nowrap {
        white-space: nowrap !important;
    }

    .whitespace-md-pre {
        white-space: pre !important;
    }

    .whitespace-md-pre-wrap {
        white-space: pre-wrap !important;
    }

    .whitespace-md-pre-line {
        white-space: pre-line !important;
    }
}

@media (min-width: 992px) {
    .whitespace-lg-normal {
        white-space: normal !important;
    }

    .whitespace-lg-nowrap {
        white-space: nowrap !important;
    }

    .whitespace-lg-pre {
        white-space: pre !important;
    }

    .whitespace-lg-pre-wrap {
        white-space: pre-wrap !important;
    }

    .whitespace-lg-pre-line {
        white-space: pre-line !important;
    }
}

@media (min-width: 1200px) {
    .whitespace-xl-normal {
        white-space: normal !important;
    }

    .whitespace-xl-nowrap {
        white-space: nowrap !important;
    }

    .whitespace-xl-pre {
        white-space: pre !important;
    }

    .whitespace-xl-pre-wrap {
        white-space: pre-wrap !important;
    }

    .whitespace-xl-pre-line {
        white-space: pre-line !important;
    }
}

@media (min-width: 1200px) {
    .whitespace-desktop-normal {
        white-space: normal !important;
    }

    .whitespace-desktop-nowrap {
        white-space: nowrap !important;
    }

    .whitespace-desktop-pre {
        white-space: pre !important;
    }

    .whitespace-desktop-pre-wrap {
        white-space: pre-wrap !important;
    }

    .whitespace-desktop-pre-line {
        white-space: pre-line !important;
    }
}

@media (min-width: 1400px) {
    .whitespace-xxl-normal {
        white-space: normal !important;
    }

    .whitespace-xxl-nowrap {
        white-space: nowrap !important;
    }

    .whitespace-xxl-pre {
        white-space: pre !important;
    }

    .whitespace-xxl-pre-wrap {
        white-space: pre-wrap !important;
    }

    .whitespace-xxl-pre-line {
        white-space: pre-line !important;
    }
}

.hyphens-none {
    hyphens: none !important;
}

.hyphens-manual {
    hyphens: manual !important;
}

.hyphens-auto {
    hyphens: auto !important;
}

.hyphens-xs-none {
    hyphens: none !important;
}

.hyphens-xs-manual {
    hyphens: manual !important;
}

.hyphens-xs-auto {
    hyphens: auto !important;
}

.hyphens-mobile-none {
    hyphens: none !important;
}

.hyphens-mobile-manual {
    hyphens: manual !important;
}

.hyphens-mobile-auto {
    hyphens: auto !important;
}

@media (min-width: 576px) {
    .hyphens-sm-none {
        hyphens: none !important;
    }

    .hyphens-sm-manual {
        hyphens: manual !important;
    }

    .hyphens-sm-auto {
        hyphens: auto !important;
    }
}

@media (min-width: 768px) {
    .hyphens-md-none {
        hyphens: none !important;
    }

    .hyphens-md-manual {
        hyphens: manual !important;
    }

    .hyphens-md-auto {
        hyphens: auto !important;
    }
}

@media (min-width: 992px) {
    .hyphens-lg-none {
        hyphens: none !important;
    }

    .hyphens-lg-manual {
        hyphens: manual !important;
    }

    .hyphens-lg-auto {
        hyphens: auto !important;
    }
}

@media (min-width: 1200px) {
    .hyphens-xl-none {
        hyphens: none !important;
    }

    .hyphens-xl-manual {
        hyphens: manual !important;
    }

    .hyphens-xl-auto {
        hyphens: auto !important;
    }
}

@media (min-width: 1200px) {
    .hyphens-desktop-none {
        hyphens: none !important;
    }

    .hyphens-desktop-manual {
        hyphens: manual !important;
    }

    .hyphens-desktop-auto {
        hyphens: auto !important;
    }
}

@media (min-width: 1400px) {
    .hyphens-xxl-none {
        hyphens: none !important;
    }

    .hyphens-xxl-manual {
        hyphens: manual !important;
    }

    .hyphens-xxl-auto {
        hyphens: auto !important;
    }
}

@supports (text-wrap: balance) {
    .text-balance {
        text-wrap: balance !important;
    }

    .text-xs-balance {
        text-wrap: balance !important;
    }

    .text-mobile-balance {
        text-wrap: balance !important;
    }

    @media (min-width: 576px) {
        .text-sm-balance {
            text-wrap: balance !important;
        }
    }

    @media (min-width: 768px) {
        .text-md-balance {
            text-wrap: balance !important;
        }
    }

    @media (min-width: 992px) {
        .text-lg-balance {
            text-wrap: balance !important;
        }
    }

    @media (min-width: 1200px) {
        .text-xl-balance {
            text-wrap: balance !important;
        }
    }

    @media (min-width: 1200px) {
        .text-desktop-balance {
            text-wrap: balance !important;
        }
    }

    @media (min-width: 1400px) {
        .text-xxl-balance {
            text-wrap: balance !important;
        }
    }
}

@supports (text-wrap: pretty) {
    .text-pretty {
        text-wrap: pretty !important;
    }

    .text-xs-pretty {
        text-wrap: pretty !important;
    }

    .text-mobile-pretty {
        text-wrap: pretty !important;
    }

    @media (min-width: 576px) {
        .text-sm-pretty {
            text-wrap: pretty !important;
        }
    }

    @media (min-width: 768px) {
        .text-md-pretty {
            text-wrap: pretty !important;
        }
    }

    @media (min-width: 992px) {
        .text-lg-pretty {
            text-wrap: pretty !important;
        }
    }

    @media (min-width: 1200px) {
        .text-xl-pretty {
            text-wrap: pretty !important;
        }
    }

    @media (min-width: 1200px) {
        .text-desktop-pretty {
            text-wrap: pretty !important;
        }
    }

    @media (min-width: 1400px) {
        .text-xxl-pretty {
            text-wrap: pretty !important;
        }
    }
}

.decoration-underline {
    text-decoration: underline !important;
}

.decoration-line-through {
    text-decoration: line-through !important;
}

.decoration-none {
    text-decoration: none !important;
}

.decoration-xs-underline {
    text-decoration: underline !important;
}

.decoration-xs-line-through {
    text-decoration: line-through !important;
}

.decoration-xs-none {
    text-decoration: none !important;
}

.decoration-mobile-underline {
    text-decoration: underline !important;
}

.decoration-mobile-line-through {
    text-decoration: line-through !important;
}

.decoration-mobile-none {
    text-decoration: none !important;
}

@media (min-width: 576px) {
    .decoration-sm-underline {
        text-decoration: underline !important;
    }

    .decoration-sm-line-through {
        text-decoration: line-through !important;
    }

    .decoration-sm-none {
        text-decoration: none !important;
    }
}

@media (min-width: 768px) {
    .decoration-md-underline {
        text-decoration: underline !important;
    }

    .decoration-md-line-through {
        text-decoration: line-through !important;
    }

    .decoration-md-none {
        text-decoration: none !important;
    }
}

@media (min-width: 992px) {
    .decoration-lg-underline {
        text-decoration: underline !important;
    }

    .decoration-lg-line-through {
        text-decoration: line-through !important;
    }

    .decoration-lg-none {
        text-decoration: none !important;
    }
}

@media (min-width: 1200px) {
    .decoration-xl-underline {
        text-decoration: underline !important;
    }

    .decoration-xl-line-through {
        text-decoration: line-through !important;
    }

    .decoration-xl-none {
        text-decoration: none !important;
    }
}

@media (min-width: 1200px) {
    .decoration-desktop-underline {
        text-decoration: underline !important;
    }

    .decoration-desktop-line-through {
        text-decoration: line-through !important;
    }

    .decoration-desktop-none {
        text-decoration: none !important;
    }
}

@media (min-width: 1400px) {
    .decoration-xxl-underline {
        text-decoration: underline !important;
    }

    .decoration-xxl-line-through {
        text-decoration: line-through !important;
    }

    .decoration-xxl-none {
        text-decoration: none !important;
    }
}

.underline-style-solid {
    text-decoration-style: solid !important;
}

.underline-style-dotted {
    text-decoration-style: dotted !important;
}

.underline-style-dashed {
    text-decoration-style: dashed !important;
}

.underline-style-double {
    text-decoration-style: double !important;
}

.underline-style-wavy {
    text-decoration-style: wavy !important;
}

.underline-style-xs-solid {
    text-decoration-style: solid !important;
}

.underline-style-xs-dotted {
    text-decoration-style: dotted !important;
}

.underline-style-xs-dashed {
    text-decoration-style: dashed !important;
}

.underline-style-xs-double {
    text-decoration-style: double !important;
}

.underline-style-xs-wavy {
    text-decoration-style: wavy !important;
}

.underline-style-mobile-solid {
    text-decoration-style: solid !important;
}

.underline-style-mobile-dotted {
    text-decoration-style: dotted !important;
}

.underline-style-mobile-dashed {
    text-decoration-style: dashed !important;
}

.underline-style-mobile-double {
    text-decoration-style: double !important;
}

.underline-style-mobile-wavy {
    text-decoration-style: wavy !important;
}

@media (min-width: 576px) {
    .underline-style-sm-solid {
        text-decoration-style: solid !important;
    }

    .underline-style-sm-dotted {
        text-decoration-style: dotted !important;
    }

    .underline-style-sm-dashed {
        text-decoration-style: dashed !important;
    }

    .underline-style-sm-double {
        text-decoration-style: double !important;
    }

    .underline-style-sm-wavy {
        text-decoration-style: wavy !important;
    }
}

@media (min-width: 768px) {
    .underline-style-md-solid {
        text-decoration-style: solid !important;
    }

    .underline-style-md-dotted {
        text-decoration-style: dotted !important;
    }

    .underline-style-md-dashed {
        text-decoration-style: dashed !important;
    }

    .underline-style-md-double {
        text-decoration-style: double !important;
    }

    .underline-style-md-wavy {
        text-decoration-style: wavy !important;
    }
}

@media (min-width: 992px) {
    .underline-style-lg-solid {
        text-decoration-style: solid !important;
    }

    .underline-style-lg-dotted {
        text-decoration-style: dotted !important;
    }

    .underline-style-lg-dashed {
        text-decoration-style: dashed !important;
    }

    .underline-style-lg-double {
        text-decoration-style: double !important;
    }

    .underline-style-lg-wavy {
        text-decoration-style: wavy !important;
    }
}

@media (min-width: 1200px) {
    .underline-style-xl-solid {
        text-decoration-style: solid !important;
    }

    .underline-style-xl-dotted {
        text-decoration-style: dotted !important;
    }

    .underline-style-xl-dashed {
        text-decoration-style: dashed !important;
    }

    .underline-style-xl-double {
        text-decoration-style: double !important;
    }

    .underline-style-xl-wavy {
        text-decoration-style: wavy !important;
    }
}

@media (min-width: 1200px) {
    .underline-style-desktop-solid {
        text-decoration-style: solid !important;
    }

    .underline-style-desktop-dotted {
        text-decoration-style: dotted !important;
    }

    .underline-style-desktop-dashed {
        text-decoration-style: dashed !important;
    }

    .underline-style-desktop-double {
        text-decoration-style: double !important;
    }

    .underline-style-desktop-wavy {
        text-decoration-style: wavy !important;
    }
}

@media (min-width: 1400px) {
    .underline-style-xxl-solid {
        text-decoration-style: solid !important;
    }

    .underline-style-xxl-dotted {
        text-decoration-style: dotted !important;
    }

    .underline-style-xxl-dashed {
        text-decoration-style: dashed !important;
    }

    .underline-style-xxl-double {
        text-decoration-style: double !important;
    }

    .underline-style-xxl-wavy {
        text-decoration-style: wavy !important;
    }
}

.underline-auto {
    text-decoration-thickness: auto !important;
}

.underline-1 {
    text-decoration-thickness: 1px !important;
}

.underline-2 {
    text-decoration-thickness: 2px !important;
}

.underline-3 {
    text-decoration-thickness: 3px !important;
}

.underline-xs-auto {
    text-decoration-thickness: auto !important;
}

.underline-xs-1 {
    text-decoration-thickness: 1px !important;
}

.underline-xs-2 {
    text-decoration-thickness: 2px !important;
}

.underline-xs-3 {
    text-decoration-thickness: 3px !important;
}

.underline-mobile-auto {
    text-decoration-thickness: auto !important;
}

.underline-mobile-1 {
    text-decoration-thickness: 1px !important;
}

.underline-mobile-2 {
    text-decoration-thickness: 2px !important;
}

.underline-mobile-3 {
    text-decoration-thickness: 3px !important;
}

@media (min-width: 576px) {
    .underline-sm-auto {
        text-decoration-thickness: auto !important;
    }

    .underline-sm-1 {
        text-decoration-thickness: 1px !important;
    }

    .underline-sm-2 {
        text-decoration-thickness: 2px !important;
    }

    .underline-sm-3 {
        text-decoration-thickness: 3px !important;
    }
}

@media (min-width: 768px) {
    .underline-md-auto {
        text-decoration-thickness: auto !important;
    }

    .underline-md-1 {
        text-decoration-thickness: 1px !important;
    }

    .underline-md-2 {
        text-decoration-thickness: 2px !important;
    }

    .underline-md-3 {
        text-decoration-thickness: 3px !important;
    }
}

@media (min-width: 992px) {
    .underline-lg-auto {
        text-decoration-thickness: auto !important;
    }

    .underline-lg-1 {
        text-decoration-thickness: 1px !important;
    }

    .underline-lg-2 {
        text-decoration-thickness: 2px !important;
    }

    .underline-lg-3 {
        text-decoration-thickness: 3px !important;
    }
}

@media (min-width: 1200px) {
    .underline-xl-auto {
        text-decoration-thickness: auto !important;
    }

    .underline-xl-1 {
        text-decoration-thickness: 1px !important;
    }

    .underline-xl-2 {
        text-decoration-thickness: 2px !important;
    }

    .underline-xl-3 {
        text-decoration-thickness: 3px !important;
    }
}

@media (min-width: 1200px) {
    .underline-desktop-auto {
        text-decoration-thickness: auto !important;
    }

    .underline-desktop-1 {
        text-decoration-thickness: 1px !important;
    }

    .underline-desktop-2 {
        text-decoration-thickness: 2px !important;
    }

    .underline-desktop-3 {
        text-decoration-thickness: 3px !important;
    }
}

@media (min-width: 1400px) {
    .underline-xxl-auto {
        text-decoration-thickness: auto !important;
    }

    .underline-xxl-1 {
        text-decoration-thickness: 1px !important;
    }

    .underline-xxl-2 {
        text-decoration-thickness: 2px !important;
    }

    .underline-xxl-3 {
        text-decoration-thickness: 3px !important;
    }
}

.underline-offset-0 {
    text-underline-offset: 0 !important;
}

.underline-offset-1 {
    text-underline-offset: 1px !important;
}

.underline-offset-2 {
    text-underline-offset: 2px !important;
}

.underline-offset-3 {
    text-underline-offset: 3px !important;
}

.underline-offset-4 {
    text-underline-offset: 4px !important;
}

.underline-offset-xs-0 {
    text-underline-offset: 0 !important;
}

.underline-offset-xs-1 {
    text-underline-offset: 1px !important;
}

.underline-offset-xs-2 {
    text-underline-offset: 2px !important;
}

.underline-offset-xs-3 {
    text-underline-offset: 3px !important;
}

.underline-offset-xs-4 {
    text-underline-offset: 4px !important;
}

.underline-offset-mobile-0 {
    text-underline-offset: 0 !important;
}

.underline-offset-mobile-1 {
    text-underline-offset: 1px !important;
}

.underline-offset-mobile-2 {
    text-underline-offset: 2px !important;
}

.underline-offset-mobile-3 {
    text-underline-offset: 3px !important;
}

.underline-offset-mobile-4 {
    text-underline-offset: 4px !important;
}

@media (min-width: 576px) {
    .underline-offset-sm-0 {
        text-underline-offset: 0 !important;
    }

    .underline-offset-sm-1 {
        text-underline-offset: 1px !important;
    }

    .underline-offset-sm-2 {
        text-underline-offset: 2px !important;
    }

    .underline-offset-sm-3 {
        text-underline-offset: 3px !important;
    }

    .underline-offset-sm-4 {
        text-underline-offset: 4px !important;
    }
}

@media (min-width: 768px) {
    .underline-offset-md-0 {
        text-underline-offset: 0 !important;
    }

    .underline-offset-md-1 {
        text-underline-offset: 1px !important;
    }

    .underline-offset-md-2 {
        text-underline-offset: 2px !important;
    }

    .underline-offset-md-3 {
        text-underline-offset: 3px !important;
    }

    .underline-offset-md-4 {
        text-underline-offset: 4px !important;
    }
}

@media (min-width: 992px) {
    .underline-offset-lg-0 {
        text-underline-offset: 0 !important;
    }

    .underline-offset-lg-1 {
        text-underline-offset: 1px !important;
    }

    .underline-offset-lg-2 {
        text-underline-offset: 2px !important;
    }

    .underline-offset-lg-3 {
        text-underline-offset: 3px !important;
    }

    .underline-offset-lg-4 {
        text-underline-offset: 4px !important;
    }
}

@media (min-width: 1200px) {
    .underline-offset-xl-0 {
        text-underline-offset: 0 !important;
    }

    .underline-offset-xl-1 {
        text-underline-offset: 1px !important;
    }

    .underline-offset-xl-2 {
        text-underline-offset: 2px !important;
    }

    .underline-offset-xl-3 {
        text-underline-offset: 3px !important;
    }

    .underline-offset-xl-4 {
        text-underline-offset: 4px !important;
    }
}

@media (min-width: 1200px) {
    .underline-offset-desktop-0 {
        text-underline-offset: 0 !important;
    }

    .underline-offset-desktop-1 {
        text-underline-offset: 1px !important;
    }

    .underline-offset-desktop-2 {
        text-underline-offset: 2px !important;
    }

    .underline-offset-desktop-3 {
        text-underline-offset: 3px !important;
    }

    .underline-offset-desktop-4 {
        text-underline-offset: 4px !important;
    }
}

@media (min-width: 1400px) {
    .underline-offset-xxl-0 {
        text-underline-offset: 0 !important;
    }

    .underline-offset-xxl-1 {
        text-underline-offset: 1px !important;
    }

    .underline-offset-xxl-2 {
        text-underline-offset: 2px !important;
    }

    .underline-offset-xxl-3 {
        text-underline-offset: 3px !important;
    }

    .underline-offset-xxl-4 {
        text-underline-offset: 4px !important;
    }
}

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

.text-xs-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.text-mobile-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (min-width: 576px) {
    .text-sm-truncate {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 768px) {
    .text-md-truncate {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 992px) {
    .text-lg-truncate {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-truncate {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 1200px) {
    .text-desktop-truncate {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 1400px) {
    .text-xxl-truncate {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}

.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}

.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.visually-hidden-focusable:focus,
.visually-hidden-focusable:active {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
}

.stretched-link::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}

h1 {
    font-size: 1.25rem;
}

.fs-1 {
    font-size: 1.25rem;
}

.h1 {
    font-size: 1.25rem;
}

.page-title {
    font-size: 1.25rem;
}

@media (min-width: 768px) {
    h1 {
        font-size: 2.875rem;
    }

    .fs-1 {
        font-size: 2.875rem;
    }

    .h1 {
        font-size: 2.875rem;
    }

    .page-title {
        font-size: 2.875rem;
    }
}

h2 {
    font-size: 1.25rem;
}

.fs-2 {
    font-size: 1.25rem;
}

.title {
    font-size: 1.25rem;
}

.h2 {
    font-size: 1.25rem;
}

@media (min-width: 768px) {
    h2 {
        font-size: 2rem;
    }

    .fs-2 {
        font-size: 2rem;
    }

    .title {
        font-size: 2rem;
    }

    .h2 {
        font-size: 2rem;
    }
}

h3 {
    font-size: 1rem;
}

.h3 {
    font-size: 1rem;
}

h3 > a {
    font-size: 1rem;
}

h3 > span {
    font-size: 1rem;
}

.fs-3 {
    font-size: 1rem;
}

.sub-title {
    font-size: 1rem;
}

@media (min-width: 768px) {
    h3 {
        font-size: 1.1875rem;
    }

    .h3 {
        font-size: 1.1875rem;
    }

    h3 > a {
        font-size: 1.1875rem;
    }

    h3 > span {
        font-size: 1.1875rem;
    }

    .fs-3 {
        font-size: 1.1875rem;
    }

    .sub-title {
        font-size: 1.1875rem;
    }
}

h4 {
    font-size: 0.875rem;
}

.h4 {
    font-size: 0.875rem;
}

.fs-4 {
    font-size: 0.875rem;
}

.paragraph {
    font-size: 0.875rem;
}

a {
    font-size: 0.875rem;
}

p {
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    h4 {
        font-size: 1rem;
    }

    .h4 {
        font-size: 1rem;
    }

    .fs-4 {
        font-size: 1rem;
    }

    .paragraph {
        font-size: 1rem;
    }

    a {
        font-size: 1rem;
    }

    p {
        font-size: 1rem;
    }
}

h5 {
    font-size: 0.75rem;
}

.fs-5 {
    font-size: 0.75rem;
}

.h5 {
    font-size: 0.75rem;
}

@media (min-width: 768px) {
    h5 {
        font-size: 0.875rem;
    }

    .fs-5 {
        font-size: 0.875rem;
    }

    .h5 {
        font-size: 0.875rem;
    }
}

h6 {
    font-size: 0.75rem;
}

.fs-6 {
    font-size: 0.75rem;
}

.h6 {
    font-size: 0.75rem;
}

.footnote {
    font-size: 0.75rem;
}

.caption {
    font-size: 0.75rem;
}

@media (min-width: 768px) {
    h6 {
        font-size: 0.875rem;
    }

    .fs-6 {
        font-size: 0.875rem;
    }

    .h6 {
        font-size: 0.875rem;
    }

    .footnote {
        font-size: 0.875rem;
    }

    .caption {
        font-size: 0.875rem;
    }
}

.visibility-visible {
    visibility: visible;
}

.visibility-invisible {
    visibility: hidden;
}

.visibility-collapse {
    visibility: collapse;
}

.visibility-xs-visible {
    visibility: visible;
}

.visibility-xs-invisible {
    visibility: hidden;
}

.visibility-xs-collapse {
    visibility: collapse;
}

.visibility-mobile-visible {
    visibility: visible;
}

.visibility-mobile-invisible {
    visibility: hidden;
}

.visibility-mobile-collapse {
    visibility: collapse;
}

@media (min-width: 576px) {
    .visibility-sm-visible {
        visibility: visible;
    }

    .visibility-sm-invisible {
        visibility: hidden;
    }

    .visibility-sm-collapse {
        visibility: collapse;
    }
}

@media (min-width: 768px) {
    .visibility-md-visible {
        visibility: visible;
    }

    .visibility-md-invisible {
        visibility: hidden;
    }

    .visibility-md-collapse {
        visibility: collapse;
    }
}

@media (min-width: 992px) {
    .visibility-lg-visible {
        visibility: visible;
    }

    .visibility-lg-invisible {
        visibility: hidden;
    }

    .visibility-lg-collapse {
        visibility: collapse;
    }
}

@media (min-width: 1200px) {
    .visibility-xl-visible {
        visibility: visible;
    }

    .visibility-xl-invisible {
        visibility: hidden;
    }

    .visibility-xl-collapse {
        visibility: collapse;
    }
}

@media (min-width: 1200px) {
    .visibility-desktop-visible {
        visibility: visible;
    }

    .visibility-desktop-invisible {
        visibility: hidden;
    }

    .visibility-desktop-collapse {
        visibility: collapse;
    }
}

@media (min-width: 1400px) {
    .visibility-xxl-visible {
        visibility: visible;
    }

    .visibility-xxl-invisible {
        visibility: hidden;
    }

    .visibility-xxl-collapse {
        visibility: collapse;
    }
}

@media print {
    .visibility-print-visible {
        visibility: visible;
    }

    .visibility-print-invisible {
        visibility: hidden;
    }

    .visibility-print-collapse {
        visibility: collapse;
    }
}

.visually-hidden, .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip-path: inset(50%);
    clip: rect(0 0 0 0);
}

.visually-hidden-focusable, .sr-only-focusable {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip-path: inset(50%);
    clip: rect(0 0 0 0);
}

    .visually-hidden-focusable:focus, .sr-only-focusable:focus, .visually-hidden-focusable:active, .sr-only-focusable:active {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        white-space: normal;
        clip-path: none;
        clip: auto;
    }

.content-visibility-auto {
    content-visibility: auto;
}

.content-visibility-hidden {
    content-visibility: hidden;
}

.cis-0 {
    contain-intrinsic-size: 0;
}

.cis-200 {
    contain-intrinsic-size: 200px;
}

.z-n1 {
    z-index: -1;
}

.z-0 {
    z-index: 0;
}

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

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.z-10 {
    z-index: 10;
}

.z-100 {
    z-index: 100;
}

.z-dropdown {
    z-index: 1000;
}

.z-sticky {
    z-index: 1020;
}

.z-fixed {
    z-index: 1030;
}

.z-backdrop {
    z-index: 1040;
}

.z-modal {
    z-index: 1050;
}

.z-offcanvas {
    z-index: 1060;
}

.z-popover {
    z-index: 1070;
}

.z-tooltip {
    z-index: 1080;
}

.z-toast {
    z-index: 1090;
}

.z-auto {
    z-index: auto;
}

.z-xs-n1 {
    z-index: -1;
}

.z-xs-0 {
    z-index: 0;
}

.z-xs-1 {
    z-index: 1;
}

.z-xs-2 {
    z-index: 2;
}

.z-xs-3 {
    z-index: 3;
}

.z-xs-4 {
    z-index: 4;
}

.z-xs-5 {
    z-index: 5;
}

.z-xs-10 {
    z-index: 10;
}

.z-xs-100 {
    z-index: 100;
}

.z-xs-dropdown {
    z-index: 1000;
}

.z-xs-sticky {
    z-index: 1020;
}

.z-xs-fixed {
    z-index: 1030;
}

.z-xs-backdrop {
    z-index: 1040;
}

.z-xs-modal {
    z-index: 1050;
}

.z-xs-offcanvas {
    z-index: 1060;
}

.z-xs-popover {
    z-index: 1070;
}

.z-xs-tooltip {
    z-index: 1080;
}

.z-xs-toast {
    z-index: 1090;
}

.z-xs-auto {
    z-index: auto;
}

.z-mobile-n1 {
    z-index: -1;
}

.z-mobile-0 {
    z-index: 0;
}

.z-mobile-1 {
    z-index: 1;
}

.z-mobile-2 {
    z-index: 2;
}

.z-mobile-3 {
    z-index: 3;
}

.z-mobile-4 {
    z-index: 4;
}

.z-mobile-5 {
    z-index: 5;
}

.z-mobile-10 {
    z-index: 10;
}

.z-mobile-100 {
    z-index: 100;
}

.z-mobile-dropdown {
    z-index: 1000;
}

.z-mobile-sticky {
    z-index: 1020;
}

.z-mobile-fixed {
    z-index: 1030;
}

.z-mobile-backdrop {
    z-index: 1040;
}

.z-mobile-modal {
    z-index: 1050;
}

.z-mobile-offcanvas {
    z-index: 1060;
}

.z-mobile-popover {
    z-index: 1070;
}

.z-mobile-tooltip {
    z-index: 1080;
}

.z-mobile-toast {
    z-index: 1090;
}

.z-mobile-auto {
    z-index: auto;
}

@media (min-width: 576px) {
    .z-sm-n1 {
        z-index: -1;
    }

    .z-sm-0 {
        z-index: 0;
    }

    .z-sm-1 {
        z-index: 1;
    }

    .z-sm-2 {
        z-index: 2;
    }

    .z-sm-3 {
        z-index: 3;
    }

    .z-sm-4 {
        z-index: 4;
    }

    .z-sm-5 {
        z-index: 5;
    }

    .z-sm-10 {
        z-index: 10;
    }

    .z-sm-100 {
        z-index: 100;
    }

    .z-sm-dropdown {
        z-index: 1000;
    }

    .z-sm-sticky {
        z-index: 1020;
    }

    .z-sm-fixed {
        z-index: 1030;
    }

    .z-sm-backdrop {
        z-index: 1040;
    }

    .z-sm-modal {
        z-index: 1050;
    }

    .z-sm-offcanvas {
        z-index: 1060;
    }

    .z-sm-popover {
        z-index: 1070;
    }

    .z-sm-tooltip {
        z-index: 1080;
    }

    .z-sm-toast {
        z-index: 1090;
    }

    .z-sm-auto {
        z-index: auto;
    }
}

@media (min-width: 768px) {
    .z-md-n1 {
        z-index: -1;
    }

    .z-md-0 {
        z-index: 0;
    }

    .z-md-1 {
        z-index: 1;
    }

    .z-md-2 {
        z-index: 2;
    }

    .z-md-3 {
        z-index: 3;
    }

    .z-md-4 {
        z-index: 4;
    }

    .z-md-5 {
        z-index: 5;
    }

    .z-md-10 {
        z-index: 10;
    }

    .z-md-100 {
        z-index: 100;
    }

    .z-md-dropdown {
        z-index: 1000;
    }

    .z-md-sticky {
        z-index: 1020;
    }

    .z-md-fixed {
        z-index: 1030;
    }

    .z-md-backdrop {
        z-index: 1040;
    }

    .z-md-modal {
        z-index: 1050;
    }

    .z-md-offcanvas {
        z-index: 1060;
    }

    .z-md-popover {
        z-index: 1070;
    }

    .z-md-tooltip {
        z-index: 1080;
    }

    .z-md-toast {
        z-index: 1090;
    }

    .z-md-auto {
        z-index: auto;
    }
}

@media (min-width: 992px) {
    .z-lg-n1 {
        z-index: -1;
    }

    .z-lg-0 {
        z-index: 0;
    }

    .z-lg-1 {
        z-index: 1;
    }

    .z-lg-2 {
        z-index: 2;
    }

    .z-lg-3 {
        z-index: 3;
    }

    .z-lg-4 {
        z-index: 4;
    }

    .z-lg-5 {
        z-index: 5;
    }

    .z-lg-10 {
        z-index: 10;
    }

    .z-lg-100 {
        z-index: 100;
    }

    .z-lg-dropdown {
        z-index: 1000;
    }

    .z-lg-sticky {
        z-index: 1020;
    }

    .z-lg-fixed {
        z-index: 1030;
    }

    .z-lg-backdrop {
        z-index: 1040;
    }

    .z-lg-modal {
        z-index: 1050;
    }

    .z-lg-offcanvas {
        z-index: 1060;
    }

    .z-lg-popover {
        z-index: 1070;
    }

    .z-lg-tooltip {
        z-index: 1080;
    }

    .z-lg-toast {
        z-index: 1090;
    }

    .z-lg-auto {
        z-index: auto;
    }
}

@media (min-width: 1200px) {
    .z-xl-n1 {
        z-index: -1;
    }

    .z-xl-0 {
        z-index: 0;
    }

    .z-xl-1 {
        z-index: 1;
    }

    .z-xl-2 {
        z-index: 2;
    }

    .z-xl-3 {
        z-index: 3;
    }

    .z-xl-4 {
        z-index: 4;
    }

    .z-xl-5 {
        z-index: 5;
    }

    .z-xl-10 {
        z-index: 10;
    }

    .z-xl-100 {
        z-index: 100;
    }

    .z-xl-dropdown {
        z-index: 1000;
    }

    .z-xl-sticky {
        z-index: 1020;
    }

    .z-xl-fixed {
        z-index: 1030;
    }

    .z-xl-backdrop {
        z-index: 1040;
    }

    .z-xl-modal {
        z-index: 1050;
    }

    .z-xl-offcanvas {
        z-index: 1060;
    }

    .z-xl-popover {
        z-index: 1070;
    }

    .z-xl-tooltip {
        z-index: 1080;
    }

    .z-xl-toast {
        z-index: 1090;
    }

    .z-xl-auto {
        z-index: auto;
    }
}

@media (min-width: 1200px) {
    .z-desktop-n1 {
        z-index: -1;
    }

    .z-desktop-0 {
        z-index: 0;
    }

    .z-desktop-1 {
        z-index: 1;
    }

    .z-desktop-2 {
        z-index: 2;
    }

    .z-desktop-3 {
        z-index: 3;
    }

    .z-desktop-4 {
        z-index: 4;
    }

    .z-desktop-5 {
        z-index: 5;
    }

    .z-desktop-10 {
        z-index: 10;
    }

    .z-desktop-100 {
        z-index: 100;
    }

    .z-desktop-dropdown {
        z-index: 1000;
    }

    .z-desktop-sticky {
        z-index: 1020;
    }

    .z-desktop-fixed {
        z-index: 1030;
    }

    .z-desktop-backdrop {
        z-index: 1040;
    }

    .z-desktop-modal {
        z-index: 1050;
    }

    .z-desktop-offcanvas {
        z-index: 1060;
    }

    .z-desktop-popover {
        z-index: 1070;
    }

    .z-desktop-tooltip {
        z-index: 1080;
    }

    .z-desktop-toast {
        z-index: 1090;
    }

    .z-desktop-auto {
        z-index: auto;
    }
}

@media (min-width: 1400px) {
    .z-xxl-n1 {
        z-index: -1;
    }

    .z-xxl-0 {
        z-index: 0;
    }

    .z-xxl-1 {
        z-index: 1;
    }

    .z-xxl-2 {
        z-index: 2;
    }

    .z-xxl-3 {
        z-index: 3;
    }

    .z-xxl-4 {
        z-index: 4;
    }

    .z-xxl-5 {
        z-index: 5;
    }

    .z-xxl-10 {
        z-index: 10;
    }

    .z-xxl-100 {
        z-index: 100;
    }

    .z-xxl-dropdown {
        z-index: 1000;
    }

    .z-xxl-sticky {
        z-index: 1020;
    }

    .z-xxl-fixed {
        z-index: 1030;
    }

    .z-xxl-backdrop {
        z-index: 1040;
    }

    .z-xxl-modal {
        z-index: 1050;
    }

    .z-xxl-offcanvas {
        z-index: 1060;
    }

    .z-xxl-popover {
        z-index: 1070;
    }

    .z-xxl-tooltip {
        z-index: 1080;
    }

    .z-xxl-toast {
        z-index: 1090;
    }

    .z-xxl-auto {
        z-index: auto;
    }
}

.isolate {
    isolation: isolate;
}

/* Notes:
 * - Prefer named tokens (e.g., .z-modal) for readability.
 * - Use .isolate on containers hosting layered UIs to prevent bleed-through.
 * - Ensure $breakpoints are in ascending order so responsive overrides cascade predictably.
 */
:before,
:after {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

    body picture img {
        vertical-align: middle;
    }

.v-btn--size-default {
    --v-btn-size: .875rem;
    --v-btn-height: 36px;
    min-width: 64px;
    padding: 0 16px;
}

.v-btn--icon.v-btn--size-default {
    --v-btn-size: 1rem;
}

.v-btn--stacked.v-btn--size-default {
    --v-btn-size: .875rem;
    --v-btn-height: 72px;
    min-width: 72px;
    padding: 0 16px;
}

.v-btn--size-x-small {
    --v-btn-size: .625rem;
    --v-btn-height: 20px;
    min-width: 36px;
    padding: 0 8px;
}

.v-btn--stacked.v-btn--size-x-small {
    --v-btn-size: .625rem;
    --v-btn-height: 56px;
    min-width: 56px;
    padding: 0 12px;
}

.v-btn--size-small {
    --v-btn-size: .75rem;
    --v-btn-height: 28px;
    min-width: 50px;
    padding: 0 12px;
}

.v-btn--stacked.v-btn--size-small {
    --v-btn-size: .75rem;
    --v-btn-height: 64px;
    min-width: 64px;
    padding: 0 14px;
}

.v-btn--size-large {
    --v-btn-size: 1rem;
    --v-btn-height: 44px;
    min-width: 78px;
    padding: 0 20px;
}

.v-btn--stacked.v-btn--size-large {
    --v-btn-size: 1rem;
    --v-btn-height: 80px;
    min-width: 80px;
    padding: 0 18px;
}

.v-btn--size-x-large {
    --v-btn-size: 1.125rem;
    --v-btn-height: 52px;
    min-width: 92px;
    padding: 0 24px;
}

.v-btn--stacked.v-btn--size-x-large {
    --v-btn-size: 1.125rem;
    --v-btn-height: 88px;
    min-width: 88px;
    padding: 0 20px;
}

/* Base Aspect Ratio Classes */
.v-btn--ratio-1x1 {
    min-width: var(--v-btn-height);
    padding: 0;
}

.v-btn--ratio-16x9 {
    min-width: calc(var(--v-btn-height) * 16 / 9);
}

.v-btn--ratio-4x3 {
    min-width: calc(var(--v-btn-height) * 4 / 3);
}

.v-btn--ratio-3x2 {
    min-width: calc(var(--v-btn-height) * 3 / 2);
}

.v-btn--ratio-8x5 {
    min-width: calc(var(--v-btn-height) * 8 / 5);
}

.v-btn--ratio-2x1 {
    min-width: calc(var(--v-btn-height) * 2);
}

/* Content Behavior Options */
.v-btn--content-wrap {
    white-space: normal;
    min-width: initial;
    width: calc(var(--v-btn-height) * var(--aspect-ratio));
}

.v-btn--content-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-btn--content-grow {
    min-width: initial;
    width: auto;
}

/* Stacked Variants */
.v-btn--stacked.v-btn--ratio-1x1 {
    min-width: var(--v-btn-height);
}

.v-btn--stacked.v-btn--ratio-16x9 {
    min-width: calc(var(--v-btn-height) * 16 / 9);
}

.v-btn--stacked.v-btn--ratio-4x3 {
    min-width: calc(var(--v-btn-height) * 4 / 3);
}

.v-btn--stacked.v-btn--ratio-3x2 {
    min-width: calc(var(--v-btn-height) * 3 / 2);
}

.v-btn--stacked.v-btn--ratio-8x5 {
    min-width: calc(var(--v-btn-height) * 8 / 5);
}

.v-btn--stacked.v-btn--ratio-2x1 {
    min-width: calc(var(--v-btn-height) * 2);
}

/* Combined Classes for Aspect Ratio + Content Behavior */
.v-btn--ratio-1x1 {
    --aspect-ratio: 1;
}

.v-btn--ratio-16x9 {
    --aspect-ratio: 1.777;
}

.v-btn--ratio-4x3 {
    --aspect-ratio: 1.333;
}

.v-btn--ratio-3x2 {
    --aspect-ratio: 1.5;
}

.v-btn--ratio-8x5 {
    --aspect-ratio: 1.6;
}

.v-btn--ratio-2x1 {
    --aspect-ratio: 2;
}

button {
    background-color: transparent;
    border-style: none;
}

.v-btn {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-btn--variant-elevated {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-btn--variant-elevated {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-btn--variant-outlined {
    background: transparent;
    color: inherit;
}

.v-btn--variant-outlined {
    border: 2px solid currentColor;
}

.v-btn--variant-tonal {
    background: transparent;
    color: inherit;
}

    .v-btn--variant-tonal .v-btn__underlay {
        background: currentColor;
        opacity: var(--v-activated-opacity);
        border-radius: inherit;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
    }

.v-btn--variant-text {
    background: transparent;
    color: inherit;
}

    .v-btn--variant-text .v-btn__overlay {
        background: currentColor;
    }

.v-btn--variant-plain {
    background: transparent;
    color: inherit;
}

.v-btn--variant-plain {
    opacity: 0.62;
}

    .v-btn--variant-plain:focus,
    .v-btn--variant-plain:hover {
        opacity: 1;
    }

    .v-btn--variant-plain .v-btn__overlay {
        display: none;
    }

.v-btn.v-btn--density-default {
    height: calc(var(--v-btn-height) + 0px);
}

.v-btn--icon.v-btn--density-default {
    width: calc(var(--v-btn-height) + 12px);
    height: calc(var(--v-btn-height) + 12px);
}

.v-btn--stacked.v-btn--density-default {
    height: calc(var(--v-btn-height) + 0px);
}

.v-btn.v-btn--density-compact {
    height: calc(var(--v-btn-height) - 12px);
}

.v-btn--icon.v-btn--density-compact {
    width: calc(var(--v-btn-height) - 8px);
    height: calc(var(--v-btn-height) - 8px);
}

.v-btn--stacked.v-btn--density-compact {
    height: calc(var(--v-btn-height) - 24px);
}

.v-btn.v-btn--density-comfortable {
    height: calc(var(--v-btn-height) - 8px);
}

.v-btn--stacked.v-btn--density-comfortable {
    height: calc(var(--v-btn-height) - 16px);
}

.v-btn--icon.v-btn--density-comfortable {
    width: calc(var(--v-btn-height) + 0px);
    height: calc(var(--v-btn-height) + 0px);
}

.v-btn--stacked.v-btn--density-default {
    height: calc(var(--v-btn-height) + 0px);
}

.v-btn--icon.v-btn--density-default {
    width: calc(var(--v-btn-height) + 12px);
    height: calc(var(--v-btn-height) + 12px);
}

.v-btn.v-btn--density-compact {
    height: calc(var(--v-btn-height) - 12px);
}

.v-btn--stacked.v-btn--density-compact {
    height: calc(var(--v-btn-height) - 24px);
}

.v-btn--icon.v-btn--density-compact {
    width: calc(var(--v-btn-height) - 8px);
    height: calc(var(--v-btn-height) - 8px);
}

.v-btn.v-btn--density-comfortable {
    height: calc(var(--v-btn-height) - 8px);
}

.v-btn--icon.v-btn--density-comfortable {
    width: calc(var(--v-btn-height) + 0px);
    height: calc(var(--v-btn-height) + 0px);
}

.v-btn--stacked.v-btn--density-comfortable {
    height: calc(var(--v-btn-height) - 16px);
}

.elevation-4 {
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-8 {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-12 {
    box-shadow: 0 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-16 {
    box-shadow: 0 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 6px 30px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-20 {
    box-shadow: 0 10px 13px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 20px 31px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 8px 38px 7px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-24 {
    box-shadow: 0 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

button,
.v-btn {
    outline-offset: 4px;
    border-radius: 2px;
}

    button.rounded-0,
    .v-btn.rounded-0 {
        border-radius: 0 !important;
    }

    button.rounded-sm,
    .v-btn.rounded-sm {
        border-radius: 2px !important;
    }

    button.rounded-lg,
    .v-btn.rounded-lg {
        border-radius: 8px !important;
    }

    button.rounded-xl,
    .v-btn.rounded-xl {
        border-radius: 24px !important;
    }

/*// Move the below to a different file 
a, div[tabindex="0"], button {
    border-radius: 4px;
}

a.v-alert {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, a, p {
    &[tabindex="0"]::selection {
        color: #00aab8;
        background: rgba(#00aab8, .05);
        outline: 1px solid rgba($color: #000000, $alpha: 0.25);
        transition-delay: 0.1s;
        transition: outline-color cubic-bezier(0.4, 0, 0.2, 1) 0.35s;

    }
}

h1, h2, h3, h4, h5, h6, a, p {
    &[tabindex="0"]:focus {
        color: #00aab8;
        background: rgba(#00aab8, .05);
        outline: 1px solid rgba($color: #000000, $alpha: 0.25);
        transition-delay: 0.1s;
        transition: outline-color cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
    }
}

a.unstyled {
    color: currentColor;
    text-decoration: none;
    > h3, > p {
        background-color: inherit;;
    }
}

.v-input--focused,
button:focus,
div[tabindex="0"]:focus,
a:focus,
.v-btn:focus {
    outline: 2px solid rgba($color: #000000, $alpha: 0.25);
    outline-offset: 4px;
    transition-delay: 0.1s;
    transition: outline-color cubic-bezier(0.4, 0, 0.2, 1) 0.35s;

    color: #00aab8;
    outline: 2px solid rgba($color: #00aab8, $alpha: 1);
    background: rgba(#00aab8, .05);
}

.v-input--focused,
button:focus-visible,
div[tabindex="0"]:focus-visible,
a:focus-visible,
.v-btn:focus-visible {
    transition-delay: 0s;    
    outline: 2px solid rgba($color: #00aab8, $alpha: 1);
    background: rgba(#00aab8, .05);
    transition: outline-color cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

body:focus-within > * {
    opacity: 1;
    transition: opacity 0s ease;
}

body:focus-within > :focus-within {
    opacity: 1 !important;
}*/
button,
[type=button] {
    font: inherit;
    overflow: visible;
    text-transform: none;
    cursor: pointer;
    color: inherit;
    -webkit-appearance: button;
}

.v-btn {
    align-items: center;
    display: inline-grid;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    font-weight: 500;
    justify-content: center;
    letter-spacing: 0.0892857143em;
    line-height: normal;
    max-width: 100%;
    outline: none;
    position: relative;
    text-indent: 0.0892857143em;
    transition-property: box-shadow, transform, opacity, background;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    flex-shrink: 0;
}

    .v-btn.v-btn--content-center {
        justify-content: center;
    }

    .v-btn.v-btn--content-start {
        justify-content: flex-start;
    }

.v-btn--slim {
    padding: 0 8px;
}

.v-btn--inline {
    padding: 0;
    min-width: auto;
}

.no-padding {
    padding: 0 !important;
}

.v-btn:hover > .v-btn__overlay {
    opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}

.v-btn .v-btn__underlay {
    position: absolute;
}

.v-btn--elevated:hover,
.v-btn--elevated:focus {
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-btn--elevated:active {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-btn__content,
.v-btn__prepend,
.v-btn__append {
    align-items: center;
    display: flex;
    transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-btn__prepend {
    grid-area: prepend;
    margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
}

.v-btn__append {
    grid-area: append;
    margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
}

.v-btn__content {
    grid-area: content;
    justify-content: center;
    white-space: nowrap;
}

.v-btn__overlay {
    background-color: currentColor;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.v-btn__overlay,
.v-btn__underlay {
    pointer-events: none;
}

.v-btn__overlay,
.v-btn__underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.v-btn--stacked {
    grid-template-areas: "prepend" "content" "append";
    grid-template-columns: auto;
    grid-template-rows: max-content max-content max-content;
    justify-items: center;
    align-content: center;
}

    .v-btn--stacked .v-btn__content {
        flex-direction: column;
        line-height: 1.25;
    }

    .v-btn--stacked .v-btn__prepend {
        margin-inline: 0;
    }

    .v-btn--stacked .v-btn__prepend {
        margin-bottom: 4px;
    }

    .v-btn--stacked .v-btn__append {
        margin-inline: 0;
    }

    .v-btn--stacked .v-btn__append {
        margin-top: 4px;
    }

    .v-btn--stacked .v-btn__content {
        white-space: normal;
    }

.v-btn--icon {
    border-radius: 50%;
    min-width: 0;
    padding: 0;
}

.v-btn--block {
    display: flex;
    flex: 1 0 auto;
    min-width: 100%;
}

.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    opacity: var(--v-icon-opacity, 1);
    text-indent: 0;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
    min-width: 1em;
}

.v-icon__svg {
    fill: currentColor;
    flex-shrink: 0;
}

.no-pe {
    pointer-events: none;
}

.v-btn.content-start {
    justify-content: flex-start;
}

.v-progress-linear {
    background: transparent;
    overflow: hidden;
    position: relative;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
}

@media (forced-colors: active) {
    .v-progress-linear {
        border: thin solid buttontext;
    }
}

.v-progress-linear__background,
.v-progress-linear__buffer {
    background: currentColor;
    bottom: 0;
    left: 0;
    opacity: var(--v-border-opacity);
    position: absolute;
    top: 0;
    width: 100%;
    transition-property: width, left, right;
    transition: inherit;
}

@media (forced-colors: active) {
    .v-progress-linear__buffer {
        background-color: highlight;
        opacity: 0.3;
    }
}

.v-progress-linear__indeterminate {
    background: currentColor;
}

@media (forced-colors: active) {
    .v-progress-linear__indeterminate {
        background-color: highlight;
    }
}

.v-progress-linear__indeterminate .long,
.v-progress-linear__indeterminate .short {
    animation-play-state: paused;
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    bottom: 0;
    height: inherit;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: auto;
}

.v-progress-linear__indeterminate .long {
    animation-name: indeterminate-ltr;
}

.v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-ltr;
}

.v-progress-linear--active .v-progress-linear__indeterminate .long,
.v-progress-linear--active .v-progress-linear__indeterminate .short {
    animation-play-state: running;
}

.v-card {
    display: block;
    overflow-wrap: break-word;
    position: relative;
    text-decoration: none;
    transition-duration: 0.28s;
    transition-property: box-shadow, opacity, background;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}

.v-card {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-card {
    border-radius: 4px;
}

.v-card--variant-elevated {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-card--variant-elevated {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-card--variant-outlined {
    background: transparent;
    color: inherit;
}

.v-card--variant-outlined {
    border: thin solid currentColor;
}

.v-card--variant-tonal {
    background: transparent;
    color: inherit;
}

.v-card--variant-flat {
    background: rgba(var(--background-main), var(--surface-opacity));
}

.v-card--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-card--variant-plain {
    background: transparent;
    color: inherit;
}

.v-card--variant-plain {
    opacity: 0.62;
}

    .v-card--variant-plain:focus,
    .v-card--variant-plain:hover {
        opacity: 1;
    }

.v-card--variant-tonal .v-card__underlay {
    background: currentColor;
    opacity: var(--v-activated-opacity);
    border-radius: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.v-card .v-card__underlay {
    position: absolute;
}

.v-card-actions {
    flex: none;
    min-height: 52px;
    gap: 0.5rem;
}

.v-card-item {
    align-items: center;
    display: grid;
    flex: none;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    padding: 0.625rem 1rem;
}

    .v-card-item + .v-card-text {
        padding-top: 0;
    }

.v-card-item__content {
    align-self: center;
    grid-area: content;
    overflow: hidden;
}

/* Prepend */
.v-card-item__prepend {
    align-items: center;
    display: flex;
}

.v-card-item__prepend {
    grid-area: prepend;
    padding-inline-end: 0.5rem;
}

.v-card-title {
    display: block;
    flex: none;
    letter-spacing: 0.0125em;
    min-width: 0;
    overflow-wrap: normal;
    padding-bottom: 0.5rem;
    text-overflow: ellipsis;
    text-transform: none;
    word-break: normal;
    word-wrap: break-word;
}

.v-card-item .v-card-title {
    padding: 0;
}

.v-card-subtitle {
    display: block;
    flex: none;
    overflow: hidden;
    text-transform: none;
}

.v-card-item .v-card-subtitle {
    padding: 0 0 0.25rem;
}

.v-card-text {
    flex: 1 1 auto;
    opacity: var(--v-card-text-opacity, 1);
    padding: 1rem;
    text-transform: none;
}

.v-card__loader {
    bottom: auto;
    top: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}

.v-card--link {
    cursor: pointer;
}

.v-card:hover > .v-card__overlay {
    opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}

.v-card__overlay {
    background-color: currentColor;
    border-radius: inherit;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.v-card--hover {
    cursor: pointer;
}

    .v-card--hover:before,
    .v-card--hover:after {
        border-radius: inherit;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        transition: inherit;
    }

    .v-card--hover:before {
        opacity: 1;
        z-index: -1;
    }

    .v-card--hover:before {
        box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
    }

    .v-card--hover:after {
        z-index: 1;
        opacity: 0;
    }

    .v-card--hover:after {
        box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
    }

    .v-card--hover:hover:after {
        opacity: 1;
    }

    .v-card--hover:hover:before {
        opacity: 0;
    }

    .v-card--hover:hover {
        box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
    }

.v-card--disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

    .v-card--disabled > :not(.v-card__loader) {
        opacity: 0.6;
    }

/*! CSS Used keyframes */
@keyframes indeterminate-ltr {
    0% {
        left: -90%;
        right: 100%;
    }

    60% {
        left: -90%;
        right: 100%;
    }

    to {
        left: 100%;
        right: -35%;
    }
}

@keyframes indeterminate-short-ltr {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    to {
        left: 107%;
        right: -8%;
    }
}
/*# Content Wrapping */
img {
    border-style: none;
}

.v-img {
    --v-theme-overlay-multiplier: 3;
    z-index: 0;
}

.v-img__img {
    z-index: -1;
}

.v-img__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.v-img__img--cover {
    object-fit: cover;
}

.v-responsive {
    display: flex;
    flex: 1 0 auto;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.v-responsive__content {
    flex: 1 0 0px;
    max-width: 100%;
}

.v-responsive__sizer ~ .v-responsive__content {
    margin-inline-start: -100%;
}

.v-responsive__sizer {
    flex: 1 0 0px;
    transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.v-card__loader {
    bottom: auto;
    top: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}

@media (forced-colors: active) {
    .v-card__loader .v-progress-linear {
        border: none;
    }
}

@media (forced-colors: active) {
    .v-card:not(.v-card--variant-text, .v-card--variant-plain) {
        border: thin solid;
    }
}

.v-timeline .v-timeline-divider__dot {
    background: rgb(var(--v-theme-surface-light));
}

@media (forced-colors: active) {
    .v-timeline .v-timeline-divider__dot {
        border: 2px solid;
    }
}

.v-timeline .v-timeline-divider__inner-dot {
    background: rgb(var(--v-theme-on-surface));
}

@media (forced-colors: active) {
    .v-timeline .v-timeline-divider__inner-dot {
        background-color: transparent !important;
    }
}

.v-timeline {
    display: grid;
    grid-auto-flow: dense;
    position: relative;
}

.v-timeline--vertical.v-timeline {
    row-gap: 24px;
    height: 100%;
}

    .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body {
        padding-block-start: 24px;
    }

    .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body {
        padding-block-end: 24px;
    }

    .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(odd):not(.v-timeline-item--side-start) .v-timeline-item__body {
        grid-column: 3;
        justify-self: flex-start;
        padding-inline-start: 24px;
    }

.v-timeline-item {
    display: contents;
}

.v-timeline-divider {
    position: relative;
    display: flex;
    align-items: center;
}

.v-timeline--vertical .v-timeline-divider {
    height: 100%;
    flex-direction: column;
    grid-column: 2;
}

.v-timeline-divider__before {
    background: rgba(var(--v-border-color), var(--v-border-opacity));
    position: absolute;
}

.v-timeline--vertical .v-timeline-divider__before {
    height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
    width: var(--v-timeline-line-thickness);
    top: -12px;
}

@media (forced-colors: active) {
    .v-timeline-divider__before {
        background: canvastext;
    }
}

.v-timeline-divider__after {
    background: rgba(var(--v-border-color), var(--v-border-opacity));
    position: absolute;
}

.v-timeline--vertical .v-timeline-divider__after {
    height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
    width: var(--v-timeline-line-thickness);
    bottom: -12px;
}

@media (forced-colors: active) {
    .v-timeline-divider__after {
        background: canvastext;
    }
}

.v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__before {
    height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
    top: 0;
}

.v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
    height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
}

.v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
    height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
}

.v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
    height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
    bottom: 0;
}

.v-timeline-divider__dot {
    z-index: 1;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.v-timeline-divider__dot {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-timeline-divider__dot--size-x-small {
    height: 22px;
    width: 22px;
}

    .v-timeline-divider__dot--size-x-small .v-timeline-divider__inner-dot {
        height: calc(100% - 6px);
        width: calc(100% - 6px);
    }

.v-timeline-divider__inner-dot {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

.v-timeline--vertical.v-timeline--justify-auto {
    grid-template-columns: auto min-content auto;
}

.v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
    grid-template-columns: 0 min-content auto;
}

.v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
    grid-column: 3;
}

.v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
    grid-column: 3;
    justify-self: flex-start;
    padding-inline-start: 24px;
    padding-inline-end: initial;
}

.v-timeline--align-start {
    --v-timeline-line-size-base: 100%;
    --v-timeline-line-size-offset: 12px;
}

    .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
        --v-timeline-line-size-offset: 24px;
    }

    .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
        --v-timeline-line-size-offset: -12px;
    }

    .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
        --v-timeline-line-size-offset: 0px;
    }

.v-timeline--vertical.v-timeline--align-start {
    align-items: flex-start;
}

    .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
        justify-content: flex-start;
    }

        .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
            height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
        }

        .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
            height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
        }

.v-toolbar {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    justify-content: space-between;
    max-width: 100%;
    position: relative;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
    width: 100%;
}

.v-toolbar {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-toolbar {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-toolbar {
    border-radius: 0;
}

.v-toolbar {
    background: rgb(var(--v-theme-surface-light));
    color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
}

.v-toolbar__content {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    position: relative;
    transition: inherit;
    width: 100%;
}

.v-toolbar__content {
    overflow: hidden;
}

    .v-toolbar__content > .v-toolbar-title {
        margin-inline-start: 20px;
    }

.v-toolbar__prepend, .v-toolbar__append {
    align-items: center;
    align-self: stretch;
    display: flex;
}

.v-toolbar__prepend {
    margin-inline: 4px auto;
}

.v-toolbar__append {
    margin-inline: auto 4px;
}

.v-toolbar-title {
    flex: 1 1;
    min-width: 0;
}

.v-toolbar-title {
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.75rem;
    text-transform: none;
}

.v-toolbar-title__placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-card--variant-text {
    background: transparent;
    color: inherit;
}

.text-surface-variant {
    color: rgb(var(--v-theme-surface-variant)) !important;
}

.v-expansion-panels .h3 {
    font-weight: 500;
}

.v-expansion-panels .h3,
.v-expansion-panels p {
    color: rgba(var(--text-color), 1);
}

.v-expansion-panel:not(:first-child):after {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-expansion-panels {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    width: 100%;
    position: relative;
    background-color: rgba(var(--background-main), 1);
    border-radius: 8px;
}

.v-expansion-panel {
    flex: 1 0 100%;
    max-width: 100%;
    position: relative;
    transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: margin-top, border-radius, border, max-width;
    border-radius: 2px;
    color: rgba(var(--link-color), 1);
}

.v-expansion-panels--variant-accordion > :not(:first-of-type):not(:last-of-type) {
    border-radius: 2px !important;
}

.v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
    transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
}

.v-expansion-panel:not(:first-child):after {
    border-top-style: solid;
    border-top-width: thin;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
}

.v-theme--dark .v-expansion-panel--active {
    background-color: rgba(48, 134, 255, 0.06);
}

.v-expansion-panel--active + .v-expansion-panel {
    margin-top: 16px;
}

    .v-expansion-panel--active + .v-expansion-panel:after {
        opacity: 0;
    }

.v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
    min-height: 80px;
}

.v-expansion-panel__shadow {
    border-radius: inherit;
    z-index: -1;
}

.v-expansion-panel__shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.v-expansion-panel__shadow {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.v-expansion-panel-title {
    align-items: center;
    text-align: start;
    border-radius: inherit;
    display: flex;
    font-size: 0.9375rem;
    min-height: 80px;
    outline: none;
    padding: 16px 24px;
    position: relative;
    transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    justify-content: flex-start;
    gap: 1rem;
}

    .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
        opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
    }

.v-expansion-panel-title__overlay {
    background-color: currentColor;
    border-radius: inherit;
    opacity: 0;
}

.v-expansion-panel-title__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.v-expansion-panel-title__cion {
    display: inline-flex;
    margin-bottom: -4px;
    margin-top: -4px;
    -webkit-user-select: none;
    user-select: none;
    margin-inline-start: 1rem;
}

.v-expansion-panel-text {
    display: flex;
}

.v-expansion-panel-text__wrapper {
    padding: 8px 24px 16px;
    flex: 1 1 auto;
    max-width: 100%;
}

.v-expansion-panels--variant-accordion > .v-expansion-panel {
    margin-top: 0;
}

    .v-expansion-panels--variant-accordion > .v-expansion-panel:after {
        opacity: 1;
    }

.v-expansion-panel-title__icon {
    transition: transform 0.3s ease;
}

    .v-expansion-panel-title__icon.rotated {
        transform: rotate(180deg);
    }

.v-theme--dark .v-expansion-panel--active::after {
    opacity: 0 !important;
}

.v-theme--dark .v-expansion-panel--active + .v-expansion-panel::after {
    opacity: 0 !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.v-list {
    padding: 8px 0;
    position: relative;
    outline: none;
}

.v-list {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-list {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-list {
    border-radius: 0;
}

.v-list {
    color: rgb(var(--text-color));
}

.v-list-subheader {
    align-items: center;
    background: inherit;
    color: rgb(var(--text-color));
    display: flex;
    padding-inline-end: 16px;
    min-height: 40px;
    transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
}

.v-list-subheader__text {
    text-overflow: ellipsis;
}

.v-list--density-default .v-list-subheader {
    min-height: 40px;
    padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list-item {
    align-items: center;
    display: grid;
    flex: none;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content 1fr auto;
    outline: none;
    max-width: 100%;
    padding: 4px 16px;
    position: relative;
    text-decoration: none;
}

.v-list-item {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    border-radius: 4px;
}

.v-list-item__overlay {
    border-radius: 4px;
}

.v-list-item:hover > .v-list-item__overlay {
    opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}

.v-list-item--variant-text {
    background: transparent;
    color: inherit;
}

    .v-list-item--variant-text .v-list-item__overlay {
        background: currentColor;
    }

.v-list-item .v-list-item__underlay {
    position: absolute;
}

.v-list-item--link {
    cursor: pointer;
}

.v-list-item__content {
    align-self: center;
    grid-area: content;
    min-width: 40px;
}

.v-list-item-title {
    overflow-wrap: normal;
    padding: 0;
    text-overflow: ellipsis;
    word-break: normal;
    word-wrap: break-word;
}

.v-list-item-title {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.009375em;
    line-height: 1.5;
    text-transform: none;
}

.v-list-item--density-default {
    min-height: 40px;
}

    .v-list-item--density-default.v-list-item--one-line {
        min-height: 48px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
        padding-inline: 16px;
    }

.v-list-item__underlay {
    position: absolute;
}

.v-list-item__overlay {
    background-color: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.2s ease-in-out;
}

.v-list {
    --indent-padding: 0px;
}

@media (forced-colors: active) {
    .v-list-item:not(.v-list-item--active) {
        color: buttontext;
    }

    .v-list-item-title {
        forced-color-adjust: preserve-parent-color;
    }
}

.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    opacity: var(--v-icon-opacity, 1);
    text-indent: 0;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
    min-width: 1em;
}

.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
}

.v-icon__svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}

.v-list-item--active > .v-list-item__overlay {
    opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}

.v-list-item--active:hover > .v-list-item__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}

.v-list-item__prepend > .v-icon,
.v-list-item__append > .v-icon {
    opacity: var(--v-medium-emphasis-opacity);
}

.v-list-item--active .v-list-item__append > .v-icon {
    opacity: 1;
}

.v-list-item__prepend {
    align-items: center;
    align-self: center;
    display: flex;
    grid-area: prepend;
}

    .v-list-item__prepend > .v-icon ~ .v-list-item__spacer {
        width: 32px;
    }

.v-list-item__append {
    align-self: center;
    display: flex;
    align-items: center;
    grid-area: append;
}

    .v-list-item__append .v-list-item__spacer {
        order: -1;
        transition: 0.15s width cubic-bezier(0.4, 0, 0.2, 1);
    }

    .v-list-item__append > .v-icon ~ .v-list-item__spacer {
        width: 32px;
    }

.v-list-item__content {
    align-self: center;
    grid-area: content;
    overflow: hidden;
    min-width: 40px;
}

.v-list-item-title {
    overflow-wrap: normal;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    word-break: normal;
    word-wrap: break-word;
}

@media (forced-colors: active) {
    .v-list-item:not(.v-list-item--active) {
        color: buttontext;
    }

    .v-list-item:not(.v-list-item--variant-plain).v-list-item--active {
        background-color: highlight !important;
        color: highlighttext !important;
    }

    .v-list-item-title {
        forced-color-adjust: preserve-parent-color;
    }

    .v-list-item--active .v-list-item__append > .v-icon {
        forced-color-adjust: preserve-parent-color;
    }
}

.v-list--density-compact .v-list-subheader {
    min-height: 32px;
    padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list-item--density-compact {
    min-height: 32px;
}

    .v-list-item--density-compact.v-list-item--one-line {
        min-height: 40px;
    }

    .v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line {
        padding-inline: 16px;
    }

*, :before, :after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:before, :after {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    padding: 0;
    margin: 0;
}

button {
    font: inherit;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

button, [type=button] {
    cursor: pointer;
    color: inherit;
}

button, html [type=button] {
    -webkit-appearance: button;
}

button {
    background-color: transparent;
    border-style: none;
}

.v-chip {
    align-items: center;
    display: inline-flex;
    font-weight: 400;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
}

    .v-chip .v-icon {
        --v-icon-size-multiplier: .8571428571;
    }

    .v-chip.v-chip--size-default {
        --v-chip-size: .875rem;
        --v-chip-height: 32px;
        font-size: 0.875rem;
        padding: 0 12px;
    }

        .v-chip.v-chip--size-default .v-icon--start {
            margin-inline-start: -6px;
            margin-inline-end: 6px;
        }

        .v-chip.v-chip--size-default .v-icon--end, .v-chip.v-chip--size-default .v-chip__close {
            margin-inline-start: 6px;
            margin-inline-end: -6px;
        }

        .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
            margin-inline-start: 12px;
        }

    .v-chip.v-chip--density-default {
        height: calc(var(--v-chip-height) + 0px);
    }

.v-chip {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-chip {
    border-radius: 9999px;
}

.v-chip--variant-tonal {
    background: transparent;
    color: inherit;
}

    .v-chip--variant-tonal .v-chip__underlay {
        background: currentColor;
        opacity: var(--v-activated-opacity);
        border-radius: inherit;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
    }

.v-chip .v-chip__underlay {
    position: absolute;
}

.v-chip__content {
    align-items: center;
    display: inline-flex;
}

.v-chip__prepend, .v-chip__append, .v-chip__close {
    align-items: center;
    display: inline-flex;
}

.v-chip__close {
    cursor: pointer;
    flex: 0 1 auto;
    font-size: 18px;
    max-height: 18px;
    max-width: 18px;
    -webkit-user-select: none;
    user-select: none;
}

    .v-chip__close .v-icon {
        font-size: inherit;
    }

@media (forced-colors: active) {
    .v-chip:not(.v-chip--variant-text, .v-chip--variant-plain) {
        border: thin solid;
    }
}

.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    opacity: var(--v-icon-opacity, 1);
    text-indent: 0;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
    min-width: 1em;
}

.v-icon--size-x-small {
    font-size: calc(var(--v-icon-size-multiplier) * 1em);
}

.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
}

.v-icon__svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}

.v-icon--start {
    margin-inline-end: 8px;
}

.v-icon--end {
    margin-inline-start: 8px;
}

/*! CSS Used from: https://vuetifyjs.com/assets/style-BmDAF73S.css */
*, :before, :after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:before, :after {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    padding: 0;
    margin: 0;
}

.v-avatar {
    flex: none;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: normal;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: width, height;
    vertical-align: middle;
}

    .v-avatar.v-avatar--size-default {
        --v-avatar-height: 40px;
    }

    .v-avatar.v-avatar--density-default {
        height: calc(var(--v-avatar-height) + 0px);
        width: calc(var(--v-avatar-height) + 0px);
    }

.v-avatar {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-avatar {
    border-radius: 50%;
}

.v-avatar--variant-flat {
    background: var(--v-theme-surface);
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}

.v-avatar--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-avatar .v-avatar__underlay {
    position: absolute;
}

/*! CSS Used from: https://vuetifyjs.com/assets/style-BmDAF73S.css */
*, :before, :after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:before, :after {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    padding: 0;
    margin: 0;
}

img {
    border-style: none;
}

.v-avatar {
    flex: none;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: normal;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: width, height;
    vertical-align: middle;
}

    .v-avatar.v-avatar--size-default {
        --v-avatar-height: 40px;
    }

    .v-avatar.v-avatar--density-default {
        height: calc(var(--v-avatar-height) + 0px);
        width: calc(var(--v-avatar-height) + 0px);
    }

.v-avatar {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-avatar {
    border-radius: 50%;
}

.v-avatar--variant-flat {
    background: var(--v-theme-surface);
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}

.v-avatar--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-avatar .v-avatar__underlay {
    position: absolute;
}

.v-avatar .v-img {
    height: 100%;
    width: 100%;
}

.v-img {
    --v-theme-overlay-multiplier: 3;
    z-index: 0;
}

.v-img__img {
    z-index: -1;
}

.v-img__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.v-img__img--cover {
    object-fit: cover;
}

.v-responsive {
    display: flex;
    flex: 1 0 auto;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.v-responsive__sizer {
    flex: 1 0 0px;
    transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

*, :before, :after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:before, :after {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    padding: 0;
    margin: 0;
}

.v-avatar {
    flex: none;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: normal;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: width, height;
    vertical-align: middle;
}

    .v-avatar.v-avatar--size-default {
        --v-avatar-height: 40px;
    }

    .v-avatar.v-avatar--density-default {
        height: calc(var(--v-avatar-height) + 0px);
        width: calc(var(--v-avatar-height) + 0px);
    }

.v-avatar {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-avatar {
    border-radius: 50%;
}

.v-avatar--variant-flat {
    background: var(--v-theme-surface);
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}

.v-avatar--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-avatar .v-avatar__underlay {
    position: absolute;
}

.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    opacity: var(--v-icon-opacity, 1);
    text-indent: 0;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
    min-width: 1em;
}

.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
}

.v-icon__svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}

*, :before, :after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:before, :after {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    padding: 0;
    margin: 0;
}

.v-avatar {
    flex: none;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: normal;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: width, height;
    vertical-align: middle;
}

    .v-avatar.v-avatar--size-x-small {
        --v-avatar-height: 24px;
    }

    .v-avatar.v-avatar--density-default {
        height: calc(var(--v-avatar-height) + 0px);
        width: calc(var(--v-avatar-height) + 0px);
    }

.v-avatar {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-avatar {
    border-radius: 50%;
}

.v-avatar--variant-flat {
    background: var(--v-theme-surface);
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}

.v-avatar--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-avatar .v-avatar__underlay {
    position: absolute;
}

*, :before, :after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:before, :after {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    padding: 0;
    margin: 0;
}

.v-avatar {
    flex: none;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: normal;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: width, height;
    vertical-align: middle;
}

    .v-avatar.v-avatar--size-default {
        --v-avatar-height: 40px;
    }

    .v-avatar.v-avatar--density-default {
        height: calc(var(--v-avatar-height) + 0px);
        width: calc(var(--v-avatar-height) + 0px);
    }

.v-avatar {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-avatar {
    border-radius: 50%;
}

.v-avatar--variant-flat {
    background: var(--v-theme-surface);
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}

.v-avatar--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-avatar .v-avatar__underlay {
    position: absolute;
}

.bg-secondary {
    --v-theme-overlay-multiplier: var(--v-theme-secondary-overlay-multiplier);
    background-color: rgb(var(--v-theme-secondary)) !important;
    color: rgb(var(--v-theme-on-secondary)) !important;
}

*, :before, :after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:before, :after {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    padding: 0;
    margin: 0;
}

.v-avatar {
    flex: none;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: normal;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: width, height;
    vertical-align: middle;
}

    .v-avatar.v-avatar--size-x-large {
        --v-avatar-height: 56px;
    }

    .v-avatar.v-avatar--density-default {
        height: calc(var(--v-avatar-height) + 0px);
        width: calc(var(--v-avatar-height) + 0px);
    }

.v-avatar {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-avatar {
    border-radius: 50%;
}

.v-avatar--variant-flat {
    background: var(--v-theme-surface);
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}

.v-avatar--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

.v-avatar .v-avatar__underlay {
    position: absolute;
}

.bg-info {
    --v-theme-overlay-multiplier: var(--v-theme-info-overlay-multiplier);
    background-color: rgb(var(--v-theme-info)) !important;
    color: rgb(var(--v-theme-on-info)) !important;
}

/*! CSS Used from: https://vuetifyjs.com/assets/style-BI_OQq_9.css */
*, :before, :after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:before, :after {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    padding: 0;
    margin: 0;
}

input {
    border-radius: 0;
}

input {
    font: inherit;
}

input {
    background-color: transparent;
    border-style: none;
}

.v-locale--is-ltr {
    direction: ltr;
}

.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    opacity: var(--v-icon-opacity, 1);
    text-indent: 0;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
    min-width: 1em;
}

.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
}

.v-icon__svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}

.v-progress-linear {
    background: transparent;
    overflow: hidden;
    position: relative;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
}

@media (forced-colors: active) {
    .v-progress-linear {
        border: thin solid buttontext;
    }
}

.v-progress-linear__background, .v-progress-linear__buffer {
    background: currentColor;
    bottom: 0;
    left: 0;
    opacity: var(--v-border-opacity);
    position: absolute;
    top: 0;
    width: 100%;
    transition-property: width, left, right;
    transition: inherit;
}

@media (forced-colors: active) {
    .v-progress-linear__buffer {
        background-color: highlight !important;
        opacity: 0.5 !important;
    }
}

.v-progress-linear__indeterminate {
    background: currentColor;
}

@media (forced-colors: active) {
    .v-progress-linear__indeterminate {
        background-color: highlight !important;
    }
}

.v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
    animation-play-state: paused;
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    bottom: 0;
    height: inherit;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: auto;
}

.v-progress-linear__indeterminate .long {
    animation-name: indeterminate-ltr;
}

.v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-ltr;
}

.v-input {
    display: grid;
    flex: 1 1 auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.v-input--density-default {
    --v-input-control-height: 56px;
    --v-input-padding-top: 16px;
}

.v-input--horizontal {
    grid-template-areas: "prepend control append" "a messages b";
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    grid-template-rows: 1fr auto;
}

    .v-input--horizontal .v-input__append {
        margin-inline-start: 16px;
    }

.v-input__details {
    align-items: flex-end;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    grid-area: messages;
    letter-spacing: 0.0333333333em;
    line-height: normal;
    min-height: 22px;
    padding-top: 8px;
    overflow: hidden;
    justify-content: space-between;
}

.v-input__append > .v-icon {
    opacity: var(--v-medium-emphasis-opacity);
}

.v-input__append {
    display: flex;
    align-items: flex-start;
    padding-top: var(--v-input-padding-top);
}

.v-input--center-affix .v-input__append {
    align-items: center;
    padding-top: 0;
}

.v-input__append {
    grid-area: append;
}

.v-input__control {
    display: flex;
    grid-area: control;
}

.v-messages {
    flex: 1 1 auto;
    font-size: 16px;
    min-height: 14px;
    min-width: 1px;
    opacity: 1;
    position: relative;
}

.v-label {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-size: 1rem;
    letter-spacing: 0.009375em;
    min-width: 0;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-text-field input {
    color: inherit;
    opacity: 0;
    flex: 1;
    transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
}

    .v-text-field input:invalid {
        box-shadow: none;
    }

.v-text-field .v-field {
    cursor: text;
}

.v-text-field .v-input__details {
    padding-inline: 16px;
}

.v-field {
    display: grid;
    grid-template-areas: "prepend-inner field clear append-inner";
    grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
    font-size: 16px;
    letter-spacing: 0.009375em;
    max-width: 100%;
    border-radius: 4px;
    contain: layout;
    flex: 1 0;
    grid-area: control;
    position: relative;
    --v-theme-overlay-multiplier: 1;
    --v-field-padding-start: 16px;
    --v-field-padding-end: 16px;
    --v-field-padding-top: 8px;
    --v-field-padding-bottom: 4px;
    --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
    --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
}

.v-field--variant-outlined {
    --v-field-padding-top: 0px;
}

.v-input--density-default .v-field--variant-outlined {
    --v-field-padding-bottom: 16px;
}

.v-field__input {
    align-items: center;
    color: inherit;
    column-gap: 2px;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: 0.009375em;
    opacity: var(--v-high-emphasis-opacity);
    min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
    min-width: 0;
    padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
    padding-top: var(--v-field-input-padding-top);
    padding-bottom: var(--v-field-input-padding-bottom);
    position: relative;
    width: 100%;
}

.v-input--density-default .v-field__input {
    row-gap: 8px;
}

input.v-field__input::placeholder {
    color: currentColor;
    opacity: var(--v-disabled-opacity);
}

.v-field__input:focus, .v-field__input:active {
    outline: none;
}

.v-field__input:invalid {
    box-shadow: none;
}

.v-field__field {
    flex: 1 0;
    grid-area: field;
    position: relative;
    align-items: flex-start;
    display: flex;
}

.v-label.v-field-label {
    contain: layout paint;
    display: block;
    margin-inline-start: var(--v-field-padding-start);
    margin-inline-end: var(--v-field-padding-end);
    max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
    pointer-events: none;
    position: absolute;
    top: var(--v-input-padding-top);
    transform-origin: left center;
    transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity, transform;
    z-index: 1;
}

.v-field--center-affix .v-label.v-field-label {
    top: 50%;
    transform: translateY(-50%);
}

.v-label.v-field-label--floating {
    --v-field-label-scale: 1em;
    font-size: var(--v-field-label-scale);
    visibility: hidden;
}

.v-field--variant-outlined .v-label.v-field-label--floating {
    max-width: 100%;
}

.v-field--center-affix .v-label.v-field-label--floating {
    transform: none;
}

.v-field--variant-outlined .v-label.v-field-label--floating {
    transform: translateY(-50%);
    transform-origin: center;
    position: static;
    margin: 0 4px;
}

.v-field__outline {
    --v-field-border-width: 1px;
    --v-field-border-opacity: .38;
    align-items: stretch;
    contain: layout;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
}

@media (hover: hover) {
    .v-field:hover .v-field__outline {
        --v-field-border-opacity: var(--v-high-emphasis-opacity);
    }
}

.v-field--variant-outlined .v-field__outline {
    border-radius: inherit;
}

.v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch:before, .v-field--variant-outlined .v-field__outline__notch:after, .v-field--variant-outlined .v-field__outline__end {
    border: 0 solid currentColor;
    opacity: var(--v-field-border-opacity);
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-field--variant-outlined .v-field__outline__start {
    flex: 0 0 12px;
    border-top-width: var(--v-field-border-width);
    border-bottom-width: var(--v-field-border-width);
    border-inline-start-width: var(--v-field-border-width);
    border-start-start-radius: inherit;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: inherit;
}

.v-field--variant-outlined .v-field__outline__notch {
    flex: none;
    position: relative;
    max-width: calc(100% - 24px);
}

    .v-field--variant-outlined .v-field__outline__notch:before, .v-field--variant-outlined .v-field__outline__notch:after {
        opacity: var(--v-field-border-opacity);
        transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .v-field--variant-outlined .v-field__outline__notch:before, .v-field--variant-outlined .v-field__outline__notch:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .v-field--variant-outlined .v-field__outline__notch:before {
        border-width: var(--v-field-border-width) 0 0;
    }

    .v-field--variant-outlined .v-field__outline__notch:after {
        bottom: 0;
        border-width: 0 0 var(--v-field-border-width);
    }

.v-field--variant-outlined .v-field__outline__end {
    flex: 1;
    border-top-width: var(--v-field-border-width);
    border-bottom-width: var(--v-field-border-width);
    border-inline-end-width: var(--v-field-border-width);
    border-start-start-radius: 0;
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
    border-end-start-radius: 0;
}

.v-field__loader {
    top: calc(100% - 2px);
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    overflow: hidden;
}

.v-field--variant-outlined .v-field__loader {
    top: calc(100% - 3px);
    width: calc(100% - 2px);
    left: 1px;
}

.v-field__overlay {
    border-radius: inherit;
    pointer-events: none;
}

.v-field__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@keyframes indeterminate-ltr {
    0% {
        left: -90%;
        right: 100%;
    }

    60% {
        left: -90%;
        right: 100%;
    }

    to {
        left: 100%;
        right: -35%;
    }
}

@keyframes indeterminate-short-ltr {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    to {
        left: 107%;
        right: -8%;
    }
}
/*! CSS Used from: https://vuetifyjs.com/assets/style-BI_OQq_9.css */
*, :before, :after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:before, :after {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    padding: 0;
    margin: 0;
}

input {
    border-radius: 0;
}

input {
    font: inherit;
}

input {
    background-color: transparent;
    border-style: none;
}

.v-locale--is-ltr {
    direction: ltr;
}

.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    opacity: var(--v-icon-opacity, 1);
    text-indent: 0;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
    min-width: 1em;
}

.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
}

.v-icon__svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}

.v-progress-linear {
    background: transparent;
    overflow: hidden;
    position: relative;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
}

@media (forced-colors: active) {
    .v-progress-linear {
        border: thin solid buttontext;
    }
}

.v-progress-linear__background, .v-progress-linear__buffer {
    background: currentColor;
    bottom: 0;
    left: 0;
    opacity: var(--v-border-opacity);
    position: absolute;
    top: 0;
    width: 100%;
    transition-property: width, left, right;
    transition: inherit;
}

@media (forced-colors: active) {
    .v-progress-linear__buffer {
        background-color: highlight !important;
        opacity: 0.5 !important;
    }
}

.v-progress-linear__indeterminate {
    background: currentColor;
}

@media (forced-colors: active) {
    .v-progress-linear__indeterminate {
        background-color: highlight !important;
    }
}

.v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
    animation-play-state: paused;
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    bottom: 0;
    height: inherit;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: auto;
}

.v-progress-linear__indeterminate .long {
    animation-name: indeterminate-ltr;
}

.v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-ltr;
}

.v-input {
    display: grid;
    flex: 1 1 auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.v-input--density-default {
    --v-input-control-height: 56px;
    --v-input-padding-top: 16px;
}

.v-input--horizontal {
    grid-template-areas: "prepend control append" "a messages b";
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    grid-template-rows: 1fr auto;
}

    .v-input--horizontal .v-input__append {
        margin-inline-start: 16px;
    }

.v-input__details {
    align-items: flex-end;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    grid-area: messages;
    letter-spacing: 0.0333333333em;
    line-height: normal;
    min-height: 22px;
    padding-top: 8px;
    overflow: hidden;
    justify-content: space-between;
}

.v-input__append > .v-icon {
    opacity: var(--v-medium-emphasis-opacity);
}

.v-input__append {
    display: flex;
    align-items: flex-start;
    padding-top: var(--v-input-padding-top);
}

.v-input--center-affix .v-input__append {
    align-items: center;
    padding-top: 0;
}

.v-input__append {
    grid-area: append;
}

.v-input__control {
    display: flex;
    grid-area: control;
}

.v-messages {
    flex: 1 1 auto;
    font-size: 12px;
    min-height: 14px;
    min-width: 1px;
    opacity: var(--v-medium-emphasis-opacity);
    position: relative;
}

.v-label {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-size: 1rem;
    letter-spacing: 0.009375em;
    min-width: 0;
    opacity: var(--v-medium-emphasis-opacity);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-text-field input {
    color: inherit;
    opacity: 0;
    flex: 1;
    transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
}

    .v-text-field input:invalid {
        box-shadow: none;
    }

.v-text-field .v-field {
    cursor: text;
}

.v-text-field .v-input__details {
    padding-inline: 16px;
}

.v-text-field .v-field--active input {
    opacity: 1;
}

.v-field {
    display: grid;
    grid-template-areas: "prepend-inner field clear append-inner";
    grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
    font-size: 16px;
    letter-spacing: 0.009375em;
    max-width: 100%;
    border-radius: 4px;
    contain: layout;
    flex: 1 0;
    grid-area: control;
    position: relative;
    --v-theme-overlay-multiplier: 1;
    --v-field-padding-start: 16px;
    --v-field-padding-end: 16px;
    --v-field-padding-top: 8px;
    --v-field-padding-bottom: 4px;
    --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
    --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
}

.v-field--variant-outlined {
    --v-field-padding-top: 0px;
}

.v-input--density-default .v-field--variant-outlined {
    --v-field-padding-bottom: 16px;
}

.v-field__input {
    align-items: center;
    color: inherit;
    column-gap: 2px;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: 0.009375em;
    opacity: var(--v-high-emphasis-opacity);
    min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
    min-width: 0;
    padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
    padding-top: var(--v-field-input-padding-top);
    padding-bottom: var(--v-field-input-padding-bottom);
    position: relative;
    width: 100%;
}

.v-input--density-default .v-field__input {
    row-gap: 8px;
}

input.v-field__input::placeholder {
    color: currentColor;
    opacity: var(--v-disabled-opacity);
}

.v-field__input:focus, .v-field__input:active {
    outline: none;
}

.v-field__input:invalid {
    box-shadow: none;
}

.v-field__field {
    flex: 1 0;
    grid-area: field;
    position: relative;
    align-items: flex-start;
    display: flex;
}

.v-label.v-field-label {
    contain: layout paint;
    display: block;
    margin-inline-start: var(--v-field-padding-start);
    margin-inline-end: var(--v-field-padding-end);
    max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
    pointer-events: none;
    position: absolute;
    top: var(--v-input-padding-top);
    transform-origin: left center;
    transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity, transform;
    z-index: 1;
}

.v-field--center-affix .v-label.v-field-label {
    top: 50%;
    transform: translateY(-50%);
}

.v-field--active .v-label.v-field-label {
    visibility: hidden;
}

.v-label.v-field-label--floating {
    --v-field-label-scale: 1em;
    font-size: var(--v-field-label-scale);
    visibility: hidden;
}

.v-field--variant-outlined .v-label.v-field-label--floating {
    max-width: 100%;
}

.v-field--center-affix .v-label.v-field-label--floating {
    transform: none;
}

.v-field.v-field--active .v-label.v-field-label--floating {
    visibility: unset;
}

.v-field--variant-outlined .v-label.v-field-label--floating {
    transform: translateY(-50%);
    transform-origin: center;
    position: static;
    margin: 0 4px;
}

.v-field__outline {
    --v-field-border-width: 1px;
    --v-field-border-opacity: .38;
    align-items: stretch;
    contain: layout;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
}

@media (hover: hover) {
    .v-field:hover .v-field__outline {
        --v-field-border-opacity: var(--v-high-emphasis-opacity);
    }
}

.v-field:focus .v-field__outline {
    --v-field-border-opacity: 1;
}

.v-field--variant-outlined .v-field__outline {
    border-radius: inherit;
}

.v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch:before, .v-field--variant-outlined .v-field__outline__notch:after, .v-field--variant-outlined .v-field__outline__end {
    border: 0 solid currentColor;
    opacity: var(--v-field-border-opacity);
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-field--variant-outlined .v-field__outline__start {
    flex: 0 0 12px;
    border-top-width: var(--v-field-border-width);
    border-bottom-width: var(--v-field-border-width);
    border-inline-start-width: var(--v-field-border-width);
    border-start-start-radius: inherit;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: inherit;
}

.v-field--variant-outlined .v-field__outline__notch {
    flex: none;
    position: relative;
    max-width: calc(100% - 24px);
}

    .v-field--variant-outlined .v-field__outline__notch:before, .v-field--variant-outlined .v-field__outline__notch:after {
        opacity: var(--v-field-border-opacity);
        transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .v-field--variant-outlined .v-field__outline__notch:before, .v-field--variant-outlined .v-field__outline__notch:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .v-field--variant-outlined .v-field__outline__notch:before {
        border-width: var(--v-field-border-width) 0 0;
    }

    .v-field--variant-outlined .v-field__outline__notch:after {
        bottom: 0;
        border-width: 0 0 var(--v-field-border-width);
    }

.v-field--active.v-field--variant-outlined .v-field__outline__notch:before {
    opacity: 0;
}

.v-field--variant-outlined .v-field__outline__end {
    flex: 1;
    border-top-width: var(--v-field-border-width);
    border-bottom-width: var(--v-field-border-width);
    border-inline-end-width: var(--v-field-border-width);
    border-start-start-radius: 0;
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
    border-end-start-radius: 0;
}

.v-field__loader {
    top: calc(100% - 2px);
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    overflow: hidden;
}

.v-field--variant-outlined .v-field__loader {
    top: calc(100% - 3px);
    width: calc(100% - 2px);
    left: 1px;
}

.v-field__overlay {
    border-radius: inherit;
    pointer-events: none;
}

.v-field__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@keyframes indeterminate-ltr {
    0% {
        left: -90%;
        right: 100%;
    }

    60% {
        left: -90%;
        right: 100%;
    }

    to {
        left: 100%;
        right: -35%;
    }
}

@keyframes indeterminate-short-ltr {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    to {
        left: 107%;
        right: -8%;
    }
}

.v-input {
    display: grid;
    flex: 1 1 auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.v-input--density-default {
    --v-input-control-height: 56px;
    --v-input-padding-top: 16px;
}

.v-input--horizontal {
    grid-template-areas: "prepend control append" "a messages b";
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    grid-template-rows: 1fr auto;
}

.v-input__details {
    align-items: flex-end;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    grid-area: messages;
    letter-spacing: 0.0333333333em;
    line-height: normal;
    min-height: 22px;
    padding-top: 8px;
    overflow: hidden;
    justify-content: space-between;
}

.v-input__control {
    display: flex;
    grid-area: control;
}

.v-messages {
    flex: 1 1 auto;
    font-size: 16px;
    min-height: 14px;
    min-width: 1px;
    opacity: 1;
    position: relative;
}

.v-messages__message {
    line-height: 120%;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    transition-duration: 0.15s;
}

.v-label {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-size: 1rem;
    letter-spacing: 0.009375em;
    min-width: 0;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-text-field input {
    color: inherit;
    opacity: 0;
    flex: 1;
    transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
}

    .v-text-field input:focus, .v-text-field input:active {
        outline: none;
    }

    .v-text-field input:invalid {
        box-shadow: none;
    }

.v-text-field .v-field {
    cursor: text;
}

.v-text-field .v-input__details {
    padding-inline: 16px;
}

.v-text-field .v-field--active input {
    opacity: 1;
}

.v-field {
    display: grid;
    grid-template-areas: "prepend-inner field clear append-inner";
    grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
    font-size: 16px;
    letter-spacing: 0.009375em;
    max-width: 100%;
    border-radius: 4px;
    contain: layout;
    flex: 1 0;
    grid-area: control;
    position: relative;
    --v-theme-overlay-multiplier: 1;
    --v-field-padding-start: 16px;
    --v-field-padding-end: 16px;
    --v-field-padding-top: 8px;
    --v-field-padding-bottom: 4px;
    --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
    --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
}

.v-field--variant-solo {
    background: #fff;
    border-color: transparent;
    color: rgb(6, 22, 30);
}

.v-field--variant-solo {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.v-input--density-default .v-field--variant-solo {
    --v-input-control-height: 56px;
    --v-field-padding-bottom: 4px;
}

.v-field__input {
    align-items: center;
    color: inherit;
    column-gap: 2px;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: 0.009375em;
    opacity: var(--v-high-emphasis-opacity);
    min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
    min-width: 0;
    padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
    padding-top: var(--v-field-input-padding-top);
    padding-bottom: var(--v-field-input-padding-bottom);
    position: relative;
    width: 100%;
}

.v-input--density-default .v-field__input {
    row-gap: 8px;
}

input.v-field__input::placeholder {
    color: currentColor;
    opacity: var(--v-disabled-opacity);
}

.v-field__input:focus, .v-field__input:active {
    outline: none;
}

.v-field__input:invalid {
    box-shadow: none;
}

.v-field__field {
    flex: 1 0;
    grid-area: field;
    position: relative;
    align-items: flex-start;
    display: flex;
}

.v-label.v-field-label {
    contain: layout paint;
    display: block;
    margin-inline-start: var(--v-field-padding-start);
    margin-inline-end: var(--v-field-padding-end);
    max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
    pointer-events: none;
    position: absolute;
    top: var(--v-input-padding-top);
    transform-origin: left center;
    z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
    .v-label.v-field-label {
        transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: opacity, transform;
    }
}

.v-field--center-affix .v-label.v-field-label {
    top: 50%;
    transform: translateY(-50%);
}

.v-field--active .v-label.v-field-label {
    visibility: hidden;
}

.v-label.v-field-label--floating {
    --v-field-label-scale: .75em;
    font-size: var(--v-field-label-scale);
    visibility: hidden;
}

.v-field--center-affix .v-label.v-field-label--floating {
    transform: none;
}

.v-field.v-field--active .v-label.v-field-label--floating {
    visibility: unset;
}

.v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating {
    top: 7px;
}

.v-field__outline {
    --v-field-border-width: 1px;
    --v-field-border-opacity: .38;
    align-items: stretch;
    contain: layout;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
}

@media (hover: hover) {
    .v-field:hover .v-field__outline {
        --v-field-border-opacity: var(--v-high-emphasis-opacity);
    }
}

.v-field__loader {
    top: calc(100% - 2px);
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    overflow: hidden;
}

.v-field__overlay {
    border-radius: inherit;
    pointer-events: none;
}

.v-field__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.v-text-field input:focus, .v-text-field input:active {
    outline-offset: 4px;
    outline-color: rgb(var(--link-color));
    outline-width: 2px;
    outline-style: solid;
    border-radius: 2px;
}

.v-field__loader {
    color: rgba(var(--link-color), 1);
}

/* Dropdown menu */
[data-menu-content] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 4px;
    padding: 4px 0;
    min-width: 160px;
    z-index: 999;
    background: rgba(var(--floating-background), 1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(var(--decoration-color), var(--decoration-opacity));
}

    [data-menu-content] ul li {
        border-bottom: 1px solid transparent;
    }

        [data-menu-content] ul li a {
            color: rgba(var(--floating-link-color), 1);
        }

/* Menu visible */
.nav-item.dropdown.open [data-menu-content] {
    display: block;
}

/* Menu trigger */
.modal {
    display: none;
}

    .modal.is-open {
        display: block;
        z-index: 10;
    }

[data-micromodal-close] {
    outline-color: currentColor;
}

/*! CSS Used from: https://micromodal.vercel.app/index.7f8269ff.css */
code {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

button {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
}

code,
div,
footer,
h2,
header,
p {
    box-sizing: border-box;
}

code {
    font-family: Consolas, monaco, monospace;
}

.modal {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
    z-index: 2;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.modal__container {
    background-color: rgb(var(--floating-background));
    box-sizing: border-box;
    max-height: 100vh;
    overflow-y: auto;
}

.modal__title {
    box-sizing: border-box;
    color: #00449e;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 0;
    margin-top: 0;
}

.modal__close {
    background: transparent;
    border: 0;
}

.modal__header .modal__close:before {
    content: "✕";
}

.modal__content {
    color: rgb(var(--text-color));
    line-height: 1.5;
}

.modal__btn {
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: button;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #e6e6e6;
    border-style: none;
    border-width: 0;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    padding: 0.5rem 1rem;
    text-transform: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}

    .modal__btn:focus,
    .modal__btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}

.micromodal-slide {
    display: none;
}

    .micromodal-slide.is-open {
        display: block;
    }

    .micromodal-slide[aria-hidden=false] .modal__overlay {
        animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    }

    .micromodal-slide[aria-hidden=false] .modal__container {
        animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    }

    .micromodal-slide .modal__container,
    .micromodal-slide .modal__overlay {
        will-change: transform;
    }

button {
    cursor: pointer;
}

code {
    background-color: #f7f7f9;
    color: #8a2be2;
    font-family: Source Code Pro, Consolas, monaco, monospace !important;
    font-size: 90% !important;
    padding: 0.2rem 0.4rem;
}

/*! CSS Used keyframes */
@keyframes mmfadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mmslideIn {
    0% {
        transform: translateY(-15%);
    }

    to {
        transform: translateY(0);
    }
}

.v-component--advancedSearch .v-messages__message .footnote {
    opacity: 0.65;
}

.v-component--advancedSearch .v-list {
    color: #3086ff;
}

.v-component--advancedSearch [data-micromodal-close] {
    color: rgb(var(--text-color));
}

.v-component--advancedSearch .modal__content {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

#navbar {
    border-bottom: 1px solid rgba(var(--decoration-color), var(--decoration-opacity));
}

    #navbar .navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

@media (min-width: 1200px) {
    #navbar .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        #navbar .navbar-expand-xl .navbar-nav {
            flex-direction: row;
        }

            #navbar .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            #navbar .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        #navbar .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        #navbar .navbar-expand-xl .navbar-links,
        #navbar .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

#navbar .navbar-toggler,
#navbar .navbar-links {
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
}

@media (min-width: 576px) {
    #navbar .navbar-toggler,
    #navbar .navbar-links {
        padding: 0.25rem 0.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    #navbar .navbar-toggler,
    #navbar .navbar-links {
        transition: none;
    }
}

#navbar .navbar-links a:hover,
#navbar .navbar-toggler:hover {
    text-decoration: none;
}

#navbar .navbar-toggler button:focus,
#navbar .navbar-links a:focus,
#navbar .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 2px;
}

#navbar .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

#navbar .navbar-brand {
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}

    #navbar .navbar-brand svg {
        display: block;
    }

#navbar .collapse:not(.show) {
    display: none;
}

#navbar .navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    #navbar .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    #navbar .navbar-nav .dropdown-menu {
        position: static;
    }

#navbar .navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#navbar .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

#navbar .dropdown {
    position: relative;
}

#navbar .v-component--menu [role=menuitem] {
    width: 100%;
}

#navbar [data-menu-content] [role=menuitem] {
    cursor: pointer;
    transition: background-color 0.2s;
}

#navbar [data-menu-content] [role=menuitem] {
    cursor: pointer;
    transition: background-color 0.2s;
}

#navbar .v-btn {
    text-decoration: none !important;
}

    #navbar .v-btn:focus .v-btn__overlay {
        opacity: 0;
    }

#breadcrumb {
    color: rgb(6, 22, 30);
}

    #breadcrumb a {
        color: rgb(6, 22, 30);
    }

    #breadcrumb svg {
        display: block;
        color: rgba(6, 22, 30, 0.5);
    }

    #breadcrumb li {
        display: flex;
        align-items: center;
    }

    #breadcrumb span.v-btn {
        color: rgba(6, 22, 30, 0.5);
    }

    #breadcrumb.theme-color-dark a .v-btn__content, #breadcrumb.theme-color-dark .v-btn .v-btn__content {
        font-weight: 500;
    }

    #breadcrumb.theme-color-dark .v-btn__overlay {
        opacity: 0;
    }

.v-state--loading #cards .row #energy .v-card__underlay {
    background-image: url("/assets/media/planetamais/backgrounds/lamp-mobileXs.webp");
    background-position: right bottom;
}

@media (min-width: 576px) {
    .v-state--loading #cards .row #energy .v-card__underlay {
        background-image: url("/assets/media/planetamais/backgrounds/lampXs.webp");
    }
}

.v-state--loading #cards .row #car .v-card__underlay {
    background-image: url("/assets/media/planetamais/backgrounds/electric-car-mobileXs.webp");
    background-position: right bottom;
}

@media (min-width: 576px) {
    .v-state--loading #cards .row #car .v-card__underlay {
        background-image: url("/assets/media/planetamais/backgrounds/electric-carXs.webp");
    }
}

.v-state--loaded #cards .row #energy .v-card__underlay {
    background-image: url("/assets/media/planetamais/backgrounds/lamp-mobileLg.webp");
    background-position: right bottom;
}

@media (min-width: 576px) {
    .v-state--loaded #cards .row #energy .v-card__underlay {
        background-image: url("/assets/media/planetamais/backgrounds/lampLg.webp");
    }
}

.v-state--loaded #cards .row #car .v-card__underlay {
    background-image: url("/assets/media/planetamais/backgrounds/electric-car-mobileLg.webp");
    background-position: right bottom;
}

@media (min-width: 576px) {
    .v-state--loaded #cards .row #car .v-card__underlay {
        background-image: url("/assets/media/planetamais/backgrounds/electric-carLg.webp");
    }
}

#cards .vr {
    border-radius: 2px;
    width: 2px;
    background-color: rgba(48, 134, 255, 0.5);
}

#cards .v-card {
    min-height: 230px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 576px) {
    #cards .v-card {
        min-height: 300px;
    }
}

#cards .v-card-subtitle {
    padding-block-start: 1rem !important;
}

#cards .v-card-actions {
    display: flex;
    flex: 1 1 auto;
    align-items: end;
    padding-block-start: 1rem !important;
    padding: 0.625rem 1rem;
}

    #cards .v-card-actions .v-btn {
        color: rgba(var(--link-color), 1);
        border-radius: 8px;
    }

#cards .v-card-item__content {
    max-width: 70%;
}

#cards .row .v-card__underlay {
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
}

#awards-grid-compact .v-card {
    pointer-events: none;
}

@media (min-width: 1400px) {
    #awards-grid-compact .v-card {
        max-width: 340px;
    }
}

#awards-grid-compact [data-menu-content] {
    display: block;
    position: relative;
    width: 100%;
}

@media (max-width: 1399.98px) {
    #awards-grid-compact [data-menu-content] {
        background: transparent;
        border: 0;
        box-shadow: none;
        position: relative !important;
        transform: none !important;
        inset: 0 !important;
        display: block !important;
    }
}

#awards-grid-compact .v-btn__append {
    display: none;
}

@media (min-width: 1400px) {
    #awards-grid-compact article {
        justify-content: center;
    }

    #awards-grid-compact [data-menu-content] {
        display: none;
        position: absolute;
        width: auto;
    }

    #awards-grid-compact .v-btn__append {
        display: block;
    }
}

#hero-cta {
    overflow: hidden;
}

@media (min-width: 576px) {
    #hero-cta {
        overflow: visible;
    }
}

#hero-cta a {
    font-size: inherit !important;
}

#hero-cta .col {
    position: relative;
}

@media (max-width: 1199.98px) {
    #hero-cta .row {
        margin-bottom: -100px;
    }
}

#hero-cta #play-video {
    margin: 0 auto;
    display: block;
}

    #hero-cta #play-video img {
        transform: translateX(-10%);
    }

@media (min-width: 1200px) {
    #hero-cta #play-video img {
        transform: none;
    }
}

@media (min-width: 1200px) {
    #hero-cta #play-video {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%) translateX(0);
    }
}

@media (min-width: 1400px) {
    #hero-cta #play-video {
        right: 50%;
        transform: translateY(-50%) translateX(50%);
    }
}

#hero-cta .illustration-play {
    color: rgb(var(--link-color));
    position: absolute;
    left: 50%;
    top: 45px;
    transform: translateX(-50%);
}

@media (min-width: 1200px) {
    #hero-cta .illustration-play {
        bottom: auto;
        right: 15px;
        left: auto;
        top: 45px;
    }
}

#hero-cta iframe {
    width: 100%;
    height: 300px;
}

@media (min-width: 768px) {
    #hero-cta iframe {
        height: 350px;
    }
}

@media (min-width: 1200px) {
    #hero-cta iframe {
        height: 400px;
    }
}

#hero-cta [data-modal-content] {
    background-color: transparent;
}

#hero-cta [data-micromodal-close] {
    color: #fff;
}

@media (min-width: 1200px) {
    #reviews-carousel .col {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (min-width: 1400px) {
    #reviews-carousel .col {
        padding-left: 120px;
        padding-right: 120px;
    }
}

#reviews-carousel .v-card-text {
    display: flex;
}

#reviews-carousel .v-card-actions,
#reviews-carousel .v-card-text,
#reviews-carousel .v-card-item,
#reviews-carousel .v-card-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    #reviews-carousel .v-card-text span {
        opacity: 0.3;
        color: #3086ff;
        display: none;
    }

        #reviews-carousel .v-card-text span:last-child {
            display: none;
        }

    #reviews-carousel .v-card-text h3 {
        text-align: justify;
        line-height: 1.6;
    }

#reviews-carousel .v-card-actions {
    padding: 1rem;
}

    #reviews-carousel .v-card-actions p {
        font-weight: 500;
    }

#reviews-carousel .v-component--carousel {
    position: relative;
}

@media (min-width: 1200px) {
    #reviews-carousel .embla__button.embla__button--prev {
        position: absolute;
        left: -30px;
        top: 50%;
        transform: translateY(-50%) translateX(-100%);
    }
}

@media (min-width: 1400px) {
    #reviews-carousel .embla__button.embla__button--prev {
        left: -60px;
    }
}

@media (min-width: 1200px) {
    #reviews-carousel .embla__button.embla__button--next {
        position: absolute;
        right: -30px;
        top: 50%;
        transform: translateY(-50%) translateX(100%);
    }
}

@media (min-width: 1400px) {
    #reviews-carousel .embla__button.embla__button--next {
        right: -60px;
    }
}

#reviews-carousel .embla {
    max-width: 100%;
    --slide-height: 19rem;
    --slide-spacing: 1rem;
    --slide-size: 100%;
}

#reviews-carousel .embla__viewport {
    overflow: hidden;
}

#reviews-carousel .embla__container {
    display: flex;
    touch-action: pan-y pinch-zoom;
    margin-left: calc(var(--slide-spacing) * -1);
}

#reviews-carousel .embla__slide {
    transform: translate3d(0, 0, 0);
    flex: 0 0 var(--slide-size);
    min-width: 0;
    padding-left: var(--slide-spacing);
}

#reviews-carousel .embla__slide__number {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: var(--slide-height);
    user-select: none;
}

#reviews-carousel .embla__controls {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: space-between;
    gap: 1.2rem;
    margin-top: 1.8rem;
}

#reviews-carousel .embla__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    align-items: center;
}

#reviews-carousel .embla__button {
    -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
    -webkit-appearance: none;
    color: var(--text-body);
    appearance: none;
    touch-action: manipulation;
    display: inline-flex;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    justify-content: center;
    background-color: rgba(var(--floating-background), 0.33);
    color: rgb(var(--primary-color));
}

@media (min-width: 768px) {
    #reviews-carousel .embla__button {
        width: 3.6rem;
        height: 3.6rem;
    }
}

@media (min-width: 1200px) {
    #reviews-carousel .embla__button svg {
        width: 2rem;
        height: 2rem;
    }
}

#reviews-carousel .embla__button:disabled {
    color: var(--detail-high-contrast);
}

#reviews-carousel .embla__button__svg {
    width: 35%;
    height: 35%;
}

#reviews-carousel .embla__play {
    -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    touch-action: manipulation;
    display: inline-flex;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
    border-radius: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: flex-end;
    color: var(--text-body);
    min-width: 8.4rem;
}

#reviews-carousel .embla__progress {
    box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
    background-color: var(--background-site);
    position: relative;
    height: 0.6rem;
    justify-self: flex-end;
    align-self: center;
    width: 13rem;
    max-width: 90%;
    overflow: hidden;
}

#reviews-carousel .embla__progress__bar {
    background-color: var(--text-body);
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: -100%;
}

#reviews-carousel .embla__controls {
    grid-template-columns: auto 1fr auto;
}

#reviews-carousel .embla__progress {
    justify-self: center;
    transition: opacity 0.3s ease-in-out;
    width: 8rem;
}

#reviews-carousel .embla__progress--hidden {
    opacity: 0;
}

#reviews-carousel .embla__progress__bar {
    animation-name: autoplay-progress;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

#reviews-carousel .embla__progress--hidden .embla__progress__bar {
    animation-play-state: paused;
}

@keyframes autoplay-progress {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(100%, 0, 0);
    }
}

#reviews-carousel .embla__slide .v-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

    #reviews-carousel .embla__slide .v-card .v-card-text {
        padding-top: 1rem;
    }

.v-theme--light #reviews-carousel .row > div:first-child:before {
    background-color: rgb(var(--background-primary));
}

.v-theme--dark #reviews-carousel .row > div:first-child:before {
    background-color: rgba(3, 7, 18, 0.33);
}

.embla__dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-right: -0.6rem;
    gap: 1rem;
}

.embla__dot {
    -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    touch-action: manipulation;
    display: inline-flex;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(243, 248, 255);
}

    .embla__dot:after {
        box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
        width: 100%;
        height: 100%;
        border-radius: 50%;
        display: flex;
        align-items: center;
        content: "";
    }

.embla__dot--selected:after {
    box-shadow: inset 0 0 0 0.2rem var(--text-body);
    background-color: rgb(244, 190, 0);
}

#faq-accordion {
    position: relative;
}

@media (max-width: 575.98px) {
    #faq-accordion .outer-container {
        padding: 0 !important;
    }
}

#faq-accordion .row {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#faq-accordion .background-decoration {
    width: 100%;
    height: 300px;
    width: 100%;
    height: 300px;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
}

#faq-accordion h2 {
    font-weight: 500;
}

#faq-accordion .has-background {
    min-height: 200px;
    background-image:url("/media/2gei5yhw/faqsmd.webp");
    background-size: 196px 250px;
    background-position: 100% 16px;
}

@media (min-width: 1200px) {
    #faq-accordion .has-background {
        min-height: 300px;
    }
}

#tabbed-content .v-card {
    background-color: transparent !important;
}

    #tabbed-content .v-card .v-card-actions .v-btn .v-btn__content {
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        letter-spacing: 0.1666666667em !important;
        text-transform: uppercase !important;
    }

    #tabbed-content .v-card .v-card-subtitle p,
    #tabbed-content .v-card .v-card-title p {
        text-align: justify;
    }

#tabbed-content .v-tab {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    min-height: 36px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

@media (min-width: 768px) {
    #tabbed-content .v-tab {
        padding-left: 3rem;
        padding-right: 3rem;
        min-height: 60px;
    }
}

#tabbed-content .v-tab .v-btn__content {
    font-size: 1em;
}

@media (min-width: 768px) {
    #tabbed-content .v-tab .v-btn__content {
        font-size: 1.1875em;
    }
}

#tabbed-content .v-slide-group__content {
    display: flex;
}

.v-theme--light .v-tab--selected {
    pointer-events: none;
    color: rgb(var(--primary-color));
    background-color: rgba(var(--primary-color), 0.06);
}

    .v-theme--light .v-tab--selected .v-btn__content {
        color: rgb(var(--text-color));
    }

.v-theme--dark .v-tab--selected {
    color: rgba(var(--link-color), 1);
    background-color: rgba(48, 134, 255, 0.06);
}

.bg-custom-gradient {
    background: linear-gradient(to bottom, rgba(var(--primary-color), 0.06) 0%, rgba(247, 250, 253, 0) 100%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.v-slide-group.scrollable {
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 100px), transparent 100%);
    mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 100px), transparent 100%);
}

    .v-slide-group.scrollable.v-tabs.v-tabs--horizontal {
        overflow: hidden;
        height: 36px;
    }

@media (min-width: 768px) {
    .v-slide-group.scrollable.v-tabs.v-tabs--horizontal {
        height: 60px;
    }
}

.v-slide-group.scrollable .v-slide-group__container {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    white-space: nowrap;
}

    .v-slide-group.scrollable .v-slide-group__container::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

.v-slide-group.scrollable .v-btn:focus {
    outline: 0;
}

#info-cta button {
    min-height: 77px;
    border-radius: 16px;
    max-width: 100%;
    width: 320px;
    margin: 0 auto;
}

#info-cta .v-btn__content {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    font-size: 22px;
    position: relative;
}

#advantages-grid-compact {
    overflow: hidden;
}

    #advantages-grid-compact .v-card-item__prepend {
        padding-inline-end: 2rem;
    }

    #advantages-grid-compact .v-card-item {
        padding: 0.625rem 0;
    }

    #advantages-grid-compact .row {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }

    #advantages-grid-compact .card.v-card--variant-flat {
        background-color: transparent;
    }

.v-theme--dark #advantages-grid-compact .v-card-item__prepend {
    background: url("/assets/media/planetamais/backgrounds/small-planet-dark.png");
    background-size: 60px;
    background-repeat: no-repeat;
}

#footer-menu-mobile {
    max-width: 100%;
    display: block;
    margin: 0;
}

    #footer-menu-mobile button {
        text-transform: none;
    }

    #footer-menu-mobile a, #footer-menu-mobile div, #footer-menu-mobile span {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }

    #footer-menu-mobile #footer span {
        line-height: 160% !important;
    }

    #footer-menu-mobile .visually-hidden {
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    #footer-menu-mobile button {
        overflow: visible;
    }

    #footer-menu-mobile .visually-hidden:not(caption) {
        position: absolute !important;
    }

    #footer-menu-mobile a, #footer-menu-mobile button {
        font-size: 0.875rem;
        line-height: 1.6;
        letter-spacing: 0;
    }

@media (min-width: 1200px) {
    #footer-menu-mobile a, #footer-menu-mobile button {
        font-size: 1rem;
    }
}

#footer-menu-mobile span {
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0;
}

@media (min-width: 1200px) {
    #footer-menu-mobile span {
        font-size: 0.875rem;
    }
}

#footer-menu-mobile .pt-3 {
    padding-top: 1rem !important;
}

#footer-menu-mobile .pb-3 {
    padding-bottom: 1rem !important;
}

#footer-menu-mobile .mx-auto {
    margin: 0 auto;
}

#footer-menu-mobile .mb-0 {
    margin-bottom: 0 !important;
}

#footer-menu-mobile button, #footer-menu-mobile html [type=button] {
    -webkit-appearance: button;
}

#footer-menu-mobile a, #footer-menu-mobile div, #footer-menu-mobile span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

#footer-menu-mobile .visually-hidden {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

    #footer-menu-mobile .visually-hidden:not(caption) {
        position: absolute !important;
    }

#footer-menu-mobile a, #footer-menu-mobile button {
    font-size: 0.875rem;
    line-height: 1.6;
}

@media (min-width: 1200px) {
    #footer-menu-mobile a, #footer-menu-mobile button {
        font-size: 1rem;
    }
}

#footer-menu-mobile span {
    font-size: 0.75rem;
    line-height: 1.7;
}

@media (min-width: 1200px) {
    #footer-menu-mobile span {
        font-size: 0.875rem;
    }
}

#footer-menu-mobile button {
    -webkit-appearance: button;
}

#footer-menu-mobile * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
    #footer-menu-mobile .visually-hidden:not(caption), #footer-menu-mobile .visually-hidden:not(caption) {
        position: absolute !important;
    }

    #footer-menu-mobile .visually-hidden, #footer-menu-mobile .visually-hidden {
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        height: 1px !important;
    }

    #footer-menu-mobile .v-btn, #footer-menu-mobile .v-slide-group {
        position: relative;
    }

    #footer-menu-mobile a, #footer-menu-mobile div, #footer-menu-mobile span {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline;
    }

    #footer-menu-mobile .visually-hidden {
        width: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        border: 0 !important;
    }

    #footer-menu-mobile .mx-auto {
        margin: 0 auto;
    }

    #footer-menu-mobile * {
        padding: 0;
        margin: 0;
    }

    #footer-menu-mobile #control-button-left, #footer-menu-mobile #control-button-right {
        z-index: 20;
        padding-right: 0;
        padding-inline: 0;
        min-width: 32px;
        transition: filter 250ms;
    }

    #footer-menu-mobile .v-btn {
        vertical-align: middle;
    }

    #footer-menu-mobile .v-btn--variant-tonal .v-btn__underlay, #footer-menu-mobile .v-btn__outline, #footer-menu-mobile .v-btn__overlay, #footer-menu-mobile .v-btn__underlay, #footer-menu-mobile .v-list-item__overlay, #footer-menu-mobile .v-slide-group::after, #footer-menu-mobile .v-slide-group::before {
        pointer-events: none;
        pointer-events: none;
    }

    #footer-menu-mobile a, #footer-menu-mobile button {
        font-size: 1rem;
        line-height: 1.6;
    }

    #footer-menu-mobile span {
        font-size: 1rem;
        line-height: 1.7;
    }

    #footer-menu-mobile .mx-auto {
        margin: 0 auto;
    }

    #footer-menu-mobile .v-btn, #footer-menu-mobile .v-list-item {
        grid-template-areas: "prepend content append";
        max-width: 100%;
    }

    #footer-menu-mobile .v-slide-group button > .v-btn__underlay, #footer-menu-mobile button {
        background-color: transparent;
    }

    #footer-menu-mobile .visually-hidden {
        width: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        border: 0 !important;
    }

    #footer-menu-mobile .v-slide-group {
        display: flex;
        overflow: hidden;
    }

        #footer-menu-mobile .v-slide-group::before {
            height: 100%;
            content: "";
            left: 0;
            position: absolute;
            z-index: 10;
            transition: width 250ms;
            background: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%);
        }

        #footer-menu-mobile .v-slide-group.is-start::before {
            width: 25px;
        }

        #footer-menu-mobile .v-slide-group::after {
            height: 100%;
            width: 150px;
            content: "";
            right: 0;
            position: absolute;
            z-index: 10;
            background: linear-gradient(to left, #fff 20%, rgba(255, 255, 255, 0) 80%);
        }

    #footer-menu-mobile #control-button-left[disabled] {
        filter: grayscale(1) opacity(0.5) brightness(2.5);
    }

    #footer-menu-mobile #footer-nav-buttons .v-btn {
        opacity: 0.7;
    }

        #footer-menu-mobile #footer-nav-buttons .v-btn.active {
            opacity: 1;
        }

    #footer-menu-mobile #control-button-left {
        position: absolute;
        height: 100%;
        left: 0;
    }

        #footer-menu-mobile #control-button-left svg, #footer-menu-mobile #control-button-right svg {
            stroke-width: 1px;
            stroke: #005b74;
            opacity: 0.7;
        }

    #footer-menu-mobile #control-button-right {
        position: absolute;
        height: 100%;
        right: 0;
    }

    #footer-menu-mobile .v-slide-group__content {
        display: flex;
        flex: 1 0 auto;
        position: relative;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        white-space: nowrap;
    }

        #footer-menu-mobile .v-slide-group__content > * {
            white-space: initial;
        }

    #footer-menu-mobile .v-slide-group__container {
        contain: content;
        display: flex;
        flex: 1 1 auto;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        scrollbar-color: transparent;
        box-shadow: inset 0 -1.5px 0 0 rgba(0, 91, 116, 0.12);
    }

        #footer-menu-mobile .v-slide-group__container::-webkit-scrollbar {
            display: none;
        }

    #footer-menu-mobile button {
        overflow: visible;
        text-transform: none;
        border-style: none;
    }

    #footer-menu-mobile [type=button], #footer-menu-mobile button {
        cursor: pointer;
        color: inherit;
    }

    #footer-menu-mobile button {
        -webkit-appearance: button;
    }

    #footer-menu-mobile .v-btn--size-large {
        --v-btn-size: 1rem;
        --v-btn-height: 44px;
        font-size: var(--v-btn-size);
        min-width: 78px;
        padding: 0 20px;
    }

    #footer-menu-mobile .v-btn {
        text-transform: uppercase;
        align-items: center;
        border-radius: 0;
        display: inline-grid;
        grid-template-columns: max-content auto max-content;
        font-weight: 500;
        justify-content: center;
        letter-spacing: 0.0892857143em;
        line-height: normal;
        text-decoration: none;
        text-indent: 0.0892857143em;
        transition-property: box-shadow, transform, opacity, background;
        transition-duration: 0.28s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-user-select: none;
        user-select: none;
        flex-shrink: 0;
        border-color: rgba(var(--v-border-color), var(--v-border-opacity));
        border-style: solid;
        border-width: 0;
    }

    #footer-menu-mobile .v-btn--size-default {
        --v-btn-size: 0.875rem;
        --v-btn-height: 36px;
        font-size: var(--v-btn-size);
        min-width: 64px;
        padding: 0 16px;
    }

    #footer-menu-mobile .v-btn.v-btn--density-default {
        height: calc(var(--v-btn-height) + 0px);
    }

    #footer-menu-mobile .v-btn--variant-tonal {
        background: 0 0;
        color: inherit;
    }

        #footer-menu-mobile .v-btn--variant-tonal .v-btn__underlay {
            background: currentColor;
            opacity: var(--v-activated-opacity);
            border-radius: inherit;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

    #footer-menu-mobile .v-btn .v-btn__underlay {
        position: absolute;
    }

    #footer-menu-mobile .v-btn__content {
        align-items: center;
        display: flex;
        transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        grid-area: content;
        justify-content: center;
        white-space: nowrap;
    }

    #footer-menu-mobile .v-btn__overlay {
        background-color: currentColor;
        border-radius: inherit;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }

    #footer-menu-mobile .v-btn__overlay, #footer-menu-mobile .v-btn__underlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #footer-menu-mobile .v-card, #footer-menu-mobile .v-list-item {
        text-decoration: none;
    }

    #footer-menu-mobile .v-locale--is-ltr {
        direction: ltr;
    }

    #footer-menu-mobile .mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    #footer-menu-mobile .rounded-0 {
        border-radius: 0 !important;
    }

    #footer-menu-mobile .v-progress-linear {
        background: 0 0;
        overflow: hidden;
        position: relative;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        width: 100%;
    }

    #footer-menu-mobile .v-progress-linear__background, #footer-menu-mobile .v-progress-linear__buffer {
        background: currentColor;
        bottom: 0;
        left: 0;
        opacity: var(--v-border-opacity);
        position: absolute;
        top: 0;
        width: 100%;
        transition-property: width, left, right;
        transition: inherit;
    }

    #footer-menu-mobile .v-list, #footer-menu-mobile .v-list-item {
        position: relative;
        border-color: rgba(var(--v-border-color), var(--v-border-opacity));
        border-style: solid;
        border-width: 0;
        border-radius: 0;
    }

    #footer-menu-mobile .v-list-item--variant-text .v-list-item__overlay, #footer-menu-mobile .v-progress-linear__indeterminate {
        background: currentColor;
    }

        #footer-menu-mobile .v-progress-linear__indeterminate .long, #footer-menu-mobile .v-progress-linear__indeterminate .short {
            animation-play-state: paused;
            animation-duration: 2.2s;
            animation-iteration-count: infinite;
            bottom: 0;
            height: inherit;
            left: 0;
            position: absolute;
            right: auto;
            top: 0;
            width: auto;
        }

        #footer-menu-mobile .v-progress-linear__indeterminate .long {
            animation-name: indeterminate-ltr;
        }

        #footer-menu-mobile .v-progress-linear__indeterminate .short {
            animation-name: indeterminate-short-ltr;
        }

    #footer-menu-mobile .v-list {
        overflow: auto;
        padding: 8px 0;
        box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
        background: rgba(var(--v-theme-surface));
        color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
        --indent-padding: 0px;
    }

    #footer-menu-mobile .v-list-item {
        align-items: center;
        display: grid;
        flex: none;
        grid-template-columns: max-content 1fr auto;
        padding: 4px 16px;
    }

        #footer-menu-mobile .v-list-item .v-list-item__underlay, #footer-menu-mobile .v-list-item__underlay {
            position: absolute;
        }

        #footer-menu-mobile .v-list-item:hover > .v-list-item__overlay {
            opacity: 0.04;
        }

    #footer-menu-mobile .v-list-item--variant-text {
        background: 0 0;
        color: inherit;
    }

    #footer-menu-mobile .v-list-item--link {
        cursor: pointer;
    }

    #footer-menu-mobile .v-list-item__content {
        align-self: center;
        grid-area: content;
        overflow: hidden;
    }

    #footer-menu-mobile .v-list-item-title {
        -webkit-hyphens: auto;
        hyphens: auto;
        overflow-wrap: normal;
        overflow: hidden;
        padding: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: normal;
        word-wrap: break-word;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0.009375em;
        line-height: 1.5;
        text-transform: none;
    }

    #footer-menu-mobile .v-list-item--density-default {
        min-height: 40px;
    }

        #footer-menu-mobile .v-list-item--density-default.v-list-item--one-line {
            min-height: auto;
            padding-top: 4px;
            padding-bottom: 4px;
        }

        #footer-menu-mobile .v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
            padding-inline: 20px;
            margin-bottom: 4px;
            border-bottom: 1px solid rgba(0, 133, 202, 0.12);
            padding-inline: 27px !important;
        }

        #footer-menu-mobile .v-list-item--density-default:hover:not(.v-list-item--nav).v-list-item--one-line {
            padding-inline: 20px;
            margin-bottom: 4px;
            border-bottom: 1px solid rgba(0, 91, 116, 0.7);
        }

    #footer-menu-mobile .v-list-item__overlay {
        background-color: currentColor;
        border-radius: inherit;
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity 0.2s ease-in-out;
    }

    #footer-menu-mobile .v-card {
        display: block;
        overflow: hidden;
        overflow-wrap: break-word;
        position: relative;
        padding: 0;
        transition-duration: 0.28s;
        transition-property: box-shadow, opacity, background;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 0;
        border-color: rgba(var(--v-border-color), var(--v-border-opacity));
        border-style: solid;
        border-width: 0;
        border-radius: 4px;
    }

        #footer-menu-mobile .v-btn__outline, #footer-menu-mobile .v-btn__outline:after, #footer-menu-mobile .v-card .v-card__underlay, #footer-menu-mobile .v-card__loader {
            position: absolute;
        }

    #footer-menu-mobile .v-card--variant-text {
        background: 0 0;
        color: inherit;
    }

    #footer-menu-mobile .v-card__loader {
        bottom: auto;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1;
    }

    #footer-menu-mobile .v-btn.active .v-btn__content, #footer-menu-mobile .v-list {
        color: #005b74;
    }

    #footer-menu-mobile .v-slide-group .v-btn:first-child {
        padding-left: 27px;
    }

    #footer-menu-mobile .v-slide-group .v-btn:last-child {
        padding-right: 27px;
    }

    #footer-menu-mobile a, #footer-menu-mobile button, #footer-menu-mobile span {
        font-family: Inter, sans-serif;
    }

    #footer-menu-mobile .v-slide-group button {
        border-radius: 0;
    }

        #footer-menu-mobile .v-slide-group button > .v-btn__content {
            font-weight: 600;
            text-transform: none;
            color: #06161e;
            letter-spacing: 0.06rem;
        }

    #footer-menu-mobile .v-list .v-list-item {
        color: #1aaeb7;
        -webkit-tap-highlight-color: rgba(26, 174, 183, 0.12);
    }

        #footer-menu-mobile .v-list .v-list-item .v-list-item-title {
            font-weight: 400;
            color: #005b74;
            letter-spacing: 0.06rem;
        }

    #footer-menu-mobile .v-slide-group {
        padding: 0;
        color: #1aaeb7;
        scroll-behavior: auto;
        -webkit-overflow-scrolling: touch;
    }

        #footer-menu-mobile .v-slide-group .v-btn {
            -webkit-tap-highlight-color: rgba(0, 133, 202, 0.12);
            -webkit-tap-highlight-color: rgba(0, 133, 202, 0.12);
        }

    #footer-menu-mobile .v-list-item:hover > .v-list-item__content .v-list-item-title {
        color: #005b74 !important;
    }

    #footer-menu-mobile .v-btn__outline {
        --v-field-border-width: 2px;
        --v-field-border-opacity: 0.12;
        align-items: stretch;
        contain: layout;
        display: flex;
        height: 100%;
        left: 0;
        right: 0;
        width: 100%;
    }

        #footer-menu-mobile .v-btn__outline:before {
            border-color: #005b74;
            border-style: solid;
            border-width: 0 0 var(--v-field-border-width);
            opacity: var(--v-field-border-opacity);
            transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            width: 100%;
            height: 100%;
        }

    #footer-menu-mobile .v-btn.active .v-btn__outline:before {
        --v-field-border-opacity: 0.7;
    }

    #footer-menu-mobile .v-btn__outline:after {
        border-color: currentColor;
        border-style: solid;
        border-width: 0 0 2px;
        transform: scaleX(0);
        transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #footer-menu-mobile .v-btn .v-btn__overlay, #footer-menu-mobile .v-list-item .v-list-item__overlay {
        transition: border-bottom 0.15s 0.15s, outline 0.15s ease-in-out 0.15s;
    }

    #footer-menu-mobile .v-list-item:hover {
        box-shadow: 0 0 0 0.25rem rgba(26, 174, 183, 0.12);
        border-radius: 0;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

        #footer-menu-mobile .v-list-item:hover .v-list-item__overlay {
            outline: #005b74 solid 2px;
            outline-offset: 0;
        }
}

@media (max-width: 575.98px) {
    #footer-menu-mobile .v-slide-group {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }
}

@media (max-width: 767.98px) {
    #awards-grid-expanded .v-card {
        display: flex;
        gap: 1.25rem;
    }
}

#footer-menu .align {
    margin-left: -1rem;
    margin-right: -1rem;
}

#footer svg {
    max-width: 100%;
}

#footer p, #footer span {
    color: rgb(var(--text-color));
}

#footer-lite p, #footer-lite span {
    color: rgb(var(--text-color));
}

/*
4,
8,
16,
24,
48
*/
.font-none {
    font-size: 0;
    line-height: 100%;
}

.font-x-small {
    font-size: 0.75rem;
    line-height: 100%;
}

.font-small {
    font-size: 0.875rem;
    line-height: 100%;
}

.font-default {
    font-size: 1rem;
    line-height: 100%;
}

.font-medium {
    font-size: 1rem;
    line-height: 100%;
}

.font-large {
    font-size: 1.5rem;
    line-height: 100%;
}

.font-x-large {
    font-size: 1rem;
    line-height: 100%;
}

@media (min-width: 1200px) {
    .font-none {
        font-size: 0;
    }

    .font-small {
        font-size: 0.875rem;
    }

    .font-default {
        font-size: 1rem;
    }

    .font-medium {
        font-size: 1.125rem;
    }

    .font-large {
        font-size: 1.875rem;
    }

    .font-x-large {
        font-size: 2.1875rem;
    }
}

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

.justify-evenly {
    justify-content: space-evenly;
}

#page {
    --mobile-breakpoint: xs;
    --desktop-breakpoint: xl;
    --desktop-from: 576px;
    --outer-spacing: 0;
    --outer-height: 100%;
    --outer-spacing: 1rem 0;
}

@media (min-width: 1200px) {
    #page {
        --outer-spacing: 1rem;
    }
}

@media (min-width: 1200px) {
    #page {
        --outer-spacing: 1rem;
        --outer-height: 100%;
    }
}

#page #credit-frame {
    height: auto;
    padding: var(--outer-spacing);
}

#page .component.simulador {
    --spacer-thickness: 2px;
    --spacer-color: #fff;
    --space-x: 0;
    --space-y: 0;
    --spacer-fill: 3px;
    --simulatorWidth: 100%;
    --simulatorMaxWidth: 100%;
    --simulatorHeight: 500px;
    --background: lightgray;
    --radius: 12px;
    --columns: 1fr;
    --rows: 34;
    --row-min-height: 0;
    --row-max-height: 1rem;
}

@media (min-width: 1200px) {
    #page .component.simulador {
        --simulatorMaxWidth: 612px;
    }
}

@media (min-width: 576px) {
    #page .component.simulador {
        --rows: 32;
    }
}

@media (min-width: 576px) {
    #page .component.simulador {
        --spacer-thickness: 2px;
        --spacer-color: #fff;
        --space-x: 2rem;
        --space-y: 0;
        --spacer-fill: 3px;
        --simulatorWidth: 100%;
        --simulatorMaxWidth: 1140px;
        --simulatorHeight: 500px;
        --background: lightgray;
        --radius: 12px;
        --columns: 1fr 2px 1fr;
        --rows: 9;
        --row-min-height: 0;
        --row-max-height: 2rem;
    }
}

#page .component.simulador.layout-mobile {
    --spacer-thickness: 2px;
    --spacer-color: #fff;
    --space-x: 0;
    --space-y: 0;
    --spacer-fill: 3px;
    --simulatorWidth: 100%;
    --simulatorMaxWidth: 100%;
    --simulatorHeight: 500px;
    --background: lightgray;
    --radius: 12px;
    --columns: 1fr;
    --rows: 34;
    --row-min-height: 0;
    --row-max-height: 1rem;
}

@media (min-width: 1200px) {
    #page .component.simulador.layout-mobile {
        --simulatorMaxWidth: 612px;
    }
}

@media (min-width: 576px) {
    #page .component.simulador.layout-mobile {
        --rows: 32;
    }
}

#page .component.simulador.layout-desktop {
    --spacer-thickness: 2px;
    --spacer-color: #fff;
    --space-x: 2rem;
    --space-y: 0;
    --spacer-fill: 3px;
    --simulatorWidth: 100%;
    --simulatorMaxWidth: 1140px;
    --simulatorHeight: 500px;
    --background: lightgray;
    --radius: 12px;
    --columns: 1fr 2px 1fr;
    --rows: 9;
    --row-min-height: 0;
    --row-max-height: 2rem;
}

.component.simulador {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--background-main), 1);
    border-radius: 10px;
    border: 1.12281px solid #E7EFF9 !important;
    box-shadow: 0px 33.6842px 78.5965px rgba(36, 12, 57, 0.12) !important;
    border-radius: 26px;
    margin: 0 auto;
    width: var(--simulatorWidth);
    max-width: var(--simulatorMaxWidth);
    --mobile-slot-padding: 0;
}

@media (min-width: 768px) {
    .component.simulador {
        padding: 31px 41px;
    }
}

.component.simulador .component-content {
    display: grid;
    column-gap: var(--space-x);
    row-gap: var(--space-y);
    grid-template-columns: var(--columns);
    grid-template-rows: repeat(var(--rows), minmax(var(--row-min-height), var(--row-max-height)));
}

.component.simulador .spacer-slot {
    padding: 0;
    background: var(--spacer-color);
}

.component.simulador > .component-content > .slot {
    grid-column: 1/2;
}

    .component.simulador > .component-content > .slot.slot-1 {
        grid-row: 1/5;
    }

    .component.simulador > .component-content > .slot.slot-2 {
        grid-row: 5/11;
    }

    .component.simulador > .component-content > .slot.slot-3 {
        grid-row: 11/16;
    }

    .component.simulador > .component-content > .slot.slot-4 {
        grid-row: 16/20;
    }

    .component.simulador > .component-content > .slot.slot-5 {
        grid-row: 20/24;
    }

    .component.simulador > .component-content > .slot.slot-6 {
        grid-row: 24/30;
    }

    .component.simulador > .component-content > .slot.slot-7 {
        grid-row: 30/35;
    }

@media (min-width: 576px) {
    .component.simulador > .component-content > .slot {
        grid-column: 1/2;
    }

        .component.simulador > .component-content > .slot.slot-1 {
            grid-row: 1/5;
        }

        .component.simulador > .component-content > .slot.slot-2 {
            grid-row: 5/12;
        }

        .component.simulador > .component-content > .slot.slot-3 {
            grid-row: 12/18;
        }

        .component.simulador > .component-content > .slot.slot-4 {
            grid-row: 18/22;
        }

        .component.simulador > .component-content > .slot.slot-5 {
            grid-row: 22/26;
        }

        .component.simulador > .component-content > .slot.slot-6 {
            grid-row: 26/30;
        }

        .component.simulador > .component-content > .slot.slot-7 {
            grid-row: 30/35;
        }
}

.component.simulador .spacer-slot {
    display: none;
}

@media (min-width: 576px) {
    .component.simulador > .component-content > .slot.slot-1 {
        grid-column: 1/2;
        grid-row: 1/4;
    }

    .component.simulador > .component-content > .slot.slot-2 {
        grid-column: 1/2;
        grid-row: 4/7;
    }

    .component.simulador > .component-content > .slot.slot-3 {
        grid-column: 1/2;
        grid-row: 7/10;
    }

    .component.simulador > .component-content > .slot.slot-4 {
        grid-column: 3/4;
        grid-row: 1/3;
    }

    .component.simulador > .component-content > .slot.slot-5 {
        grid-column: 3/4;
        grid-row: 3/5;
    }

    .component.simulador > .component-content > .slot.slot-6 {
        grid-column: 3/4;
        grid-row: 5/7;
    }

    .component.simulador > .component-content > .slot.slot-7 {
        grid-column: 3/4;
        grid-row: 7/10;
    }

    .component.simulador .spacer-slot {
        grid-column: 2/3;
        grid-row: 1/10;
        display: block;
    }
}

.component.simulador.layout-mobile > .component-content > .slot {
    grid-column: 1/2;
}

    .component.simulador.layout-mobile > .component-content > .slot.slot-1 {
        grid-row: 1/5;
    }

    .component.simulador.layout-mobile > .component-content > .slot.slot-2 {
        grid-row: 5/11;
    }

    .component.simulador.layout-mobile > .component-content > .slot.slot-3 {
        grid-row: 11/16;
    }

    .component.simulador.layout-mobile > .component-content > .slot.slot-4 {
        grid-row: 16/20;
    }

    .component.simulador.layout-mobile > .component-content > .slot.slot-5 {
        grid-row: 20/24;
    }

    .component.simulador.layout-mobile > .component-content > .slot.slot-6 {
        grid-row: 24/30;
    }

    .component.simulador.layout-mobile > .component-content > .slot.slot-7 {
        grid-row: 30/35;
    }

@media (min-width: 576px) {
    .component.simulador.layout-mobile > .component-content > .slot {
        grid-column: 1/2;
    }

        .component.simulador.layout-mobile > .component-content > .slot.slot-1 {
            grid-row: 1/5;
        }

        .component.simulador.layout-mobile > .component-content > .slot.slot-2 {
            grid-row: 5/12;
        }

        .component.simulador.layout-mobile > .component-content > .slot.slot-3 {
            grid-row: 12/18;
        }

        .component.simulador.layout-mobile > .component-content > .slot.slot-4 {
            grid-row: 18/22;
        }

        .component.simulador.layout-mobile > .component-content > .slot.slot-5 {
            grid-row: 22/26;
        }

        .component.simulador.layout-mobile > .component-content > .slot.slot-6 {
            grid-row: 26/30;
        }

        .component.simulador.layout-mobile > .component-content > .slot.slot-7 {
            grid-row: 30/35;
        }
}

.component.simulador.layout-mobile .spacer-slot {
    display: none;
}

.component.simulador.layout-desktop > .component-content > .slot.slot-1 {
    grid-column: 1/2;
    grid-row: 1/4;
}

.component.simulador.layout-desktop > .component-content > .slot.slot-2 {
    grid-column: 1/2;
    grid-row: 4/7;
}

.component.simulador.layout-desktop > .component-content > .slot.slot-3 {
    grid-column: 1/2;
    grid-row: 7/10;
}

.component.simulador.layout-desktop > .component-content > .slot.slot-4 {
    grid-column: 3/4;
    grid-row: 1/3;
}

.component.simulador.layout-desktop > .component-content > .slot.slot-5 {
    grid-column: 3/4;
    grid-row: 3/5;
}

.component.simulador.layout-desktop > .component-content > .slot.slot-6 {
    grid-column: 3/4;
    grid-row: 5/7;
}

.component.simulador.layout-desktop > .component-content > .slot.slot-7 {
    grid-column: 3/4;
    grid-row: 7/10;
}

.component.simulador.layout-desktop .spacer-slot {
    grid-column: 2/3;
    grid-row: 1/10;
    display: block;
}

.component.simulador .slot {
    max-width: 100%;
}

    .component.simulador .slot .inner-slot {
        padding: 0;
    }

@media (min-width: 576px) {
    .component.simulador {
        --mobile-slot-padding: 0.5rem;
    }

        .component.simulador .component-content {
            margin-top: -var(--desktop-slot-padding);
            margin-bottom: -var(--mobile-slot-padding);
        }

        .component.simulador .slot {
            max-width: 100%;
        }

            .component.simulador .slot .inner-slot {
                padding: 0.5rem;
            }
}

.component.simulador.layout-mobile {
    --mobile-slot-padding: 0;
}

    .component.simulador.layout-mobile .slot {
        max-width: 100%;
    }

        .component.simulador.layout-mobile .slot .inner-slot {
            padding: 0;
        }

.component.simulador.layout-desktop {
    --mobile-slot-padding: 0.5rem;
}

    .component.simulador.layout-desktop .component-content {
        margin-top: -var(--desktop-slot-padding);
        margin-bottom: -var(--mobile-slot-padding);
    }

    .component.simulador.layout-desktop .slot {
        max-width: 100%;
    }

        .component.simulador.layout-desktop .slot .inner-slot {
            padding: 0.5rem;
        }

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 959.98px) {
    .hidden-sm-and-down {
        display: none !important;
    }
}
/* Product Toggle */
.component.product-toggles [type=button] {
    cursor: pointer;
    color: inherit;
}

.component.product-toggles button {
    font: inherit;
    overflow: visible;
    text-transform: none;
    cursor: pointer;
    color: inherit;
    -webkit-appearance: button;
    background-color: transparent;
    border-style: none;
}

.component.product-toggles .v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
    min-width: 1em;
}

    .component.product-toggles .v-icon.v-icon--size-default {
        font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
    }

    .component.product-toggles .v-icon > .v-icon__svg {
        width: 100%;
        height: 100%;
    }

        .component.product-toggles .v-icon > .v-icon__svg svg {
            flex-shrink: 0;
        }

.component.product-toggles .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
    opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}

.component.product-toggles .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}

.component.product-toggles .v-btn-group {
    display: inline-flex;
    flex-wrap: nowrap;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
    width: 100%;
    justify-content: space-between;
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
    border-radius: 8px;
    background: transparent;
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

    .component.product-toggles .v-btn-group.v-btn-group--density-default.v-btn-group {
        height: 48px;
    }

    .component.product-toggles .v-btn-group.v-btn-group--density-comfortable.v-btn-group {
        height: 71px;
    }

    .component.product-toggles .v-btn-group.v-btn-group--separate .v-btn {
        border-radius: inherit;
        border-radius: inherit;
    }

    .component.product-toggles .v-btn-group.v-btn-group--separate.v-btn-group--separate {
        gap: 1rem;
    }

    .component.product-toggles .v-btn-group.v-btn-group--separate.v-btn-group--divided .v-btn:not(:last-child) {
        border-inline-end-width: thin;
        border-inline-end-style: solid;
        border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
    }

    .component.product-toggles .v-btn-group .v-btn:first-child {
        border-start-end-radius: inherit;
        border-end-end-radius: inherit;
    }

    .component.product-toggles .v-btn-group .v-btn:last-child {
        border-start-start-radius: inherit;
        border-end-start-radius: inherit;
    }

    .component.product-toggles .v-btn-group .v-btn {
        border-radius: 0;
        border-color: inherit;
    }

        .component.product-toggles .v-btn-group .v-btn:not(:last-child) {
            border-inline-end: none;
        }

        .component.product-toggles .v-btn-group .v-btn:not(:first-child) {
            border-inline-start: none;
        }

        .component.product-toggles .v-btn-group .v-btn:first-child {
            border-start-start-radius: inherit;
            border-end-start-radius: inherit;
        }

        .component.product-toggles .v-btn-group .v-btn:last-child {
            border-start-end-radius: inherit;
            border-end-end-radius: inherit;
        }

/* Product Toggle */
.component.slider {
    position: relative;
    width: 100%;
    max-width: 100%;
}

    .component.slider .slider-header {
        display: flex;
        align-items: center;
        text-align: center;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .component.slider .slider-track {
        position: relative;
        width: 100%;
    }

        .component.slider .slider-track .slider-input {
            width: 100%;
            -webkit-appearance: none;
            appearance: none;
            height: 8px;
            border-radius: 8px;
            outline: none;
            background: linear-gradient(to right, #000 0%, #000 50%, #f7fafd 50%, #f7fafd 100%);
            background: linear-gradient(to right, rgb(48, 134, 255) 0%, rgb(235, 242, 250) 0%);
            transition: background 0.2s;
        }

            .component.slider .slider-track .slider-input::-webkit-slider-thumb {
                -webkit-appearance: none;
                appearance: none;
                width: 30px;
                height: 30px;
                border: 5px solid rgb(48, 134, 255);
                background: #fff;
                border-radius: 50%;
                cursor: pointer;
                transition: transform 0.2s;
                position: relative;
                box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
            }

        .component.slider .slider-track .slider-tooltip {
            width: 50px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            position: absolute;
            color: #0089a8;
            font-size: 16px;
            top: 50%;
            right: 0;
            transform: translateX(50px) translateY(-50%);
            transition: transform 0.2s;
            border-radius: 5px;
            box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 1px;
        }

            .component.slider .slider-track .slider-tooltip .tooltip-value {
                padding: 5px 10px;
            }

    .component.slider .slider-range {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

.d-flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

@media (min-width: 576px) {
    .flex-xl-column {
        flex-direction: column;
    }
}

.font-x-large,
.font-large {
    font-weight: bold;
}

.prazo-slider.slot .inner-slot,
.montante-slider.slot .inner-slot {
    height: 100%;
}

    .prazo-slider.slot .inner-slot .component.slider,
    .montante-slider.slot .inner-slot .component.slider {
        height: 100%;
        justify-content: center;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

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

    .mensalidade-value .d-flex {
        gap: 8px;
    }

.tan-taeg-mtic .inner-slot {
    height: 100%;
}

    .tan-taeg-mtic .inner-slot .d-flex.flex-row.justify-between {
        height: 100%;
        align-items: center;
    }

.tan-taeg-mtic .d-flex.flex-column {
    gap: 8px;
}

@media (max-width: 1199.98px) {
    .mensalidade-value.slot .font-x-large {
        font-size: 1.6rem;
    }
}

@media (max-width: 1199.98px) {
    .tan-taeg-mtic.slot .font-large {
        font-size: 1.25rem;
    }
}

.product-toggles.slot .inner-slot {
    height: 100%;
}

    .product-toggles.slot .inner-slot .component {
        height: 100%;
    }

        .product-toggles.slot .inner-slot .component .v-btn-group {
            height: 100%;
            max-height: 100%;
        }

            .product-toggles.slot .inner-slot .component .v-btn-group .v-btn {
                height: 100%;
            }

.submit-button.slot .inner-slot {
    height: 100%;
}

    .submit-button.slot .inner-slot button {
        width: 100%;
        height: 100%;
        color: #000;
        text-align: center;
        text-transform: uppercase;
        outline-color: #fcd34d;
        background-color: rgb(240, 179, 35);
        background-image: linear-gradient(to bottom, #fcd34d, #fbbf24);
        border-radius: 8px;
        box-shadow: none;
        border: 0;
        cursor: pointer;
    }

.slider-input:focus {
    outline: 4px solid !important;
    outline-color: rgba(48, 134, 255, 0.5) !important;
    outline-offset: 4px;
}

body {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--background-main), 1);
}

.text-dark {
    color: var(--text-color);
}

.navbar-brand,
button.v-btn,
a.v-btn--variant-text,
a.v-list-item--variant-text,
a {
    color: rgba(var(--link-color), 1);
}

.theme-color-green .navbar-brand,
.theme-color-green button.v-btn,
.theme-color-green a.v-btn--variant-text,
.theme-color-green a.v-list-item--variant-text,
.theme-color-green a {
    color: rgba(var(--brand-color), 1);
}

a {
    text-decoration: underline !important;
    text-underline-offset: 4px;
    text-decoration-color: rgba(var(--primary-color), 0.15) !important;
}

.theme-color-green a {
    text-decoration-color: rgba(var(--brand-color), 0.15) !important;
}

.bg-primary {
    color: rgba(var(--text-color), 1) !important;
    background-color: rgba(var(--background-primary), 1) !important;
    --v-theme-overlay-multiplier: var(--v-theme-primary-overlay-multiplier);
}

.decorative-image {
    filter: contrast(var(--decoration-contrast));
}

.theme-color-green.bg-light,
.theme-color-green .bg-light {
    background-color: #f7fafd;
}

.v-theme--light .bg-primary.gradient {
    background: linear-gradient(90deg, rgb(var(--background-primary)) 0%, rgb(var(--background-primary)) 41%, rgb(var(--background-primary-dark)) 100%) !important;
}

.v-theme--dark .bg-primary.gradient {
    background: linear-gradient(90deg, rgb(15, 23, 42) 0%, rgb(15, 23, 42) 40%, rgb(3, 7, 18) 100%) !important;
}

.text-indigo {
    color: #3f51b5 !important;
}

.text-primary {
    color: #3086ff !important;
}

.text-primary {
    color: #3086FF;
}

button, .v-btn {
    outline-offset: 4px;
}

    .v-interactive > .overlay,
    .v-btn > .v-btn__overlay {
        color: currentColor;
        opacity: 0;
        background-color: currentColor;
    }

    .v-interactive:focus > .overlay,
    .v-btn:focus > .v-btn__overlay {
        opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
    }

    button:focus,
    .v-btn:focus {
        outline-color: rgba(var(--link-color), 1);
        outline-width: 3px;
        outline-style: solid;
        transition-delay: 0.1s;
        transition: outline-color cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
    }

.theme-color-green button:focus,
.theme-color-green .v-btn:focus {
    outline-color: rgba(var(--brand-color), 1);
}

button:focus-visible,
div[tabindex="0"]:focus-visible,
a:focus-visible,
.v-btn:focus-visible {
    outline-color: rgba(var(--link-color), 1);
    outline-width: 3px;
    outline-style: solid;
    transition-delay: 0;
    transition: outline-color cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
}

.theme-color-green button:focus-visible,
.theme-color-green div[tabindex="0"]:focus-visible,
.theme-color-green a:focus-visible,
.theme-color-green .v-btn:focus-visible,
.theme-color-green .v-btn {
    outline-color: rgba(var(--brand-color), 1);
}

a {
    border-radius: 2px;
    display: inline-flex;
    bordeer-radius: 4px;
}

    a:focus {
        outline: 3px solid;
        outline-offset: 4px !important;
    }

.h-100 {
    height: 100% !important;
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

@media (min-width: 992px) {
    .d-lg-flex {
        display: flex !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 0.25;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
}
/* Menu content */
.v-component--menu [data-menu-content] {
    z-index: 100;
}

/* Overlay - placed below menu but above other content */
.menu-overlay {
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
}

.v-component--advancedSearch {
    z-index: 1000;
}

p {
    line-height: 1.6; /* comfortable reading */
    letter-spacing: 0.01em; /* slightly open for body text */
}

span {
    line-height: 1.6; /* usually inherits, keeping consistent */
    letter-spacing: 0.005em;
}

h1 {
    line-height: 1.2; /* tight, bold heading */
    letter-spacing: -0.02em; /* slight negative to reduce gaps */
}

h2 {
    line-height: 1.3;
    letter-spacing: -0.015em;
}

h3 {
    line-height: 1.35;
    letter-spacing: -0.01em;
}

h4 {
    line-height: 1.4;
    letter-spacing: -0.005em;
}

h5 {
    line-height: 1.5;
    letter-spacing: 0; /* neutral, small text doesn’t need adjustment */
}

.v-divider {
    display: block;
    flex: 1 1 100%;
    height: 0px;
    max-height: 0px;
    transition: inherit;
    margin: 0;
    border-style: solid;
    border-width: 1px 0 0 0;
    color: rgba(var(--decoration-color), 1);
    opacity: var(--decoration-opacity);
}

.v-divider--inset:not(.v-divider--vertical) {
    max-width: calc(100% - 72px);
    margin-inline-start: 72px;
}

.vr {
    --bs-border-width: 1px;
    display: inline-block;
    align-self: stretch;
    width: 1px;
}

.v-theme--dark .vr {
    background-color: rgba(var(--link-color), 1);
    opacity: 0.1;
}

.v-theme--light .vr {
    background-color: #06161e;
    opacity: 0.05;
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    background-color: #06161e;
    opacity: 0.05;
}

#landing {
    background-position: right bottom;
}

@media (min-width: 576px) {
    #landing {
        background-image: url("/assets/media/planetamais/backgrounds/planet.png");
    }
}

.list {
    list-style: disc;
    list-style-position: inside;
}

    .list li {
        color: rgb(var(--text-color));
        margin-bottom: 0.5rem;
    }

        .list li p {
            display: inline;
        }

.prazo-slider.slot,
.montante-slider.slot {
    overflow: visible;
}

.product-toggles.slot {
    overflow: visible;
}

    .product-toggles.slot button {
        overflow: hidden;
    }

    .product-toggles.slot .inner-slot .component .v-btn-group {
        padding-bottom: 1rem;
    }

        .product-toggles.slot .inner-slot .component .v-btn-group .v-btn {
            min-height: 49px;
            padding: 0 !important;
            outline: 0px solid rgba(var(--primary-color), 0.16);
            color: #3086FF;
            flex-grow: 1;
        }

            .product-toggles.slot .inner-slot .component .v-btn-group .v-btn .font-default {
                font-weight: 400;
            }

            .product-toggles.slot .inner-slot .component .v-btn-group .v-btn .v-btn__content {
                position: relative;
                padding-left: 32px;
            }

            .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:not(.active) .v-btn__content {
                position: relative;
                color: rgb(var(--text-color));
            }

                .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:not(.active) .v-btn__content i {
                    opacity: 0.32;
                }

            .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:not(.active) .v-btn__underlay {
                opacity: 0.06;
                z-index: 0;
            }

            .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:focus {
                outline: 2px solid rgba(var(--primary-color), 0.16);
            }

                .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:focus .v-btn__overlay {
                    opacity: 0;
                }

            .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:not(.active) .v-btn__underlay {
                opacity: 0;
            }

            .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:focus .v-btn__underlay, .product-toggles.slot .inner-slot .component .v-btn-group .v-btn.active .v-btn__underlay {
                z-index: 0;
                opacity: 0.06;
            }

            .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:first-child i {
                position: relative;
            }

                .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:first-child i::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: -8px;
                    transform: translate(-100%, -50%);
                    width: 39px;
                    height: 37px;
                    background-image: url("/media/aqnannbq/electric-car-active.webp");
                    background-position: 0 50%;
                    background-repeat: no-repeat;
                    background-size: 39px 37px;
                }

            .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:last-child i {
                position: relative;
            }

                .product-toggles.slot .inner-slot .component .v-btn-group .v-btn:last-child i::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: -8px;
                    transform: translate(-100%, -50%);
                    width: 39px;
                    height: 37px;
                    background-image: url("/media/tdvgode0/electric-car-used-active.webp");
                    background-position: 0 50%;
                    background-repeat: no-repeat;
                    background-size: 39px 37px;
                }

#credit-frame .slider-title {
    font-weight: 600;
}

@media (min-width: 768px) {
    #credit-frame .slider-title {
        text-transform: uppercase;
    }
}

#credit-frame .font-x-large {
    line-height: 100%;
}

#credit-frame .slider-range {
    color: rgba(6, 22, 30, 0.75);
}

#credit-frame .additional-info {
    display: flex;
    align-items: center;
    text-align: justify;
}

    #credit-frame .additional-info small {
        display: block;
        line-height: 100%;
        font-size: 12px;
        line-height: 15px;
    }

#credit-frame #submit-button button {
    height: 82px;
}

#landing h1 {
    text-align: center;
}

@media (min-width: 1200px) {
    #landing h1 {
        text-align: left;
    }
}

.simulador {
    background-image: url("/media/bxua2eko/background-1.webp");
    background-position: 100% 100%;
    position: relative;
}

    .simulador:before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 254px;
        height: 209px;
        transform: translateX(-33%);
        background-image: url("/media/ddwp2ezr/background-2.webp");
        background-position: 0 0;
    }

.submit-button {
    position: relative;
}

.v-link {
    cursor: pointer;
    color: rgb(var(--primary-color));
    text-decoration: underline;
}

.component.simulador {
    box-shadow: 0 33.6842px 78.5965px rgba(36, 12, 57, 0.06);
    border: 1.12281px solid #e7eff9;
    border-radius: 26px;
}

.help-clock, .help-headset {
    color: rgba(var(--link-color), 1);
}

.submit-button.slot span {
    font-family: "Inter", sans-serif;
    display: block;
    font-weight: 400;
}

.submit-button.slot .font-x-large {
    line-height: 100%;
    letter-spacing: 0.01em;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
}

.component.simulador.mobile {
    padding: 24px 24px 16px 24px;
}

    .component.simulador.mobile .submit-button.slot button {
        max-height: 71px;
    }

        .component.simulador.mobile .submit-button.slot button .font-x-large {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .component.simulador.mobile .submit-button.slot button span {
            line-height: 100%;
        }

.component.simulador.desktop {
    padding: 31px 41px;
}

    .component.simulador.desktop .submit-button.slot button {
        max-height: 81px;
    }

        .component.simulador.desktop .submit-button.slot button .font-x-large {
            font-size: 29px;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .component.simulador.desktop .submit-button.slot button span {
            line-height: 100%;
        }

.submit-button.slot .inner-slot {
    display: flex;
    align-items: flex-end;
}

.montante-input,
.prazo-input {
    width: 130px;
    border-radius: 4px;
    border-color: currentColor;
    border: 0;
}

.edit-value-toggle {
    margin-left: 8px;
}

input.montante-input,
input.prazo-input {
    display: none;
}

.edit-value-toggle svg {
    color: rgb(var(--primary-color));
}

.editing-montante-value.editing .montante-value {
    display: none;
}

.editing-montante-value.editing .edit-value-toggle {
    pointer-events: none;
}

    .editing-montante-value.editing .edit-value-toggle svg {
        margin-left: 8px;
        color: rgb(var(--primary-color));
    }

.editing-montante-value.editing input {
    display: block;
    text-align: center;
    background-color: rgba(var(--primary-color), 0.06);
}

    .editing-montante-value.editing input:focus, .editing-montante-value.editing input:focus-visible {
        background-color: #fff;
        outline: 2px solid rgba(var(--primary-color), 0.16) !important;
        outline-offset: 4px !important;
        border: 0;
        box-shadow: none;
    }

.editing-prazo-value.editing .prazo-value {
    display: none;
}

.editing-prazo-value.editing .edit-value-toggle {
    pointer-events: none;
}

    .editing-prazo-value.editing .edit-value-toggle svg {
        margin-left: 8px;
        color: rgb(var(--primary-color));
    }

.editing-prazo-value.editing input {
    display: block;
    text-align: center;
    background-color: rgba(var(--primary-color), 0.06);
}

    .editing-prazo-value.editing input:focus, .editing-prazo-value.editing input:focus-visible {
        background-color: #fff;
        outline: 2px solid rgba(var(--primary-color), 0.16) !important;
        outline-offset: 4px !important;
        border: 0;
        box-shadow: none;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    font-size: 1.5rem;
}

    input[type=number]:focus, input[type=number]:focus-visible {
        background-color: #fff;
        outline: 2px solid rgba(var(--primary-color), 0.16) !important;
        outline-offset: 4px !important;
        border: 0;
        box-shadow: none;
    }

[type=range] {
    color: rgb(48, 134, 255) !important;
}

.v-btn__overlay {
    display: none;
}

.product-toggles.slot .inner-slot .component .v-btn-group .v-btn.active .v-btn__content .font-default {
    color: rgb(0, 81, 194);
}

.component.simulador input[type="range"]:focus {
    outline: 2px solid rgb(0, 81, 194) !important;
    outline-offset: 0 !important;
    border-radius: 8px !important;
}

.component.simulador.mobile .mensalidade-val {
    font-family: 'Inter';
    font-weight: 600 !important;
}

.component.simulador.desktop .mensalidade-val {
    font-family: 'Poppins';
    font-weight: 700 !important;
}

.tan-taeg-mtic .font-large {
    font-family: 'Poppins';
    font-weight: 600 !important;
}