.bg-gradient-primary {
    background: linear-gradient(180deg, #92278F -137.21%, #2C0C2B 218.6%);
}

body {
    font-size: 15px;
}

:root {
    --text-fs--3: 0.46875rem;
    --text-fs--2: 0.5625rem;
    --text-fs--1: 0.75rem;
    --text-fs-0: 0.875rem;
    --text-fs-1: 1rem;
    --text-fs-2: 1.25rem;
    --text-fs-3: 1.5rem;
    --text-fs-4: 2.125rem;
    --text-fs-5: 3rem;
    --text-fs-sm-5: 2.4rem;
    --text-fs-6: 3.75rem;
    --text-fs-7: 6rem;
}

.text-fs--3 {
    font-size: var(--text-fs--3) !important;
    letter-spacing: 0.4px;
}

.text-fs--2 {
    font-size: var(--text-fs--2) !important;
    letter-spacing: 0.4px;
}

.text-fs--1 {
    font-size: var(--text-fs--1) !important;
    letter-spacing: 0.4px;
}

.text-fs-0 {
    font-size: var(--text-fs-0) !important;
    letter-spacing: 0.25px;
}

.text-fs-1 {
    font-size: var(--text-fs-1) !important;
    letter-spacing: 0.5px;
}

.text-fs-2 {
    font-size: var(--text-fs-2) !important;
    letter-spacing: 0.15px;
}

.text-fs-3 {
    font-size: var(--text-fs-3) !important;
    letter-spacing: 0px;
}

.text-fs-4 {
    font-size: var(--text-fs-4) !important;
    letter-spacing: 0.25px;
}

.text-fs-5 {
    font-size: var(--text-fs-5) !important;
    letter-spacing: 0px;
}

@media (max-width: 599px) {
    .text-fs-5 {
        font-size: var(--text-fs-sm-5) !important;
    }
}

.text-fs-6 {
    font-size: var(--text-fs-6) !important;
    letter-spacing: 0.5px;
}

.text-fs-7 {
    font-size: var(--text-fs-7) !important;
    letter-spacing: 0.5px;
}

.font-weight-100 {
    font-weight: 100;
}

.font-weight-200 {
    font-weight: 200;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}

.text-white {
    color: #fafafa !important;
}

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

.icon-sm {
    height: 1.6rem !important;
}

:root {
    --container-max-width-sm: 540px;
    --container-max-width-md: 720px;
    --container-max-width-lg: 960px;
    --container-max-width-xl: 1140px;
    --grid-gutter-width: 30px;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: calc(var(--grid-gutter-width) / 2);
    padding-left: calc(var(--grid-gutter-width) / 2);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: var(--container-max-width-sm);
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: var(--container-max-width-md);
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: var(--container-max-width-lg);
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: var(--container-max-width-xl);
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--grid-gutter-width) / 2 * -1);
    margin-left: calc(var(--grid-gutter-width) / 2 * -1);
}

.row.gutter-small {
    --grid-gutter-width: 16px;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > .col,
.row.no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.row.bottom-gutters > .col,
.row.bottom-gutters > [class*=col-] {
    margin-bottom: var(--grid-gutter-width);
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: calc(var(--grid-gutter-width) / 2);
    padding-left: calc(var(--grid-gutter-width) / 2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }
}

.row.row-bordered {
    border-left: 1px solid var(--color-gray);
    overflow: hidden;
    padding-top: 1px; /*for the top border*/
    /*for one cell*/
}

.row.row-bordered > div[class^=col] {
    border-right: 1px solid var(--color-gray-300);
    border-bottom: 1px solid var(--color-gray-300);
}

.row.row-bordered > div[class^=col]:first-child:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    height: 1px;
    width: 100vw;
    background: var(--color-gray-300);
}

.row.row-bordered > div[class^=col]:last-child:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: calc(100% + 1px);
    height: 1px;
    width: 100vw;
    background: transparent;
}

.row.row-bordered > div[class^=col]:first-child, .row.row-bordered > div[class^=col]:last-child {
    z-index: auto;
}

.row.row-bordered > div[class^=col]:first-child:last-child {
    border-top: 1px solid;
}

.row.row-bordered > div[class^=col]:first-child:last-child:before {
    content: none;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: var(--base-line-height); /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

/*
1. Color Variables
2. Text Color Classes
3. Background Color Classes
4. Border Color Classes
*/
.color-primary {
    --color-current: var(--color-primary);
    --color-current-contrast: var(--color-primary-contrast);
    --color-current-400: var(--color-primary-400);
    --color-current-300: var(--color-primary-300);
    --color-current-200: var(--color-primary-200);
    --color-current-100: var(--color-primary-100);
    --color-current-600: var(--color-primary-600);
    --color-current-700: var(--color-primary-700);
    --color-current-800: var(--color-primary-800);
    --color-current-900: var(--color-primary-900);
    --color-current-transparent-10: var(--color-primary-transparent-10);
    --color-current-transparent-25: var(--color-primary-transparent-25);
    --color-current-transparent-50: var(--color-primary-transparent-50);
    --color-current-transparent-75: var(--color-primary-transparent-75);
    --color-current-hover: var(--color-primary-hover);
    --color-current-active: var(--color-primary-active);
    --color-current-focus: var(--color-primary-focus);
    --color-current-disabled: var(--color-primary-disabled);
    --color-current-border: var(--color-primary-border);
}

.color-secondary {
    --color-current: var(--color-secondary);
    --color-current-contrast: var(--color-secondary-contrast);
    --color-current-400: var(--color-secondary-400);
    --color-current-300: var(--color-secondary-300);
    --color-current-200: var(--color-secondary-200);
    --color-current-100: var(--color-secondary-100);
    --color-current-600: var(--color-secondary-600);
    --color-current-700: var(--color-secondary-700);
    --color-current-800: var(--color-secondary-800);
    --color-current-900: var(--color-secondary-900);
    --color-current-transparent-10: var(--color-secondary-transparent-10);
    --color-current-transparent-25: var(--color-secondary-transparent-25);
    --color-current-transparent-50: var(--color-secondary-transparent-50);
    --color-current-transparent-75: var(--color-secondary-transparent-75);
    --color-current-hover: var(--color-secondary-hover);
    --color-current-active: var(--color-secondary-active);
    --color-current-focus: var(--color-secondary-focus);
    --color-current-disabled: var(--color-secondary-disabled);
    --color-current-border: var(--color-secondary-border);
}

.color-tertiary {
    --color-current: var(--color-tertiary);
    --color-current-contrast: var(--color-tertiary-contrast);
    --color-current-400: var(--color-tertiary-400);
    --color-current-300: var(--color-tertiary-300);
    --color-current-200: var(--color-tertiary-200);
    --color-current-100: var(--color-tertiary-100);
    --color-current-600: var(--color-tertiary-600);
    --color-current-700: var(--color-tertiary-700);
    --color-current-800: var(--color-tertiary-800);
    --color-current-900: var(--color-tertiary-900);
    --color-current-transparent-10: var(--color-tertiary-transparent-10);
    --color-current-transparent-25: var(--color-tertiary-transparent-25);
    --color-current-transparent-50: var(--color-tertiary-transparent-50);
    --color-current-transparent-75: var(--color-tertiary-transparent-75);
    --color-current-hover: var(--color-tertiary-hover);
    --color-current-active: var(--color-tertiary-active);
    --color-current-focus: var(--color-tertiary-focus);
    --color-current-disabled: var(--color-tertiary-disabled);
    --color-current-border: var(--color-tertiary-border);
}

.color-quaternary {
    --color-current: var(--color-quaternary);
    --color-current-contrast: var(--color-quaternary-contrast);
    --color-current-400: var(--color-quaternary-400);
    --color-current-300: var(--color-quaternary-300);
    --color-current-200: var(--color-quaternary-200);
    --color-current-100: var(--color-quaternary-100);
    --color-current-600: var(--color-quaternary-600);
    --color-current-700: var(--color-quaternary-700);
    --color-current-800: var(--color-quaternary-800);
    --color-current-900: var(--color-quaternary-900);
    --color-current-transparent-10: var(--color-quaternary-transparent-10);
    --color-current-transparent-25: var(--color-quaternary-transparent-25);
    --color-current-transparent-50: var(--color-quaternary-transparent-50);
    --color-current-transparent-75: var(--color-quaternary-transparent-75);
    --color-current-hover: var(--color-quaternary-hover);
    --color-current-active: var(--color-quaternary-active);
    --color-current-focus: var(--color-quaternary-focus);
    --color-current-disabled: var(--color-quaternary-disabled);
    --color-current-border: var(--color-quaternary-border);
}

.color-success {
    --color-current: var(--color-success);
    --color-current-contrast: var(--color-success-contrast);
    --color-current-400: var(--color-success-400);
    --color-current-300: var(--color-success-300);
    --color-current-200: var(--color-success-200);
    --color-current-100: var(--color-success-100);
    --color-current-600: var(--color-success-600);
    --color-current-700: var(--color-success-700);
    --color-current-800: var(--color-success-800);
    --color-current-900: var(--color-success-900);
    --color-current-transparent-10: var(--color-success-transparent-10);
    --color-current-transparent-25: var(--color-success-transparent-25);
    --color-current-transparent-50: var(--color-success-transparent-50);
    --color-current-transparent-75: var(--color-success-transparent-75);
    --color-current-hover: var(--color-success-hover);
    --color-current-active: var(--color-success-active);
    --color-current-focus: var(--color-success-focus);
    --color-current-disabled: var(--color-success-disabled);
    --color-current-border: var(--color-success-border);
}

.color-warning {
    --color-current: var(--color-warning);
    --color-current-contrast: var(--color-warning-contrast);
    --color-current-400: var(--color-warning-400);
    --color-current-300: var(--color-warning-300);
    --color-current-200: var(--color-warning-200);
    --color-current-100: var(--color-warning-100);
    --color-current-600: var(--color-warning-600);
    --color-current-700: var(--color-warning-700);
    --color-current-800: var(--color-warning-800);
    --color-current-900: var(--color-warning-900);
    --color-current-transparent-10: var(--color-warning-transparent-10);
    --color-current-transparent-25: var(--color-warning-transparent-25);
    --color-current-transparent-50: var(--color-warning-transparent-50);
    --color-current-transparent-75: var(--color-warning-transparent-75);
    --color-current-hover: var(--color-warning-hover);
    --color-current-active: var(--color-warning-active);
    --color-current-focus: var(--color-warning-focus);
    --color-current-disabled: var(--color-warning-disabled);
    --color-current-border: var(--color-warning-border);
}

.color-danger {
    --color-current: var(--color-danger);
    --color-current-contrast: var(--color-danger-contrast);
    --color-current-400: var(--color-danger-400);
    --color-current-300: var(--color-danger-300);
    --color-current-200: var(--color-danger-200);
    --color-current-100: var(--color-danger-100);
    --color-current-600: var(--color-danger-600);
    --color-current-700: var(--color-danger-700);
    --color-current-800: var(--color-danger-800);
    --color-current-900: var(--color-danger-900);
    --color-current-transparent-10: var(--color-danger-transparent-10);
    --color-current-transparent-25: var(--color-danger-transparent-25);
    --color-current-transparent-50: var(--color-danger-transparent-50);
    --color-current-transparent-75: var(--color-danger-transparent-75);
    --color-current-hover: var(--color-danger-hover);
    --color-current-active: var(--color-danger-active);
    --color-current-focus: var(--color-danger-focus);
    --color-current-disabled: var(--color-danger-disabled);
    --color-current-border: var(--color-danger-border);
}

.color-info {
    --color-current: var(--color-info);
    --color-current-contrast: var(--color-info-contrast);
    --color-current-400: var(--color-info-400);
    --color-current-300: var(--color-info-300);
    --color-current-200: var(--color-info-200);
    --color-current-100: var(--color-info-100);
    --color-current-600: var(--color-info-600);
    --color-current-700: var(--color-info-700);
    --color-current-800: var(--color-info-800);
    --color-current-900: var(--color-info-900);
    --color-current-transparent-10: var(--color-info-transparent-10);
    --color-current-transparent-25: var(--color-info-transparent-25);
    --color-current-transparent-50: var(--color-info-transparent-50);
    --color-current-transparent-75: var(--color-info-transparent-75);
    --color-current-hover: var(--color-info-hover);
    --color-current-active: var(--color-info-active);
    --color-current-focus: var(--color-info-focus);
    --color-current-disabled: var(--color-info-disabled);
    --color-current-border: var(--color-info-border);
}

.text-primary {
    color: var(--color-primary);
}

.text-primary-contrast {
    color: var(--color-primary-contrast);
}

.text-primary-400 {
    color: var(--color-primary-400);
}

.text-primary-300 {
    color: var(--color-primary-300);
}

.text-primary-200 {
    color: var(--color-primary-200);
}

.text-primary-100 {
    color: var(--color-primary-100);
}

.text-primary-600 {
    color: var(--color-primary-600);
}

.text-primary-700 {
    color: var(--color-primary-700);
}

.text-primary-800 {
    color: var(--color-primary-800);
}

.text-primary-900 {
    color: var(--color-primary-900);
}

.text-primary-transparent-10 {
    color: var(--color-primary-transparent-10);
}

.text-primary-transparent-25 {
    color: var(--color-primary-transparent-25);
}

.text-primary-transparent-50 {
    color: var(--color-primary-transparent-50);
}

.text-primary-transparent-75 {
    color: var(--color-primary-transparent-75);
}

.text-primary-hover:hover {
    color: var(--color-primary-hover);
}

.text-primary-active:active {
    color: var(--color-primary-active);
}

.text-primary-focus:focus {
    color: var(--color-primary-focus);
}

.bg-primary, .bg-primary-h:hover {
    background-color: var(--color-primary);
    color: var(--color-primary-contrast);
}

.bg-primary-contrast, .bg-primary-contrast-h:hover {
    background-color: var(--color-primary-contrast);
    color: var(--color-primary);
}

.bg-primary-400, .bg-primary-400-h:hover {
    background-color: var(--color-primary-400);
    color: var(--color-primary-contrast);
}

.bg-primary-300, .bg-primary-300-h:hover {
    background-color: var(--color-primary-300);
    color: var(--color-primary-contrast);
}

.bg-primary-200, .bg-primary-200-h:hover {
    background-color: var(--color-primary-200);
    color: var(--color-primary-contrast);
}

.bg-primary-100, .bg-primary-200-h:hover {
    background-color: var(--color-primary-100);
    color: var(--color-primary-contrast);
}

.bg-primary-600, .bg-primary-600:hover {
    background-color: var(--color-primary-600);
    color: var(--color-primary-contrast);
}

.bg-primary-700, .bg-primary-700:hover {
    background-color: var(--color-primary-700);
    color: var(--color-primary-contrast);
}

.bg-primary-800, .bg-primary-800:hover {
    background-color: var(--color-primary-800);
    color: var(--color-primary-contrast);
}

.bg-primary-900, .bg-primary-800:hover {
    background-color: var(--color-primary-900);
    color: var(--color-primary-contrast);
}

.bg-primary-t-10, .bg-primary-transparent-10:hover {
    background-color: var(--color-primary-transparent-10);
}

.bg-primary-t-25, .bg-primary-transparent-25:hover {
    background-color: var(--color-primary-transparent-25);
}

.bg-primary-t-50, .bg-primary-transparent-50:hover {
    background-color: var(--color-primary-transparent-50);
}

.bg-primary-t-75, .bg-primary-transparent-75:hover {
    background-color: var(--color-primary-transparent-75);
}

.border-primary {
    border-color: var(--color-primary);
}

.border-primary-400 {
    border-color: var(--color-primary-400);
}

.border-primary-300 {
    border-color: var(--color-primary-300);
}

.border-primary-200 {
    border-color: var(--color-primary-200);
}

.border-primary-100 {
    border-color: var(--color-primary-100);
}

.border-primary-600 {
    border-color: var(--color-primary-600);
}

.border-primary-700 {
    border-color: var(--color-primary-700);
}

.border-primary-800 {
    border-color: var(--color-primary-800);
}

.border-primary-900 {
    border-color: var(--color-primary-900);
}

.border-primary-t-10 {
    border-color: var(--color-primary-transparent-10);
}

.border-primary-t-25 {
    border-color: var(--color-primary-transparent-25);
}

.border-primary-t-50 {
    border-color: var(--color-primary-transparent-50);
}

.border-primary-t-75 {
    border-color: var(--color-primary-transparent-75);
}

a.text-primary {
    color: var(--color-primary);
}

a.text-primary:hover {
    color: var(--color-primary-hover);
}

a.text-primary:active {
    color: var(--color-primary-active);
}

a.text-primary:focus {
    color: var(--color-primary-focus);
}

a.text-primary:visited {
    color: var(--color-primary-active);
}

.text-secondary {
    color: var(--color-secondary);
}

.text-secondary-contrast {
    color: var(--color-secondary-contrast);
}

.text-secondary-400 {
    color: var(--color-secondary-400);
}

.text-secondary-300 {
    color: var(--color-secondary-300);
}

.text-secondary-200 {
    color: var(--color-secondary-200);
}

.text-secondary-100 {
    color: var(--color-secondary-100);
}

.text-secondary-600 {
    color: var(--color-secondary-600);
}

.text-secondary-700 {
    color: var(--color-secondary-700);
}

.text-secondary-800 {
    color: var(--color-secondary-800);
}

.text-secondary-900 {
    color: var(--color-secondary-900);
}

.text-secondary-transparent-10 {
    color: var(--color-secondary-transparent-10);
}

.text-secondary-transparent-25 {
    color: var(--color-secondary-transparent-25);
}

.text-secondary-transparent-50 {
    color: var(--color-secondary-transparent-50);
}

.text-secondary-transparent-75 {
    color: var(--color-secondary-transparent-75);
}

.text-secondary-hover:hover {
    color: var(--color-secondary-hover);
}

.text-secondary-active:active {
    color: var(--color-secondary-active);
}

.text-secondary-focus:focus {
    color: var(--color-secondary-focus);
}

.bg-secondary, .bg-secondary-h:hover {
    background-color: var(--color-secondary);
    color: var(--color-secondary-contrast);
}

.bg-secondary-contrast, .bg-secondary-contrast-h:hover {
    background-color: var(--color-secondary-contrast);
    color: var(--color-secondary);
}

.bg-secondary-400, .bg-secondary-400-h:hover {
    background-color: var(--color-secondary-400);
    color: var(--color-secondary-contrast);
}

.bg-secondary-300, .bg-secondary-300-h:hover {
    background-color: var(--color-secondary-300);
    color: var(--color-secondary-contrast);
}

.bg-secondary-200, .bg-secondary-200-h:hover {
    background-color: var(--color-secondary-200);
    color: var(--color-secondary-contrast);
}

.bg-secondary-100, .bg-secondary-200-h:hover {
    background-color: var(--color-secondary-100);
    color: var(--color-secondary-contrast);
}

.bg-secondary-600, .bg-secondary-600:hover {
    background-color: var(--color-secondary-600);
    color: var(--color-secondary-contrast);
}

.bg-secondary-700, .bg-secondary-700:hover {
    background-color: var(--color-secondary-700);
    color: var(--color-secondary-contrast);
}

.bg-secondary-800, .bg-secondary-800:hover {
    background-color: var(--color-secondary-800);
    color: var(--color-secondary-contrast);
}

.bg-secondary-900, .bg-secondary-800:hover {
    background-color: var(--color-secondary-900);
    color: var(--color-secondary-contrast);
}

.bg-secondary-t-10, .bg-secondary-transparent-10:hover {
    background-color: var(--color-secondary-transparent-10);
}

.bg-secondary-t-25, .bg-secondary-transparent-25:hover {
    background-color: var(--color-secondary-transparent-25);
}

.bg-secondary-t-50, .bg-secondary-transparent-50:hover {
    background-color: var(--color-secondary-transparent-50);
}

.bg-secondary-t-75, .bg-secondary-transparent-75:hover {
    background-color: var(--color-secondary-transparent-75);
}

.border-secondary {
    border-color: var(--color-secondary);
}

.border-secondary-400 {
    border-color: var(--color-secondary-400);
}

.border-secondary-300 {
    border-color: var(--color-secondary-300);
}

.border-secondary-200 {
    border-color: var(--color-secondary-200);
}

.border-secondary-100 {
    border-color: var(--color-secondary-100);
}

.border-secondary-600 {
    border-color: var(--color-secondary-600);
}

.border-secondary-700 {
    border-color: var(--color-secondary-700);
}

.border-secondary-800 {
    border-color: var(--color-secondary-800);
}

.border-secondary-900 {
    border-color: var(--color-secondary-900);
}

.border-secondary-t-10 {
    border-color: var(--color-secondary-transparent-10);
}

.border-secondary-t-25 {
    border-color: var(--color-secondary-transparent-25);
}

.border-secondary-t-50 {
    border-color: var(--color-secondary-transparent-50);
}

.border-secondary-t-75 {
    border-color: var(--color-secondary-transparent-75);
}

a.text-secondary {
    color: var(--color-secondary);
}

a.text-secondary:hover {
    color: var(--color-secondary-hover);
}

a.text-secondary:active {
    color: var(--color-secondary-active);
}

a.text-secondary:focus {
    color: var(--color-secondary-focus);
}

a.text-secondary:visited {
    color: var(--color-secondary-active);
}

.text-tertiary {
    color: var(--color-tertiary);
}

.text-tertiary-contrast {
    color: var(--color-tertiary-contrast);
}

.text-tertiary-400 {
    color: var(--color-tertiary-400);
}

.text-tertiary-300 {
    color: var(--color-tertiary-300);
}

.text-tertiary-200 {
    color: var(--color-tertiary-200);
}

.text-tertiary-100 {
    color: var(--color-tertiary-100);
}

.text-tertiary-600 {
    color: var(--color-tertiary-600);
}

.text-tertiary-700 {
    color: var(--color-tertiary-700);
}

.text-tertiary-800 {
    color: var(--color-tertiary-800);
}

.text-tertiary-900 {
    color: var(--color-tertiary-900);
}

.text-tertiary-transparent-10 {
    color: var(--color-tertiary-transparent-10);
}

.text-tertiary-transparent-25 {
    color: var(--color-tertiary-transparent-25);
}

.text-tertiary-transparent-50 {
    color: var(--color-tertiary-transparent-50);
}

.text-tertiary-transparent-75 {
    color: var(--color-tertiary-transparent-75);
}

.text-tertiary-hover:hover {
    color: var(--color-tertiary-hover);
}

.text-tertiary-active:active {
    color: var(--color-tertiary-active);
}

.text-tertiary-focus:focus {
    color: var(--color-tertiary-focus);
}

.bg-tertiary, .bg-tertiary-h:hover {
    background-color: var(--color-tertiary);
    color: var(--color-tertiary-contrast);
}

.bg-tertiary-contrast, .bg-tertiary-contrast-h:hover {
    background-color: var(--color-tertiary-contrast);
    color: var(--color-tertiary);
}

.bg-tertiary-400, .bg-tertiary-400-h:hover {
    background-color: var(--color-tertiary-400);
    color: var(--color-tertiary-contrast);
}

.bg-tertiary-300, .bg-tertiary-300-h:hover {
    background-color: var(--color-tertiary-300);
    color: var(--color-tertiary-contrast);
}

.bg-tertiary-200, .bg-tertiary-200-h:hover {
    background-color: var(--color-tertiary-200);
    color: var(--color-tertiary-contrast);
}

.bg-tertiary-100, .bg-tertiary-200-h:hover {
    background-color: var(--color-tertiary-100);
    color: var(--color-tertiary-contrast);
}

.bg-tertiary-600, .bg-tertiary-600:hover {
    background-color: var(--color-tertiary-600);
    color: var(--color-tertiary-contrast);
}

.bg-tertiary-700, .bg-tertiary-700:hover {
    background-color: var(--color-tertiary-700);
    color: var(--color-tertiary-contrast);
}

.bg-tertiary-800, .bg-tertiary-800:hover {
    background-color: var(--color-tertiary-800);
    color: var(--color-tertiary-contrast);
}

.bg-tertiary-900, .bg-tertiary-800:hover {
    background-color: var(--color-tertiary-900);
    color: var(--color-tertiary-contrast);
}

.bg-tertiary-t-10, .bg-tertiary-transparent-10:hover {
    background-color: var(--color-tertiary-transparent-10);
}

.bg-tertiary-t-25, .bg-tertiary-transparent-25:hover {
    background-color: var(--color-tertiary-transparent-25);
}

.bg-tertiary-t-50, .bg-tertiary-transparent-50:hover {
    background-color: var(--color-tertiary-transparent-50);
}

.bg-tertiary-t-75, .bg-tertiary-transparent-75:hover {
    background-color: var(--color-tertiary-transparent-75);
}

.border-tertiary {
    border-color: var(--color-tertiary);
}

.border-tertiary-400 {
    border-color: var(--color-tertiary-400);
}

.border-tertiary-300 {
    border-color: var(--color-tertiary-300);
}

.border-tertiary-200 {
    border-color: var(--color-tertiary-200);
}

.border-tertiary-100 {
    border-color: var(--color-tertiary-100);
}

.border-tertiary-600 {
    border-color: var(--color-tertiary-600);
}

.border-tertiary-700 {
    border-color: var(--color-tertiary-700);
}

.border-tertiary-800 {
    border-color: var(--color-tertiary-800);
}

.border-tertiary-900 {
    border-color: var(--color-tertiary-900);
}

.border-tertiary-t-10 {
    border-color: var(--color-tertiary-transparent-10);
}

.border-tertiary-t-25 {
    border-color: var(--color-tertiary-transparent-25);
}

.border-tertiary-t-50 {
    border-color: var(--color-tertiary-transparent-50);
}

.border-tertiary-t-75 {
    border-color: var(--color-tertiary-transparent-75);
}

a.text-tertiary {
    color: var(--color-tertiary);
}

a.text-tertiary:hover {
    color: var(--color-tertiary-hover);
}

a.text-tertiary:active {
    color: var(--color-tertiary-active);
}

a.text-tertiary:focus {
    color: var(--color-tertiary-focus);
}

a.text-tertiary:visited {
    color: var(--color-tertiary-active);
}

.text-quaternary {
    color: var(--color-quaternary);
}

.text-quaternary-contrast {
    color: var(--color-quaternary-contrast);
}

.text-quaternary-400 {
    color: var(--color-quaternary-400);
}

.text-quaternary-300 {
    color: var(--color-quaternary-300);
}

.text-quaternary-200 {
    color: var(--color-quaternary-200);
}

.text-quaternary-100 {
    color: var(--color-quaternary-100);
}

.text-quaternary-600 {
    color: var(--color-quaternary-600);
}

.text-quaternary-700 {
    color: var(--color-quaternary-700);
}

.text-quaternary-800 {
    color: var(--color-quaternary-800);
}

.text-quaternary-900 {
    color: var(--color-quaternary-900);
}

.text-quaternary-transparent-10 {
    color: var(--color-quaternary-transparent-10);
}

.text-quaternary-transparent-25 {
    color: var(--color-quaternary-transparent-25);
}

.text-quaternary-transparent-50 {
    color: var(--color-quaternary-transparent-50);
}

.text-quaternary-transparent-75 {
    color: var(--color-quaternary-transparent-75);
}

.text-quaternary-hover:hover {
    color: var(--color-quaternary-hover);
}

.text-quaternary-active:active {
    color: var(--color-quaternary-active);
}

.text-quaternary-focus:focus {
    color: var(--color-quaternary-focus);
}

.bg-quaternary, .bg-quaternary-h:hover {
    background-color: var(--color-quaternary);
    color: var(--color-quaternary-contrast);
}

.bg-quaternary-contrast, .bg-quaternary-contrast-h:hover {
    background-color: var(--color-quaternary-contrast);
    color: var(--color-quaternary);
}

.bg-quaternary-400, .bg-quaternary-400-h:hover {
    background-color: var(--color-quaternary-400);
    color: var(--color-quaternary-contrast);
}

.bg-quaternary-300, .bg-quaternary-300-h:hover {
    background-color: var(--color-quaternary-300);
    color: var(--color-quaternary-contrast);
}

.bg-quaternary-200, .bg-quaternary-200-h:hover {
    background-color: var(--color-quaternary-200);
    color: var(--color-quaternary-contrast);
}

.bg-quaternary-100, .bg-quaternary-200-h:hover {
    background-color: var(--color-quaternary-100);
    color: var(--color-quaternary-contrast);
}

.bg-quaternary-600, .bg-quaternary-600:hover {
    background-color: var(--color-quaternary-600);
    color: var(--color-quaternary-contrast);
}

.bg-quaternary-700, .bg-quaternary-700:hover {
    background-color: var(--color-quaternary-700);
    color: var(--color-quaternary-contrast);
}

.bg-quaternary-800, .bg-quaternary-800:hover {
    background-color: var(--color-quaternary-800);
    color: var(--color-quaternary-contrast);
}

.bg-quaternary-900, .bg-quaternary-800:hover {
    background-color: var(--color-quaternary-900);
    color: var(--color-quaternary-contrast);
}

.bg-quaternary-t-10, .bg-quaternary-transparent-10:hover {
    background-color: var(--color-quaternary-transparent-10);
}

.bg-quaternary-t-25, .bg-quaternary-transparent-25:hover {
    background-color: var(--color-quaternary-transparent-25);
}

.bg-quaternary-t-50, .bg-quaternary-transparent-50:hover {
    background-color: var(--color-quaternary-transparent-50);
}

.bg-quaternary-t-75, .bg-quaternary-transparent-75:hover {
    background-color: var(--color-quaternary-transparent-75);
}

.border-quaternary {
    border-color: var(--color-quaternary);
}

.border-quaternary-400 {
    border-color: var(--color-quaternary-400);
}

.border-quaternary-300 {
    border-color: var(--color-quaternary-300);
}

.border-quaternary-200 {
    border-color: var(--color-quaternary-200);
}

.border-quaternary-100 {
    border-color: var(--color-quaternary-100);
}

.border-quaternary-600 {
    border-color: var(--color-quaternary-600);
}

.border-quaternary-700 {
    border-color: var(--color-quaternary-700);
}

.border-quaternary-800 {
    border-color: var(--color-quaternary-800);
}

.border-quaternary-900 {
    border-color: var(--color-quaternary-900);
}

.border-quaternary-t-10 {
    border-color: var(--color-quaternary-transparent-10);
}

.border-quaternary-t-25 {
    border-color: var(--color-quaternary-transparent-25);
}

.border-quaternary-t-50 {
    border-color: var(--color-quaternary-transparent-50);
}

.border-quaternary-t-75 {
    border-color: var(--color-quaternary-transparent-75);
}

a.text-quaternary {
    color: var(--color-quaternary);
}

a.text-quaternary:hover {
    color: var(--color-quaternary-hover);
}

a.text-quaternary:active {
    color: var(--color-quaternary-active);
}

a.text-quaternary:focus {
    color: var(--color-quaternary-focus);
}

a.text-quaternary:visited {
    color: var(--color-quaternary-active);
}

.text-success {
    color: var(--color-success);
}

.text-success-contrast {
    color: var(--color-success-contrast);
}

.text-success-400 {
    color: var(--color-success-400);
}

.text-success-300 {
    color: var(--color-success-300);
}

.text-success-200 {
    color: var(--color-success-200);
}

.text-success-100 {
    color: var(--color-success-100);
}

.text-success-600 {
    color: var(--color-success-600);
}

.text-success-700 {
    color: var(--color-success-700);
}

.text-success-800 {
    color: var(--color-success-800);
}

.text-success-900 {
    color: var(--color-success-900);
}

.text-success-transparent-10 {
    color: var(--color-success-transparent-10);
}

.text-success-transparent-25 {
    color: var(--color-success-transparent-25);
}

.text-success-transparent-50 {
    color: var(--color-success-transparent-50);
}

.text-success-transparent-75 {
    color: var(--color-success-transparent-75);
}

.text-success-hover:hover {
    color: var(--color-success-hover);
}

.text-success-active:active {
    color: var(--color-success-active);
}

.text-success-focus:focus {
    color: var(--color-success-focus);
}

.bg-success, .bg-success-h:hover {
    background-color: var(--color-success);
    color: var(--color-success-contrast);
}

.bg-success-contrast, .bg-success-contrast-h:hover {
    background-color: var(--color-success-contrast);
    color: var(--color-success);
}

.bg-success-400, .bg-success-400-h:hover {
    background-color: var(--color-success-400);
    color: var(--color-success-contrast);
}

.bg-success-300, .bg-success-300-h:hover {
    background-color: var(--color-success-300);
    color: var(--color-success-contrast);
}

.bg-success-200, .bg-success-200-h:hover {
    background-color: var(--color-success-200);
    color: var(--color-success-contrast);
}

.bg-success-100, .bg-success-200-h:hover {
    background-color: var(--color-success-100);
    color: var(--color-success-contrast);
}

.bg-success-600, .bg-success-600:hover {
    background-color: var(--color-success-600);
    color: var(--color-success-contrast);
}

.bg-success-700, .bg-success-700:hover {
    background-color: var(--color-success-700);
    color: var(--color-success-contrast);
}

.bg-success-800, .bg-success-800:hover {
    background-color: var(--color-success-800);
    color: var(--color-success-contrast);
}

.bg-success-900, .bg-success-800:hover {
    background-color: var(--color-success-900);
    color: var(--color-success-contrast);
}

.bg-success-t-10, .bg-success-transparent-10:hover {
    background-color: var(--color-success-transparent-10);
}

.bg-success-t-25, .bg-success-transparent-25:hover {
    background-color: var(--color-success-transparent-25);
}

.bg-success-t-50, .bg-success-transparent-50:hover {
    background-color: var(--color-success-transparent-50);
}

.bg-success-t-75, .bg-success-transparent-75:hover {
    background-color: var(--color-success-transparent-75);
}

.border-success {
    border-color: var(--color-success);
}

.border-success-400 {
    border-color: var(--color-success-400);
}

.border-success-300 {
    border-color: var(--color-success-300);
}

.border-success-200 {
    border-color: var(--color-success-200);
}

.border-success-100 {
    border-color: var(--color-success-100);
}

.border-success-600 {
    border-color: var(--color-success-600);
}

.border-success-700 {
    border-color: var(--color-success-700);
}

.border-success-800 {
    border-color: var(--color-success-800);
}

.border-success-900 {
    border-color: var(--color-success-900);
}

.border-success-t-10 {
    border-color: var(--color-success-transparent-10);
}

.border-success-t-25 {
    border-color: var(--color-success-transparent-25);
}

.border-success-t-50 {
    border-color: var(--color-success-transparent-50);
}

.border-success-t-75 {
    border-color: var(--color-success-transparent-75);
}

a.text-success {
    color: var(--color-success);
}

a.text-success:hover {
    color: var(--color-success-hover);
}

a.text-success:active {
    color: var(--color-success-active);
}

a.text-success:focus {
    color: var(--color-success-focus);
}

a.text-success:visited {
    color: var(--color-success-active);
}

.text-warning {
    color: var(--color-warning);
}

.text-warning-contrast {
    color: var(--color-warning-contrast);
}

.text-warning-400 {
    color: var(--color-warning-400);
}

.text-warning-300 {
    color: var(--color-warning-300);
}

.text-warning-200 {
    color: var(--color-warning-200);
}

.text-warning-100 {
    color: var(--color-warning-100);
}

.text-warning-600 {
    color: var(--color-warning-600);
}

.text-warning-700 {
    color: var(--color-warning-700);
}

.text-warning-800 {
    color: var(--color-warning-800);
}

.text-warning-900 {
    color: var(--color-warning-900);
}

.text-warning-transparent-10 {
    color: var(--color-warning-transparent-10);
}

.text-warning-transparent-25 {
    color: var(--color-warning-transparent-25);
}

.text-warning-transparent-50 {
    color: var(--color-warning-transparent-50);
}

.text-warning-transparent-75 {
    color: var(--color-warning-transparent-75);
}

.text-warning-hover:hover {
    color: var(--color-warning-hover);
}

.text-warning-active:active {
    color: var(--color-warning-active);
}

.text-warning-focus:focus {
    color: var(--color-warning-focus);
}

.bg-warning, .bg-warning-h:hover {
    background-color: var(--color-warning);
    color: var(--color-warning-contrast);
}

.bg-warning-contrast, .bg-warning-contrast-h:hover {
    background-color: var(--color-warning-contrast);
    color: var(--color-warning);
}

.bg-warning-400, .bg-warning-400-h:hover {
    background-color: var(--color-warning-400);
    color: var(--color-warning-contrast);
}

.bg-warning-300, .bg-warning-300-h:hover {
    background-color: var(--color-warning-300);
    color: var(--color-warning-contrast);
}

.bg-warning-200, .bg-warning-200-h:hover {
    background-color: var(--color-warning-200);
    color: var(--color-warning-contrast);
}

.bg-warning-100, .bg-warning-200-h:hover {
    background-color: var(--color-warning-100);
    color: var(--color-warning-contrast);
}

.bg-warning-600, .bg-warning-600:hover {
    background-color: var(--color-warning-600);
    color: var(--color-warning-contrast);
}

.bg-warning-700, .bg-warning-700:hover {
    background-color: var(--color-warning-700);
    color: var(--color-warning-contrast);
}

.bg-warning-800, .bg-warning-800:hover {
    background-color: var(--color-warning-800);
    color: var(--color-warning-contrast);
}

.bg-warning-900, .bg-warning-800:hover {
    background-color: var(--color-warning-900);
    color: var(--color-warning-contrast);
}

.bg-warning-t-10, .bg-warning-transparent-10:hover {
    background-color: var(--color-warning-transparent-10);
}

.bg-warning-t-25, .bg-warning-transparent-25:hover {
    background-color: var(--color-warning-transparent-25);
}

.bg-warning-t-50, .bg-warning-transparent-50:hover {
    background-color: var(--color-warning-transparent-50);
}

.bg-warning-t-75, .bg-warning-transparent-75:hover {
    background-color: var(--color-warning-transparent-75);
}

.border-warning {
    border-color: var(--color-warning);
}

.border-warning-400 {
    border-color: var(--color-warning-400);
}

.border-warning-300 {
    border-color: var(--color-warning-300);
}

.border-warning-200 {
    border-color: var(--color-warning-200);
}

.border-warning-100 {
    border-color: var(--color-warning-100);
}

.border-warning-600 {
    border-color: var(--color-warning-600);
}

.border-warning-700 {
    border-color: var(--color-warning-700);
}

.border-warning-800 {
    border-color: var(--color-warning-800);
}

.border-warning-900 {
    border-color: var(--color-warning-900);
}

.border-warning-t-10 {
    border-color: var(--color-warning-transparent-10);
}

.border-warning-t-25 {
    border-color: var(--color-warning-transparent-25);
}

.border-warning-t-50 {
    border-color: var(--color-warning-transparent-50);
}

.border-warning-t-75 {
    border-color: var(--color-warning-transparent-75);
}

a.text-warning {
    color: var(--color-warning);
}

a.text-warning:hover {
    color: var(--color-warning-hover);
}

a.text-warning:active {
    color: var(--color-warning-active);
}

a.text-warning:focus {
    color: var(--color-warning-focus);
}

a.text-warning:visited {
    color: var(--color-warning-active);
}

.text-danger {
    color: var(--color-danger);
}

.text-danger-contrast {
    color: var(--color-danger-contrast);
}

.text-danger-400 {
    color: var(--color-danger-400);
}

.text-danger-300 {
    color: var(--color-danger-300);
}

.text-danger-200 {
    color: var(--color-danger-200);
}

.text-danger-100 {
    color: var(--color-danger-100);
}

.text-danger-600 {
    color: var(--color-danger-600);
}

.text-danger-700 {
    color: var(--color-danger-700);
}

.text-danger-800 {
    color: var(--color-danger-800);
}

.text-danger-900 {
    color: var(--color-danger-900);
}

.text-danger-transparent-10 {
    color: var(--color-danger-transparent-10);
}

.text-danger-transparent-25 {
    color: var(--color-danger-transparent-25);
}

.text-danger-transparent-50 {
    color: var(--color-danger-transparent-50);
}

.text-danger-transparent-75 {
    color: var(--color-danger-transparent-75);
}

.text-danger-hover:hover {
    color: var(--color-danger-hover);
}

.text-danger-active:active {
    color: var(--color-danger-active);
}

.text-danger-focus:focus {
    color: var(--color-danger-focus);
}

.bg-danger, .bg-danger-h:hover {
    background-color: var(--color-danger);
    color: var(--color-danger-contrast);
}

.bg-danger-contrast, .bg-danger-contrast-h:hover {
    background-color: var(--color-danger-contrast);
    color: var(--color-danger);
}

.bg-danger-400, .bg-danger-400-h:hover {
    background-color: var(--color-danger-400);
    color: var(--color-danger-contrast);
}

.bg-danger-300, .bg-danger-300-h:hover {
    background-color: var(--color-danger-300);
    color: var(--color-danger-contrast);
}

.bg-danger-200, .bg-danger-200-h:hover {
    background-color: var(--color-danger-200);
    color: var(--color-danger-contrast);
}

.bg-danger-100, .bg-danger-200-h:hover {
    background-color: var(--color-danger-100);
    color: var(--color-danger-contrast);
}

.bg-danger-600, .bg-danger-600:hover {
    background-color: var(--color-danger-600);
    color: var(--color-danger-contrast);
}

.bg-danger-700, .bg-danger-700:hover {
    background-color: var(--color-danger-700);
    color: var(--color-danger-contrast);
}

.bg-danger-800, .bg-danger-800:hover {
    background-color: var(--color-danger-800);
    color: var(--color-danger-contrast);
}

.bg-danger-900, .bg-danger-800:hover {
    background-color: var(--color-danger-900);
    color: var(--color-danger-contrast);
}

.bg-danger-t-10, .bg-danger-transparent-10:hover {
    background-color: var(--color-danger-transparent-10);
}

.bg-danger-t-25, .bg-danger-transparent-25:hover {
    background-color: var(--color-danger-transparent-25);
}

.bg-danger-t-50, .bg-danger-transparent-50:hover {
    background-color: var(--color-danger-transparent-50);
}

.bg-danger-t-75, .bg-danger-transparent-75:hover {
    background-color: var(--color-danger-transparent-75);
}

.border-danger {
    border-color: var(--color-danger);
}

.border-danger-400 {
    border-color: var(--color-danger-400);
}

.border-danger-300 {
    border-color: var(--color-danger-300);
}

.border-danger-200 {
    border-color: var(--color-danger-200);
}

.border-danger-100 {
    border-color: var(--color-danger-100);
}

.border-danger-600 {
    border-color: var(--color-danger-600);
}

.border-danger-700 {
    border-color: var(--color-danger-700);
}

.border-danger-800 {
    border-color: var(--color-danger-800);
}

.border-danger-900 {
    border-color: var(--color-danger-900);
}

.border-danger-t-10 {
    border-color: var(--color-danger-transparent-10);
}

.border-danger-t-25 {
    border-color: var(--color-danger-transparent-25);
}

.border-danger-t-50 {
    border-color: var(--color-danger-transparent-50);
}

.border-danger-t-75 {
    border-color: var(--color-danger-transparent-75);
}

a.text-danger {
    color: var(--color-danger);
}

a.text-danger:hover {
    color: var(--color-danger-hover);
}

a.text-danger:active {
    color: var(--color-danger-active);
}

a.text-danger:focus {
    color: var(--color-danger-focus);
}

a.text-danger:visited {
    color: var(--color-danger-active);
}

.text-info {
    color: var(--color-info);
}

.text-info-contrast {
    color: var(--color-info-contrast);
}

.text-info-400 {
    color: var(--color-info-400);
}

.text-info-300 {
    color: var(--color-info-300);
}

.text-info-200 {
    color: var(--color-info-200);
}

.text-info-100 {
    color: var(--color-info-100);
}

.text-info-600 {
    color: var(--color-info-600);
}

.text-info-700 {
    color: var(--color-info-700);
}

.text-info-800 {
    color: var(--color-info-800);
}

.text-info-900 {
    color: var(--color-info-900);
}

.text-info-transparent-10 {
    color: var(--color-info-transparent-10);
}

.text-info-transparent-25 {
    color: var(--color-info-transparent-25);
}

.text-info-transparent-50 {
    color: var(--color-info-transparent-50);
}

.text-info-transparent-75 {
    color: var(--color-info-transparent-75);
}

.text-info-hover:hover {
    color: var(--color-info-hover);
}

.text-info-active:active {
    color: var(--color-info-active);
}

.text-info-focus:focus {
    color: var(--color-info-focus);
}

.bg-info, .bg-info-h:hover {
    background-color: var(--color-info);
    color: var(--color-info-contrast);
}

.bg-info-contrast, .bg-info-contrast-h:hover {
    background-color: var(--color-info-contrast);
    color: var(--color-info);
}

.bg-info-400, .bg-info-400-h:hover {
    background-color: var(--color-info-400);
    color: var(--color-info-contrast);
}

.bg-info-300, .bg-info-300-h:hover {
    background-color: var(--color-info-300);
    color: var(--color-info-contrast);
}

.bg-info-200, .bg-info-200-h:hover {
    background-color: var(--color-info-200);
    color: var(--color-info-contrast);
}

.bg-info-100, .bg-info-200-h:hover {
    background-color: var(--color-info-100);
    color: var(--color-info-contrast);
}

.bg-info-600, .bg-info-600:hover {
    background-color: var(--color-info-600);
    color: var(--color-info-contrast);
}

.bg-info-700, .bg-info-700:hover {
    background-color: var(--color-info-700);
    color: var(--color-info-contrast);
}

.bg-info-800, .bg-info-800:hover {
    background-color: var(--color-info-800);
    color: var(--color-info-contrast);
}

.bg-info-900, .bg-info-800:hover {
    background-color: var(--color-info-900);
    color: var(--color-info-contrast);
}

.bg-info-t-10, .bg-info-transparent-10:hover {
    background-color: var(--color-info-transparent-10);
}

.bg-info-t-25, .bg-info-transparent-25:hover {
    background-color: var(--color-info-transparent-25);
}

.bg-info-t-50, .bg-info-transparent-50:hover {
    background-color: var(--color-info-transparent-50);
}

.bg-info-t-75, .bg-info-transparent-75:hover {
    background-color: var(--color-info-transparent-75);
}

.border-info {
    border-color: var(--color-info);
}

.border-info-400 {
    border-color: var(--color-info-400);
}

.border-info-300 {
    border-color: var(--color-info-300);
}

.border-info-200 {
    border-color: var(--color-info-200);
}

.border-info-100 {
    border-color: var(--color-info-100);
}

.border-info-600 {
    border-color: var(--color-info-600);
}

.border-info-700 {
    border-color: var(--color-info-700);
}

.border-info-800 {
    border-color: var(--color-info-800);
}

.border-info-900 {
    border-color: var(--color-info-900);
}

.border-info-t-10 {
    border-color: var(--color-info-transparent-10);
}

.border-info-t-25 {
    border-color: var(--color-info-transparent-25);
}

.border-info-t-50 {
    border-color: var(--color-info-transparent-50);
}

.border-info-t-75 {
    border-color: var(--color-info-transparent-75);
}

a.text-info {
    color: var(--color-info);
}

a.text-info:hover {
    color: var(--color-info-hover);
}

a.text-info:active {
    color: var(--color-info-active);
}

a.text-info:focus {
    color: var(--color-info-focus);
}

a.text-info:visited {
    color: var(--color-info-active);
}

.text-current {
    color: var(--color-current);
}

.text-current-contrast {
    color: var(--color-current-contrast);
}

.text-current-400 {
    color: var(--color-current-400);
}

.text-current-300 {
    color: var(--color-current-300);
}

.text-current-200 {
    color: var(--color-current-200);
}

.text-current-100 {
    color: var(--color-current-100);
}

.text-current-600 {
    color: var(--color-current-600);
}

.text-current-700 {
    color: var(--color-current-700);
}

.text-current-800 {
    color: var(--color-current-800);
}

.text-current-900 {
    color: var(--color-current-900);
}

.text-current-transparent-10 {
    color: var(--color-current-transparent-10);
}

.text-current-transparent-25 {
    color: var(--color-current-transparent-25);
}

.text-current-transparent-50 {
    color: var(--color-current-transparent-50);
}

.text-current-transparent-75 {
    color: var(--color-current-transparent-75);
}

.text-current-hover:hover {
    color: var(--color-current-hover);
}

.text-current-active:active {
    color: var(--color-current-active);
}

.text-current-focus:focus {
    color: var(--color-current-focus);
}

.bg-current, .bg-current-h:hover {
    background-color: var(--color-current);
    color: var(--color-current-contrast);
}

.bg-current-contrast, .bg-current-contrast-h:hover {
    background-color: var(--color-current-contrast);
    color: var(--color-current);
}

.bg-current-400, .bg-current-400-h:hover {
    background-color: var(--color-current-400);
    color: var(--color-current-contrast);
}

.bg-current-300, .bg-current-300-h:hover {
    background-color: var(--color-current-300);
    color: var(--color-current-contrast);
}

.bg-current-200, .bg-current-200-h:hover {
    background-color: var(--color-current-200);
    color: var(--color-current-contrast);
}

.bg-current-100, .bg-current-200-h:hover {
    background-color: var(--color-current-100);
    color: var(--color-current-contrast);
}

.bg-current-600, .bg-current-600:hover {
    background-color: var(--color-current-600);
    color: var(--color-current-contrast);
}

.bg-current-700, .bg-current-700:hover {
    background-color: var(--color-current-700);
    color: var(--color-current-contrast);
}

.bg-current-800, .bg-current-800:hover {
    background-color: var(--color-current-800);
    color: var(--color-current-contrast);
}

.bg-current-900, .bg-current-800:hover {
    background-color: var(--color-current-900);
    color: var(--color-current-contrast);
}

.bg-current-t-10, .bg-current-transparent-10:hover {
    background-color: var(--color-current-transparent-10);
}

.bg-current-t-25, .bg-current-transparent-25:hover {
    background-color: var(--color-current-transparent-25);
}

.bg-current-t-50, .bg-current-transparent-50:hover {
    background-color: var(--color-current-transparent-50);
}

.bg-current-t-75, .bg-current-transparent-75:hover {
    background-color: var(--color-current-transparent-75);
}

.border-current {
    border-color: var(--color-current);
}

.border-current-400 {
    border-color: var(--color-current-400);
}

.border-current-300 {
    border-color: var(--color-current-300);
}

.border-current-200 {
    border-color: var(--color-current-200);
}

.border-current-100 {
    border-color: var(--color-current-100);
}

.border-current-600 {
    border-color: var(--color-current-600);
}

.border-current-700 {
    border-color: var(--color-current-700);
}

.border-current-800 {
    border-color: var(--color-current-800);
}

.border-current-900 {
    border-color: var(--color-current-900);
}

.border-current-t-10 {
    border-color: var(--color-current-transparent-10);
}

.border-current-t-25 {
    border-color: var(--color-current-transparent-25);
}

.border-current-t-50 {
    border-color: var(--color-current-transparent-50);
}

.border-current-t-75 {
    border-color: var(--color-current-transparent-75);
}

a.text-current {
    color: var(--color-current);
}

a.text-current:hover {
    color: var(--color-current-hover);
}

a.text-current:active {
    color: var(--color-current-active);
}

a.text-current:focus {
    color: var(--color-current-focus);
}

a.text-current:visited {
    color: var(--color-current-active);
}

.bg-1 {
    background-color: var(--color-bg-1);
}

.bg-2 {
    background-color: var(--color-bg-2);
}

.bg-3 {
    background-color: var(--color-bg-3);
}

.bg-4 {
    background-color: var(--color-bg-4);
}

.text-muted {
    color: var(--text-muted-color);
}

a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-hover-color);
}

a:active {
    color: var(--link-active-color);
}

a:visited {
    color: var(--link-visited-color);
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: var(--base-font-size);
    font-family: var(--base-font-family), sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(var(--text-color), 0);
}

body {
    margin: 0;
    font-family: var(--base-font-family), sans-serif;
    font-size: var(--base-font-size);
    font-weight: var(--base-font-weight);
    line-height: var(--base-line-height);
    color: var(--text-color);
    text-align: left;
    background-color: var(--base-bg-color);
}

p {
    margin-top: 0;
}

h1, .h1 {
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    line-height: var(--h1-line-height);
}

h2, .h2 {
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    line-height: var(--h2-line-height);
}

h3, .h3 {
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--h3-line-height);
}

h4, .h4 {
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
}

h5, .h5 {
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    line-height: var(--h5-line-height);
}

h6, .h6 {
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    line-height: var(--h6-line-height);
}

.display-sm {
    font-size: var(--display-sm-font-size);
    font-weight: var(--display-sm-font-weight);
    line-height: var(--display-sm-line-height);
}

.display-md {
    font-size: var(--display-md-font-size);
    font-weight: var(--display-md-font-weight);
    line-height: var(--display-md-line-height);
}

.display-lg {
    font-size: var(--display-lg-font-size);
    font-weight: var(--display-lg-font-weight);
    line-height: var(--display-lg-line-height);
}

hr {
    margin-top: var(--hr-margin-y);
    margin-bottom: var(--hr-margin-y);
    border: 0;
    border-top: var(--hr-border-width) solid var(--hr-border-color);
}

small,
.small {
    font-size: var(--small-font-size);
    font-weight: var(--font-weight-regular);
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: var(--list-inline-padding);
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: var(--margin-5);
    font-size: var(--quote-font-size);
}

.blockquote-footer {
    display: block;
    font-size: var(--quote-small-font-size);
    color: var(--quote-small-color);
}

.blockquote-footer::before {
    content: "— ";
}

a {
    color: inherit;
}

i, i.i-inline {
    display: inline-block;
    margin-left: var(--spacer-4);
    margin-right: var(--spacer-4);
    line-height: var(--base-line-height);
}

i:first-child, i.i-inline:first-child {
    margin-left: 0;
}

i:last-child, i.i-inline:last-child {
    margin-right: 0;
}

i.space-around {
    display: inline-block;
    margin-right: 0.3em;
    margin-left: 0.3em;
}

i.space-around:first-child {
    margin-left: 0;
}

i.space-around:last-child {
    margin-right: 0;
}

i.space-right {
    display: inline-block;
    margin-right: 0.3em;
}

i.space-left {
    display: inline-block;
    margin-left: 0.3em;
}

.space-right {
    display: inline-block;
    margin-right: 0.3em;
}

.space-left {
    display: inline-block;
    margin-left: 0.3em;
}

.mu-p {
    cursor: pointer;
}

/*
1. Text Alignment
2. Font Family
3. Text Transformation
4. Font Weight
5. Line Height
6. Font Size
7. Letter Spacing
8. Text Decoration
9. Additional Font Size
10. Additional Line Height
11. Misc
*/
.text-pre-wrap {
    white-space: pre-wrap; /* Webkit */
    white-space: -moz-pre-wrap; /* Firefox */
    /*white-space: -pre-wrap;     !* Opera <7 *!*/
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

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

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

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

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

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

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

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.font-italic {
    font-style: italic !important;
}

.text-reset {
    color: inherit !important;
}

.fs-2x {
    font-size: 2em !important;
}

.fs-3x {
    font-size: 3em !important;
}

.fs-4x {
    font-size: 4em !important;
}

.fs-5x {
    font-size: 5em !important;
}

.fs-10x {
    font-size: 10em !important;
}

.fs-15x {
    font-size: 15em !important;
}

.fs-20x {
    font-size: 20em !important;
}

.lh-1 {
    line-height: 1.1;
}

.lh-2 {
    line-height: 1.2;
}

.lh-3 {
    line-height: 1.3;
}

.lh-4 {
    line-height: 1.4;
}

.lh-5 {
    line-height: 1.5;
}

.lh-6 {
    line-height: 1.6;
}

.lh-7 {
    line-height: 1.7;
}

.lh-8 {
    line-height: 1.8;
}

.lh-9 {
    line-height: 1.9;
}

.lh-10 {
    line-height: 2;
}

.tt-uppercase {
    text-transform: var(--text-transform-uppercase) !important;
}

.tt-lowercase {
    text-transform: var(--text-transform-lowercase) !important;
}

.tt-capitalize {
    text-transform: var(--text-transform-capitalize) !important;
}

.tt-none {
    text-transform: var(--text-transform-none) !important;
}

.fw-thin {
    font-weight: var(--font-weight-thin) !important;
}

.fw-light {
    font-weight: var(--font-weight-light) !important;
}

.fw-regular {
    font-weight: var(--font-weight-regular) !important;
}

.fw-medium {
    font-weight: var(--font-weight-medium) !important;
}

.fw-semibold {
    font-weight: var(--font-weight-semibold) !important;
}

.fw-bold {
    font-weight: var(--font-weight-bold) !important;
}

.fw-extra-bold {
    font-weight: var(--font-weight-extra-bold) !important;
}

.fw-black {
    font-weight: var(--font-weight-black) !important;
}

.lh-compact {
    line-height: var(--line-height-compact) !important;
}

.lh-tight {
    line-height: var(--line-height-tight) !important;
}

.lh-normal {
    line-height: var(--line-height-normal) !important;
}

.lh-relaxed {
    line-height: var(--line-height-relaxed) !important;
}

.lh-loose {
    line-height: var(--line-height-loose) !important;
}

.lh-extra-loose {
    line-height: var(--line-height-extra-loose) !important;
}

.lh-ultra-loose {
    line-height: var(--line-height-ultra-loose) !important;
}

.td-none {
    text-decoration: var(--text-decoration-none) !important;
}

.td-underline {
    text-decoration: var(--text-decoration-underline) !important;
}

.td-line-through {
    text-decoration: var(--text-decoration-line-through) !important;
}

.td-superscript {
    text-decoration: var(--text-decoration-superscript) !important;
}

.td-subscript {
    text-decoration: var(--text-decoration-subscript) !important;
}

.td-highlight {
    text-decoration: var(--text-decoration-highlight) !important;
}

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

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

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

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

.tt-uppercase {
    text-transform: var(--text-transform-uppercase) !important;
}

.tt-lowercase {
    text-transform: var(--text-transform-lowercase) !important;
}

.tt-capitalize {
    text-transform: var(--text-transform-capitalize) !important;
}

.tt-none {
    text-transform: var(--text-transform-none) !important;
}

.fw-thin {
    font-weight: var(--font-weight-thin) !important;
}

.fw-light {
    font-weight: var(--font-weight-light) !important;
}

.fw-regular {
    font-weight: var(--font-weight-regular) !important;
}

.fw-medium {
    font-weight: var(--font-weight-medium) !important;
}

.fw-semibold {
    font-weight: var(--font-weight-semibold) !important;
}

.fw-bold {
    font-weight: var(--font-weight-bold) !important;
}

.fw-extra-bold {
    font-weight: var(--font-weight-extra-bold) !important;
}

.fw-black {
    font-weight: var(--font-weight-black) !important;
}

.lh-compact {
    line-height: var(--line-height-compact) !important;
}

.lh-tight {
    line-height: var(--line-height-tight) !important;
}

.lh-normal {
    line-height: var(--line-height-normal) !important;
}

.lh-relaxed {
    line-height: var(--line-height-relaxed) !important;
}

.lh-loose {
    line-height: var(--line-height-loose) !important;
}

.lh-extra-loose {
    line-height: var(--line-height-extra-loose) !important;
}

.lh-ultra-loose {
    line-height: var(--line-height-ultra-loose) !important;
}

.td-none {
    text-decoration: var(--text-decoration-none) !important;
}

.td-underline {
    text-decoration: var(--text-decoration-underline) !important;
}

.td-line-through {
    text-decoration: var(--text-decoration-line-through) !important;
}

.td-superscript {
    text-decoration: var(--text-decoration-superscript) !important;
}

.td-subscript {
    text-decoration: var(--text-decoration-subscript) !important;
}

.td-highlight {
    text-decoration: var(--text-decoration-highlight) !important;
}

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

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

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

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

    .tt-sm-uppercase {
        text-transform: var(--text-transform-uppercase) !important;
    }

    .tt-sm-lowercase {
        text-transform: var(--text-transform-lowercase) !important;
    }

    .tt-sm-capitalize {
        text-transform: var(--text-transform-capitalize) !important;
    }

    .tt-sm-none {
        text-transform: var(--text-transform-none) !important;
    }

    .fw-sm-thin {
        font-weight: var(--font-weight-thin) !important;
    }

    .fw-sm-light {
        font-weight: var(--font-weight-light) !important;
    }

    .fw-sm-regular {
        font-weight: var(--font-weight-regular) !important;
    }

    .fw-sm-medium {
        font-weight: var(--font-weight-medium) !important;
    }

    .fw-sm-semibold {
        font-weight: var(--font-weight-semibold) !important;
    }

    .fw-sm-bold {
        font-weight: var(--font-weight-bold) !important;
    }

    .fw-sm-extra-bold {
        font-weight: var(--font-weight-extra-bold) !important;
    }

    .fw-sm-black {
        font-weight: var(--font-weight-black) !important;
    }

    .lh-sm-compact {
        line-height: var(--line-height-compact) !important;
    }

    .lh-sm-tight {
        line-height: var(--line-height-tight) !important;
    }

    .lh-sm-normal {
        line-height: var(--line-height-normal) !important;
    }

    .lh-sm-relaxed {
        line-height: var(--line-height-relaxed) !important;
    }

    .lh-sm-loose {
        line-height: var(--line-height-loose) !important;
    }

    .lh-sm-extra-loose {
        line-height: var(--line-height-extra-loose) !important;
    }

    .lh-sm-ultra-loose {
        line-height: var(--line-height-ultra-loose) !important;
    }

    .td-sm-none {
        text-decoration: var(--text-decoration-none) !important;
    }

    .td-sm-underline {
        text-decoration: var(--text-decoration-underline) !important;
    }

    .td-sm-line-through {
        text-decoration: var(--text-decoration-line-through) !important;
    }

    .td-sm-superscript {
        text-decoration: var(--text-decoration-superscript) !important;
    }

    .td-sm-subscript {
        text-decoration: var(--text-decoration-subscript) !important;
    }

    .td-sm-highlight {
        text-decoration: var(--text-decoration-highlight) !important;
    }
}

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

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

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

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

    .tt-md-uppercase {
        text-transform: var(--text-transform-uppercase) !important;
    }

    .tt-md-lowercase {
        text-transform: var(--text-transform-lowercase) !important;
    }

    .tt-md-capitalize {
        text-transform: var(--text-transform-capitalize) !important;
    }

    .tt-md-none {
        text-transform: var(--text-transform-none) !important;
    }

    .fw-md-thin {
        font-weight: var(--font-weight-thin) !important;
    }

    .fw-md-light {
        font-weight: var(--font-weight-light) !important;
    }

    .fw-md-regular {
        font-weight: var(--font-weight-regular) !important;
    }

    .fw-md-medium {
        font-weight: var(--font-weight-medium) !important;
    }

    .fw-md-semibold {
        font-weight: var(--font-weight-semibold) !important;
    }

    .fw-md-bold {
        font-weight: var(--font-weight-bold) !important;
    }

    .fw-md-extra-bold {
        font-weight: var(--font-weight-extra-bold) !important;
    }

    .fw-md-black {
        font-weight: var(--font-weight-black) !important;
    }

    .lh-md-compact {
        line-height: var(--line-height-compact) !important;
    }

    .lh-md-tight {
        line-height: var(--line-height-tight) !important;
    }

    .lh-md-normal {
        line-height: var(--line-height-normal) !important;
    }

    .lh-md-relaxed {
        line-height: var(--line-height-relaxed) !important;
    }

    .lh-md-loose {
        line-height: var(--line-height-loose) !important;
    }

    .lh-md-extra-loose {
        line-height: var(--line-height-extra-loose) !important;
    }

    .lh-md-ultra-loose {
        line-height: var(--line-height-ultra-loose) !important;
    }

    .td-md-none {
        text-decoration: var(--text-decoration-none) !important;
    }

    .td-md-underline {
        text-decoration: var(--text-decoration-underline) !important;
    }

    .td-md-line-through {
        text-decoration: var(--text-decoration-line-through) !important;
    }

    .td-md-superscript {
        text-decoration: var(--text-decoration-superscript) !important;
    }

    .td-md-subscript {
        text-decoration: var(--text-decoration-subscript) !important;
    }

    .td-md-highlight {
        text-decoration: var(--text-decoration-highlight) !important;
    }
}

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

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

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

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

    .tt-lg-uppercase {
        text-transform: var(--text-transform-uppercase) !important;
    }

    .tt-lg-lowercase {
        text-transform: var(--text-transform-lowercase) !important;
    }

    .tt-lg-capitalize {
        text-transform: var(--text-transform-capitalize) !important;
    }

    .tt-lg-none {
        text-transform: var(--text-transform-none) !important;
    }

    .fw-lg-thin {
        font-weight: var(--font-weight-thin) !important;
    }

    .fw-lg-light {
        font-weight: var(--font-weight-light) !important;
    }

    .fw-lg-regular {
        font-weight: var(--font-weight-regular) !important;
    }

    .fw-lg-medium {
        font-weight: var(--font-weight-medium) !important;
    }

    .fw-lg-semibold {
        font-weight: var(--font-weight-semibold) !important;
    }

    .fw-lg-bold {
        font-weight: var(--font-weight-bold) !important;
    }

    .fw-lg-extra-bold {
        font-weight: var(--font-weight-extra-bold) !important;
    }

    .fw-lg-black {
        font-weight: var(--font-weight-black) !important;
    }

    .lh-lg-compact {
        line-height: var(--line-height-compact) !important;
    }

    .lh-lg-tight {
        line-height: var(--line-height-tight) !important;
    }

    .lh-lg-normal {
        line-height: var(--line-height-normal) !important;
    }

    .lh-lg-relaxed {
        line-height: var(--line-height-relaxed) !important;
    }

    .lh-lg-loose {
        line-height: var(--line-height-loose) !important;
    }

    .lh-lg-extra-loose {
        line-height: var(--line-height-extra-loose) !important;
    }

    .lh-lg-ultra-loose {
        line-height: var(--line-height-ultra-loose) !important;
    }

    .td-lg-none {
        text-decoration: var(--text-decoration-none) !important;
    }

    .td-lg-underline {
        text-decoration: var(--text-decoration-underline) !important;
    }

    .td-lg-line-through {
        text-decoration: var(--text-decoration-line-through) !important;
    }

    .td-lg-superscript {
        text-decoration: var(--text-decoration-superscript) !important;
    }

    .td-lg-subscript {
        text-decoration: var(--text-decoration-subscript) !important;
    }

    .td-lg-highlight {
        text-decoration: var(--text-decoration-highlight) !important;
    }
}

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

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

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

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

    .tt-xl-uppercase {
        text-transform: var(--text-transform-uppercase) !important;
    }

    .tt-xl-lowercase {
        text-transform: var(--text-transform-lowercase) !important;
    }

    .tt-xl-capitalize {
        text-transform: var(--text-transform-capitalize) !important;
    }

    .tt-xl-none {
        text-transform: var(--text-transform-none) !important;
    }

    .fw-xl-thin {
        font-weight: var(--font-weight-thin) !important;
    }

    .fw-xl-light {
        font-weight: var(--font-weight-light) !important;
    }

    .fw-xl-regular {
        font-weight: var(--font-weight-regular) !important;
    }

    .fw-xl-medium {
        font-weight: var(--font-weight-medium) !important;
    }

    .fw-xl-semibold {
        font-weight: var(--font-weight-semibold) !important;
    }

    .fw-xl-bold {
        font-weight: var(--font-weight-bold) !important;
    }

    .fw-xl-extra-bold {
        font-weight: var(--font-weight-extra-bold) !important;
    }

    .fw-xl-black {
        font-weight: var(--font-weight-black) !important;
    }

    .lh-xl-compact {
        line-height: var(--line-height-compact) !important;
    }

    .lh-xl-tight {
        line-height: var(--line-height-tight) !important;
    }

    .lh-xl-normal {
        line-height: var(--line-height-normal) !important;
    }

    .lh-xl-relaxed {
        line-height: var(--line-height-relaxed) !important;
    }

    .lh-xl-loose {
        line-height: var(--line-height-loose) !important;
    }

    .lh-xl-extra-loose {
        line-height: var(--line-height-extra-loose) !important;
    }

    .lh-xl-ultra-loose {
        line-height: var(--line-height-ultra-loose) !important;
    }

    .td-xl-none {
        text-decoration: var(--text-decoration-none) !important;
    }

    .td-xl-underline {
        text-decoration: var(--text-decoration-underline) !important;
    }

    .td-xl-line-through {
        text-decoration: var(--text-decoration-line-through) !important;
    }

    .td-xl-superscript {
        text-decoration: var(--text-decoration-superscript) !important;
    }

    .td-xl-subscript {
        text-decoration: var(--text-decoration-subscript) !important;
    }

    .td-xl-highlight {
        text-decoration: var(--text-decoration-highlight) !important;
    }
}

/**
    1. Display Classes
    2. Overflow Classes
    3. Visibility Classes
    4. Position Classes
    5. Z-index Classes
 */
.d-block {
    display: block;
}

.d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

.d-inline-flex {
    display: inline-flex;
}

.d-none {
    display: none;
}

.ov-visible {
    overflow: visible;
}

.ov-hidden {
    overflow: hidden;
}

.ov-scroll {
    overflow: scroll;
}

.ov-auto {
    overflow: auto;
}

.ov-x-visible {
    overflow-x: visible;
}

.ov-x-hidden {
    overflow-x: hidden;
}

.ov-x-scroll {
    overflow-x: scroll;
}

.ov-x-auto {
    overflow-x: auto;
}

.ov-y-visible {
    overflow-y: visible;
}

.ov-y-hidden {
    overflow-y: hidden;
}

.ov-y-scroll {
    overflow-y: scroll;
}

.ov-y-auto {
    overflow-y: auto;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.pos-r {
    position: relative;
}

.pos-a {
    position: absolute;
}

.pos-f {
    position: fixed;
}

.pos-s {
    position: sticky;
}

.pos-o {
    position: static;
}

.pos-st {
    position: sticky;
    top: 0;
}

.pos-sb {
    position: sticky;
    bottom: 0;
}

.pos-ft {
    position: fixed;
    top: 0;
}

.pos-fb {
    position: fixed;
    bottom: 0;
}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.ov-visible {
    overflow: visible !important;
}

.ov-hidden {
    overflow: hidden !important;
}

.ov-scroll {
    overflow: scroll !important;
}

.ov-auto {
    overflow: auto !important;
}

.ov-x-visible {
    overflow-x: visible !important;
}

.ov-x-hidden {
    overflow-x: hidden !important;
}

.ov-x-scroll {
    overflow-x: scroll !important;
}

.ov-x-auto {
    overflow-x: auto !important;
}

.ov-y-visible {
    overflow-y: visible !important;
}

.ov-y-hidden {
    overflow-y: hidden !important;
}

.ov-y-scroll {
    overflow-y: scroll !important;
}

.ov-y-auto {
    overflow-y: auto !important;
}

.visible- {
    visibility: visible !important;
}

.invisible- {
    visibility: hidden !important;
}

.pos-r {
    position: relative !important;
}

.pos-a {
    position: absolute !important;
}

.pos-f {
    position: fixed !important;
}

.pos-s {
    position: sticky !important;
}

.pos-o {
    position: static !important;
}

.pos-st {
    position: sticky !important;
    top: 0 !important;
}

.pos-sb {
    position: sticky !important;
    bottom: 0 !important;
}

.pos-ft {
    position: fixed !important;
    top: 0 !important;
}

.pos-fb {
    position: fixed !important;
    bottom: 0 !important;
}

.z-base {
    z-index: var(--z-index-base);
}

.z-dropdown {
    z-index: var(--z-index-dropdown);
}

.z-sticky {
    z-index: var(--z-index-sticky);
}

.z-fixed {
    z-index: var(--z-index-fixed);
}

.z-modal {
    z-index: var(--z-index-modal);
}

.z-tooltip {
    z-index: var(--z-index-tooltip);
}

.z-toast {
    z-index: var(--z-index-toast);
}

.z-overlay {
    z-index: var(--z-index-overlay);
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .ov-sm-visible {
        overflow: visible !important;
    }

    .ov-sm-hidden {
        overflow: hidden !important;
    }

    .ov-sm-scroll {
        overflow: scroll !important;
    }

    .ov-sm-auto {
        overflow: auto !important;
    }

    .ov-sm-x-visible {
        overflow-x: visible !important;
    }

    .ov-sm-x-hidden {
        overflow-x: hidden !important;
    }

    .ov-sm-x-scroll {
        overflow-x: scroll !important;
    }

    .ov-sm-x-auto {
        overflow-x: auto !important;
    }

    .ov-sm-y-visible {
        overflow-y: visible !important;
    }

    .ov-sm-y-hidden {
        overflow-y: hidden !important;
    }

    .ov-sm-y-scroll {
        overflow-y: scroll !important;
    }

    .ov-sm-y-auto {
        overflow-y: auto !important;
    }

    .visible-sm- {
        visibility: visible !important;
    }

    .invisible-sm- {
        visibility: hidden !important;
    }

    .pos-sm-r {
        position: relative !important;
    }

    .pos-sm-a {
        position: absolute !important;
    }

    .pos-sm-f {
        position: fixed !important;
    }

    .pos-sm-s {
        position: sticky !important;
    }

    .pos-sm-o {
        position: static !important;
    }

    .pos-sm-st {
        position: sticky !important;
        top: 0 !important;
    }

    .pos-sm-sb {
        position: sticky !important;
        bottom: 0 !important;
    }

    .pos-sm-ft {
        position: fixed !important;
        top: 0 !important;
    }

    .pos-sm-fb {
        position: fixed !important;
        bottom: 0 !important;
    }

    .z-sm-base {
        z-index: var(--z-index-base);
    }

    .z-sm-dropdown {
        z-index: var(--z-index-dropdown);
    }

    .z-sm-sticky {
        z-index: var(--z-index-sticky);
    }

    .z-sm-fixed {
        z-index: var(--z-index-fixed);
    }

    .z-sm-modal {
        z-index: var(--z-index-modal);
    }

    .z-sm-tooltip {
        z-index: var(--z-index-tooltip);
    }

    .z-sm-toast {
        z-index: var(--z-index-toast);
    }

    .z-sm-overlay {
        z-index: var(--z-index-overlay);
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .ov-md-visible {
        overflow: visible !important;
    }

    .ov-md-hidden {
        overflow: hidden !important;
    }

    .ov-md-scroll {
        overflow: scroll !important;
    }

    .ov-md-auto {
        overflow: auto !important;
    }

    .ov-md-x-visible {
        overflow-x: visible !important;
    }

    .ov-md-x-hidden {
        overflow-x: hidden !important;
    }

    .ov-md-x-scroll {
        overflow-x: scroll !important;
    }

    .ov-md-x-auto {
        overflow-x: auto !important;
    }

    .ov-md-y-visible {
        overflow-y: visible !important;
    }

    .ov-md-y-hidden {
        overflow-y: hidden !important;
    }

    .ov-md-y-scroll {
        overflow-y: scroll !important;
    }

    .ov-md-y-auto {
        overflow-y: auto !important;
    }

    .visible-md- {
        visibility: visible !important;
    }

    .invisible-md- {
        visibility: hidden !important;
    }

    .pos-md-r {
        position: relative !important;
    }

    .pos-md-a {
        position: absolute !important;
    }

    .pos-md-f {
        position: fixed !important;
    }

    .pos-md-s {
        position: sticky !important;
    }

    .pos-md-o {
        position: static !important;
    }

    .pos-md-st {
        position: sticky !important;
        top: 0 !important;
    }

    .pos-md-sb {
        position: sticky !important;
        bottom: 0 !important;
    }

    .pos-md-ft {
        position: fixed !important;
        top: 0 !important;
    }

    .pos-md-fb {
        position: fixed !important;
        bottom: 0 !important;
    }

    .z-md-base {
        z-index: var(--z-index-base);
    }

    .z-md-dropdown {
        z-index: var(--z-index-dropdown);
    }

    .z-md-sticky {
        z-index: var(--z-index-sticky);
    }

    .z-md-fixed {
        z-index: var(--z-index-fixed);
    }

    .z-md-modal {
        z-index: var(--z-index-modal);
    }

    .z-md-tooltip {
        z-index: var(--z-index-tooltip);
    }

    .z-md-toast {
        z-index: var(--z-index-toast);
    }

    .z-md-overlay {
        z-index: var(--z-index-overlay);
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .ov-lg-visible {
        overflow: visible !important;
    }

    .ov-lg-hidden {
        overflow: hidden !important;
    }

    .ov-lg-scroll {
        overflow: scroll !important;
    }

    .ov-lg-auto {
        overflow: auto !important;
    }

    .ov-lg-x-visible {
        overflow-x: visible !important;
    }

    .ov-lg-x-hidden {
        overflow-x: hidden !important;
    }

    .ov-lg-x-scroll {
        overflow-x: scroll !important;
    }

    .ov-lg-x-auto {
        overflow-x: auto !important;
    }

    .ov-lg-y-visible {
        overflow-y: visible !important;
    }

    .ov-lg-y-hidden {
        overflow-y: hidden !important;
    }

    .ov-lg-y-scroll {
        overflow-y: scroll !important;
    }

    .ov-lg-y-auto {
        overflow-y: auto !important;
    }

    .visible-lg- {
        visibility: visible !important;
    }

    .invisible-lg- {
        visibility: hidden !important;
    }

    .pos-lg-r {
        position: relative !important;
    }

    .pos-lg-a {
        position: absolute !important;
    }

    .pos-lg-f {
        position: fixed !important;
    }

    .pos-lg-s {
        position: sticky !important;
    }

    .pos-lg-o {
        position: static !important;
    }

    .pos-lg-st {
        position: sticky !important;
        top: 0 !important;
    }

    .pos-lg-sb {
        position: sticky !important;
        bottom: 0 !important;
    }

    .pos-lg-ft {
        position: fixed !important;
        top: 0 !important;
    }

    .pos-lg-fb {
        position: fixed !important;
        bottom: 0 !important;
    }

    .z-lg-base {
        z-index: var(--z-index-base);
    }

    .z-lg-dropdown {
        z-index: var(--z-index-dropdown);
    }

    .z-lg-sticky {
        z-index: var(--z-index-sticky);
    }

    .z-lg-fixed {
        z-index: var(--z-index-fixed);
    }

    .z-lg-modal {
        z-index: var(--z-index-modal);
    }

    .z-lg-tooltip {
        z-index: var(--z-index-tooltip);
    }

    .z-lg-toast {
        z-index: var(--z-index-toast);
    }

    .z-lg-overlay {
        z-index: var(--z-index-overlay);
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .ov-xl-visible {
        overflow: visible !important;
    }

    .ov-xl-hidden {
        overflow: hidden !important;
    }

    .ov-xl-scroll {
        overflow: scroll !important;
    }

    .ov-xl-auto {
        overflow: auto !important;
    }

    .ov-xl-x-visible {
        overflow-x: visible !important;
    }

    .ov-xl-x-hidden {
        overflow-x: hidden !important;
    }

    .ov-xl-x-scroll {
        overflow-x: scroll !important;
    }

    .ov-xl-x-auto {
        overflow-x: auto !important;
    }

    .ov-xl-y-visible {
        overflow-y: visible !important;
    }

    .ov-xl-y-hidden {
        overflow-y: hidden !important;
    }

    .ov-xl-y-scroll {
        overflow-y: scroll !important;
    }

    .ov-xl-y-auto {
        overflow-y: auto !important;
    }

    .visible-xl- {
        visibility: visible !important;
    }

    .invisible-xl- {
        visibility: hidden !important;
    }

    .pos-xl-r {
        position: relative !important;
    }

    .pos-xl-a {
        position: absolute !important;
    }

    .pos-xl-f {
        position: fixed !important;
    }

    .pos-xl-s {
        position: sticky !important;
    }

    .pos-xl-o {
        position: static !important;
    }

    .pos-xl-st {
        position: sticky !important;
        top: 0 !important;
    }

    .pos-xl-sb {
        position: sticky !important;
        bottom: 0 !important;
    }

    .pos-xl-ft {
        position: fixed !important;
        top: 0 !important;
    }

    .pos-xl-fb {
        position: fixed !important;
        bottom: 0 !important;
    }

    .z-xl-base {
        z-index: var(--z-index-base);
    }

    .z-xl-dropdown {
        z-index: var(--z-index-dropdown);
    }

    .z-xl-sticky {
        z-index: var(--z-index-sticky);
    }

    .z-xl-fixed {
        z-index: var(--z-index-fixed);
    }

    .z-xl-modal {
        z-index: var(--z-index-modal);
    }

    .z-xl-tooltip {
        z-index: var(--z-index-tooltip);
    }

    .z-xl-toast {
        z-index: var(--z-index-toast);
    }

    .z-xl-overlay {
        z-index: var(--z-index-overlay);
    }
}

.fl-te-b, .fl-te-t, .fl-te-c, .fl-x-b, .fl-x-c, .fl-x-t, .fl-x, .fl-eq-b, .fl-eq-c, .fl-eq-t, .fl-eq, .fl-x-cc, .fl-x-cr, .fl-x-cl, .fl-x-bc, .fl-x-br, .fl-x-bl, .fl-x-tc, .fl-x-tr, .fl-x-tl {
    display: flex;
    flex-direction: row;
}

.fl-y-r, .fl-y-c, .fl-y-l, .fl-y, .fl-eqh-r, .fl-eqh-c, .fl-eqh-l, .fl-eqh, .fl-y-cc, .fl-y-cr, .fl-y-cl, .fl-y-bc, .fl-y-br, .fl-y-bl, .fl-y-tc, .fl-y-tr, .fl-y-tl {
    display: flex;
    flex-direction: column;
}

.fl-te-t.fl-rev, .fl-te-c.fl-rev, .fl-te-b.fl-rev, .fl-x.fl-rev, .fl-x-t.fl-rev, .fl-x-b.fl-rev, .fl-x-c.fl-rev, .fl-x-tl.fl-rev, .fl-x-tr.fl-rev, .fl-x-tc.fl-rev,
.fl-x-bl.fl-rev, .fl-x-br.fl-rev, .fl-x-bc.fl-rev,
.fl-x-cl.fl-rev, .fl-x-cr.fl-rev, .fl-x-cc.fl-rev {
    flex-direction: row-reverse;
}

.fl-y.fl-rev, .fl-y-l.fl-rev, .fl-y-r.fl-rev, .fl-y-c.fl-rev, .fl-y-bl.fl-rev, .fl-y-br.fl-rev, .fl-y-bc.fl-rev,
.fl-y-tl.fl-rev, .fl-y-tr.fl-rev, .fl-y-tc.fl-rev,
.fl-y-cl.fl-rev, .fl-y-cr.fl-rev, .fl-y-cc.fl-rev {
    flex-direction: column-reverse;
}

.fl-a-s, .fl-te-t, .fl-y-l, .fl-x-t, .fl-eqh-l, .fl-eq-t, .fl-y-cl, .fl-y-bl, .fl-y-tl, .fl-x-tc, .fl-x-tr, .fl-x-tl {
    align-items: flex-start;
}

.fl-a-e, .fl-te-b, .fl-y-r, .fl-x-b, .fl-eqh-r, .fl-eq-b, .fl-y-cr, .fl-y-br, .fl-y-tr, .fl-x-bc, .fl-x-br, .fl-x-bl {
    align-items: flex-end;
}

.fl-a-c, .fl-te-c, .fl-y-c, .fl-x-c, .fl-eqh-c, .fl-eq-c, .fl-y-cc, .fl-y-bc, .fl-y-tc, .fl-x-cc, .fl-x-cr, .fl-x-cl {
    align-items: center;
}

.fl-a-d {
    align-items: stretch;
}

.fl-a-b {
    align-items: baseline;
}

.fl-j-s, .fl-x-cl, .fl-x-bl, .fl-x-tl {
    justify-content: flex-start;
}

.fl-j-e, .fl-y-bc, .fl-y-br, .fl-y-bl, .fl-x-cr, .fl-x-br, .fl-x-tr {
    justify-content: flex-end;
}

.fl-j-c, .fl-y-cc, .fl-y-cr, .fl-y-cl, .fl-x-cc, .fl-x-bc, .fl-x-tc {
    justify-content: center;
}

.fl-j-sa {
    justify-content: space-around;
}

.fl-j-se {
    justify-content: space-evenly;
}

.fl-j-sb, .fl-te-b, .fl-te-t, .fl-te-c {
    justify-content: space-between;
}

/* Flex Alignment Horizontally */
/* Flex Alignment Vertically */
/* Flex Equal Width Columns */
.fl-eq > *, .fl-eq-t > *, .fl-eq-b > *, .fl-eq-c > * {
    flex-grow: 1;
}

/* Flex Equal Height Row */
.fl-eqh > *, .fl-eqh-l > *, .fl-eqh-r > *, .fl-eqh-c > * {
    flex-grow: 1;
}

/* Flex X */
/* Flex Y */
/* Atomic */
.fl-grow {
    flex-basis: 100%;
    flex-grow: 1;
}

.fl-wrap {
    flex-wrap: wrap;
}

.fl-no-wrap {
    flex-wrap: nowrap;
}

.fl-gr-1, .fl-gr-1-h:hover {
    flex-grow: 1;
}

.fl-gr-2, .fl-gr-2-h:hover {
    flex-grow: 2;
}

.fl-gr-3, .fl-gr-3-h:hover {
    flex-grow: 3;
}

.fl-gr-4, .fl-gr-4-h:hover {
    flex-grow: 4;
}

.fl-gr-5, .fl-gr-5-h:hover {
    flex-grow: 5;
}

.fl-a-s {
    align-items: flex-start;
}

.fl-a-e {
    align-items: flex-end;
}

.fl-a-c {
    align-items: center;
}

.fl-a-d {
    align-items: stretch;
}

.fl-a-b {
    align-items: baseline;
}

.fl-j-s {
    justify-content: flex-start;
}

.fl-j-e {
    justify-content: flex-end;
}

.fl-j-c {
    justify-content: center;
}

.fl-j-sa {
    justify-content: space-around;
}

.fl-j-sb {
    justify-content: space-between;
}

.fl-j-se {
    justify-content: space-evenly;
}

.fl-te-c {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fl-x {
    display: flex;
    flex-direction: row;
}

.fl-y {
    display: flex;
    flex-direction: column;
}

@media (min-width: 576px) {
    .sm-fl-a-s {
        align-items: flex-start;
    }

    .sm-fl-a-e {
        align-items: flex-end;
    }

    .sm-fl-a-c {
        align-items: center;
    }

    .sm-fl-a-d {
        align-items: stretch;
    }

    .sm-fl-a-b {
        align-items: baseline;
    }

    .sm-fl-j-s {
        justify-content: flex-start;
    }

    .sm-fl-j-e {
        justify-content: flex-end;
    }

    .sm-fl-j-c {
        justify-content: center;
    }

    .sm-fl-j-sa {
        justify-content: space-around;
    }

    .sm-fl-j-sb {
        justify-content: space-between;
    }

    .sm-fl-j-se {
        justify-content: space-evenly;
    }

    .sm-fl-te-c {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sm-fl-x {
        display: flex;
        flex-direction: row;
    }

    .sm-fl-y {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .md-fl-a-s {
        align-items: flex-start;
    }

    .md-fl-a-e {
        align-items: flex-end;
    }

    .md-fl-a-c {
        align-items: center;
    }

    .md-fl-a-d {
        align-items: stretch;
    }

    .md-fl-a-b {
        align-items: baseline;
    }

    .md-fl-j-s {
        justify-content: flex-start;
    }

    .md-fl-j-e {
        justify-content: flex-end;
    }

    .md-fl-j-c {
        justify-content: center;
    }

    .md-fl-j-sa {
        justify-content: space-around;
    }

    .md-fl-j-sb {
        justify-content: space-between;
    }

    .md-fl-j-se {
        justify-content: space-evenly;
    }

    .md-fl-te-c {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .md-fl-x {
        display: flex;
        flex-direction: row;
    }

    .md-fl-y {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 992px) {
    .lg-fl-a-s {
        align-items: flex-start;
    }

    .lg-fl-a-e {
        align-items: flex-end;
    }

    .lg-fl-a-c {
        align-items: center;
    }

    .lg-fl-a-d {
        align-items: stretch;
    }

    .lg-fl-a-b {
        align-items: baseline;
    }

    .lg-fl-j-s {
        justify-content: flex-start;
    }

    .lg-fl-j-e {
        justify-content: flex-end;
    }

    .lg-fl-j-c {
        justify-content: center;
    }

    .lg-fl-j-sa {
        justify-content: space-around;
    }

    .lg-fl-j-sb {
        justify-content: space-between;
    }

    .lg-fl-j-se {
        justify-content: space-evenly;
    }

    .lg-fl-te-c {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .lg-fl-x {
        display: flex;
        flex-direction: row;
    }

    .lg-fl-y {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 1200px) {
    .xl-fl-a-s {
        align-items: flex-start;
    }

    .xl-fl-a-e {
        align-items: flex-end;
    }

    .xl-fl-a-c {
        align-items: center;
    }

    .xl-fl-a-d {
        align-items: stretch;
    }

    .xl-fl-a-b {
        align-items: baseline;
    }

    .xl-fl-j-s {
        justify-content: flex-start;
    }

    .xl-fl-j-e {
        justify-content: flex-end;
    }

    .xl-fl-j-c {
        justify-content: center;
    }

    .xl-fl-j-sa {
        justify-content: space-around;
    }

    .xl-fl-j-sb {
        justify-content: space-between;
    }

    .xl-fl-j-se {
        justify-content: space-evenly;
    }

    .xl-fl-te-c {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .xl-fl-x {
        display: flex;
        flex-direction: row;
    }

    .xl-fl-y {
        display: flex;
        flex-direction: column;
    }
}

.full-height {
    min-height: var(--height-full);
}

.half-height {
    min-height: var(--height-half);
}

.one-third-height {
    min-height: var(--height-one-third);
}

.quarter-height {
    min-height: var(--height-quarter);
}

.h-5p {
    height: 5%;
}

.min-h-5p {
    min-height: 5%;
}

.max-h-5p {
    max-height: 5%;
}

.h-10p {
    height: 10%;
}

.min-h-10p {
    min-height: 10%;
}

.max-h-10p {
    max-height: 10%;
}

.h-15p {
    height: 15%;
}

.min-h-15p {
    min-height: 15%;
}

.max-h-15p {
    max-height: 15%;
}

.h-20p {
    height: 20%;
}

.min-h-20p {
    min-height: 20%;
}

.max-h-20p {
    max-height: 20%;
}

.h-25p {
    height: 25%;
}

.min-h-25p {
    min-height: 25%;
}

.max-h-25p {
    max-height: 25%;
}

.h-30p {
    height: 30%;
}

.min-h-30p {
    min-height: 30%;
}

.max-h-30p {
    max-height: 30%;
}

.h-35p {
    height: 35%;
}

.min-h-35p {
    min-height: 35%;
}

.max-h-35p {
    max-height: 35%;
}

.h-40p {
    height: 40%;
}

.min-h-40p {
    min-height: 40%;
}

.max-h-40p {
    max-height: 40%;
}

.h-45p {
    height: 45%;
}

.min-h-45p {
    min-height: 45%;
}

.max-h-45p {
    max-height: 45%;
}

.h-50p {
    height: 50%;
}

.min-h-50p {
    min-height: 50%;
}

.max-h-50p {
    max-height: 50%;
}

.h-55p {
    height: 55%;
}

.min-h-55p {
    min-height: 55%;
}

.max-h-55p {
    max-height: 55%;
}

.h-60p {
    height: 60%;
}

.min-h-60p {
    min-height: 60%;
}

.max-h-60p {
    max-height: 60%;
}

.h-65p {
    height: 65%;
}

.min-h-65p {
    min-height: 65%;
}

.max-h-65p {
    max-height: 65%;
}

.h-70p {
    height: 70%;
}

.min-h-70p {
    min-height: 70%;
}

.max-h-70p {
    max-height: 70%;
}

.h-75p {
    height: 75%;
}

.min-h-75p {
    min-height: 75%;
}

.max-h-75p {
    max-height: 75%;
}

.h-80p {
    height: 80%;
}

.min-h-80p {
    min-height: 80%;
}

.max-h-80p {
    max-height: 80%;
}

.h-85p {
    height: 85%;
}

.min-h-85p {
    min-height: 85%;
}

.max-h-85p {
    max-height: 85%;
}

.h-90p {
    height: 90%;
}

.min-h-90p {
    min-height: 90%;
}

.max-h-90p {
    max-height: 90%;
}

.h-95p {
    height: 95%;
}

.min-h-95p {
    min-height: 95%;
}

.max-h-95p {
    max-height: 95%;
}

.h-100p {
    height: 100%;
}

.min-h-100p {
    min-height: 100%;
}

.max-h-100p {
    max-height: 100%;
}

.h-5vh {
    height: 5vh;
}

.min-h-5vh {
    min-height: 5vh;
}

.max-h-5vh {
    max-height: 5vh;
}

.h-10vh {
    height: 10vh;
}

.min-h-10vh {
    min-height: 10vh;
}

.max-h-10vh {
    max-height: 10vh;
}

.h-15vh {
    height: 15vh;
}

.min-h-15vh {
    min-height: 15vh;
}

.max-h-15vh {
    max-height: 15vh;
}

.h-20vh {
    height: 20vh;
}

.min-h-20vh {
    min-height: 20vh;
}

.max-h-20vh {
    max-height: 20vh;
}

.h-25vh {
    height: 25vh;
}

.min-h-25vh {
    min-height: 25vh;
}

.max-h-25vh {
    max-height: 25vh;
}

.h-30vh {
    height: 30vh;
}

.min-h-30vh {
    min-height: 30vh;
}

.max-h-30vh {
    max-height: 30vh;
}

.h-35vh {
    height: 35vh;
}

.min-h-35vh {
    min-height: 35vh;
}

.max-h-35vh {
    max-height: 35vh;
}

.h-40vh {
    height: 40vh;
}

.min-h-40vh {
    min-height: 40vh;
}

.max-h-40vh {
    max-height: 40vh;
}

.h-45vh {
    height: 45vh;
}

.min-h-45vh {
    min-height: 45vh;
}

.max-h-45vh {
    max-height: 45vh;
}

.h-50vh {
    height: 50vh;
}

.min-h-50vh {
    min-height: 50vh;
}

.max-h-50vh {
    max-height: 50vh;
}

.h-55vh {
    height: 55vh;
}

.min-h-55vh {
    min-height: 55vh;
}

.max-h-55vh {
    max-height: 55vh;
}

.h-60vh {
    height: 60vh;
}

.min-h-60vh {
    min-height: 60vh;
}

.max-h-60vh {
    max-height: 60vh;
}

.h-65vh {
    height: 65vh;
}

.min-h-65vh {
    min-height: 65vh;
}

.max-h-65vh {
    max-height: 65vh;
}

.h-70vh {
    height: 70vh;
}

.min-h-70vh {
    min-height: 70vh;
}

.max-h-70vh {
    max-height: 70vh;
}

.h-75vh {
    height: 75vh;
}

.min-h-75vh {
    min-height: 75vh;
}

.max-h-75vh {
    max-height: 75vh;
}

.h-80vh {
    height: 80vh;
}

.min-h-80vh {
    min-height: 80vh;
}

.max-h-80vh {
    max-height: 80vh;
}

.h-85vh {
    height: 85vh;
}

.min-h-85vh {
    min-height: 85vh;
}

.max-h-85vh {
    max-height: 85vh;
}

.h-90vh {
    height: 90vh;
}

.min-h-90vh {
    min-height: 90vh;
}

.max-h-90vh {
    max-height: 90vh;
}

.h-95vh {
    height: 95vh;
}

.min-h-95vh {
    min-height: 95vh;
}

.max-h-95vh {
    max-height: 95vh;
}

.h-100vh {
    height: 100vh;
}

.min-h-100vh {
    min-height: 100vh;
}

.max-h-100vh {
    max-height: 100vh;
}

.h-1r {
    height: 1rem;
}

.min-h-1r {
    min-height: 1rem;
}

.max-h-1r {
    max-height: 1rem;
}

.h-2r {
    height: 2rem;
}

.min-h-2r {
    min-height: 2rem;
}

.max-h-2r {
    max-height: 2rem;
}

.h-3r {
    height: 3rem;
}

.min-h-3r {
    min-height: 3rem;
}

.max-h-3r {
    max-height: 3rem;
}

.h-4r {
    height: 4rem;
}

.min-h-4r {
    min-height: 4rem;
}

.max-h-4r {
    max-height: 4rem;
}

.h-5r {
    height: 5rem;
}

.min-h-5r {
    min-height: 5rem;
}

.max-h-5r {
    max-height: 5rem;
}

.h-6r {
    height: 6rem;
}

.min-h-6r {
    min-height: 6rem;
}

.max-h-6r {
    max-height: 6rem;
}

.h-7r {
    height: 7rem;
}

.min-h-7r {
    min-height: 7rem;
}

.max-h-7r {
    max-height: 7rem;
}

.h-8r {
    height: 8rem;
}

.min-h-8r {
    min-height: 8rem;
}

.max-h-8r {
    max-height: 8rem;
}

.h-9r {
    height: 9rem;
}

.min-h-9r {
    min-height: 9rem;
}

.max-h-9r {
    max-height: 9rem;
}

.h-10r {
    height: 10rem;
}

.min-h-10r {
    min-height: 10rem;
}

.max-h-10r {
    max-height: 10rem;
}

.h-15r {
    height: 15rem;
}

.min-h-15r {
    min-height: 15rem;
}

.max-h-15r {
    max-height: 15rem;
}

.h-20r {
    height: 20rem;
}

.min-h-20r {
    min-height: 20rem;
}

.max-h-20r {
    max-height: 20rem;
}

.h-25r {
    height: 25rem;
}

.min-h-25r {
    min-height: 25rem;
}

.max-h-25r {
    max-height: 25rem;
}

.h-30r {
    height: 30rem;
}

.min-h-30r {
    min-height: 30rem;
}

.max-h-30r {
    max-height: 30rem;
}

.h-35r {
    height: 35rem;
}

.min-h-35r {
    min-height: 35rem;
}

.max-h-35r {
    max-height: 35rem;
}

.h-40r {
    height: 40rem;
}

.min-h-40r {
    min-height: 40rem;
}

.max-h-40r {
    max-height: 40rem;
}

.h-45r {
    height: 45rem;
}

.min-h-45r {
    min-height: 45rem;
}

.max-h-45r {
    max-height: 45rem;
}

.h-50r {
    height: 50rem;
}

.min-h-50r {
    min-height: 50rem;
}

.max-h-50r {
    max-height: 50rem;
}

.h-55r {
    height: 55rem;
}

.min-h-55r {
    min-height: 55rem;
}

.max-h-55r {
    max-height: 55rem;
}

.h-60r {
    height: 60rem;
}

.min-h-60r {
    min-height: 60rem;
}

.max-h-60r {
    max-height: 60rem;
}

.h-65r {
    height: 65rem;
}

.min-h-65r {
    min-height: 65rem;
}

.max-h-65r {
    max-height: 65rem;
}

.h-70r {
    height: 70rem;
}

.min-h-70r {
    min-height: 70rem;
}

.max-h-70r {
    max-height: 70rem;
}

.h-75r {
    height: 75rem;
}

.min-h-75r {
    min-height: 75rem;
}

.max-h-75r {
    max-height: 75rem;
}

.h-80r {
    height: 80rem;
}

.min-h-80r {
    min-height: 80rem;
}

.max-h-80r {
    max-height: 80rem;
}

.h-85r {
    height: 85rem;
}

.min-h-85r {
    min-height: 85rem;
}

.max-h-85r {
    max-height: 85rem;
}

.h-90r {
    height: 90rem;
}

.min-h-90r {
    min-height: 90rem;
}

.max-h-90r {
    max-height: 90rem;
}

.h-95r {
    height: 95rem;
}

.min-h-95r {
    min-height: 95rem;
}

.max-h-95r {
    max-height: 95rem;
}

.h-100r {
    height: 100rem;
}

.min-h-100r {
    min-height: 100rem;
}

.max-h-100r {
    max-height: 100rem;
}

.full-width {
    width: 100%;
}

.half-width {
    width: 50%;
}

.w-5p {
    width: 5%;
}

.min-w-5p {
    min-width: 5%;
}

.max-w-5p {
    max-width: 5%;
}

.w-10p {
    width: 10%;
}

.min-w-10p {
    min-width: 10%;
}

.max-w-10p {
    max-width: 10%;
}

.w-15p {
    width: 15%;
}

.min-w-15p {
    min-width: 15%;
}

.max-w-15p {
    max-width: 15%;
}

.w-20p {
    width: 20%;
}

.min-w-20p {
    min-width: 20%;
}

.max-w-20p {
    max-width: 20%;
}

.w-25p {
    width: 25%;
}

.min-w-25p {
    min-width: 25%;
}

.max-w-25p {
    max-width: 25%;
}

.w-30p {
    width: 30%;
}

.min-w-30p {
    min-width: 30%;
}

.max-w-30p {
    max-width: 30%;
}

.w-35p {
    width: 35%;
}

.min-w-35p {
    min-width: 35%;
}

.max-w-35p {
    max-width: 35%;
}

.w-40p {
    width: 40%;
}

.min-w-40p {
    min-width: 40%;
}

.max-w-40p {
    max-width: 40%;
}

.w-45p {
    width: 45%;
}

.min-w-45p {
    min-width: 45%;
}

.max-w-45p {
    max-width: 45%;
}

.w-50p {
    width: 50%;
}

.min-w-50p {
    min-width: 50%;
}

.max-w-50p {
    max-width: 50%;
}

.w-55p {
    width: 55%;
}

.min-w-55p {
    min-width: 55%;
}

.max-w-55p {
    max-width: 55%;
}

.w-60p {
    width: 60%;
}

.min-w-60p {
    min-width: 60%;
}

.max-w-60p {
    max-width: 60%;
}

.w-65p {
    width: 65%;
}

.min-w-65p {
    min-width: 65%;
}

.max-w-65p {
    max-width: 65%;
}

.w-70p {
    width: 70%;
}

.min-w-70p {
    min-width: 70%;
}

.max-w-70p {
    max-width: 70%;
}

.w-75p {
    width: 75%;
}

.min-w-75p {
    min-width: 75%;
}

.max-w-75p {
    max-width: 75%;
}

.w-80p {
    width: 80%;
}

.min-w-80p {
    min-width: 80%;
}

.max-w-80p {
    max-width: 80%;
}

.w-85p {
    width: 85%;
}

.min-w-85p {
    min-width: 85%;
}

.max-w-85p {
    max-width: 85%;
}

.w-90p {
    width: 90%;
}

.min-w-90p {
    min-width: 90%;
}

.max-w-90p {
    max-width: 90%;
}

.w-95p {
    width: 95%;
}

.min-w-95p {
    min-width: 95%;
}

.max-w-95p {
    max-width: 95%;
}

.w-100p {
    width: 100%;
}

.min-w-100p {
    min-width: 100%;
}

.max-w-100p {
    max-width: 100%;
}

.w-1r {
    width: 1rem;
}

.min-w-1r {
    min-width: 1rem;
}

.max-w-1r {
    max-width: 1rem;
}

.w-2r {
    width: 2rem;
}

.min-w-2r {
    min-width: 2rem;
}

.max-w-2r {
    max-width: 2rem;
}

.w-3r {
    width: 3rem;
}

.min-w-3r {
    min-width: 3rem;
}

.max-w-3r {
    max-width: 3rem;
}

.w-4r {
    width: 4rem;
}

.min-w-4r {
    min-width: 4rem;
}

.max-w-4r {
    max-width: 4rem;
}

.w-5r {
    width: 5rem;
}

.min-w-5r {
    min-width: 5rem;
}

.max-w-5r {
    max-width: 5rem;
}

.w-6r {
    width: 6rem;
}

.min-w-6r {
    min-width: 6rem;
}

.max-w-6r {
    max-width: 6rem;
}

.w-7r {
    width: 7rem;
}

.min-w-7r {
    min-width: 7rem;
}

.max-w-7r {
    max-width: 7rem;
}

.w-8r {
    width: 8rem;
}

.min-w-8r {
    min-width: 8rem;
}

.max-w-8r {
    max-width: 8rem;
}

.w-9r {
    width: 9rem;
}

.min-w-9r {
    min-width: 9rem;
}

.max-w-9r {
    max-width: 9rem;
}

.w-10r {
    width: 10rem;
}

.min-w-10r {
    min-width: 10rem;
}

.max-w-10r {
    max-width: 10rem;
}

.w-15r {
    width: 15rem;
}

.min-w-15r {
    min-width: 15rem;
}

.max-w-15r {
    max-width: 15rem;
}

.w-20r {
    width: 20rem;
}

.min-w-20r {
    min-width: 20rem;
}

.max-w-20r {
    max-width: 20rem;
}

.w-25r {
    width: 25rem;
}

.min-w-25r {
    min-width: 25rem;
}

.max-w-25r {
    max-width: 25rem;
}

.w-30r {
    width: 30rem;
}

.min-w-30r {
    min-width: 30rem;
}

.max-w-30r {
    max-width: 30rem;
}

.w-35r {
    width: 35rem;
}

.min-w-35r {
    min-width: 35rem;
}

.max-w-35r {
    max-width: 35rem;
}

.w-40r {
    width: 40rem;
}

.min-w-40r {
    min-width: 40rem;
}

.max-w-40r {
    max-width: 40rem;
}

.w-45r {
    width: 45rem;
}

.min-w-45r {
    min-width: 45rem;
}

.max-w-45r {
    max-width: 45rem;
}

.w-50r {
    width: 50rem;
}

.min-w-50r {
    min-width: 50rem;
}

.max-w-50r {
    max-width: 50rem;
}

.w-55r {
    width: 55rem;
}

.min-w-55r {
    min-width: 55rem;
}

.max-w-55r {
    max-width: 55rem;
}

.w-60r {
    width: 60rem;
}

.min-w-60r {
    min-width: 60rem;
}

.max-w-60r {
    max-width: 60rem;
}

.w-65r {
    width: 65rem;
}

.min-w-65r {
    min-width: 65rem;
}

.max-w-65r {
    max-width: 65rem;
}

.w-70r {
    width: 70rem;
}

.min-w-70r {
    min-width: 70rem;
}

.max-w-70r {
    max-width: 70rem;
}

.w-75r {
    width: 75rem;
}

.min-w-75r {
    min-width: 75rem;
}

.max-w-75r {
    max-width: 75rem;
}

.w-80r {
    width: 80rem;
}

.min-w-80r {
    min-width: 80rem;
}

.max-w-80r {
    max-width: 80rem;
}

.w-85r {
    width: 85rem;
}

.min-w-85r {
    min-width: 85rem;
}

.max-w-85r {
    max-width: 85rem;
}

.w-90r {
    width: 90rem;
}

.min-w-90r {
    min-width: 90rem;
}

.max-w-90r {
    max-width: 90rem;
}

.w-95r {
    width: 95rem;
}

.min-w-95r {
    min-width: 95rem;
}

.max-w-95r {
    max-width: 95rem;
}

.w-100r {
    width: 100rem;
}

.min-w-100r {
    min-width: 100rem;
}

.max-w-100r {
    max-width: 100rem;
}

.full-height {
    min-height: var(--height-full);
}

.half-height {
    min-height: var(--height-half);
}

.one-third-height {
    min-height: var(--height-one-third);
}

.quarter-height {
    min-height: var(--height-quarter);
}

.h-5p {
    height: 5%;
}

.min-h-5p {
    min-height: 5%;
}

.max-h-5p {
    max-height: 5%;
}

.h-10p {
    height: 10%;
}

.min-h-10p {
    min-height: 10%;
}

.max-h-10p {
    max-height: 10%;
}

.h-15p {
    height: 15%;
}

.min-h-15p {
    min-height: 15%;
}

.max-h-15p {
    max-height: 15%;
}

.h-20p {
    height: 20%;
}

.min-h-20p {
    min-height: 20%;
}

.max-h-20p {
    max-height: 20%;
}

.h-25p {
    height: 25%;
}

.min-h-25p {
    min-height: 25%;
}

.max-h-25p {
    max-height: 25%;
}

.h-30p {
    height: 30%;
}

.min-h-30p {
    min-height: 30%;
}

.max-h-30p {
    max-height: 30%;
}

.h-35p {
    height: 35%;
}

.min-h-35p {
    min-height: 35%;
}

.max-h-35p {
    max-height: 35%;
}

.h-40p {
    height: 40%;
}

.min-h-40p {
    min-height: 40%;
}

.max-h-40p {
    max-height: 40%;
}

.h-45p {
    height: 45%;
}

.min-h-45p {
    min-height: 45%;
}

.max-h-45p {
    max-height: 45%;
}

.h-50p {
    height: 50%;
}

.min-h-50p {
    min-height: 50%;
}

.max-h-50p {
    max-height: 50%;
}

.h-55p {
    height: 55%;
}

.min-h-55p {
    min-height: 55%;
}

.max-h-55p {
    max-height: 55%;
}

.h-60p {
    height: 60%;
}

.min-h-60p {
    min-height: 60%;
}

.max-h-60p {
    max-height: 60%;
}

.h-65p {
    height: 65%;
}

.min-h-65p {
    min-height: 65%;
}

.max-h-65p {
    max-height: 65%;
}

.h-70p {
    height: 70%;
}

.min-h-70p {
    min-height: 70%;
}

.max-h-70p {
    max-height: 70%;
}

.h-75p {
    height: 75%;
}

.min-h-75p {
    min-height: 75%;
}

.max-h-75p {
    max-height: 75%;
}

.h-80p {
    height: 80%;
}

.min-h-80p {
    min-height: 80%;
}

.max-h-80p {
    max-height: 80%;
}

.h-85p {
    height: 85%;
}

.min-h-85p {
    min-height: 85%;
}

.max-h-85p {
    max-height: 85%;
}

.h-90p {
    height: 90%;
}

.min-h-90p {
    min-height: 90%;
}

.max-h-90p {
    max-height: 90%;
}

.h-95p {
    height: 95%;
}

.min-h-95p {
    min-height: 95%;
}

.max-h-95p {
    max-height: 95%;
}

.h-100p {
    height: 100%;
}

.min-h-100p {
    min-height: 100%;
}

.max-h-100p {
    max-height: 100%;
}

.h-5vh {
    height: 5vh;
}

.min-h-5vh {
    min-height: 5vh;
}

.max-h-5vh {
    max-height: 5vh;
}

.h-10vh {
    height: 10vh;
}

.min-h-10vh {
    min-height: 10vh;
}

.max-h-10vh {
    max-height: 10vh;
}

.h-15vh {
    height: 15vh;
}

.min-h-15vh {
    min-height: 15vh;
}

.max-h-15vh {
    max-height: 15vh;
}

.h-20vh {
    height: 20vh;
}

.min-h-20vh {
    min-height: 20vh;
}

.max-h-20vh {
    max-height: 20vh;
}

.h-25vh {
    height: 25vh;
}

.min-h-25vh {
    min-height: 25vh;
}

.max-h-25vh {
    max-height: 25vh;
}

.h-30vh {
    height: 30vh;
}

.min-h-30vh {
    min-height: 30vh;
}

.max-h-30vh {
    max-height: 30vh;
}

.h-35vh {
    height: 35vh;
}

.min-h-35vh {
    min-height: 35vh;
}

.max-h-35vh {
    max-height: 35vh;
}

.h-40vh {
    height: 40vh;
}

.min-h-40vh {
    min-height: 40vh;
}

.max-h-40vh {
    max-height: 40vh;
}

.h-45vh {
    height: 45vh;
}

.min-h-45vh {
    min-height: 45vh;
}

.max-h-45vh {
    max-height: 45vh;
}

.h-50vh {
    height: 50vh;
}

.min-h-50vh {
    min-height: 50vh;
}

.max-h-50vh {
    max-height: 50vh;
}

.h-55vh {
    height: 55vh;
}

.min-h-55vh {
    min-height: 55vh;
}

.max-h-55vh {
    max-height: 55vh;
}

.h-60vh {
    height: 60vh;
}

.min-h-60vh {
    min-height: 60vh;
}

.max-h-60vh {
    max-height: 60vh;
}

.h-65vh {
    height: 65vh;
}

.min-h-65vh {
    min-height: 65vh;
}

.max-h-65vh {
    max-height: 65vh;
}

.h-70vh {
    height: 70vh;
}

.min-h-70vh {
    min-height: 70vh;
}

.max-h-70vh {
    max-height: 70vh;
}

.h-75vh {
    height: 75vh;
}

.min-h-75vh {
    min-height: 75vh;
}

.max-h-75vh {
    max-height: 75vh;
}

.h-80vh {
    height: 80vh;
}

.min-h-80vh {
    min-height: 80vh;
}

.max-h-80vh {
    max-height: 80vh;
}

.h-85vh {
    height: 85vh;
}

.min-h-85vh {
    min-height: 85vh;
}

.max-h-85vh {
    max-height: 85vh;
}

.h-90vh {
    height: 90vh;
}

.min-h-90vh {
    min-height: 90vh;
}

.max-h-90vh {
    max-height: 90vh;
}

.h-95vh {
    height: 95vh;
}

.min-h-95vh {
    min-height: 95vh;
}

.max-h-95vh {
    max-height: 95vh;
}

.h-100vh {
    height: 100vh;
}

.min-h-100vh {
    min-height: 100vh;
}

.max-h-100vh {
    max-height: 100vh;
}

.h-1r {
    height: 1rem;
}

.min-h-1r {
    min-height: 1rem;
}

.max-h-1r {
    max-height: 1rem;
}

.h-2r {
    height: 2rem;
}

.min-h-2r {
    min-height: 2rem;
}

.max-h-2r {
    max-height: 2rem;
}

.h-3r {
    height: 3rem;
}

.min-h-3r {
    min-height: 3rem;
}

.max-h-3r {
    max-height: 3rem;
}

.h-4r {
    height: 4rem;
}

.min-h-4r {
    min-height: 4rem;
}

.max-h-4r {
    max-height: 4rem;
}

.h-5r {
    height: 5rem;
}

.min-h-5r {
    min-height: 5rem;
}

.max-h-5r {
    max-height: 5rem;
}

.h-6r {
    height: 6rem;
}

.min-h-6r {
    min-height: 6rem;
}

.max-h-6r {
    max-height: 6rem;
}

.h-7r {
    height: 7rem;
}

.min-h-7r {
    min-height: 7rem;
}

.max-h-7r {
    max-height: 7rem;
}

.h-8r {
    height: 8rem;
}

.min-h-8r {
    min-height: 8rem;
}

.max-h-8r {
    max-height: 8rem;
}

.h-9r {
    height: 9rem;
}

.min-h-9r {
    min-height: 9rem;
}

.max-h-9r {
    max-height: 9rem;
}

.h-10r {
    height: 10rem;
}

.min-h-10r {
    min-height: 10rem;
}

.max-h-10r {
    max-height: 10rem;
}

.h-15r {
    height: 15rem;
}

.min-h-15r {
    min-height: 15rem;
}

.max-h-15r {
    max-height: 15rem;
}

.h-20r {
    height: 20rem;
}

.min-h-20r {
    min-height: 20rem;
}

.max-h-20r {
    max-height: 20rem;
}

.h-25r {
    height: 25rem;
}

.min-h-25r {
    min-height: 25rem;
}

.max-h-25r {
    max-height: 25rem;
}

.h-30r {
    height: 30rem;
}

.min-h-30r {
    min-height: 30rem;
}

.max-h-30r {
    max-height: 30rem;
}

.h-35r {
    height: 35rem;
}

.min-h-35r {
    min-height: 35rem;
}

.max-h-35r {
    max-height: 35rem;
}

.h-40r {
    height: 40rem;
}

.min-h-40r {
    min-height: 40rem;
}

.max-h-40r {
    max-height: 40rem;
}

.h-45r {
    height: 45rem;
}

.min-h-45r {
    min-height: 45rem;
}

.max-h-45r {
    max-height: 45rem;
}

.h-50r {
    height: 50rem;
}

.min-h-50r {
    min-height: 50rem;
}

.max-h-50r {
    max-height: 50rem;
}

.h-55r {
    height: 55rem;
}

.min-h-55r {
    min-height: 55rem;
}

.max-h-55r {
    max-height: 55rem;
}

.h-60r {
    height: 60rem;
}

.min-h-60r {
    min-height: 60rem;
}

.max-h-60r {
    max-height: 60rem;
}

.h-65r {
    height: 65rem;
}

.min-h-65r {
    min-height: 65rem;
}

.max-h-65r {
    max-height: 65rem;
}

.h-70r {
    height: 70rem;
}

.min-h-70r {
    min-height: 70rem;
}

.max-h-70r {
    max-height: 70rem;
}

.h-75r {
    height: 75rem;
}

.min-h-75r {
    min-height: 75rem;
}

.max-h-75r {
    max-height: 75rem;
}

.h-80r {
    height: 80rem;
}

.min-h-80r {
    min-height: 80rem;
}

.max-h-80r {
    max-height: 80rem;
}

.h-85r {
    height: 85rem;
}

.min-h-85r {
    min-height: 85rem;
}

.max-h-85r {
    max-height: 85rem;
}

.h-90r {
    height: 90rem;
}

.min-h-90r {
    min-height: 90rem;
}

.max-h-90r {
    max-height: 90rem;
}

.h-95r {
    height: 95rem;
}

.min-h-95r {
    min-height: 95rem;
}

.max-h-95r {
    max-height: 95rem;
}

.h-100r {
    height: 100rem;
}

.min-h-100r {
    min-height: 100rem;
}

.max-h-100r {
    max-height: 100rem;
}

.full-width {
    width: 100%;
}

.half-width {
    width: 50%;
}

.w-5p {
    width: 5%;
}

.min-w-5p {
    min-width: 5%;
}

.max-w-5p {
    max-width: 5%;
}

.w-10p {
    width: 10%;
}

.min-w-10p {
    min-width: 10%;
}

.max-w-10p {
    max-width: 10%;
}

.w-15p {
    width: 15%;
}

.min-w-15p {
    min-width: 15%;
}

.max-w-15p {
    max-width: 15%;
}

.w-20p {
    width: 20%;
}

.min-w-20p {
    min-width: 20%;
}

.max-w-20p {
    max-width: 20%;
}

.w-25p {
    width: 25%;
}

.min-w-25p {
    min-width: 25%;
}

.max-w-25p {
    max-width: 25%;
}

.w-30p {
    width: 30%;
}

.min-w-30p {
    min-width: 30%;
}

.max-w-30p {
    max-width: 30%;
}

.w-35p {
    width: 35%;
}

.min-w-35p {
    min-width: 35%;
}

.max-w-35p {
    max-width: 35%;
}

.w-40p {
    width: 40%;
}

.min-w-40p {
    min-width: 40%;
}

.max-w-40p {
    max-width: 40%;
}

.w-45p {
    width: 45%;
}

.min-w-45p {
    min-width: 45%;
}

.max-w-45p {
    max-width: 45%;
}

.w-50p {
    width: 50%;
}

.min-w-50p {
    min-width: 50%;
}

.max-w-50p {
    max-width: 50%;
}

.w-55p {
    width: 55%;
}

.min-w-55p {
    min-width: 55%;
}

.max-w-55p {
    max-width: 55%;
}

.w-60p {
    width: 60%;
}

.min-w-60p {
    min-width: 60%;
}

.max-w-60p {
    max-width: 60%;
}

.w-65p {
    width: 65%;
}

.min-w-65p {
    min-width: 65%;
}

.max-w-65p {
    max-width: 65%;
}

.w-70p {
    width: 70%;
}

.min-w-70p {
    min-width: 70%;
}

.max-w-70p {
    max-width: 70%;
}

.w-75p {
    width: 75%;
}

.min-w-75p {
    min-width: 75%;
}

.max-w-75p {
    max-width: 75%;
}

.w-80p {
    width: 80%;
}

.min-w-80p {
    min-width: 80%;
}

.max-w-80p {
    max-width: 80%;
}

.w-85p {
    width: 85%;
}

.min-w-85p {
    min-width: 85%;
}

.max-w-85p {
    max-width: 85%;
}

.w-90p {
    width: 90%;
}

.min-w-90p {
    min-width: 90%;
}

.max-w-90p {
    max-width: 90%;
}

.w-95p {
    width: 95%;
}

.min-w-95p {
    min-width: 95%;
}

.max-w-95p {
    max-width: 95%;
}

.w-100p {
    width: 100%;
}

.min-w-100p {
    min-width: 100%;
}

.max-w-100p {
    max-width: 100%;
}

.w-1r {
    width: 1rem;
}

.min-w-1r {
    min-width: 1rem;
}

.max-w-1r {
    max-width: 1rem;
}

.w-2r {
    width: 2rem;
}

.min-w-2r {
    min-width: 2rem;
}

.max-w-2r {
    max-width: 2rem;
}

.w-3r {
    width: 3rem;
}

.min-w-3r {
    min-width: 3rem;
}

.max-w-3r {
    max-width: 3rem;
}

.w-4r {
    width: 4rem;
}

.min-w-4r {
    min-width: 4rem;
}

.max-w-4r {
    max-width: 4rem;
}

.w-5r {
    width: 5rem;
}

.min-w-5r {
    min-width: 5rem;
}

.max-w-5r {
    max-width: 5rem;
}

.w-6r {
    width: 6rem;
}

.min-w-6r {
    min-width: 6rem;
}

.max-w-6r {
    max-width: 6rem;
}

.w-7r {
    width: 7rem;
}

.min-w-7r {
    min-width: 7rem;
}

.max-w-7r {
    max-width: 7rem;
}

.w-8r {
    width: 8rem;
}

.min-w-8r {
    min-width: 8rem;
}

.max-w-8r {
    max-width: 8rem;
}

.w-9r {
    width: 9rem;
}

.min-w-9r {
    min-width: 9rem;
}

.max-w-9r {
    max-width: 9rem;
}

.w-10r {
    width: 10rem;
}

.min-w-10r {
    min-width: 10rem;
}

.max-w-10r {
    max-width: 10rem;
}

.w-15r {
    width: 15rem;
}

.min-w-15r {
    min-width: 15rem;
}

.max-w-15r {
    max-width: 15rem;
}

.w-20r {
    width: 20rem;
}

.min-w-20r {
    min-width: 20rem;
}

.max-w-20r {
    max-width: 20rem;
}

.w-25r {
    width: 25rem;
}

.min-w-25r {
    min-width: 25rem;
}

.max-w-25r {
    max-width: 25rem;
}

.w-30r {
    width: 30rem;
}

.min-w-30r {
    min-width: 30rem;
}

.max-w-30r {
    max-width: 30rem;
}

.w-35r {
    width: 35rem;
}

.min-w-35r {
    min-width: 35rem;
}

.max-w-35r {
    max-width: 35rem;
}

.w-40r {
    width: 40rem;
}

.min-w-40r {
    min-width: 40rem;
}

.max-w-40r {
    max-width: 40rem;
}

.w-45r {
    width: 45rem;
}

.min-w-45r {
    min-width: 45rem;
}

.max-w-45r {
    max-width: 45rem;
}

.w-50r {
    width: 50rem;
}

.min-w-50r {
    min-width: 50rem;
}

.max-w-50r {
    max-width: 50rem;
}

.w-55r {
    width: 55rem;
}

.min-w-55r {
    min-width: 55rem;
}

.max-w-55r {
    max-width: 55rem;
}

.w-60r {
    width: 60rem;
}

.min-w-60r {
    min-width: 60rem;
}

.max-w-60r {
    max-width: 60rem;
}

.w-65r {
    width: 65rem;
}

.min-w-65r {
    min-width: 65rem;
}

.max-w-65r {
    max-width: 65rem;
}

.w-70r {
    width: 70rem;
}

.min-w-70r {
    min-width: 70rem;
}

.max-w-70r {
    max-width: 70rem;
}

.w-75r {
    width: 75rem;
}

.min-w-75r {
    min-width: 75rem;
}

.max-w-75r {
    max-width: 75rem;
}

.w-80r {
    width: 80rem;
}

.min-w-80r {
    min-width: 80rem;
}

.max-w-80r {
    max-width: 80rem;
}

.w-85r {
    width: 85rem;
}

.min-w-85r {
    min-width: 85rem;
}

.max-w-85r {
    max-width: 85rem;
}

.w-90r {
    width: 90rem;
}

.min-w-90r {
    min-width: 90rem;
}

.max-w-90r {
    max-width: 90rem;
}

.w-95r {
    width: 95rem;
}

.min-w-95r {
    min-width: 95rem;
}

.max-w-95r {
    max-width: 95rem;
}

.w-100r {
    width: 100rem;
}

.min-w-100r {
    min-width: 100rem;
}

.max-w-100r {
    max-width: 100rem;
}

@media (min-width: 576px) {
    .full-sm-height {
        min-height: var(--height-full);
    }

    .half-sm-height {
        min-height: var(--height-half);
    }

    .one-third-sm-height {
        min-height: var(--height-one-third);
    }

    .quarter-sm-height {
        min-height: var(--height-quarter);
    }

    .h-sm-5p {
        height: 5%;
    }

    .min-hsm--5p {
        min-height: 5%;
    }

    .max-h-sm-5p {
        max-height: 5%;
    }

    .h-sm-10p {
        height: 10%;
    }

    .min-hsm--10p {
        min-height: 10%;
    }

    .max-h-sm-10p {
        max-height: 10%;
    }

    .h-sm-15p {
        height: 15%;
    }

    .min-hsm--15p {
        min-height: 15%;
    }

    .max-h-sm-15p {
        max-height: 15%;
    }

    .h-sm-20p {
        height: 20%;
    }

    .min-hsm--20p {
        min-height: 20%;
    }

    .max-h-sm-20p {
        max-height: 20%;
    }

    .h-sm-25p {
        height: 25%;
    }

    .min-hsm--25p {
        min-height: 25%;
    }

    .max-h-sm-25p {
        max-height: 25%;
    }

    .h-sm-30p {
        height: 30%;
    }

    .min-hsm--30p {
        min-height: 30%;
    }

    .max-h-sm-30p {
        max-height: 30%;
    }

    .h-sm-35p {
        height: 35%;
    }

    .min-hsm--35p {
        min-height: 35%;
    }

    .max-h-sm-35p {
        max-height: 35%;
    }

    .h-sm-40p {
        height: 40%;
    }

    .min-hsm--40p {
        min-height: 40%;
    }

    .max-h-sm-40p {
        max-height: 40%;
    }

    .h-sm-45p {
        height: 45%;
    }

    .min-hsm--45p {
        min-height: 45%;
    }

    .max-h-sm-45p {
        max-height: 45%;
    }

    .h-sm-50p {
        height: 50%;
    }

    .min-hsm--50p {
        min-height: 50%;
    }

    .max-h-sm-50p {
        max-height: 50%;
    }

    .h-sm-55p {
        height: 55%;
    }

    .min-hsm--55p {
        min-height: 55%;
    }

    .max-h-sm-55p {
        max-height: 55%;
    }

    .h-sm-60p {
        height: 60%;
    }

    .min-hsm--60p {
        min-height: 60%;
    }

    .max-h-sm-60p {
        max-height: 60%;
    }

    .h-sm-65p {
        height: 65%;
    }

    .min-hsm--65p {
        min-height: 65%;
    }

    .max-h-sm-65p {
        max-height: 65%;
    }

    .h-sm-70p {
        height: 70%;
    }

    .min-hsm--70p {
        min-height: 70%;
    }

    .max-h-sm-70p {
        max-height: 70%;
    }

    .h-sm-75p {
        height: 75%;
    }

    .min-hsm--75p {
        min-height: 75%;
    }

    .max-h-sm-75p {
        max-height: 75%;
    }

    .h-sm-80p {
        height: 80%;
    }

    .min-hsm--80p {
        min-height: 80%;
    }

    .max-h-sm-80p {
        max-height: 80%;
    }

    .h-sm-85p {
        height: 85%;
    }

    .min-hsm--85p {
        min-height: 85%;
    }

    .max-h-sm-85p {
        max-height: 85%;
    }

    .h-sm-90p {
        height: 90%;
    }

    .min-hsm--90p {
        min-height: 90%;
    }

    .max-h-sm-90p {
        max-height: 90%;
    }

    .h-sm-95p {
        height: 95%;
    }

    .min-hsm--95p {
        min-height: 95%;
    }

    .max-h-sm-95p {
        max-height: 95%;
    }

    .h-sm-100p {
        height: 100%;
    }

    .min-hsm--100p {
        min-height: 100%;
    }

    .max-h-sm-100p {
        max-height: 100%;
    }

    .h-sm-5vh {
        height: 5vh;
    }

    .min-h-sm-5vh {
        min-height: 5vh;
    }

    .max-h-sm-5vh {
        max-height: 5vh;
    }

    .h-sm-10vh {
        height: 10vh;
    }

    .min-h-sm-10vh {
        min-height: 10vh;
    }

    .max-h-sm-10vh {
        max-height: 10vh;
    }

    .h-sm-15vh {
        height: 15vh;
    }

    .min-h-sm-15vh {
        min-height: 15vh;
    }

    .max-h-sm-15vh {
        max-height: 15vh;
    }

    .h-sm-20vh {
        height: 20vh;
    }

    .min-h-sm-20vh {
        min-height: 20vh;
    }

    .max-h-sm-20vh {
        max-height: 20vh;
    }

    .h-sm-25vh {
        height: 25vh;
    }

    .min-h-sm-25vh {
        min-height: 25vh;
    }

    .max-h-sm-25vh {
        max-height: 25vh;
    }

    .h-sm-30vh {
        height: 30vh;
    }

    .min-h-sm-30vh {
        min-height: 30vh;
    }

    .max-h-sm-30vh {
        max-height: 30vh;
    }

    .h-sm-35vh {
        height: 35vh;
    }

    .min-h-sm-35vh {
        min-height: 35vh;
    }

    .max-h-sm-35vh {
        max-height: 35vh;
    }

    .h-sm-40vh {
        height: 40vh;
    }

    .min-h-sm-40vh {
        min-height: 40vh;
    }

    .max-h-sm-40vh {
        max-height: 40vh;
    }

    .h-sm-45vh {
        height: 45vh;
    }

    .min-h-sm-45vh {
        min-height: 45vh;
    }

    .max-h-sm-45vh {
        max-height: 45vh;
    }

    .h-sm-50vh {
        height: 50vh;
    }

    .min-h-sm-50vh {
        min-height: 50vh;
    }

    .max-h-sm-50vh {
        max-height: 50vh;
    }

    .h-sm-55vh {
        height: 55vh;
    }

    .min-h-sm-55vh {
        min-height: 55vh;
    }

    .max-h-sm-55vh {
        max-height: 55vh;
    }

    .h-sm-60vh {
        height: 60vh;
    }

    .min-h-sm-60vh {
        min-height: 60vh;
    }

    .max-h-sm-60vh {
        max-height: 60vh;
    }

    .h-sm-65vh {
        height: 65vh;
    }

    .min-h-sm-65vh {
        min-height: 65vh;
    }

    .max-h-sm-65vh {
        max-height: 65vh;
    }

    .h-sm-70vh {
        height: 70vh;
    }

    .min-h-sm-70vh {
        min-height: 70vh;
    }

    .max-h-sm-70vh {
        max-height: 70vh;
    }

    .h-sm-75vh {
        height: 75vh;
    }

    .min-h-sm-75vh {
        min-height: 75vh;
    }

    .max-h-sm-75vh {
        max-height: 75vh;
    }

    .h-sm-80vh {
        height: 80vh;
    }

    .min-h-sm-80vh {
        min-height: 80vh;
    }

    .max-h-sm-80vh {
        max-height: 80vh;
    }

    .h-sm-85vh {
        height: 85vh;
    }

    .min-h-sm-85vh {
        min-height: 85vh;
    }

    .max-h-sm-85vh {
        max-height: 85vh;
    }

    .h-sm-90vh {
        height: 90vh;
    }

    .min-h-sm-90vh {
        min-height: 90vh;
    }

    .max-h-sm-90vh {
        max-height: 90vh;
    }

    .h-sm-95vh {
        height: 95vh;
    }

    .min-h-sm-95vh {
        min-height: 95vh;
    }

    .max-h-sm-95vh {
        max-height: 95vh;
    }

    .h-sm-100vh {
        height: 100vh;
    }

    .min-h-sm-100vh {
        min-height: 100vh;
    }

    .max-h-sm-100vh {
        max-height: 100vh;
    }

    .h-sm-1r {
        height: 1rem;
    }

    .min-h-sm-1r {
        min-height: 1rem;
    }

    .max-h-sm-1r {
        max-height: 1rem;
    }

    .h-sm-2r {
        height: 2rem;
    }

    .min-h-sm-2r {
        min-height: 2rem;
    }

    .max-h-sm-2r {
        max-height: 2rem;
    }

    .h-sm-3r {
        height: 3rem;
    }

    .min-h-sm-3r {
        min-height: 3rem;
    }

    .max-h-sm-3r {
        max-height: 3rem;
    }

    .h-sm-4r {
        height: 4rem;
    }

    .min-h-sm-4r {
        min-height: 4rem;
    }

    .max-h-sm-4r {
        max-height: 4rem;
    }

    .h-sm-5r {
        height: 5rem;
    }

    .min-h-sm-5r {
        min-height: 5rem;
    }

    .max-h-sm-5r {
        max-height: 5rem;
    }

    .h-sm-6r {
        height: 6rem;
    }

    .min-h-sm-6r {
        min-height: 6rem;
    }

    .max-h-sm-6r {
        max-height: 6rem;
    }

    .h-sm-7r {
        height: 7rem;
    }

    .min-h-sm-7r {
        min-height: 7rem;
    }

    .max-h-sm-7r {
        max-height: 7rem;
    }

    .h-sm-8r {
        height: 8rem;
    }

    .min-h-sm-8r {
        min-height: 8rem;
    }

    .max-h-sm-8r {
        max-height: 8rem;
    }

    .h-sm-9r {
        height: 9rem;
    }

    .min-h-sm-9r {
        min-height: 9rem;
    }

    .max-h-sm-9r {
        max-height: 9rem;
    }

    .h-sm-10r {
        height: 10rem;
    }

    .min-h-sm-10r {
        min-height: 10rem;
    }

    .max-h-sm-10r {
        max-height: 10rem;
    }

    .h-sm-15r {
        height: 15rem;
    }

    .min-h-sm-15r {
        min-height: 15rem;
    }

    .max-h-sm-15r {
        max-height: 15rem;
    }

    .h-sm-20r {
        height: 20rem;
    }

    .min-h-sm-20r {
        min-height: 20rem;
    }

    .max-h-sm-20r {
        max-height: 20rem;
    }

    .h-sm-25r {
        height: 25rem;
    }

    .min-h-sm-25r {
        min-height: 25rem;
    }

    .max-h-sm-25r {
        max-height: 25rem;
    }

    .h-sm-30r {
        height: 30rem;
    }

    .min-h-sm-30r {
        min-height: 30rem;
    }

    .max-h-sm-30r {
        max-height: 30rem;
    }

    .h-sm-35r {
        height: 35rem;
    }

    .min-h-sm-35r {
        min-height: 35rem;
    }

    .max-h-sm-35r {
        max-height: 35rem;
    }

    .h-sm-40r {
        height: 40rem;
    }

    .min-h-sm-40r {
        min-height: 40rem;
    }

    .max-h-sm-40r {
        max-height: 40rem;
    }

    .h-sm-45r {
        height: 45rem;
    }

    .min-h-sm-45r {
        min-height: 45rem;
    }

    .max-h-sm-45r {
        max-height: 45rem;
    }

    .h-sm-50r {
        height: 50rem;
    }

    .min-h-sm-50r {
        min-height: 50rem;
    }

    .max-h-sm-50r {
        max-height: 50rem;
    }

    .h-sm-55r {
        height: 55rem;
    }

    .min-h-sm-55r {
        min-height: 55rem;
    }

    .max-h-sm-55r {
        max-height: 55rem;
    }

    .h-sm-60r {
        height: 60rem;
    }

    .min-h-sm-60r {
        min-height: 60rem;
    }

    .max-h-sm-60r {
        max-height: 60rem;
    }

    .h-sm-65r {
        height: 65rem;
    }

    .min-h-sm-65r {
        min-height: 65rem;
    }

    .max-h-sm-65r {
        max-height: 65rem;
    }

    .h-sm-70r {
        height: 70rem;
    }

    .min-h-sm-70r {
        min-height: 70rem;
    }

    .max-h-sm-70r {
        max-height: 70rem;
    }

    .h-sm-75r {
        height: 75rem;
    }

    .min-h-sm-75r {
        min-height: 75rem;
    }

    .max-h-sm-75r {
        max-height: 75rem;
    }

    .h-sm-80r {
        height: 80rem;
    }

    .min-h-sm-80r {
        min-height: 80rem;
    }

    .max-h-sm-80r {
        max-height: 80rem;
    }

    .h-sm-85r {
        height: 85rem;
    }

    .min-h-sm-85r {
        min-height: 85rem;
    }

    .max-h-sm-85r {
        max-height: 85rem;
    }

    .h-sm-90r {
        height: 90rem;
    }

    .min-h-sm-90r {
        min-height: 90rem;
    }

    .max-h-sm-90r {
        max-height: 90rem;
    }

    .h-sm-95r {
        height: 95rem;
    }

    .min-h-sm-95r {
        min-height: 95rem;
    }

    .max-h-sm-95r {
        max-height: 95rem;
    }

    .h-sm-100r {
        height: 100rem;
    }

    .min-h-sm-100r {
        min-height: 100rem;
    }

    .max-h-sm-100r {
        max-height: 100rem;
    }

    .full-sm-width {
        width: 100%;
    }

    .half-sm-width {
        width: 50%;
    }

    .w-sm-5p {
        width: 5%;
    }

    .min-w-sm-5p {
        min-width: 5%;
    }

    .max-w-sm-5p {
        max-width: 5%;
    }

    .w-sm-10p {
        width: 10%;
    }

    .min-w-sm-10p {
        min-width: 10%;
    }

    .max-w-sm-10p {
        max-width: 10%;
    }

    .w-sm-15p {
        width: 15%;
    }

    .min-w-sm-15p {
        min-width: 15%;
    }

    .max-w-sm-15p {
        max-width: 15%;
    }

    .w-sm-20p {
        width: 20%;
    }

    .min-w-sm-20p {
        min-width: 20%;
    }

    .max-w-sm-20p {
        max-width: 20%;
    }

    .w-sm-25p {
        width: 25%;
    }

    .min-w-sm-25p {
        min-width: 25%;
    }

    .max-w-sm-25p {
        max-width: 25%;
    }

    .w-sm-30p {
        width: 30%;
    }

    .min-w-sm-30p {
        min-width: 30%;
    }

    .max-w-sm-30p {
        max-width: 30%;
    }

    .w-sm-35p {
        width: 35%;
    }

    .min-w-sm-35p {
        min-width: 35%;
    }

    .max-w-sm-35p {
        max-width: 35%;
    }

    .w-sm-40p {
        width: 40%;
    }

    .min-w-sm-40p {
        min-width: 40%;
    }

    .max-w-sm-40p {
        max-width: 40%;
    }

    .w-sm-45p {
        width: 45%;
    }

    .min-w-sm-45p {
        min-width: 45%;
    }

    .max-w-sm-45p {
        max-width: 45%;
    }

    .w-sm-50p {
        width: 50%;
    }

    .min-w-sm-50p {
        min-width: 50%;
    }

    .max-w-sm-50p {
        max-width: 50%;
    }

    .w-sm-55p {
        width: 55%;
    }

    .min-w-sm-55p {
        min-width: 55%;
    }

    .max-w-sm-55p {
        max-width: 55%;
    }

    .w-sm-60p {
        width: 60%;
    }

    .min-w-sm-60p {
        min-width: 60%;
    }

    .max-w-sm-60p {
        max-width: 60%;
    }

    .w-sm-65p {
        width: 65%;
    }

    .min-w-sm-65p {
        min-width: 65%;
    }

    .max-w-sm-65p {
        max-width: 65%;
    }

    .w-sm-70p {
        width: 70%;
    }

    .min-w-sm-70p {
        min-width: 70%;
    }

    .max-w-sm-70p {
        max-width: 70%;
    }

    .w-sm-75p {
        width: 75%;
    }

    .min-w-sm-75p {
        min-width: 75%;
    }

    .max-w-sm-75p {
        max-width: 75%;
    }

    .w-sm-80p {
        width: 80%;
    }

    .min-w-sm-80p {
        min-width: 80%;
    }

    .max-w-sm-80p {
        max-width: 80%;
    }

    .w-sm-85p {
        width: 85%;
    }

    .min-w-sm-85p {
        min-width: 85%;
    }

    .max-w-sm-85p {
        max-width: 85%;
    }

    .w-sm-90p {
        width: 90%;
    }

    .min-w-sm-90p {
        min-width: 90%;
    }

    .max-w-sm-90p {
        max-width: 90%;
    }

    .w-sm-95p {
        width: 95%;
    }

    .min-w-sm-95p {
        min-width: 95%;
    }

    .max-w-sm-95p {
        max-width: 95%;
    }

    .w-sm-100p {
        width: 100%;
    }

    .min-w-sm-100p {
        min-width: 100%;
    }

    .max-w-sm-100p {
        max-width: 100%;
    }

    .w-sm-1r {
        width: 1rem;
    }

    .min-w-sm-1r {
        min-width: 1rem;
    }

    .max-w-sm-1r {
        max-width: 1rem;
    }

    .w-sm-2r {
        width: 2rem;
    }

    .min-w-sm-2r {
        min-width: 2rem;
    }

    .max-w-sm-2r {
        max-width: 2rem;
    }

    .w-sm-3r {
        width: 3rem;
    }

    .min-w-sm-3r {
        min-width: 3rem;
    }

    .max-w-sm-3r {
        max-width: 3rem;
    }

    .w-sm-4r {
        width: 4rem;
    }

    .min-w-sm-4r {
        min-width: 4rem;
    }

    .max-w-sm-4r {
        max-width: 4rem;
    }

    .w-sm-5r {
        width: 5rem;
    }

    .min-w-sm-5r {
        min-width: 5rem;
    }

    .max-w-sm-5r {
        max-width: 5rem;
    }

    .w-sm-6r {
        width: 6rem;
    }

    .min-w-sm-6r {
        min-width: 6rem;
    }

    .max-w-sm-6r {
        max-width: 6rem;
    }

    .w-sm-7r {
        width: 7rem;
    }

    .min-w-sm-7r {
        min-width: 7rem;
    }

    .max-w-sm-7r {
        max-width: 7rem;
    }

    .w-sm-8r {
        width: 8rem;
    }

    .min-w-sm-8r {
        min-width: 8rem;
    }

    .max-w-sm-8r {
        max-width: 8rem;
    }

    .w-sm-9r {
        width: 9rem;
    }

    .min-w-sm-9r {
        min-width: 9rem;
    }

    .max-w-sm-9r {
        max-width: 9rem;
    }

    .w-sm-10r {
        width: 10rem;
    }

    .min-w-sm-10r {
        min-width: 10rem;
    }

    .max-w-sm-10r {
        max-width: 10rem;
    }

    .w-sm-15r {
        width: 15rem;
    }

    .min-w-sm-15r {
        min-width: 15rem;
    }

    .max-w-sm-15r {
        max-width: 15rem;
    }

    .w-sm-20r {
        width: 20rem;
    }

    .min-w-sm-20r {
        min-width: 20rem;
    }

    .max-w-sm-20r {
        max-width: 20rem;
    }

    .w-sm-25r {
        width: 25rem;
    }

    .min-w-sm-25r {
        min-width: 25rem;
    }

    .max-w-sm-25r {
        max-width: 25rem;
    }

    .w-sm-30r {
        width: 30rem;
    }

    .min-w-sm-30r {
        min-width: 30rem;
    }

    .max-w-sm-30r {
        max-width: 30rem;
    }

    .w-sm-35r {
        width: 35rem;
    }

    .min-w-sm-35r {
        min-width: 35rem;
    }

    .max-w-sm-35r {
        max-width: 35rem;
    }

    .w-sm-40r {
        width: 40rem;
    }

    .min-w-sm-40r {
        min-width: 40rem;
    }

    .max-w-sm-40r {
        max-width: 40rem;
    }

    .w-sm-45r {
        width: 45rem;
    }

    .min-w-sm-45r {
        min-width: 45rem;
    }

    .max-w-sm-45r {
        max-width: 45rem;
    }

    .w-sm-50r {
        width: 50rem;
    }

    .min-w-sm-50r {
        min-width: 50rem;
    }

    .max-w-sm-50r {
        max-width: 50rem;
    }

    .w-sm-55r {
        width: 55rem;
    }

    .min-w-sm-55r {
        min-width: 55rem;
    }

    .max-w-sm-55r {
        max-width: 55rem;
    }

    .w-sm-60r {
        width: 60rem;
    }

    .min-w-sm-60r {
        min-width: 60rem;
    }

    .max-w-sm-60r {
        max-width: 60rem;
    }

    .w-sm-65r {
        width: 65rem;
    }

    .min-w-sm-65r {
        min-width: 65rem;
    }

    .max-w-sm-65r {
        max-width: 65rem;
    }

    .w-sm-70r {
        width: 70rem;
    }

    .min-w-sm-70r {
        min-width: 70rem;
    }

    .max-w-sm-70r {
        max-width: 70rem;
    }

    .w-sm-75r {
        width: 75rem;
    }

    .min-w-sm-75r {
        min-width: 75rem;
    }

    .max-w-sm-75r {
        max-width: 75rem;
    }

    .w-sm-80r {
        width: 80rem;
    }

    .min-w-sm-80r {
        min-width: 80rem;
    }

    .max-w-sm-80r {
        max-width: 80rem;
    }

    .w-sm-85r {
        width: 85rem;
    }

    .min-w-sm-85r {
        min-width: 85rem;
    }

    .max-w-sm-85r {
        max-width: 85rem;
    }

    .w-sm-90r {
        width: 90rem;
    }

    .min-w-sm-90r {
        min-width: 90rem;
    }

    .max-w-sm-90r {
        max-width: 90rem;
    }

    .w-sm-95r {
        width: 95rem;
    }

    .min-w-sm-95r {
        min-width: 95rem;
    }

    .max-w-sm-95r {
        max-width: 95rem;
    }

    .w-sm-100r {
        width: 100rem;
    }

    .min-w-sm-100r {
        min-width: 100rem;
    }

    .max-w-sm-100r {
        max-width: 100rem;
    }
}

@media (min-width: 768px) {
    .full-md-height {
        min-height: var(--height-full);
    }

    .half-md-height {
        min-height: var(--height-half);
    }

    .one-third-md-height {
        min-height: var(--height-one-third);
    }

    .quarter-md-height {
        min-height: var(--height-quarter);
    }

    .h-md-5p {
        height: 5%;
    }

    .min-hmd--5p {
        min-height: 5%;
    }

    .max-h-md-5p {
        max-height: 5%;
    }

    .h-md-10p {
        height: 10%;
    }

    .min-hmd--10p {
        min-height: 10%;
    }

    .max-h-md-10p {
        max-height: 10%;
    }

    .h-md-15p {
        height: 15%;
    }

    .min-hmd--15p {
        min-height: 15%;
    }

    .max-h-md-15p {
        max-height: 15%;
    }

    .h-md-20p {
        height: 20%;
    }

    .min-hmd--20p {
        min-height: 20%;
    }

    .max-h-md-20p {
        max-height: 20%;
    }

    .h-md-25p {
        height: 25%;
    }

    .min-hmd--25p {
        min-height: 25%;
    }

    .max-h-md-25p {
        max-height: 25%;
    }

    .h-md-30p {
        height: 30%;
    }

    .min-hmd--30p {
        min-height: 30%;
    }

    .max-h-md-30p {
        max-height: 30%;
    }

    .h-md-35p {
        height: 35%;
    }

    .min-hmd--35p {
        min-height: 35%;
    }

    .max-h-md-35p {
        max-height: 35%;
    }

    .h-md-40p {
        height: 40%;
    }

    .min-hmd--40p {
        min-height: 40%;
    }

    .max-h-md-40p {
        max-height: 40%;
    }

    .h-md-45p {
        height: 45%;
    }

    .min-hmd--45p {
        min-height: 45%;
    }

    .max-h-md-45p {
        max-height: 45%;
    }

    .h-md-50p {
        height: 50%;
    }

    .min-hmd--50p {
        min-height: 50%;
    }

    .max-h-md-50p {
        max-height: 50%;
    }

    .h-md-55p {
        height: 55%;
    }

    .min-hmd--55p {
        min-height: 55%;
    }

    .max-h-md-55p {
        max-height: 55%;
    }

    .h-md-60p {
        height: 60%;
    }

    .min-hmd--60p {
        min-height: 60%;
    }

    .max-h-md-60p {
        max-height: 60%;
    }

    .h-md-65p {
        height: 65%;
    }

    .min-hmd--65p {
        min-height: 65%;
    }

    .max-h-md-65p {
        max-height: 65%;
    }

    .h-md-70p {
        height: 70%;
    }

    .min-hmd--70p {
        min-height: 70%;
    }

    .max-h-md-70p {
        max-height: 70%;
    }

    .h-md-75p {
        height: 75%;
    }

    .min-hmd--75p {
        min-height: 75%;
    }

    .max-h-md-75p {
        max-height: 75%;
    }

    .h-md-80p {
        height: 80%;
    }

    .min-hmd--80p {
        min-height: 80%;
    }

    .max-h-md-80p {
        max-height: 80%;
    }

    .h-md-85p {
        height: 85%;
    }

    .min-hmd--85p {
        min-height: 85%;
    }

    .max-h-md-85p {
        max-height: 85%;
    }

    .h-md-90p {
        height: 90%;
    }

    .min-hmd--90p {
        min-height: 90%;
    }

    .max-h-md-90p {
        max-height: 90%;
    }

    .h-md-95p {
        height: 95%;
    }

    .min-hmd--95p {
        min-height: 95%;
    }

    .max-h-md-95p {
        max-height: 95%;
    }

    .h-md-100p {
        height: 100%;
    }

    .min-hmd--100p {
        min-height: 100%;
    }

    .max-h-md-100p {
        max-height: 100%;
    }

    .h-md-5vh {
        height: 5vh;
    }

    .min-h-md-5vh {
        min-height: 5vh;
    }

    .max-h-md-5vh {
        max-height: 5vh;
    }

    .h-md-10vh {
        height: 10vh;
    }

    .min-h-md-10vh {
        min-height: 10vh;
    }

    .max-h-md-10vh {
        max-height: 10vh;
    }

    .h-md-15vh {
        height: 15vh;
    }

    .min-h-md-15vh {
        min-height: 15vh;
    }

    .max-h-md-15vh {
        max-height: 15vh;
    }

    .h-md-20vh {
        height: 20vh;
    }

    .min-h-md-20vh {
        min-height: 20vh;
    }

    .max-h-md-20vh {
        max-height: 20vh;
    }

    .h-md-25vh {
        height: 25vh;
    }

    .min-h-md-25vh {
        min-height: 25vh;
    }

    .max-h-md-25vh {
        max-height: 25vh;
    }

    .h-md-30vh {
        height: 30vh;
    }

    .min-h-md-30vh {
        min-height: 30vh;
    }

    .max-h-md-30vh {
        max-height: 30vh;
    }

    .h-md-35vh {
        height: 35vh;
    }

    .min-h-md-35vh {
        min-height: 35vh;
    }

    .max-h-md-35vh {
        max-height: 35vh;
    }

    .h-md-40vh {
        height: 40vh;
    }

    .min-h-md-40vh {
        min-height: 40vh;
    }

    .max-h-md-40vh {
        max-height: 40vh;
    }

    .h-md-45vh {
        height: 45vh;
    }

    .min-h-md-45vh {
        min-height: 45vh;
    }

    .max-h-md-45vh {
        max-height: 45vh;
    }

    .h-md-50vh {
        height: 50vh;
    }

    .min-h-md-50vh {
        min-height: 50vh;
    }

    .max-h-md-50vh {
        max-height: 50vh;
    }

    .h-md-55vh {
        height: 55vh;
    }

    .min-h-md-55vh {
        min-height: 55vh;
    }

    .max-h-md-55vh {
        max-height: 55vh;
    }

    .h-md-60vh {
        height: 60vh;
    }

    .min-h-md-60vh {
        min-height: 60vh;
    }

    .max-h-md-60vh {
        max-height: 60vh;
    }

    .h-md-65vh {
        height: 65vh;
    }

    .min-h-md-65vh {
        min-height: 65vh;
    }

    .max-h-md-65vh {
        max-height: 65vh;
    }

    .h-md-70vh {
        height: 70vh;
    }

    .min-h-md-70vh {
        min-height: 70vh;
    }

    .max-h-md-70vh {
        max-height: 70vh;
    }

    .h-md-75vh {
        height: 75vh;
    }

    .min-h-md-75vh {
        min-height: 75vh;
    }

    .max-h-md-75vh {
        max-height: 75vh;
    }

    .h-md-80vh {
        height: 80vh;
    }

    .min-h-md-80vh {
        min-height: 80vh;
    }

    .max-h-md-80vh {
        max-height: 80vh;
    }

    .h-md-85vh {
        height: 85vh;
    }

    .min-h-md-85vh {
        min-height: 85vh;
    }

    .max-h-md-85vh {
        max-height: 85vh;
    }

    .h-md-90vh {
        height: 90vh;
    }

    .min-h-md-90vh {
        min-height: 90vh;
    }

    .max-h-md-90vh {
        max-height: 90vh;
    }

    .h-md-95vh {
        height: 95vh;
    }

    .min-h-md-95vh {
        min-height: 95vh;
    }

    .max-h-md-95vh {
        max-height: 95vh;
    }

    .h-md-100vh {
        height: 100vh;
    }

    .min-h-md-100vh {
        min-height: 100vh;
    }

    .max-h-md-100vh {
        max-height: 100vh;
    }

    .h-md-1r {
        height: 1rem;
    }

    .min-h-md-1r {
        min-height: 1rem;
    }

    .max-h-md-1r {
        max-height: 1rem;
    }

    .h-md-2r {
        height: 2rem;
    }

    .min-h-md-2r {
        min-height: 2rem;
    }

    .max-h-md-2r {
        max-height: 2rem;
    }

    .h-md-3r {
        height: 3rem;
    }

    .min-h-md-3r {
        min-height: 3rem;
    }

    .max-h-md-3r {
        max-height: 3rem;
    }

    .h-md-4r {
        height: 4rem;
    }

    .min-h-md-4r {
        min-height: 4rem;
    }

    .max-h-md-4r {
        max-height: 4rem;
    }

    .h-md-5r {
        height: 5rem;
    }

    .min-h-md-5r {
        min-height: 5rem;
    }

    .max-h-md-5r {
        max-height: 5rem;
    }

    .h-md-6r {
        height: 6rem;
    }

    .min-h-md-6r {
        min-height: 6rem;
    }

    .max-h-md-6r {
        max-height: 6rem;
    }

    .h-md-7r {
        height: 7rem;
    }

    .min-h-md-7r {
        min-height: 7rem;
    }

    .max-h-md-7r {
        max-height: 7rem;
    }

    .h-md-8r {
        height: 8rem;
    }

    .min-h-md-8r {
        min-height: 8rem;
    }

    .max-h-md-8r {
        max-height: 8rem;
    }

    .h-md-9r {
        height: 9rem;
    }

    .min-h-md-9r {
        min-height: 9rem;
    }

    .max-h-md-9r {
        max-height: 9rem;
    }

    .h-md-10r {
        height: 10rem;
    }

    .min-h-md-10r {
        min-height: 10rem;
    }

    .max-h-md-10r {
        max-height: 10rem;
    }

    .h-md-15r {
        height: 15rem;
    }

    .min-h-md-15r {
        min-height: 15rem;
    }

    .max-h-md-15r {
        max-height: 15rem;
    }

    .h-md-20r {
        height: 20rem;
    }

    .min-h-md-20r {
        min-height: 20rem;
    }

    .max-h-md-20r {
        max-height: 20rem;
    }

    .h-md-25r {
        height: 25rem;
    }

    .min-h-md-25r {
        min-height: 25rem;
    }

    .max-h-md-25r {
        max-height: 25rem;
    }

    .h-md-30r {
        height: 30rem;
    }

    .min-h-md-30r {
        min-height: 30rem;
    }

    .max-h-md-30r {
        max-height: 30rem;
    }

    .h-md-35r {
        height: 35rem;
    }

    .min-h-md-35r {
        min-height: 35rem;
    }

    .max-h-md-35r {
        max-height: 35rem;
    }

    .h-md-40r {
        height: 40rem;
    }

    .min-h-md-40r {
        min-height: 40rem;
    }

    .max-h-md-40r {
        max-height: 40rem;
    }

    .h-md-45r {
        height: 45rem;
    }

    .min-h-md-45r {
        min-height: 45rem;
    }

    .max-h-md-45r {
        max-height: 45rem;
    }

    .h-md-50r {
        height: 50rem;
    }

    .min-h-md-50r {
        min-height: 50rem;
    }

    .max-h-md-50r {
        max-height: 50rem;
    }

    .h-md-55r {
        height: 55rem;
    }

    .min-h-md-55r {
        min-height: 55rem;
    }

    .max-h-md-55r {
        max-height: 55rem;
    }

    .h-md-60r {
        height: 60rem;
    }

    .min-h-md-60r {
        min-height: 60rem;
    }

    .max-h-md-60r {
        max-height: 60rem;
    }

    .h-md-65r {
        height: 65rem;
    }

    .min-h-md-65r {
        min-height: 65rem;
    }

    .max-h-md-65r {
        max-height: 65rem;
    }

    .h-md-70r {
        height: 70rem;
    }

    .min-h-md-70r {
        min-height: 70rem;
    }

    .max-h-md-70r {
        max-height: 70rem;
    }

    .h-md-75r {
        height: 75rem;
    }

    .min-h-md-75r {
        min-height: 75rem;
    }

    .max-h-md-75r {
        max-height: 75rem;
    }

    .h-md-80r {
        height: 80rem;
    }

    .min-h-md-80r {
        min-height: 80rem;
    }

    .max-h-md-80r {
        max-height: 80rem;
    }

    .h-md-85r {
        height: 85rem;
    }

    .min-h-md-85r {
        min-height: 85rem;
    }

    .max-h-md-85r {
        max-height: 85rem;
    }

    .h-md-90r {
        height: 90rem;
    }

    .min-h-md-90r {
        min-height: 90rem;
    }

    .max-h-md-90r {
        max-height: 90rem;
    }

    .h-md-95r {
        height: 95rem;
    }

    .min-h-md-95r {
        min-height: 95rem;
    }

    .max-h-md-95r {
        max-height: 95rem;
    }

    .h-md-100r {
        height: 100rem;
    }

    .min-h-md-100r {
        min-height: 100rem;
    }

    .max-h-md-100r {
        max-height: 100rem;
    }

    .full-md-width {
        width: 100%;
    }

    .half-md-width {
        width: 50%;
    }

    .w-md-5p {
        width: 5%;
    }

    .min-w-md-5p {
        min-width: 5%;
    }

    .max-w-md-5p {
        max-width: 5%;
    }

    .w-md-10p {
        width: 10%;
    }

    .min-w-md-10p {
        min-width: 10%;
    }

    .max-w-md-10p {
        max-width: 10%;
    }

    .w-md-15p {
        width: 15%;
    }

    .min-w-md-15p {
        min-width: 15%;
    }

    .max-w-md-15p {
        max-width: 15%;
    }

    .w-md-20p {
        width: 20%;
    }

    .min-w-md-20p {
        min-width: 20%;
    }

    .max-w-md-20p {
        max-width: 20%;
    }

    .w-md-25p {
        width: 25%;
    }

    .min-w-md-25p {
        min-width: 25%;
    }

    .max-w-md-25p {
        max-width: 25%;
    }

    .w-md-30p {
        width: 30%;
    }

    .min-w-md-30p {
        min-width: 30%;
    }

    .max-w-md-30p {
        max-width: 30%;
    }

    .w-md-35p {
        width: 35%;
    }

    .min-w-md-35p {
        min-width: 35%;
    }

    .max-w-md-35p {
        max-width: 35%;
    }

    .w-md-40p {
        width: 40%;
    }

    .min-w-md-40p {
        min-width: 40%;
    }

    .max-w-md-40p {
        max-width: 40%;
    }

    .w-md-45p {
        width: 45%;
    }

    .min-w-md-45p {
        min-width: 45%;
    }

    .max-w-md-45p {
        max-width: 45%;
    }

    .w-md-50p {
        width: 50%;
    }

    .min-w-md-50p {
        min-width: 50%;
    }

    .max-w-md-50p {
        max-width: 50%;
    }

    .w-md-55p {
        width: 55%;
    }

    .min-w-md-55p {
        min-width: 55%;
    }

    .max-w-md-55p {
        max-width: 55%;
    }

    .w-md-60p {
        width: 60%;
    }

    .min-w-md-60p {
        min-width: 60%;
    }

    .max-w-md-60p {
        max-width: 60%;
    }

    .w-md-65p {
        width: 65%;
    }

    .min-w-md-65p {
        min-width: 65%;
    }

    .max-w-md-65p {
        max-width: 65%;
    }

    .w-md-70p {
        width: 70%;
    }

    .min-w-md-70p {
        min-width: 70%;
    }

    .max-w-md-70p {
        max-width: 70%;
    }

    .w-md-75p {
        width: 75%;
    }

    .min-w-md-75p {
        min-width: 75%;
    }

    .max-w-md-75p {
        max-width: 75%;
    }

    .w-md-80p {
        width: 80%;
    }

    .min-w-md-80p {
        min-width: 80%;
    }

    .max-w-md-80p {
        max-width: 80%;
    }

    .w-md-85p {
        width: 85%;
    }

    .min-w-md-85p {
        min-width: 85%;
    }

    .max-w-md-85p {
        max-width: 85%;
    }

    .w-md-90p {
        width: 90%;
    }

    .min-w-md-90p {
        min-width: 90%;
    }

    .max-w-md-90p {
        max-width: 90%;
    }

    .w-md-95p {
        width: 95%;
    }

    .min-w-md-95p {
        min-width: 95%;
    }

    .max-w-md-95p {
        max-width: 95%;
    }

    .w-md-100p {
        width: 100%;
    }

    .min-w-md-100p {
        min-width: 100%;
    }

    .max-w-md-100p {
        max-width: 100%;
    }

    .w-md-1r {
        width: 1rem;
    }

    .min-w-md-1r {
        min-width: 1rem;
    }

    .max-w-md-1r {
        max-width: 1rem;
    }

    .w-md-2r {
        width: 2rem;
    }

    .min-w-md-2r {
        min-width: 2rem;
    }

    .max-w-md-2r {
        max-width: 2rem;
    }

    .w-md-3r {
        width: 3rem;
    }

    .min-w-md-3r {
        min-width: 3rem;
    }

    .max-w-md-3r {
        max-width: 3rem;
    }

    .w-md-4r {
        width: 4rem;
    }

    .min-w-md-4r {
        min-width: 4rem;
    }

    .max-w-md-4r {
        max-width: 4rem;
    }

    .w-md-5r {
        width: 5rem;
    }

    .min-w-md-5r {
        min-width: 5rem;
    }

    .max-w-md-5r {
        max-width: 5rem;
    }

    .w-md-6r {
        width: 6rem;
    }

    .min-w-md-6r {
        min-width: 6rem;
    }

    .max-w-md-6r {
        max-width: 6rem;
    }

    .w-md-7r {
        width: 7rem;
    }

    .min-w-md-7r {
        min-width: 7rem;
    }

    .max-w-md-7r {
        max-width: 7rem;
    }

    .w-md-8r {
        width: 8rem;
    }

    .min-w-md-8r {
        min-width: 8rem;
    }

    .max-w-md-8r {
        max-width: 8rem;
    }

    .w-md-9r {
        width: 9rem;
    }

    .min-w-md-9r {
        min-width: 9rem;
    }

    .max-w-md-9r {
        max-width: 9rem;
    }

    .w-md-10r {
        width: 10rem;
    }

    .min-w-md-10r {
        min-width: 10rem;
    }

    .max-w-md-10r {
        max-width: 10rem;
    }

    .w-md-15r {
        width: 15rem;
    }

    .min-w-md-15r {
        min-width: 15rem;
    }

    .max-w-md-15r {
        max-width: 15rem;
    }

    .w-md-20r {
        width: 20rem;
    }

    .min-w-md-20r {
        min-width: 20rem;
    }

    .max-w-md-20r {
        max-width: 20rem;
    }

    .w-md-25r {
        width: 25rem;
    }

    .min-w-md-25r {
        min-width: 25rem;
    }

    .max-w-md-25r {
        max-width: 25rem;
    }

    .w-md-30r {
        width: 30rem;
    }

    .min-w-md-30r {
        min-width: 30rem;
    }

    .max-w-md-30r {
        max-width: 30rem;
    }

    .w-md-35r {
        width: 35rem;
    }

    .min-w-md-35r {
        min-width: 35rem;
    }

    .max-w-md-35r {
        max-width: 35rem;
    }

    .w-md-40r {
        width: 40rem;
    }

    .min-w-md-40r {
        min-width: 40rem;
    }

    .max-w-md-40r {
        max-width: 40rem;
    }

    .w-md-45r {
        width: 45rem;
    }

    .min-w-md-45r {
        min-width: 45rem;
    }

    .max-w-md-45r {
        max-width: 45rem;
    }

    .w-md-50r {
        width: 50rem;
    }

    .min-w-md-50r {
        min-width: 50rem;
    }

    .max-w-md-50r {
        max-width: 50rem;
    }

    .w-md-55r {
        width: 55rem;
    }

    .min-w-md-55r {
        min-width: 55rem;
    }

    .max-w-md-55r {
        max-width: 55rem;
    }

    .w-md-60r {
        width: 60rem;
    }

    .min-w-md-60r {
        min-width: 60rem;
    }

    .max-w-md-60r {
        max-width: 60rem;
    }

    .w-md-65r {
        width: 65rem;
    }

    .min-w-md-65r {
        min-width: 65rem;
    }

    .max-w-md-65r {
        max-width: 65rem;
    }

    .w-md-70r {
        width: 70rem;
    }

    .min-w-md-70r {
        min-width: 70rem;
    }

    .max-w-md-70r {
        max-width: 70rem;
    }

    .w-md-75r {
        width: 75rem;
    }

    .min-w-md-75r {
        min-width: 75rem;
    }

    .max-w-md-75r {
        max-width: 75rem;
    }

    .w-md-80r {
        width: 80rem;
    }

    .min-w-md-80r {
        min-width: 80rem;
    }

    .max-w-md-80r {
        max-width: 80rem;
    }

    .w-md-85r {
        width: 85rem;
    }

    .min-w-md-85r {
        min-width: 85rem;
    }

    .max-w-md-85r {
        max-width: 85rem;
    }

    .w-md-90r {
        width: 90rem;
    }

    .min-w-md-90r {
        min-width: 90rem;
    }

    .max-w-md-90r {
        max-width: 90rem;
    }

    .w-md-95r {
        width: 95rem;
    }

    .min-w-md-95r {
        min-width: 95rem;
    }

    .max-w-md-95r {
        max-width: 95rem;
    }

    .w-md-100r {
        width: 100rem;
    }

    .min-w-md-100r {
        min-width: 100rem;
    }

    .max-w-md-100r {
        max-width: 100rem;
    }
}

@media (min-width: 992px) {
    .full-lg-height {
        min-height: var(--height-full);
    }

    .half-lg-height {
        min-height: var(--height-half);
    }

    .one-third-lg-height {
        min-height: var(--height-one-third);
    }

    .quarter-lg-height {
        min-height: var(--height-quarter);
    }

    .h-lg-5p {
        height: 5%;
    }

    .min-hlg--5p {
        min-height: 5%;
    }

    .max-h-lg-5p {
        max-height: 5%;
    }

    .h-lg-10p {
        height: 10%;
    }

    .min-hlg--10p {
        min-height: 10%;
    }

    .max-h-lg-10p {
        max-height: 10%;
    }

    .h-lg-15p {
        height: 15%;
    }

    .min-hlg--15p {
        min-height: 15%;
    }

    .max-h-lg-15p {
        max-height: 15%;
    }

    .h-lg-20p {
        height: 20%;
    }

    .min-hlg--20p {
        min-height: 20%;
    }

    .max-h-lg-20p {
        max-height: 20%;
    }

    .h-lg-25p {
        height: 25%;
    }

    .min-hlg--25p {
        min-height: 25%;
    }

    .max-h-lg-25p {
        max-height: 25%;
    }

    .h-lg-30p {
        height: 30%;
    }

    .min-hlg--30p {
        min-height: 30%;
    }

    .max-h-lg-30p {
        max-height: 30%;
    }

    .h-lg-35p {
        height: 35%;
    }

    .min-hlg--35p {
        min-height: 35%;
    }

    .max-h-lg-35p {
        max-height: 35%;
    }

    .h-lg-40p {
        height: 40%;
    }

    .min-hlg--40p {
        min-height: 40%;
    }

    .max-h-lg-40p {
        max-height: 40%;
    }

    .h-lg-45p {
        height: 45%;
    }

    .min-hlg--45p {
        min-height: 45%;
    }

    .max-h-lg-45p {
        max-height: 45%;
    }

    .h-lg-50p {
        height: 50%;
    }

    .min-hlg--50p {
        min-height: 50%;
    }

    .max-h-lg-50p {
        max-height: 50%;
    }

    .h-lg-55p {
        height: 55%;
    }

    .min-hlg--55p {
        min-height: 55%;
    }

    .max-h-lg-55p {
        max-height: 55%;
    }

    .h-lg-60p {
        height: 60%;
    }

    .min-hlg--60p {
        min-height: 60%;
    }

    .max-h-lg-60p {
        max-height: 60%;
    }

    .h-lg-65p {
        height: 65%;
    }

    .min-hlg--65p {
        min-height: 65%;
    }

    .max-h-lg-65p {
        max-height: 65%;
    }

    .h-lg-70p {
        height: 70%;
    }

    .min-hlg--70p {
        min-height: 70%;
    }

    .max-h-lg-70p {
        max-height: 70%;
    }

    .h-lg-75p {
        height: 75%;
    }

    .min-hlg--75p {
        min-height: 75%;
    }

    .max-h-lg-75p {
        max-height: 75%;
    }

    .h-lg-80p {
        height: 80%;
    }

    .min-hlg--80p {
        min-height: 80%;
    }

    .max-h-lg-80p {
        max-height: 80%;
    }

    .h-lg-85p {
        height: 85%;
    }

    .min-hlg--85p {
        min-height: 85%;
    }

    .max-h-lg-85p {
        max-height: 85%;
    }

    .h-lg-90p {
        height: 90%;
    }

    .min-hlg--90p {
        min-height: 90%;
    }

    .max-h-lg-90p {
        max-height: 90%;
    }

    .h-lg-95p {
        height: 95%;
    }

    .min-hlg--95p {
        min-height: 95%;
    }

    .max-h-lg-95p {
        max-height: 95%;
    }

    .h-lg-100p {
        height: 100%;
    }

    .min-hlg--100p {
        min-height: 100%;
    }

    .max-h-lg-100p {
        max-height: 100%;
    }

    .h-lg-5vh {
        height: 5vh;
    }

    .min-h-lg-5vh {
        min-height: 5vh;
    }

    .max-h-lg-5vh {
        max-height: 5vh;
    }

    .h-lg-10vh {
        height: 10vh;
    }

    .min-h-lg-10vh {
        min-height: 10vh;
    }

    .max-h-lg-10vh {
        max-height: 10vh;
    }

    .h-lg-15vh {
        height: 15vh;
    }

    .min-h-lg-15vh {
        min-height: 15vh;
    }

    .max-h-lg-15vh {
        max-height: 15vh;
    }

    .h-lg-20vh {
        height: 20vh;
    }

    .min-h-lg-20vh {
        min-height: 20vh;
    }

    .max-h-lg-20vh {
        max-height: 20vh;
    }

    .h-lg-25vh {
        height: 25vh;
    }

    .min-h-lg-25vh {
        min-height: 25vh;
    }

    .max-h-lg-25vh {
        max-height: 25vh;
    }

    .h-lg-30vh {
        height: 30vh;
    }

    .min-h-lg-30vh {
        min-height: 30vh;
    }

    .max-h-lg-30vh {
        max-height: 30vh;
    }

    .h-lg-35vh {
        height: 35vh;
    }

    .min-h-lg-35vh {
        min-height: 35vh;
    }

    .max-h-lg-35vh {
        max-height: 35vh;
    }

    .h-lg-40vh {
        height: 40vh;
    }

    .min-h-lg-40vh {
        min-height: 40vh;
    }

    .max-h-lg-40vh {
        max-height: 40vh;
    }

    .h-lg-45vh {
        height: 45vh;
    }

    .min-h-lg-45vh {
        min-height: 45vh;
    }

    .max-h-lg-45vh {
        max-height: 45vh;
    }

    .h-lg-50vh {
        height: 50vh;
    }

    .min-h-lg-50vh {
        min-height: 50vh;
    }

    .max-h-lg-50vh {
        max-height: 50vh;
    }

    .h-lg-55vh {
        height: 55vh;
    }

    .min-h-lg-55vh {
        min-height: 55vh;
    }

    .max-h-lg-55vh {
        max-height: 55vh;
    }

    .h-lg-60vh {
        height: 60vh;
    }

    .min-h-lg-60vh {
        min-height: 60vh;
    }

    .max-h-lg-60vh {
        max-height: 60vh;
    }

    .h-lg-65vh {
        height: 65vh;
    }

    .min-h-lg-65vh {
        min-height: 65vh;
    }

    .max-h-lg-65vh {
        max-height: 65vh;
    }

    .h-lg-70vh {
        height: 70vh;
    }

    .min-h-lg-70vh {
        min-height: 70vh;
    }

    .max-h-lg-70vh {
        max-height: 70vh;
    }

    .h-lg-75vh {
        height: 75vh;
    }

    .min-h-lg-75vh {
        min-height: 75vh;
    }

    .max-h-lg-75vh {
        max-height: 75vh;
    }

    .h-lg-80vh {
        height: 80vh;
    }

    .min-h-lg-80vh {
        min-height: 80vh;
    }

    .max-h-lg-80vh {
        max-height: 80vh;
    }

    .h-lg-85vh {
        height: 85vh;
    }

    .min-h-lg-85vh {
        min-height: 85vh;
    }

    .max-h-lg-85vh {
        max-height: 85vh;
    }

    .h-lg-90vh {
        height: 90vh;
    }

    .min-h-lg-90vh {
        min-height: 90vh;
    }

    .max-h-lg-90vh {
        max-height: 90vh;
    }

    .h-lg-95vh {
        height: 95vh;
    }

    .min-h-lg-95vh {
        min-height: 95vh;
    }

    .max-h-lg-95vh {
        max-height: 95vh;
    }

    .h-lg-100vh {
        height: 100vh;
    }

    .min-h-lg-100vh {
        min-height: 100vh;
    }

    .max-h-lg-100vh {
        max-height: 100vh;
    }

    .h-lg-1r {
        height: 1rem;
    }

    .min-h-lg-1r {
        min-height: 1rem;
    }

    .max-h-lg-1r {
        max-height: 1rem;
    }

    .h-lg-2r {
        height: 2rem;
    }

    .min-h-lg-2r {
        min-height: 2rem;
    }

    .max-h-lg-2r {
        max-height: 2rem;
    }

    .h-lg-3r {
        height: 3rem;
    }

    .min-h-lg-3r {
        min-height: 3rem;
    }

    .max-h-lg-3r {
        max-height: 3rem;
    }

    .h-lg-4r {
        height: 4rem;
    }

    .min-h-lg-4r {
        min-height: 4rem;
    }

    .max-h-lg-4r {
        max-height: 4rem;
    }

    .h-lg-5r {
        height: 5rem;
    }

    .min-h-lg-5r {
        min-height: 5rem;
    }

    .max-h-lg-5r {
        max-height: 5rem;
    }

    .h-lg-6r {
        height: 6rem;
    }

    .min-h-lg-6r {
        min-height: 6rem;
    }

    .max-h-lg-6r {
        max-height: 6rem;
    }

    .h-lg-7r {
        height: 7rem;
    }

    .min-h-lg-7r {
        min-height: 7rem;
    }

    .max-h-lg-7r {
        max-height: 7rem;
    }

    .h-lg-8r {
        height: 8rem;
    }

    .min-h-lg-8r {
        min-height: 8rem;
    }

    .max-h-lg-8r {
        max-height: 8rem;
    }

    .h-lg-9r {
        height: 9rem;
    }

    .min-h-lg-9r {
        min-height: 9rem;
    }

    .max-h-lg-9r {
        max-height: 9rem;
    }

    .h-lg-10r {
        height: 10rem;
    }

    .min-h-lg-10r {
        min-height: 10rem;
    }

    .max-h-lg-10r {
        max-height: 10rem;
    }

    .h-lg-15r {
        height: 15rem;
    }

    .min-h-lg-15r {
        min-height: 15rem;
    }

    .max-h-lg-15r {
        max-height: 15rem;
    }

    .h-lg-20r {
        height: 20rem;
    }

    .min-h-lg-20r {
        min-height: 20rem;
    }

    .max-h-lg-20r {
        max-height: 20rem;
    }

    .h-lg-25r {
        height: 25rem;
    }

    .min-h-lg-25r {
        min-height: 25rem;
    }

    .max-h-lg-25r {
        max-height: 25rem;
    }

    .h-lg-30r {
        height: 30rem;
    }

    .min-h-lg-30r {
        min-height: 30rem;
    }

    .max-h-lg-30r {
        max-height: 30rem;
    }

    .h-lg-35r {
        height: 35rem;
    }

    .min-h-lg-35r {
        min-height: 35rem;
    }

    .max-h-lg-35r {
        max-height: 35rem;
    }

    .h-lg-40r {
        height: 40rem;
    }

    .min-h-lg-40r {
        min-height: 40rem;
    }

    .max-h-lg-40r {
        max-height: 40rem;
    }

    .h-lg-45r {
        height: 45rem;
    }

    .min-h-lg-45r {
        min-height: 45rem;
    }

    .max-h-lg-45r {
        max-height: 45rem;
    }

    .h-lg-50r {
        height: 50rem;
    }

    .min-h-lg-50r {
        min-height: 50rem;
    }

    .max-h-lg-50r {
        max-height: 50rem;
    }

    .h-lg-55r {
        height: 55rem;
    }

    .min-h-lg-55r {
        min-height: 55rem;
    }

    .max-h-lg-55r {
        max-height: 55rem;
    }

    .h-lg-60r {
        height: 60rem;
    }

    .min-h-lg-60r {
        min-height: 60rem;
    }

    .max-h-lg-60r {
        max-height: 60rem;
    }

    .h-lg-65r {
        height: 65rem;
    }

    .min-h-lg-65r {
        min-height: 65rem;
    }

    .max-h-lg-65r {
        max-height: 65rem;
    }

    .h-lg-70r {
        height: 70rem;
    }

    .min-h-lg-70r {
        min-height: 70rem;
    }

    .max-h-lg-70r {
        max-height: 70rem;
    }

    .h-lg-75r {
        height: 75rem;
    }

    .min-h-lg-75r {
        min-height: 75rem;
    }

    .max-h-lg-75r {
        max-height: 75rem;
    }

    .h-lg-80r {
        height: 80rem;
    }

    .min-h-lg-80r {
        min-height: 80rem;
    }

    .max-h-lg-80r {
        max-height: 80rem;
    }

    .h-lg-85r {
        height: 85rem;
    }

    .min-h-lg-85r {
        min-height: 85rem;
    }

    .max-h-lg-85r {
        max-height: 85rem;
    }

    .h-lg-90r {
        height: 90rem;
    }

    .min-h-lg-90r {
        min-height: 90rem;
    }

    .max-h-lg-90r {
        max-height: 90rem;
    }

    .h-lg-95r {
        height: 95rem;
    }

    .min-h-lg-95r {
        min-height: 95rem;
    }

    .max-h-lg-95r {
        max-height: 95rem;
    }

    .h-lg-100r {
        height: 100rem;
    }

    .min-h-lg-100r {
        min-height: 100rem;
    }

    .max-h-lg-100r {
        max-height: 100rem;
    }

    .full-lg-width {
        width: 100%;
    }

    .half-lg-width {
        width: 50%;
    }

    .w-lg-5p {
        width: 5%;
    }

    .min-w-lg-5p {
        min-width: 5%;
    }

    .max-w-lg-5p {
        max-width: 5%;
    }

    .w-lg-10p {
        width: 10%;
    }

    .min-w-lg-10p {
        min-width: 10%;
    }

    .max-w-lg-10p {
        max-width: 10%;
    }

    .w-lg-15p {
        width: 15%;
    }

    .min-w-lg-15p {
        min-width: 15%;
    }

    .max-w-lg-15p {
        max-width: 15%;
    }

    .w-lg-20p {
        width: 20%;
    }

    .min-w-lg-20p {
        min-width: 20%;
    }

    .max-w-lg-20p {
        max-width: 20%;
    }

    .w-lg-25p {
        width: 25%;
    }

    .min-w-lg-25p {
        min-width: 25%;
    }

    .max-w-lg-25p {
        max-width: 25%;
    }

    .w-lg-30p {
        width: 30%;
    }

    .min-w-lg-30p {
        min-width: 30%;
    }

    .max-w-lg-30p {
        max-width: 30%;
    }

    .w-lg-35p {
        width: 35%;
    }

    .min-w-lg-35p {
        min-width: 35%;
    }

    .max-w-lg-35p {
        max-width: 35%;
    }

    .w-lg-40p {
        width: 40%;
    }

    .min-w-lg-40p {
        min-width: 40%;
    }

    .max-w-lg-40p {
        max-width: 40%;
    }

    .w-lg-45p {
        width: 45%;
    }

    .min-w-lg-45p {
        min-width: 45%;
    }

    .max-w-lg-45p {
        max-width: 45%;
    }

    .w-lg-50p {
        width: 50%;
    }

    .min-w-lg-50p {
        min-width: 50%;
    }

    .max-w-lg-50p {
        max-width: 50%;
    }

    .w-lg-55p {
        width: 55%;
    }

    .min-w-lg-55p {
        min-width: 55%;
    }

    .max-w-lg-55p {
        max-width: 55%;
    }

    .w-lg-60p {
        width: 60%;
    }

    .min-w-lg-60p {
        min-width: 60%;
    }

    .max-w-lg-60p {
        max-width: 60%;
    }

    .w-lg-65p {
        width: 65%;
    }

    .min-w-lg-65p {
        min-width: 65%;
    }

    .max-w-lg-65p {
        max-width: 65%;
    }

    .w-lg-70p {
        width: 70%;
    }

    .min-w-lg-70p {
        min-width: 70%;
    }

    .max-w-lg-70p {
        max-width: 70%;
    }

    .w-lg-75p {
        width: 75%;
    }

    .min-w-lg-75p {
        min-width: 75%;
    }

    .max-w-lg-75p {
        max-width: 75%;
    }

    .w-lg-80p {
        width: 80%;
    }

    .min-w-lg-80p {
        min-width: 80%;
    }

    .max-w-lg-80p {
        max-width: 80%;
    }

    .w-lg-85p {
        width: 85%;
    }

    .min-w-lg-85p {
        min-width: 85%;
    }

    .max-w-lg-85p {
        max-width: 85%;
    }

    .w-lg-90p {
        width: 90%;
    }

    .min-w-lg-90p {
        min-width: 90%;
    }

    .max-w-lg-90p {
        max-width: 90%;
    }

    .w-lg-95p {
        width: 95%;
    }

    .min-w-lg-95p {
        min-width: 95%;
    }

    .max-w-lg-95p {
        max-width: 95%;
    }

    .w-lg-100p {
        width: 100%;
    }

    .min-w-lg-100p {
        min-width: 100%;
    }

    .max-w-lg-100p {
        max-width: 100%;
    }

    .w-lg-1r {
        width: 1rem;
    }

    .min-w-lg-1r {
        min-width: 1rem;
    }

    .max-w-lg-1r {
        max-width: 1rem;
    }

    .w-lg-2r {
        width: 2rem;
    }

    .min-w-lg-2r {
        min-width: 2rem;
    }

    .max-w-lg-2r {
        max-width: 2rem;
    }

    .w-lg-3r {
        width: 3rem;
    }

    .min-w-lg-3r {
        min-width: 3rem;
    }

    .max-w-lg-3r {
        max-width: 3rem;
    }

    .w-lg-4r {
        width: 4rem;
    }

    .min-w-lg-4r {
        min-width: 4rem;
    }

    .max-w-lg-4r {
        max-width: 4rem;
    }

    .w-lg-5r {
        width: 5rem;
    }

    .min-w-lg-5r {
        min-width: 5rem;
    }

    .max-w-lg-5r {
        max-width: 5rem;
    }

    .w-lg-6r {
        width: 6rem;
    }

    .min-w-lg-6r {
        min-width: 6rem;
    }

    .max-w-lg-6r {
        max-width: 6rem;
    }

    .w-lg-7r {
        width: 7rem;
    }

    .min-w-lg-7r {
        min-width: 7rem;
    }

    .max-w-lg-7r {
        max-width: 7rem;
    }

    .w-lg-8r {
        width: 8rem;
    }

    .min-w-lg-8r {
        min-width: 8rem;
    }

    .max-w-lg-8r {
        max-width: 8rem;
    }

    .w-lg-9r {
        width: 9rem;
    }

    .min-w-lg-9r {
        min-width: 9rem;
    }

    .max-w-lg-9r {
        max-width: 9rem;
    }

    .w-lg-10r {
        width: 10rem;
    }

    .min-w-lg-10r {
        min-width: 10rem;
    }

    .max-w-lg-10r {
        max-width: 10rem;
    }

    .w-lg-15r {
        width: 15rem;
    }

    .min-w-lg-15r {
        min-width: 15rem;
    }

    .max-w-lg-15r {
        max-width: 15rem;
    }

    .w-lg-20r {
        width: 20rem;
    }

    .min-w-lg-20r {
        min-width: 20rem;
    }

    .max-w-lg-20r {
        max-width: 20rem;
    }

    .w-lg-25r {
        width: 25rem;
    }

    .min-w-lg-25r {
        min-width: 25rem;
    }

    .max-w-lg-25r {
        max-width: 25rem;
    }

    .w-lg-30r {
        width: 30rem;
    }

    .min-w-lg-30r {
        min-width: 30rem;
    }

    .max-w-lg-30r {
        max-width: 30rem;
    }

    .w-lg-35r {
        width: 35rem;
    }

    .min-w-lg-35r {
        min-width: 35rem;
    }

    .max-w-lg-35r {
        max-width: 35rem;
    }

    .w-lg-40r {
        width: 40rem;
    }

    .min-w-lg-40r {
        min-width: 40rem;
    }

    .max-w-lg-40r {
        max-width: 40rem;
    }

    .w-lg-45r {
        width: 45rem;
    }

    .min-w-lg-45r {
        min-width: 45rem;
    }

    .max-w-lg-45r {
        max-width: 45rem;
    }

    .w-lg-50r {
        width: 50rem;
    }

    .min-w-lg-50r {
        min-width: 50rem;
    }

    .max-w-lg-50r {
        max-width: 50rem;
    }

    .w-lg-55r {
        width: 55rem;
    }

    .min-w-lg-55r {
        min-width: 55rem;
    }

    .max-w-lg-55r {
        max-width: 55rem;
    }

    .w-lg-60r {
        width: 60rem;
    }

    .min-w-lg-60r {
        min-width: 60rem;
    }

    .max-w-lg-60r {
        max-width: 60rem;
    }

    .w-lg-65r {
        width: 65rem;
    }

    .min-w-lg-65r {
        min-width: 65rem;
    }

    .max-w-lg-65r {
        max-width: 65rem;
    }

    .w-lg-70r {
        width: 70rem;
    }

    .min-w-lg-70r {
        min-width: 70rem;
    }

    .max-w-lg-70r {
        max-width: 70rem;
    }

    .w-lg-75r {
        width: 75rem;
    }

    .min-w-lg-75r {
        min-width: 75rem;
    }

    .max-w-lg-75r {
        max-width: 75rem;
    }

    .w-lg-80r {
        width: 80rem;
    }

    .min-w-lg-80r {
        min-width: 80rem;
    }

    .max-w-lg-80r {
        max-width: 80rem;
    }

    .w-lg-85r {
        width: 85rem;
    }

    .min-w-lg-85r {
        min-width: 85rem;
    }

    .max-w-lg-85r {
        max-width: 85rem;
    }

    .w-lg-90r {
        width: 90rem;
    }

    .min-w-lg-90r {
        min-width: 90rem;
    }

    .max-w-lg-90r {
        max-width: 90rem;
    }

    .w-lg-95r {
        width: 95rem;
    }

    .min-w-lg-95r {
        min-width: 95rem;
    }

    .max-w-lg-95r {
        max-width: 95rem;
    }

    .w-lg-100r {
        width: 100rem;
    }

    .min-w-lg-100r {
        min-width: 100rem;
    }

    .max-w-lg-100r {
        max-width: 100rem;
    }
}

@media (min-width: 1200px) {
    .full-xl-height {
        min-height: var(--height-full);
    }

    .half-xl-height {
        min-height: var(--height-half);
    }

    .one-third-xl-height {
        min-height: var(--height-one-third);
    }

    .quarter-xl-height {
        min-height: var(--height-quarter);
    }

    .h-xl-5p {
        height: 5%;
    }

    .min-hxl--5p {
        min-height: 5%;
    }

    .max-h-xl-5p {
        max-height: 5%;
    }

    .h-xl-10p {
        height: 10%;
    }

    .min-hxl--10p {
        min-height: 10%;
    }

    .max-h-xl-10p {
        max-height: 10%;
    }

    .h-xl-15p {
        height: 15%;
    }

    .min-hxl--15p {
        min-height: 15%;
    }

    .max-h-xl-15p {
        max-height: 15%;
    }

    .h-xl-20p {
        height: 20%;
    }

    .min-hxl--20p {
        min-height: 20%;
    }

    .max-h-xl-20p {
        max-height: 20%;
    }

    .h-xl-25p {
        height: 25%;
    }

    .min-hxl--25p {
        min-height: 25%;
    }

    .max-h-xl-25p {
        max-height: 25%;
    }

    .h-xl-30p {
        height: 30%;
    }

    .min-hxl--30p {
        min-height: 30%;
    }

    .max-h-xl-30p {
        max-height: 30%;
    }

    .h-xl-35p {
        height: 35%;
    }

    .min-hxl--35p {
        min-height: 35%;
    }

    .max-h-xl-35p {
        max-height: 35%;
    }

    .h-xl-40p {
        height: 40%;
    }

    .min-hxl--40p {
        min-height: 40%;
    }

    .max-h-xl-40p {
        max-height: 40%;
    }

    .h-xl-45p {
        height: 45%;
    }

    .min-hxl--45p {
        min-height: 45%;
    }

    .max-h-xl-45p {
        max-height: 45%;
    }

    .h-xl-50p {
        height: 50%;
    }

    .min-hxl--50p {
        min-height: 50%;
    }

    .max-h-xl-50p {
        max-height: 50%;
    }

    .h-xl-55p {
        height: 55%;
    }

    .min-hxl--55p {
        min-height: 55%;
    }

    .max-h-xl-55p {
        max-height: 55%;
    }

    .h-xl-60p {
        height: 60%;
    }

    .min-hxl--60p {
        min-height: 60%;
    }

    .max-h-xl-60p {
        max-height: 60%;
    }

    .h-xl-65p {
        height: 65%;
    }

    .min-hxl--65p {
        min-height: 65%;
    }

    .max-h-xl-65p {
        max-height: 65%;
    }

    .h-xl-70p {
        height: 70%;
    }

    .min-hxl--70p {
        min-height: 70%;
    }

    .max-h-xl-70p {
        max-height: 70%;
    }

    .h-xl-75p {
        height: 75%;
    }

    .min-hxl--75p {
        min-height: 75%;
    }

    .max-h-xl-75p {
        max-height: 75%;
    }

    .h-xl-80p {
        height: 80%;
    }

    .min-hxl--80p {
        min-height: 80%;
    }

    .max-h-xl-80p {
        max-height: 80%;
    }

    .h-xl-85p {
        height: 85%;
    }

    .min-hxl--85p {
        min-height: 85%;
    }

    .max-h-xl-85p {
        max-height: 85%;
    }

    .h-xl-90p {
        height: 90%;
    }

    .min-hxl--90p {
        min-height: 90%;
    }

    .max-h-xl-90p {
        max-height: 90%;
    }

    .h-xl-95p {
        height: 95%;
    }

    .min-hxl--95p {
        min-height: 95%;
    }

    .max-h-xl-95p {
        max-height: 95%;
    }

    .h-xl-100p {
        height: 100%;
    }

    .min-hxl--100p {
        min-height: 100%;
    }

    .max-h-xl-100p {
        max-height: 100%;
    }

    .h-xl-5vh {
        height: 5vh;
    }

    .min-h-xl-5vh {
        min-height: 5vh;
    }

    .max-h-xl-5vh {
        max-height: 5vh;
    }

    .h-xl-10vh {
        height: 10vh;
    }

    .min-h-xl-10vh {
        min-height: 10vh;
    }

    .max-h-xl-10vh {
        max-height: 10vh;
    }

    .h-xl-15vh {
        height: 15vh;
    }

    .min-h-xl-15vh {
        min-height: 15vh;
    }

    .max-h-xl-15vh {
        max-height: 15vh;
    }

    .h-xl-20vh {
        height: 20vh;
    }

    .min-h-xl-20vh {
        min-height: 20vh;
    }

    .max-h-xl-20vh {
        max-height: 20vh;
    }

    .h-xl-25vh {
        height: 25vh;
    }

    .min-h-xl-25vh {
        min-height: 25vh;
    }

    .max-h-xl-25vh {
        max-height: 25vh;
    }

    .h-xl-30vh {
        height: 30vh;
    }

    .min-h-xl-30vh {
        min-height: 30vh;
    }

    .max-h-xl-30vh {
        max-height: 30vh;
    }

    .h-xl-35vh {
        height: 35vh;
    }

    .min-h-xl-35vh {
        min-height: 35vh;
    }

    .max-h-xl-35vh {
        max-height: 35vh;
    }

    .h-xl-40vh {
        height: 40vh;
    }

    .min-h-xl-40vh {
        min-height: 40vh;
    }

    .max-h-xl-40vh {
        max-height: 40vh;
    }

    .h-xl-45vh {
        height: 45vh;
    }

    .min-h-xl-45vh {
        min-height: 45vh;
    }

    .max-h-xl-45vh {
        max-height: 45vh;
    }

    .h-xl-50vh {
        height: 50vh;
    }

    .min-h-xl-50vh {
        min-height: 50vh;
    }

    .max-h-xl-50vh {
        max-height: 50vh;
    }

    .h-xl-55vh {
        height: 55vh;
    }

    .min-h-xl-55vh {
        min-height: 55vh;
    }

    .max-h-xl-55vh {
        max-height: 55vh;
    }

    .h-xl-60vh {
        height: 60vh;
    }

    .min-h-xl-60vh {
        min-height: 60vh;
    }

    .max-h-xl-60vh {
        max-height: 60vh;
    }

    .h-xl-65vh {
        height: 65vh;
    }

    .min-h-xl-65vh {
        min-height: 65vh;
    }

    .max-h-xl-65vh {
        max-height: 65vh;
    }

    .h-xl-70vh {
        height: 70vh;
    }

    .min-h-xl-70vh {
        min-height: 70vh;
    }

    .max-h-xl-70vh {
        max-height: 70vh;
    }

    .h-xl-75vh {
        height: 75vh;
    }

    .min-h-xl-75vh {
        min-height: 75vh;
    }

    .max-h-xl-75vh {
        max-height: 75vh;
    }

    .h-xl-80vh {
        height: 80vh;
    }

    .min-h-xl-80vh {
        min-height: 80vh;
    }

    .max-h-xl-80vh {
        max-height: 80vh;
    }

    .h-xl-85vh {
        height: 85vh;
    }

    .min-h-xl-85vh {
        min-height: 85vh;
    }

    .max-h-xl-85vh {
        max-height: 85vh;
    }

    .h-xl-90vh {
        height: 90vh;
    }

    .min-h-xl-90vh {
        min-height: 90vh;
    }

    .max-h-xl-90vh {
        max-height: 90vh;
    }

    .h-xl-95vh {
        height: 95vh;
    }

    .min-h-xl-95vh {
        min-height: 95vh;
    }

    .max-h-xl-95vh {
        max-height: 95vh;
    }

    .h-xl-100vh {
        height: 100vh;
    }

    .min-h-xl-100vh {
        min-height: 100vh;
    }

    .max-h-xl-100vh {
        max-height: 100vh;
    }

    .h-xl-1r {
        height: 1rem;
    }

    .min-h-xl-1r {
        min-height: 1rem;
    }

    .max-h-xl-1r {
        max-height: 1rem;
    }

    .h-xl-2r {
        height: 2rem;
    }

    .min-h-xl-2r {
        min-height: 2rem;
    }

    .max-h-xl-2r {
        max-height: 2rem;
    }

    .h-xl-3r {
        height: 3rem;
    }

    .min-h-xl-3r {
        min-height: 3rem;
    }

    .max-h-xl-3r {
        max-height: 3rem;
    }

    .h-xl-4r {
        height: 4rem;
    }

    .min-h-xl-4r {
        min-height: 4rem;
    }

    .max-h-xl-4r {
        max-height: 4rem;
    }

    .h-xl-5r {
        height: 5rem;
    }

    .min-h-xl-5r {
        min-height: 5rem;
    }

    .max-h-xl-5r {
        max-height: 5rem;
    }

    .h-xl-6r {
        height: 6rem;
    }

    .min-h-xl-6r {
        min-height: 6rem;
    }

    .max-h-xl-6r {
        max-height: 6rem;
    }

    .h-xl-7r {
        height: 7rem;
    }

    .min-h-xl-7r {
        min-height: 7rem;
    }

    .max-h-xl-7r {
        max-height: 7rem;
    }

    .h-xl-8r {
        height: 8rem;
    }

    .min-h-xl-8r {
        min-height: 8rem;
    }

    .max-h-xl-8r {
        max-height: 8rem;
    }

    .h-xl-9r {
        height: 9rem;
    }

    .min-h-xl-9r {
        min-height: 9rem;
    }

    .max-h-xl-9r {
        max-height: 9rem;
    }

    .h-xl-10r {
        height: 10rem;
    }

    .min-h-xl-10r {
        min-height: 10rem;
    }

    .max-h-xl-10r {
        max-height: 10rem;
    }

    .h-xl-15r {
        height: 15rem;
    }

    .min-h-xl-15r {
        min-height: 15rem;
    }

    .max-h-xl-15r {
        max-height: 15rem;
    }

    .h-xl-20r {
        height: 20rem;
    }

    .min-h-xl-20r {
        min-height: 20rem;
    }

    .max-h-xl-20r {
        max-height: 20rem;
    }

    .h-xl-25r {
        height: 25rem;
    }

    .min-h-xl-25r {
        min-height: 25rem;
    }

    .max-h-xl-25r {
        max-height: 25rem;
    }

    .h-xl-30r {
        height: 30rem;
    }

    .min-h-xl-30r {
        min-height: 30rem;
    }

    .max-h-xl-30r {
        max-height: 30rem;
    }

    .h-xl-35r {
        height: 35rem;
    }

    .min-h-xl-35r {
        min-height: 35rem;
    }

    .max-h-xl-35r {
        max-height: 35rem;
    }

    .h-xl-40r {
        height: 40rem;
    }

    .min-h-xl-40r {
        min-height: 40rem;
    }

    .max-h-xl-40r {
        max-height: 40rem;
    }

    .h-xl-45r {
        height: 45rem;
    }

    .min-h-xl-45r {
        min-height: 45rem;
    }

    .max-h-xl-45r {
        max-height: 45rem;
    }

    .h-xl-50r {
        height: 50rem;
    }

    .min-h-xl-50r {
        min-height: 50rem;
    }

    .max-h-xl-50r {
        max-height: 50rem;
    }

    .h-xl-55r {
        height: 55rem;
    }

    .min-h-xl-55r {
        min-height: 55rem;
    }

    .max-h-xl-55r {
        max-height: 55rem;
    }

    .h-xl-60r {
        height: 60rem;
    }

    .min-h-xl-60r {
        min-height: 60rem;
    }

    .max-h-xl-60r {
        max-height: 60rem;
    }

    .h-xl-65r {
        height: 65rem;
    }

    .min-h-xl-65r {
        min-height: 65rem;
    }

    .max-h-xl-65r {
        max-height: 65rem;
    }

    .h-xl-70r {
        height: 70rem;
    }

    .min-h-xl-70r {
        min-height: 70rem;
    }

    .max-h-xl-70r {
        max-height: 70rem;
    }

    .h-xl-75r {
        height: 75rem;
    }

    .min-h-xl-75r {
        min-height: 75rem;
    }

    .max-h-xl-75r {
        max-height: 75rem;
    }

    .h-xl-80r {
        height: 80rem;
    }

    .min-h-xl-80r {
        min-height: 80rem;
    }

    .max-h-xl-80r {
        max-height: 80rem;
    }

    .h-xl-85r {
        height: 85rem;
    }

    .min-h-xl-85r {
        min-height: 85rem;
    }

    .max-h-xl-85r {
        max-height: 85rem;
    }

    .h-xl-90r {
        height: 90rem;
    }

    .min-h-xl-90r {
        min-height: 90rem;
    }

    .max-h-xl-90r {
        max-height: 90rem;
    }

    .h-xl-95r {
        height: 95rem;
    }

    .min-h-xl-95r {
        min-height: 95rem;
    }

    .max-h-xl-95r {
        max-height: 95rem;
    }

    .h-xl-100r {
        height: 100rem;
    }

    .min-h-xl-100r {
        min-height: 100rem;
    }

    .max-h-xl-100r {
        max-height: 100rem;
    }

    .full-xl-width {
        width: 100%;
    }

    .half-xl-width {
        width: 50%;
    }

    .w-xl-5p {
        width: 5%;
    }

    .min-w-xl-5p {
        min-width: 5%;
    }

    .max-w-xl-5p {
        max-width: 5%;
    }

    .w-xl-10p {
        width: 10%;
    }

    .min-w-xl-10p {
        min-width: 10%;
    }

    .max-w-xl-10p {
        max-width: 10%;
    }

    .w-xl-15p {
        width: 15%;
    }

    .min-w-xl-15p {
        min-width: 15%;
    }

    .max-w-xl-15p {
        max-width: 15%;
    }

    .w-xl-20p {
        width: 20%;
    }

    .min-w-xl-20p {
        min-width: 20%;
    }

    .max-w-xl-20p {
        max-width: 20%;
    }

    .w-xl-25p {
        width: 25%;
    }

    .min-w-xl-25p {
        min-width: 25%;
    }

    .max-w-xl-25p {
        max-width: 25%;
    }

    .w-xl-30p {
        width: 30%;
    }

    .min-w-xl-30p {
        min-width: 30%;
    }

    .max-w-xl-30p {
        max-width: 30%;
    }

    .w-xl-35p {
        width: 35%;
    }

    .min-w-xl-35p {
        min-width: 35%;
    }

    .max-w-xl-35p {
        max-width: 35%;
    }

    .w-xl-40p {
        width: 40%;
    }

    .min-w-xl-40p {
        min-width: 40%;
    }

    .max-w-xl-40p {
        max-width: 40%;
    }

    .w-xl-45p {
        width: 45%;
    }

    .min-w-xl-45p {
        min-width: 45%;
    }

    .max-w-xl-45p {
        max-width: 45%;
    }

    .w-xl-50p {
        width: 50%;
    }

    .min-w-xl-50p {
        min-width: 50%;
    }

    .max-w-xl-50p {
        max-width: 50%;
    }

    .w-xl-55p {
        width: 55%;
    }

    .min-w-xl-55p {
        min-width: 55%;
    }

    .max-w-xl-55p {
        max-width: 55%;
    }

    .w-xl-60p {
        width: 60%;
    }

    .min-w-xl-60p {
        min-width: 60%;
    }

    .max-w-xl-60p {
        max-width: 60%;
    }

    .w-xl-65p {
        width: 65%;
    }

    .min-w-xl-65p {
        min-width: 65%;
    }

    .max-w-xl-65p {
        max-width: 65%;
    }

    .w-xl-70p {
        width: 70%;
    }

    .min-w-xl-70p {
        min-width: 70%;
    }

    .max-w-xl-70p {
        max-width: 70%;
    }

    .w-xl-75p {
        width: 75%;
    }

    .min-w-xl-75p {
        min-width: 75%;
    }

    .max-w-xl-75p {
        max-width: 75%;
    }

    .w-xl-80p {
        width: 80%;
    }

    .min-w-xl-80p {
        min-width: 80%;
    }

    .max-w-xl-80p {
        max-width: 80%;
    }

    .w-xl-85p {
        width: 85%;
    }

    .min-w-xl-85p {
        min-width: 85%;
    }

    .max-w-xl-85p {
        max-width: 85%;
    }

    .w-xl-90p {
        width: 90%;
    }

    .min-w-xl-90p {
        min-width: 90%;
    }

    .max-w-xl-90p {
        max-width: 90%;
    }

    .w-xl-95p {
        width: 95%;
    }

    .min-w-xl-95p {
        min-width: 95%;
    }

    .max-w-xl-95p {
        max-width: 95%;
    }

    .w-xl-100p {
        width: 100%;
    }

    .min-w-xl-100p {
        min-width: 100%;
    }

    .max-w-xl-100p {
        max-width: 100%;
    }

    .w-xl-1r {
        width: 1rem;
    }

    .min-w-xl-1r {
        min-width: 1rem;
    }

    .max-w-xl-1r {
        max-width: 1rem;
    }

    .w-xl-2r {
        width: 2rem;
    }

    .min-w-xl-2r {
        min-width: 2rem;
    }

    .max-w-xl-2r {
        max-width: 2rem;
    }

    .w-xl-3r {
        width: 3rem;
    }

    .min-w-xl-3r {
        min-width: 3rem;
    }

    .max-w-xl-3r {
        max-width: 3rem;
    }

    .w-xl-4r {
        width: 4rem;
    }

    .min-w-xl-4r {
        min-width: 4rem;
    }

    .max-w-xl-4r {
        max-width: 4rem;
    }

    .w-xl-5r {
        width: 5rem;
    }

    .min-w-xl-5r {
        min-width: 5rem;
    }

    .max-w-xl-5r {
        max-width: 5rem;
    }

    .w-xl-6r {
        width: 6rem;
    }

    .min-w-xl-6r {
        min-width: 6rem;
    }

    .max-w-xl-6r {
        max-width: 6rem;
    }

    .w-xl-7r {
        width: 7rem;
    }

    .min-w-xl-7r {
        min-width: 7rem;
    }

    .max-w-xl-7r {
        max-width: 7rem;
    }

    .w-xl-8r {
        width: 8rem;
    }

    .min-w-xl-8r {
        min-width: 8rem;
    }

    .max-w-xl-8r {
        max-width: 8rem;
    }

    .w-xl-9r {
        width: 9rem;
    }

    .min-w-xl-9r {
        min-width: 9rem;
    }

    .max-w-xl-9r {
        max-width: 9rem;
    }

    .w-xl-10r {
        width: 10rem;
    }

    .min-w-xl-10r {
        min-width: 10rem;
    }

    .max-w-xl-10r {
        max-width: 10rem;
    }

    .w-xl-15r {
        width: 15rem;
    }

    .min-w-xl-15r {
        min-width: 15rem;
    }

    .max-w-xl-15r {
        max-width: 15rem;
    }

    .w-xl-20r {
        width: 20rem;
    }

    .min-w-xl-20r {
        min-width: 20rem;
    }

    .max-w-xl-20r {
        max-width: 20rem;
    }

    .w-xl-25r {
        width: 25rem;
    }

    .min-w-xl-25r {
        min-width: 25rem;
    }

    .max-w-xl-25r {
        max-width: 25rem;
    }

    .w-xl-30r {
        width: 30rem;
    }

    .min-w-xl-30r {
        min-width: 30rem;
    }

    .max-w-xl-30r {
        max-width: 30rem;
    }

    .w-xl-35r {
        width: 35rem;
    }

    .min-w-xl-35r {
        min-width: 35rem;
    }

    .max-w-xl-35r {
        max-width: 35rem;
    }

    .w-xl-40r {
        width: 40rem;
    }

    .min-w-xl-40r {
        min-width: 40rem;
    }

    .max-w-xl-40r {
        max-width: 40rem;
    }

    .w-xl-45r {
        width: 45rem;
    }

    .min-w-xl-45r {
        min-width: 45rem;
    }

    .max-w-xl-45r {
        max-width: 45rem;
    }

    .w-xl-50r {
        width: 50rem;
    }

    .min-w-xl-50r {
        min-width: 50rem;
    }

    .max-w-xl-50r {
        max-width: 50rem;
    }

    .w-xl-55r {
        width: 55rem;
    }

    .min-w-xl-55r {
        min-width: 55rem;
    }

    .max-w-xl-55r {
        max-width: 55rem;
    }

    .w-xl-60r {
        width: 60rem;
    }

    .min-w-xl-60r {
        min-width: 60rem;
    }

    .max-w-xl-60r {
        max-width: 60rem;
    }

    .w-xl-65r {
        width: 65rem;
    }

    .min-w-xl-65r {
        min-width: 65rem;
    }

    .max-w-xl-65r {
        max-width: 65rem;
    }

    .w-xl-70r {
        width: 70rem;
    }

    .min-w-xl-70r {
        min-width: 70rem;
    }

    .max-w-xl-70r {
        max-width: 70rem;
    }

    .w-xl-75r {
        width: 75rem;
    }

    .min-w-xl-75r {
        min-width: 75rem;
    }

    .max-w-xl-75r {
        max-width: 75rem;
    }

    .w-xl-80r {
        width: 80rem;
    }

    .min-w-xl-80r {
        min-width: 80rem;
    }

    .max-w-xl-80r {
        max-width: 80rem;
    }

    .w-xl-85r {
        width: 85rem;
    }

    .min-w-xl-85r {
        min-width: 85rem;
    }

    .max-w-xl-85r {
        max-width: 85rem;
    }

    .w-xl-90r {
        width: 90rem;
    }

    .min-w-xl-90r {
        min-width: 90rem;
    }

    .max-w-xl-90r {
        max-width: 90rem;
    }

    .w-xl-95r {
        width: 95rem;
    }

    .min-w-xl-95r {
        min-width: 95rem;
    }

    .max-w-xl-95r {
        max-width: 95rem;
    }

    .w-xl-100r {
        width: 100rem;
    }

    .min-w-xl-100r {
        min-width: 100rem;
    }

    .max-w-xl-100r {
        max-width: 100rem;
    }
}

.m-1 {
    margin: var(--margin-1) !important;
}

.mt-1 {
    margin-top: var(--margin-1) !important;
}

.mr-1 {
    margin-right: var(--margin-1) !important;
}

.mb-1 {
    margin-bottom: var(--margin-1) !important;
}

.ml-1 {
    margin-left: var(--margin-1) !important;
}

.mx-1 {
    margin-left: var(--margin-1) !important;
    margin-right: var(--margin-1) !important;
}

.my-1 {
    margin-top: var(--margin-1) !important;
    margin-bottom: var(--margin-1) !important;
}

.m-2 {
    margin: var(--margin-2) !important;
}

.mt-2 {
    margin-top: var(--margin-2) !important;
}

.mr-2 {
    margin-right: var(--margin-2) !important;
}

.mb-2 {
    margin-bottom: var(--margin-2) !important;
}

.ml-2 {
    margin-left: var(--margin-2) !important;
}

.mx-2 {
    margin-left: var(--margin-2) !important;
    margin-right: var(--margin-2) !important;
}

.my-2 {
    margin-top: var(--margin-2) !important;
    margin-bottom: var(--margin-2) !important;
}

.m-3 {
    margin: var(--margin-3) !important;
}

.mt-3 {
    margin-top: var(--margin-3) !important;
}

.mr-3 {
    margin-right: var(--margin-3) !important;
}

.mb-3 {
    margin-bottom: var(--margin-3) !important;
}

.ml-3 {
    margin-left: var(--margin-3) !important;
}

.mx-3 {
    margin-left: var(--margin-3) !important;
    margin-right: var(--margin-3) !important;
}

.my-3 {
    margin-top: var(--margin-3) !important;
    margin-bottom: var(--margin-3) !important;
}

.m-4 {
    margin: var(--margin-4) !important;
}

.mt-4 {
    margin-top: var(--margin-4) !important;
}

.mr-4 {
    margin-right: var(--margin-4) !important;
}

.mb-4 {
    margin-bottom: var(--margin-4) !important;
}

.ml-4 {
    margin-left: var(--margin-4) !important;
}

.mx-4 {
    margin-left: var(--margin-4) !important;
    margin-right: var(--margin-4) !important;
}

.my-4 {
    margin-top: var(--margin-4) !important;
    margin-bottom: var(--margin-4) !important;
}

.m-5 {
    margin: var(--margin-5) !important;
}

.mt-5 {
    margin-top: var(--margin-5) !important;
}

.mr-5 {
    margin-right: var(--margin-5) !important;
}

.mb-5 {
    margin-bottom: var(--margin-5) !important;
}

.ml-5 {
    margin-left: var(--margin-5) !important;
}

.mx-5 {
    margin-left: var(--margin-5) !important;
    margin-right: var(--margin-5) !important;
}

.my-5 {
    margin-top: var(--margin-5) !important;
    margin-bottom: var(--margin-5) !important;
}

.m-6 {
    margin: var(--margin-6) !important;
}

.mt-6 {
    margin-top: var(--margin-6) !important;
}

.mr-6 {
    margin-right: var(--margin-6) !important;
}

.mb-6 {
    margin-bottom: var(--margin-6) !important;
}

.ml-6 {
    margin-left: var(--margin-6) !important;
}

.mx-6 {
    margin-left: var(--margin-6) !important;
    margin-right: var(--margin-6) !important;
}

.my-6 {
    margin-top: var(--margin-6) !important;
    margin-bottom: var(--margin-6) !important;
}

.m-7 {
    margin: var(--margin-7) !important;
}

.mt-7 {
    margin-top: var(--margin-7) !important;
}

.mr-7 {
    margin-right: var(--margin-7) !important;
}

.mb-7 {
    margin-bottom: var(--margin-7) !important;
}

.ml-7 {
    margin-left: var(--margin-7) !important;
}

.mx-7 {
    margin-left: var(--margin-7) !important;
    margin-right: var(--margin-7) !important;
}

.my-7 {
    margin-top: var(--margin-7) !important;
    margin-bottom: var(--margin-7) !important;
}

.m-8 {
    margin: var(--margin-8) !important;
}

.mt-8 {
    margin-top: var(--margin-8) !important;
}

.mr-8 {
    margin-right: var(--margin-8) !important;
}

.mb-8 {
    margin-bottom: var(--margin-8) !important;
}

.ml-8 {
    margin-left: var(--margin-8) !important;
}

.mx-8 {
    margin-left: var(--margin-8) !important;
    margin-right: var(--margin-8) !important;
}

.my-8 {
    margin-top: var(--margin-8) !important;
    margin-bottom: var(--margin-8) !important;
}

.p-1 {
    padding: var(--spacer-1) !important;
}

.pt-1 {
    padding-top: var(--spacer-1) !important;
}

.pr-1 {
    padding-right: var(--spacer-1) !important;
}

.pb-1 {
    padding-bottom: var(--spacer-1) !important;
}

.pl-1 {
    padding-left: var(--spacer-1) !important;
}

.px-1 {
    padding-left: var(--spacer-1) !important;
    padding-right: var(--spacer-1) !important;
}

.py-1 {
    padding-top: var(--spacer-1) !important;
    padding-bottom: var(--spacer-1) !important;
}

.p-2 {
    padding: var(--spacer-2) !important;
}

.pt-2 {
    padding-top: var(--spacer-2) !important;
}

.pr-2 {
    padding-right: var(--spacer-2) !important;
}

.pb-2 {
    padding-bottom: var(--spacer-2) !important;
}

.pl-2 {
    padding-left: var(--spacer-2) !important;
}

.px-2 {
    padding-left: var(--spacer-2) !important;
    padding-right: var(--spacer-2) !important;
}

.py-2 {
    padding-top: var(--spacer-2) !important;
    padding-bottom: var(--spacer-2) !important;
}

.p-3 {
    padding: var(--spacer-3) !important;
}

.pt-3 {
    padding-top: var(--spacer-3) !important;
}

.pr-3 {
    padding-right: var(--spacer-3) !important;
}

.pb-3 {
    padding-bottom: var(--spacer-3) !important;
}

.pl-3 {
    padding-left: var(--spacer-3) !important;
}

.px-3 {
    padding-left: var(--spacer-3) !important;
    padding-right: var(--spacer-3) !important;
}

.py-3 {
    padding-top: var(--spacer-3) !important;
    padding-bottom: var(--spacer-3) !important;
}

.p-4 {
    padding: var(--spacer-4) !important;
}

.pt-4 {
    padding-top: var(--spacer-4) !important;
}

.pr-4 {
    padding-right: var(--spacer-4) !important;
}

.pb-4 {
    padding-bottom: var(--spacer-4) !important;
}

.pl-4 {
    padding-left: var(--spacer-4) !important;
}

.px-4 {
    padding-left: var(--spacer-4) !important;
    padding-right: var(--spacer-4) !important;
}

.py-4 {
    padding-top: var(--spacer-4) !important;
    padding-bottom: var(--spacer-4) !important;
}

.p-5 {
    padding: var(--spacer-5) !important;
}

.pt-5 {
    padding-top: var(--spacer-5) !important;
}

.pr-5 {
    padding-right: var(--spacer-5) !important;
}

.pb-5 {
    padding-bottom: var(--spacer-5) !important;
}

.pl-5 {
    padding-left: var(--spacer-5) !important;
}

.px-5 {
    padding-left: var(--spacer-5) !important;
    padding-right: var(--spacer-5) !important;
}

.py-5 {
    padding-top: var(--spacer-5) !important;
    padding-bottom: var(--spacer-5) !important;
}

.p-6 {
    padding: var(--spacer-6) !important;
}

.pt-6 {
    padding-top: var(--spacer-6) !important;
}

.pr-6 {
    padding-right: var(--spacer-6) !important;
}

.pb-6 {
    padding-bottom: var(--spacer-6) !important;
}

.pl-6 {
    padding-left: var(--spacer-6) !important;
}

.px-6 {
    padding-left: var(--spacer-6) !important;
    padding-right: var(--spacer-6) !important;
}

.py-6 {
    padding-top: var(--spacer-6) !important;
    padding-bottom: var(--spacer-6) !important;
}

.p-7 {
    padding: var(--spacer-7) !important;
}

.pt-7 {
    padding-top: var(--spacer-7) !important;
}

.pr-7 {
    padding-right: var(--spacer-7) !important;
}

.pb-7 {
    padding-bottom: var(--spacer-7) !important;
}

.pl-7 {
    padding-left: var(--spacer-7) !important;
}

.px-7 {
    padding-left: var(--spacer-7) !important;
    padding-right: var(--spacer-7) !important;
}

.py-7 {
    padding-top: var(--spacer-7) !important;
    padding-bottom: var(--spacer-7) !important;
}

.p-8 {
    padding: var(--spacer-8) !important;
}

.pt-8 {
    padding-top: var(--spacer-8) !important;
}

.pr-8 {
    padding-right: var(--spacer-8) !important;
}

.pb-8 {
    padding-bottom: var(--spacer-8) !important;
}

.pl-8 {
    padding-left: var(--spacer-8) !important;
}

.px-8 {
    padding-left: var(--spacer-8) !important;
    padding-right: var(--spacer-8) !important;
}

.py-8 {
    padding-top: var(--spacer-8) !important;
    padding-bottom: var(--spacer-8) !important;
}

.m-1 {
    margin: var(--margin-1) !important;
}

.mt-1 {
    margin-top: var(--margin-1) !important;
}

.mr-1 {
    margin-right: var(--margin-1) !important;
}

.mb-1 {
    margin-bottom: var(--margin-1) !important;
}

.ml-1 {
    margin-left: var(--margin-1) !important;
}

.mx-1 {
    margin-left: var(--margin-1) !important;
    margin-right: var(--margin-1) !important;
}

.my-1 {
    margin-top: var(--margin-1) !important;
    margin-bottom: var(--margin-1) !important;
}

.m-2 {
    margin: var(--margin-2) !important;
}

.mt-2 {
    margin-top: var(--margin-2) !important;
}

.mr-2 {
    margin-right: var(--margin-2) !important;
}

.mb-2 {
    margin-bottom: var(--margin-2) !important;
}

.ml-2 {
    margin-left: var(--margin-2) !important;
}

.mx-2 {
    margin-left: var(--margin-2) !important;
    margin-right: var(--margin-2) !important;
}

.my-2 {
    margin-top: var(--margin-2) !important;
    margin-bottom: var(--margin-2) !important;
}

.m-3 {
    margin: var(--margin-3) !important;
}

.mt-3 {
    margin-top: var(--margin-3) !important;
}

.mr-3 {
    margin-right: var(--margin-3) !important;
}

.mb-3 {
    margin-bottom: var(--margin-3) !important;
}

.ml-3 {
    margin-left: var(--margin-3) !important;
}

.mx-3 {
    margin-left: var(--margin-3) !important;
    margin-right: var(--margin-3) !important;
}

.my-3 {
    margin-top: var(--margin-3) !important;
    margin-bottom: var(--margin-3) !important;
}

.m-4 {
    margin: var(--margin-4) !important;
}

.mt-4 {
    margin-top: var(--margin-4) !important;
}

.mr-4 {
    margin-right: var(--margin-4) !important;
}

.mb-4 {
    margin-bottom: var(--margin-4) !important;
}

.ml-4 {
    margin-left: var(--margin-4) !important;
}

.mx-4 {
    margin-left: var(--margin-4) !important;
    margin-right: var(--margin-4) !important;
}

.my-4 {
    margin-top: var(--margin-4) !important;
    margin-bottom: var(--margin-4) !important;
}

.m-5 {
    margin: var(--margin-5) !important;
}

.mt-5 {
    margin-top: var(--margin-5) !important;
}

.mr-5 {
    margin-right: var(--margin-5) !important;
}

.mb-5 {
    margin-bottom: var(--margin-5) !important;
}

.ml-5 {
    margin-left: var(--margin-5) !important;
}

.mx-5 {
    margin-left: var(--margin-5) !important;
    margin-right: var(--margin-5) !important;
}

.my-5 {
    margin-top: var(--margin-5) !important;
    margin-bottom: var(--margin-5) !important;
}

.m-6 {
    margin: var(--margin-6) !important;
}

.mt-6 {
    margin-top: var(--margin-6) !important;
}

.mr-6 {
    margin-right: var(--margin-6) !important;
}

.mb-6 {
    margin-bottom: var(--margin-6) !important;
}

.ml-6 {
    margin-left: var(--margin-6) !important;
}

.mx-6 {
    margin-left: var(--margin-6) !important;
    margin-right: var(--margin-6) !important;
}

.my-6 {
    margin-top: var(--margin-6) !important;
    margin-bottom: var(--margin-6) !important;
}

.m-7 {
    margin: var(--margin-7) !important;
}

.mt-7 {
    margin-top: var(--margin-7) !important;
}

.mr-7 {
    margin-right: var(--margin-7) !important;
}

.mb-7 {
    margin-bottom: var(--margin-7) !important;
}

.ml-7 {
    margin-left: var(--margin-7) !important;
}

.mx-7 {
    margin-left: var(--margin-7) !important;
    margin-right: var(--margin-7) !important;
}

.my-7 {
    margin-top: var(--margin-7) !important;
    margin-bottom: var(--margin-7) !important;
}

.m-8 {
    margin: var(--margin-8) !important;
}

.mt-8 {
    margin-top: var(--margin-8) !important;
}

.mr-8 {
    margin-right: var(--margin-8) !important;
}

.mb-8 {
    margin-bottom: var(--margin-8) !important;
}

.ml-8 {
    margin-left: var(--margin-8) !important;
}

.mx-8 {
    margin-left: var(--margin-8) !important;
    margin-right: var(--margin-8) !important;
}

.my-8 {
    margin-top: var(--margin-8) !important;
    margin-bottom: var(--margin-8) !important;
}

.p-1 {
    padding: var(--spacer-1) !important;
}

.pt-1 {
    padding-top: var(--spacer-1) !important;
}

.pr-1 {
    padding-right: var(--spacer-1) !important;
}

.pb-1 {
    padding-bottom: var(--spacer-1) !important;
}

.pl-1 {
    padding-left: var(--spacer-1) !important;
}

.px-1 {
    padding-left: var(--spacer-1) !important;
    padding-right: var(--spacer-1) !important;
}

.py-1 {
    padding-top: var(--spacer-1) !important;
    padding-bottom: var(--spacer-1) !important;
}

.p-2 {
    padding: var(--spacer-2) !important;
}

.pt-2 {
    padding-top: var(--spacer-2) !important;
}

.pr-2 {
    padding-right: var(--spacer-2) !important;
}

.pb-2 {
    padding-bottom: var(--spacer-2) !important;
}

.pl-2 {
    padding-left: var(--spacer-2) !important;
}

.px-2 {
    padding-left: var(--spacer-2) !important;
    padding-right: var(--spacer-2) !important;
}

.py-2 {
    padding-top: var(--spacer-2) !important;
    padding-bottom: var(--spacer-2) !important;
}

.p-3 {
    padding: var(--spacer-3) !important;
}

.pt-3 {
    padding-top: var(--spacer-3) !important;
}

.pr-3 {
    padding-right: var(--spacer-3) !important;
}

.pb-3 {
    padding-bottom: var(--spacer-3) !important;
}

.pl-3 {
    padding-left: var(--spacer-3) !important;
}

.px-3 {
    padding-left: var(--spacer-3) !important;
    padding-right: var(--spacer-3) !important;
}

.py-3 {
    padding-top: var(--spacer-3) !important;
    padding-bottom: var(--spacer-3) !important;
}

.p-4 {
    padding: var(--spacer-4) !important;
}

.pt-4 {
    padding-top: var(--spacer-4) !important;
}

.pr-4 {
    padding-right: var(--spacer-4) !important;
}

.pb-4 {
    padding-bottom: var(--spacer-4) !important;
}

.pl-4 {
    padding-left: var(--spacer-4) !important;
}

.px-4 {
    padding-left: var(--spacer-4) !important;
    padding-right: var(--spacer-4) !important;
}

.py-4 {
    padding-top: var(--spacer-4) !important;
    padding-bottom: var(--spacer-4) !important;
}

.p-5 {
    padding: var(--spacer-5) !important;
}

.pt-5 {
    padding-top: var(--spacer-5) !important;
}

.pr-5 {
    padding-right: var(--spacer-5) !important;
}

.pb-5 {
    padding-bottom: var(--spacer-5) !important;
}

.pl-5 {
    padding-left: var(--spacer-5) !important;
}

.px-5 {
    padding-left: var(--spacer-5) !important;
    padding-right: var(--spacer-5) !important;
}

.py-5 {
    padding-top: var(--spacer-5) !important;
    padding-bottom: var(--spacer-5) !important;
}

.p-6 {
    padding: var(--spacer-6) !important;
}

.pt-6 {
    padding-top: var(--spacer-6) !important;
}

.pr-6 {
    padding-right: var(--spacer-6) !important;
}

.pb-6 {
    padding-bottom: var(--spacer-6) !important;
}

.pl-6 {
    padding-left: var(--spacer-6) !important;
}

.px-6 {
    padding-left: var(--spacer-6) !important;
    padding-right: var(--spacer-6) !important;
}

.py-6 {
    padding-top: var(--spacer-6) !important;
    padding-bottom: var(--spacer-6) !important;
}

.p-7 {
    padding: var(--spacer-7) !important;
}

.pt-7 {
    padding-top: var(--spacer-7) !important;
}

.pr-7 {
    padding-right: var(--spacer-7) !important;
}

.pb-7 {
    padding-bottom: var(--spacer-7) !important;
}

.pl-7 {
    padding-left: var(--spacer-7) !important;
}

.px-7 {
    padding-left: var(--spacer-7) !important;
    padding-right: var(--spacer-7) !important;
}

.py-7 {
    padding-top: var(--spacer-7) !important;
    padding-bottom: var(--spacer-7) !important;
}

.p-8 {
    padding: var(--spacer-8) !important;
}

.pt-8 {
    padding-top: var(--spacer-8) !important;
}

.pr-8 {
    padding-right: var(--spacer-8) !important;
}

.pb-8 {
    padding-bottom: var(--spacer-8) !important;
}

.pl-8 {
    padding-left: var(--spacer-8) !important;
}

.px-8 {
    padding-left: var(--spacer-8) !important;
    padding-right: var(--spacer-8) !important;
}

.py-8 {
    padding-top: var(--spacer-8) !important;
    padding-bottom: var(--spacer-8) !important;
}

@media (min-width: 576px) {
    .m-sm-1 {
        margin: var(--margin-1) !important;
    }

    .mt-sm-1 {
        margin-top: var(--margin-1) !important;
    }

    .mr-sm-1 {
        margin-right: var(--margin-1) !important;
    }

    .mb-sm-1 {
        margin-bottom: var(--margin-1) !important;
    }

    .ml-sm-1 {
        margin-left: var(--margin-1) !important;
    }

    .mx-sm-1 {
        margin-left: var(--margin-1) !important;
        margin-right: var(--margin-1) !important;
    }

    .my-sm-1 {
        margin-top: var(--margin-1) !important;
        margin-bottom: var(--margin-1) !important;
    }

    .m-sm-2 {
        margin: var(--margin-2) !important;
    }

    .mt-sm-2 {
        margin-top: var(--margin-2) !important;
    }

    .mr-sm-2 {
        margin-right: var(--margin-2) !important;
    }

    .mb-sm-2 {
        margin-bottom: var(--margin-2) !important;
    }

    .ml-sm-2 {
        margin-left: var(--margin-2) !important;
    }

    .mx-sm-2 {
        margin-left: var(--margin-2) !important;
        margin-right: var(--margin-2) !important;
    }

    .my-sm-2 {
        margin-top: var(--margin-2) !important;
        margin-bottom: var(--margin-2) !important;
    }

    .m-sm-3 {
        margin: var(--margin-3) !important;
    }

    .mt-sm-3 {
        margin-top: var(--margin-3) !important;
    }

    .mr-sm-3 {
        margin-right: var(--margin-3) !important;
    }

    .mb-sm-3 {
        margin-bottom: var(--margin-3) !important;
    }

    .ml-sm-3 {
        margin-left: var(--margin-3) !important;
    }

    .mx-sm-3 {
        margin-left: var(--margin-3) !important;
        margin-right: var(--margin-3) !important;
    }

    .my-sm-3 {
        margin-top: var(--margin-3) !important;
        margin-bottom: var(--margin-3) !important;
    }

    .m-sm-4 {
        margin: var(--margin-4) !important;
    }

    .mt-sm-4 {
        margin-top: var(--margin-4) !important;
    }

    .mr-sm-4 {
        margin-right: var(--margin-4) !important;
    }

    .mb-sm-4 {
        margin-bottom: var(--margin-4) !important;
    }

    .ml-sm-4 {
        margin-left: var(--margin-4) !important;
    }

    .mx-sm-4 {
        margin-left: var(--margin-4) !important;
        margin-right: var(--margin-4) !important;
    }

    .my-sm-4 {
        margin-top: var(--margin-4) !important;
        margin-bottom: var(--margin-4) !important;
    }

    .m-sm-5 {
        margin: var(--margin-5) !important;
    }

    .mt-sm-5 {
        margin-top: var(--margin-5) !important;
    }

    .mr-sm-5 {
        margin-right: var(--margin-5) !important;
    }

    .mb-sm-5 {
        margin-bottom: var(--margin-5) !important;
    }

    .ml-sm-5 {
        margin-left: var(--margin-5) !important;
    }

    .mx-sm-5 {
        margin-left: var(--margin-5) !important;
        margin-right: var(--margin-5) !important;
    }

    .my-sm-5 {
        margin-top: var(--margin-5) !important;
        margin-bottom: var(--margin-5) !important;
    }

    .m-sm-6 {
        margin: var(--margin-6) !important;
    }

    .mt-sm-6 {
        margin-top: var(--margin-6) !important;
    }

    .mr-sm-6 {
        margin-right: var(--margin-6) !important;
    }

    .mb-sm-6 {
        margin-bottom: var(--margin-6) !important;
    }

    .ml-sm-6 {
        margin-left: var(--margin-6) !important;
    }

    .mx-sm-6 {
        margin-left: var(--margin-6) !important;
        margin-right: var(--margin-6) !important;
    }

    .my-sm-6 {
        margin-top: var(--margin-6) !important;
        margin-bottom: var(--margin-6) !important;
    }

    .m-sm-7 {
        margin: var(--margin-7) !important;
    }

    .mt-sm-7 {
        margin-top: var(--margin-7) !important;
    }

    .mr-sm-7 {
        margin-right: var(--margin-7) !important;
    }

    .mb-sm-7 {
        margin-bottom: var(--margin-7) !important;
    }

    .ml-sm-7 {
        margin-left: var(--margin-7) !important;
    }

    .mx-sm-7 {
        margin-left: var(--margin-7) !important;
        margin-right: var(--margin-7) !important;
    }

    .my-sm-7 {
        margin-top: var(--margin-7) !important;
        margin-bottom: var(--margin-7) !important;
    }

    .m-sm-8 {
        margin: var(--margin-8) !important;
    }

    .mt-sm-8 {
        margin-top: var(--margin-8) !important;
    }

    .mr-sm-8 {
        margin-right: var(--margin-8) !important;
    }

    .mb-sm-8 {
        margin-bottom: var(--margin-8) !important;
    }

    .ml-sm-8 {
        margin-left: var(--margin-8) !important;
    }

    .mx-sm-8 {
        margin-left: var(--margin-8) !important;
        margin-right: var(--margin-8) !important;
    }

    .my-sm-8 {
        margin-top: var(--margin-8) !important;
        margin-bottom: var(--margin-8) !important;
    }

    .p-sm-1 {
        padding: var(--spacer-1) !important;
    }

    .pt-sm-1 {
        padding-top: var(--spacer-1) !important;
    }

    .pr-sm-1 {
        padding-right: var(--spacer-1) !important;
    }

    .pb-sm-1 {
        padding-bottom: var(--spacer-1) !important;
    }

    .pl-sm-1 {
        padding-left: var(--spacer-1) !important;
    }

    .px-sm-1 {
        padding-left: var(--spacer-1) !important;
        padding-right: var(--spacer-1) !important;
    }

    .py-sm-1 {
        padding-top: var(--spacer-1) !important;
        padding-bottom: var(--spacer-1) !important;
    }

    .p-sm-2 {
        padding: var(--spacer-2) !important;
    }

    .pt-sm-2 {
        padding-top: var(--spacer-2) !important;
    }

    .pr-sm-2 {
        padding-right: var(--spacer-2) !important;
    }

    .pb-sm-2 {
        padding-bottom: var(--spacer-2) !important;
    }

    .pl-sm-2 {
        padding-left: var(--spacer-2) !important;
    }

    .px-sm-2 {
        padding-left: var(--spacer-2) !important;
        padding-right: var(--spacer-2) !important;
    }

    .py-sm-2 {
        padding-top: var(--spacer-2) !important;
        padding-bottom: var(--spacer-2) !important;
    }

    .p-sm-3 {
        padding: var(--spacer-3) !important;
    }

    .pt-sm-3 {
        padding-top: var(--spacer-3) !important;
    }

    .pr-sm-3 {
        padding-right: var(--spacer-3) !important;
    }

    .pb-sm-3 {
        padding-bottom: var(--spacer-3) !important;
    }

    .pl-sm-3 {
        padding-left: var(--spacer-3) !important;
    }

    .px-sm-3 {
        padding-left: var(--spacer-3) !important;
        padding-right: var(--spacer-3) !important;
    }

    .py-sm-3 {
        padding-top: var(--spacer-3) !important;
        padding-bottom: var(--spacer-3) !important;
    }

    .p-sm-4 {
        padding: var(--spacer-4) !important;
    }

    .pt-sm-4 {
        padding-top: var(--spacer-4) !important;
    }

    .pr-sm-4 {
        padding-right: var(--spacer-4) !important;
    }

    .pb-sm-4 {
        padding-bottom: var(--spacer-4) !important;
    }

    .pl-sm-4 {
        padding-left: var(--spacer-4) !important;
    }

    .px-sm-4 {
        padding-left: var(--spacer-4) !important;
        padding-right: var(--spacer-4) !important;
    }

    .py-sm-4 {
        padding-top: var(--spacer-4) !important;
        padding-bottom: var(--spacer-4) !important;
    }

    .p-sm-5 {
        padding: var(--spacer-5) !important;
    }

    .pt-sm-5 {
        padding-top: var(--spacer-5) !important;
    }

    .pr-sm-5 {
        padding-right: var(--spacer-5) !important;
    }

    .pb-sm-5 {
        padding-bottom: var(--spacer-5) !important;
    }

    .pl-sm-5 {
        padding-left: var(--spacer-5) !important;
    }

    .px-sm-5 {
        padding-left: var(--spacer-5) !important;
        padding-right: var(--spacer-5) !important;
    }

    .py-sm-5 {
        padding-top: var(--spacer-5) !important;
        padding-bottom: var(--spacer-5) !important;
    }

    .p-sm-6 {
        padding: var(--spacer-6) !important;
    }

    .pt-sm-6 {
        padding-top: var(--spacer-6) !important;
    }

    .pr-sm-6 {
        padding-right: var(--spacer-6) !important;
    }

    .pb-sm-6 {
        padding-bottom: var(--spacer-6) !important;
    }

    .pl-sm-6 {
        padding-left: var(--spacer-6) !important;
    }

    .px-sm-6 {
        padding-left: var(--spacer-6) !important;
        padding-right: var(--spacer-6) !important;
    }

    .py-sm-6 {
        padding-top: var(--spacer-6) !important;
        padding-bottom: var(--spacer-6) !important;
    }

    .p-sm-7 {
        padding: var(--spacer-7) !important;
    }

    .pt-sm-7 {
        padding-top: var(--spacer-7) !important;
    }

    .pr-sm-7 {
        padding-right: var(--spacer-7) !important;
    }

    .pb-sm-7 {
        padding-bottom: var(--spacer-7) !important;
    }

    .pl-sm-7 {
        padding-left: var(--spacer-7) !important;
    }

    .px-sm-7 {
        padding-left: var(--spacer-7) !important;
        padding-right: var(--spacer-7) !important;
    }

    .py-sm-7 {
        padding-top: var(--spacer-7) !important;
        padding-bottom: var(--spacer-7) !important;
    }

    .p-sm-8 {
        padding: var(--spacer-8) !important;
    }

    .pt-sm-8 {
        padding-top: var(--spacer-8) !important;
    }

    .pr-sm-8 {
        padding-right: var(--spacer-8) !important;
    }

    .pb-sm-8 {
        padding-bottom: var(--spacer-8) !important;
    }

    .pl-sm-8 {
        padding-left: var(--spacer-8) !important;
    }

    .px-sm-8 {
        padding-left: var(--spacer-8) !important;
        padding-right: var(--spacer-8) !important;
    }

    .py-sm-8 {
        padding-top: var(--spacer-8) !important;
        padding-bottom: var(--spacer-8) !important;
    }
}

@media (min-width: 768px) {
    .m-md-1 {
        margin: var(--margin-1) !important;
    }

    .mt-md-1 {
        margin-top: var(--margin-1) !important;
    }

    .mr-md-1 {
        margin-right: var(--margin-1) !important;
    }

    .mb-md-1 {
        margin-bottom: var(--margin-1) !important;
    }

    .ml-md-1 {
        margin-left: var(--margin-1) !important;
    }

    .mx-md-1 {
        margin-left: var(--margin-1) !important;
        margin-right: var(--margin-1) !important;
    }

    .my-md-1 {
        margin-top: var(--margin-1) !important;
        margin-bottom: var(--margin-1) !important;
    }

    .m-md-2 {
        margin: var(--margin-2) !important;
    }

    .mt-md-2 {
        margin-top: var(--margin-2) !important;
    }

    .mr-md-2 {
        margin-right: var(--margin-2) !important;
    }

    .mb-md-2 {
        margin-bottom: var(--margin-2) !important;
    }

    .ml-md-2 {
        margin-left: var(--margin-2) !important;
    }

    .mx-md-2 {
        margin-left: var(--margin-2) !important;
        margin-right: var(--margin-2) !important;
    }

    .my-md-2 {
        margin-top: var(--margin-2) !important;
        margin-bottom: var(--margin-2) !important;
    }

    .m-md-3 {
        margin: var(--margin-3) !important;
    }

    .mt-md-3 {
        margin-top: var(--margin-3) !important;
    }

    .mr-md-3 {
        margin-right: var(--margin-3) !important;
    }

    .mb-md-3 {
        margin-bottom: var(--margin-3) !important;
    }

    .ml-md-3 {
        margin-left: var(--margin-3) !important;
    }

    .mx-md-3 {
        margin-left: var(--margin-3) !important;
        margin-right: var(--margin-3) !important;
    }

    .my-md-3 {
        margin-top: var(--margin-3) !important;
        margin-bottom: var(--margin-3) !important;
    }

    .m-md-4 {
        margin: var(--margin-4) !important;
    }

    .mt-md-4 {
        margin-top: var(--margin-4) !important;
    }

    .mr-md-4 {
        margin-right: var(--margin-4) !important;
    }

    .mb-md-4 {
        margin-bottom: var(--margin-4) !important;
    }

    .ml-md-4 {
        margin-left: var(--margin-4) !important;
    }

    .mx-md-4 {
        margin-left: var(--margin-4) !important;
        margin-right: var(--margin-4) !important;
    }

    .my-md-4 {
        margin-top: var(--margin-4) !important;
        margin-bottom: var(--margin-4) !important;
    }

    .m-md-5 {
        margin: var(--margin-5) !important;
    }

    .mt-md-5 {
        margin-top: var(--margin-5) !important;
    }

    .mr-md-5 {
        margin-right: var(--margin-5) !important;
    }

    .mb-md-5 {
        margin-bottom: var(--margin-5) !important;
    }

    .ml-md-5 {
        margin-left: var(--margin-5) !important;
    }

    .mx-md-5 {
        margin-left: var(--margin-5) !important;
        margin-right: var(--margin-5) !important;
    }

    .my-md-5 {
        margin-top: var(--margin-5) !important;
        margin-bottom: var(--margin-5) !important;
    }

    .m-md-6 {
        margin: var(--margin-6) !important;
    }

    .mt-md-6 {
        margin-top: var(--margin-6) !important;
    }

    .mr-md-6 {
        margin-right: var(--margin-6) !important;
    }

    .mb-md-6 {
        margin-bottom: var(--margin-6) !important;
    }

    .ml-md-6 {
        margin-left: var(--margin-6) !important;
    }

    .mx-md-6 {
        margin-left: var(--margin-6) !important;
        margin-right: var(--margin-6) !important;
    }

    .my-md-6 {
        margin-top: var(--margin-6) !important;
        margin-bottom: var(--margin-6) !important;
    }

    .m-md-7 {
        margin: var(--margin-7) !important;
    }

    .mt-md-7 {
        margin-top: var(--margin-7) !important;
    }

    .mr-md-7 {
        margin-right: var(--margin-7) !important;
    }

    .mb-md-7 {
        margin-bottom: var(--margin-7) !important;
    }

    .ml-md-7 {
        margin-left: var(--margin-7) !important;
    }

    .mx-md-7 {
        margin-left: var(--margin-7) !important;
        margin-right: var(--margin-7) !important;
    }

    .my-md-7 {
        margin-top: var(--margin-7) !important;
        margin-bottom: var(--margin-7) !important;
    }

    .m-md-8 {
        margin: var(--margin-8) !important;
    }

    .mt-md-8 {
        margin-top: var(--margin-8) !important;
    }

    .mr-md-8 {
        margin-right: var(--margin-8) !important;
    }

    .mb-md-8 {
        margin-bottom: var(--margin-8) !important;
    }

    .ml-md-8 {
        margin-left: var(--margin-8) !important;
    }

    .mx-md-8 {
        margin-left: var(--margin-8) !important;
        margin-right: var(--margin-8) !important;
    }

    .my-md-8 {
        margin-top: var(--margin-8) !important;
        margin-bottom: var(--margin-8) !important;
    }

    .p-md-1 {
        padding: var(--spacer-1) !important;
    }

    .pt-md-1 {
        padding-top: var(--spacer-1) !important;
    }

    .pr-md-1 {
        padding-right: var(--spacer-1) !important;
    }

    .pb-md-1 {
        padding-bottom: var(--spacer-1) !important;
    }

    .pl-md-1 {
        padding-left: var(--spacer-1) !important;
    }

    .px-md-1 {
        padding-left: var(--spacer-1) !important;
        padding-right: var(--spacer-1) !important;
    }

    .py-md-1 {
        padding-top: var(--spacer-1) !important;
        padding-bottom: var(--spacer-1) !important;
    }

    .p-md-2 {
        padding: var(--spacer-2) !important;
    }

    .pt-md-2 {
        padding-top: var(--spacer-2) !important;
    }

    .pr-md-2 {
        padding-right: var(--spacer-2) !important;
    }

    .pb-md-2 {
        padding-bottom: var(--spacer-2) !important;
    }

    .pl-md-2 {
        padding-left: var(--spacer-2) !important;
    }

    .px-md-2 {
        padding-left: var(--spacer-2) !important;
        padding-right: var(--spacer-2) !important;
    }

    .py-md-2 {
        padding-top: var(--spacer-2) !important;
        padding-bottom: var(--spacer-2) !important;
    }

    .p-md-3 {
        padding: var(--spacer-3) !important;
    }

    .pt-md-3 {
        padding-top: var(--spacer-3) !important;
    }

    .pr-md-3 {
        padding-right: var(--spacer-3) !important;
    }

    .pb-md-3 {
        padding-bottom: var(--spacer-3) !important;
    }

    .pl-md-3 {
        padding-left: var(--spacer-3) !important;
    }

    .px-md-3 {
        padding-left: var(--spacer-3) !important;
        padding-right: var(--spacer-3) !important;
    }

    .py-md-3 {
        padding-top: var(--spacer-3) !important;
        padding-bottom: var(--spacer-3) !important;
    }

    .p-md-4 {
        padding: var(--spacer-4) !important;
    }

    .pt-md-4 {
        padding-top: var(--spacer-4) !important;
    }

    .pr-md-4 {
        padding-right: var(--spacer-4) !important;
    }

    .pb-md-4 {
        padding-bottom: var(--spacer-4) !important;
    }

    .pl-md-4 {
        padding-left: var(--spacer-4) !important;
    }

    .px-md-4 {
        padding-left: var(--spacer-4) !important;
        padding-right: var(--spacer-4) !important;
    }

    .py-md-4 {
        padding-top: var(--spacer-4) !important;
        padding-bottom: var(--spacer-4) !important;
    }

    .p-md-5 {
        padding: var(--spacer-5) !important;
    }

    .pt-md-5 {
        padding-top: var(--spacer-5) !important;
    }

    .pr-md-5 {
        padding-right: var(--spacer-5) !important;
    }

    .pb-md-5 {
        padding-bottom: var(--spacer-5) !important;
    }

    .pl-md-5 {
        padding-left: var(--spacer-5) !important;
    }

    .px-md-5 {
        padding-left: var(--spacer-5) !important;
        padding-right: var(--spacer-5) !important;
    }

    .py-md-5 {
        padding-top: var(--spacer-5) !important;
        padding-bottom: var(--spacer-5) !important;
    }

    .p-md-6 {
        padding: var(--spacer-6) !important;
    }

    .pt-md-6 {
        padding-top: var(--spacer-6) !important;
    }

    .pr-md-6 {
        padding-right: var(--spacer-6) !important;
    }

    .pb-md-6 {
        padding-bottom: var(--spacer-6) !important;
    }

    .pl-md-6 {
        padding-left: var(--spacer-6) !important;
    }

    .px-md-6 {
        padding-left: var(--spacer-6) !important;
        padding-right: var(--spacer-6) !important;
    }

    .py-md-6 {
        padding-top: var(--spacer-6) !important;
        padding-bottom: var(--spacer-6) !important;
    }

    .p-md-7 {
        padding: var(--spacer-7) !important;
    }

    .pt-md-7 {
        padding-top: var(--spacer-7) !important;
    }

    .pr-md-7 {
        padding-right: var(--spacer-7) !important;
    }

    .pb-md-7 {
        padding-bottom: var(--spacer-7) !important;
    }

    .pl-md-7 {
        padding-left: var(--spacer-7) !important;
    }

    .px-md-7 {
        padding-left: var(--spacer-7) !important;
        padding-right: var(--spacer-7) !important;
    }

    .py-md-7 {
        padding-top: var(--spacer-7) !important;
        padding-bottom: var(--spacer-7) !important;
    }

    .p-md-8 {
        padding: var(--spacer-8) !important;
    }

    .pt-md-8 {
        padding-top: var(--spacer-8) !important;
    }

    .pr-md-8 {
        padding-right: var(--spacer-8) !important;
    }

    .pb-md-8 {
        padding-bottom: var(--spacer-8) !important;
    }

    .pl-md-8 {
        padding-left: var(--spacer-8) !important;
    }

    .px-md-8 {
        padding-left: var(--spacer-8) !important;
        padding-right: var(--spacer-8) !important;
    }

    .py-md-8 {
        padding-top: var(--spacer-8) !important;
        padding-bottom: var(--spacer-8) !important;
    }
}

@media (min-width: 992px) {
    .m-lg-1 {
        margin: var(--margin-1) !important;
    }

    .mt-lg-1 {
        margin-top: var(--margin-1) !important;
    }

    .mr-lg-1 {
        margin-right: var(--margin-1) !important;
    }

    .mb-lg-1 {
        margin-bottom: var(--margin-1) !important;
    }

    .ml-lg-1 {
        margin-left: var(--margin-1) !important;
    }

    .mx-lg-1 {
        margin-left: var(--margin-1) !important;
        margin-right: var(--margin-1) !important;
    }

    .my-lg-1 {
        margin-top: var(--margin-1) !important;
        margin-bottom: var(--margin-1) !important;
    }

    .m-lg-2 {
        margin: var(--margin-2) !important;
    }

    .mt-lg-2 {
        margin-top: var(--margin-2) !important;
    }

    .mr-lg-2 {
        margin-right: var(--margin-2) !important;
    }

    .mb-lg-2 {
        margin-bottom: var(--margin-2) !important;
    }

    .ml-lg-2 {
        margin-left: var(--margin-2) !important;
    }

    .mx-lg-2 {
        margin-left: var(--margin-2) !important;
        margin-right: var(--margin-2) !important;
    }

    .my-lg-2 {
        margin-top: var(--margin-2) !important;
        margin-bottom: var(--margin-2) !important;
    }

    .m-lg-3 {
        margin: var(--margin-3) !important;
    }

    .mt-lg-3 {
        margin-top: var(--margin-3) !important;
    }

    .mr-lg-3 {
        margin-right: var(--margin-3) !important;
    }

    .mb-lg-3 {
        margin-bottom: var(--margin-3) !important;
    }

    .ml-lg-3 {
        margin-left: var(--margin-3) !important;
    }

    .mx-lg-3 {
        margin-left: var(--margin-3) !important;
        margin-right: var(--margin-3) !important;
    }

    .my-lg-3 {
        margin-top: var(--margin-3) !important;
        margin-bottom: var(--margin-3) !important;
    }

    .m-lg-4 {
        margin: var(--margin-4) !important;
    }

    .mt-lg-4 {
        margin-top: var(--margin-4) !important;
    }

    .mr-lg-4 {
        margin-right: var(--margin-4) !important;
    }

    .mb-lg-4 {
        margin-bottom: var(--margin-4) !important;
    }

    .ml-lg-4 {
        margin-left: var(--margin-4) !important;
    }

    .mx-lg-4 {
        margin-left: var(--margin-4) !important;
        margin-right: var(--margin-4) !important;
    }

    .my-lg-4 {
        margin-top: var(--margin-4) !important;
        margin-bottom: var(--margin-4) !important;
    }

    .m-lg-5 {
        margin: var(--margin-5) !important;
    }

    .mt-lg-5 {
        margin-top: var(--margin-5) !important;
    }

    .mr-lg-5 {
        margin-right: var(--margin-5) !important;
    }

    .mb-lg-5 {
        margin-bottom: var(--margin-5) !important;
    }

    .ml-lg-5 {
        margin-left: var(--margin-5) !important;
    }

    .mx-lg-5 {
        margin-left: var(--margin-5) !important;
        margin-right: var(--margin-5) !important;
    }

    .my-lg-5 {
        margin-top: var(--margin-5) !important;
        margin-bottom: var(--margin-5) !important;
    }

    .m-lg-6 {
        margin: var(--margin-6) !important;
    }

    .mt-lg-6 {
        margin-top: var(--margin-6) !important;
    }

    .mr-lg-6 {
        margin-right: var(--margin-6) !important;
    }

    .mb-lg-6 {
        margin-bottom: var(--margin-6) !important;
    }

    .ml-lg-6 {
        margin-left: var(--margin-6) !important;
    }

    .mx-lg-6 {
        margin-left: var(--margin-6) !important;
        margin-right: var(--margin-6) !important;
    }

    .my-lg-6 {
        margin-top: var(--margin-6) !important;
        margin-bottom: var(--margin-6) !important;
    }

    .m-lg-7 {
        margin: var(--margin-7) !important;
    }

    .mt-lg-7 {
        margin-top: var(--margin-7) !important;
    }

    .mr-lg-7 {
        margin-right: var(--margin-7) !important;
    }

    .mb-lg-7 {
        margin-bottom: var(--margin-7) !important;
    }

    .ml-lg-7 {
        margin-left: var(--margin-7) !important;
    }

    .mx-lg-7 {
        margin-left: var(--margin-7) !important;
        margin-right: var(--margin-7) !important;
    }

    .my-lg-7 {
        margin-top: var(--margin-7) !important;
        margin-bottom: var(--margin-7) !important;
    }

    .m-lg-8 {
        margin: var(--margin-8) !important;
    }

    .mt-lg-8 {
        margin-top: var(--margin-8) !important;
    }

    .mr-lg-8 {
        margin-right: var(--margin-8) !important;
    }

    .mb-lg-8 {
        margin-bottom: var(--margin-8) !important;
    }

    .ml-lg-8 {
        margin-left: var(--margin-8) !important;
    }

    .mx-lg-8 {
        margin-left: var(--margin-8) !important;
        margin-right: var(--margin-8) !important;
    }

    .my-lg-8 {
        margin-top: var(--margin-8) !important;
        margin-bottom: var(--margin-8) !important;
    }

    .p-lg-1 {
        padding: var(--spacer-1) !important;
    }

    .pt-lg-1 {
        padding-top: var(--spacer-1) !important;
    }

    .pr-lg-1 {
        padding-right: var(--spacer-1) !important;
    }

    .pb-lg-1 {
        padding-bottom: var(--spacer-1) !important;
    }

    .pl-lg-1 {
        padding-left: var(--spacer-1) !important;
    }

    .px-lg-1 {
        padding-left: var(--spacer-1) !important;
        padding-right: var(--spacer-1) !important;
    }

    .py-lg-1 {
        padding-top: var(--spacer-1) !important;
        padding-bottom: var(--spacer-1) !important;
    }

    .p-lg-2 {
        padding: var(--spacer-2) !important;
    }

    .pt-lg-2 {
        padding-top: var(--spacer-2) !important;
    }

    .pr-lg-2 {
        padding-right: var(--spacer-2) !important;
    }

    .pb-lg-2 {
        padding-bottom: var(--spacer-2) !important;
    }

    .pl-lg-2 {
        padding-left: var(--spacer-2) !important;
    }

    .px-lg-2 {
        padding-left: var(--spacer-2) !important;
        padding-right: var(--spacer-2) !important;
    }

    .py-lg-2 {
        padding-top: var(--spacer-2) !important;
        padding-bottom: var(--spacer-2) !important;
    }

    .p-lg-3 {
        padding: var(--spacer-3) !important;
    }

    .pt-lg-3 {
        padding-top: var(--spacer-3) !important;
    }

    .pr-lg-3 {
        padding-right: var(--spacer-3) !important;
    }

    .pb-lg-3 {
        padding-bottom: var(--spacer-3) !important;
    }

    .pl-lg-3 {
        padding-left: var(--spacer-3) !important;
    }

    .px-lg-3 {
        padding-left: var(--spacer-3) !important;
        padding-right: var(--spacer-3) !important;
    }

    .py-lg-3 {
        padding-top: var(--spacer-3) !important;
        padding-bottom: var(--spacer-3) !important;
    }

    .p-lg-4 {
        padding: var(--spacer-4) !important;
    }

    .pt-lg-4 {
        padding-top: var(--spacer-4) !important;
    }

    .pr-lg-4 {
        padding-right: var(--spacer-4) !important;
    }

    .pb-lg-4 {
        padding-bottom: var(--spacer-4) !important;
    }

    .pl-lg-4 {
        padding-left: var(--spacer-4) !important;
    }

    .px-lg-4 {
        padding-left: var(--spacer-4) !important;
        padding-right: var(--spacer-4) !important;
    }

    .py-lg-4 {
        padding-top: var(--spacer-4) !important;
        padding-bottom: var(--spacer-4) !important;
    }

    .p-lg-5 {
        padding: var(--spacer-5) !important;
    }

    .pt-lg-5 {
        padding-top: var(--spacer-5) !important;
    }

    .pr-lg-5 {
        padding-right: var(--spacer-5) !important;
    }

    .pb-lg-5 {
        padding-bottom: var(--spacer-5) !important;
    }

    .pl-lg-5 {
        padding-left: var(--spacer-5) !important;
    }

    .px-lg-5 {
        padding-left: var(--spacer-5) !important;
        padding-right: var(--spacer-5) !important;
    }

    .py-lg-5 {
        padding-top: var(--spacer-5) !important;
        padding-bottom: var(--spacer-5) !important;
    }

    .p-lg-6 {
        padding: var(--spacer-6) !important;
    }

    .pt-lg-6 {
        padding-top: var(--spacer-6) !important;
    }

    .pr-lg-6 {
        padding-right: var(--spacer-6) !important;
    }

    .pb-lg-6 {
        padding-bottom: var(--spacer-6) !important;
    }

    .pl-lg-6 {
        padding-left: var(--spacer-6) !important;
    }

    .px-lg-6 {
        padding-left: var(--spacer-6) !important;
        padding-right: var(--spacer-6) !important;
    }

    .py-lg-6 {
        padding-top: var(--spacer-6) !important;
        padding-bottom: var(--spacer-6) !important;
    }

    .p-lg-7 {
        padding: var(--spacer-7) !important;
    }

    .pt-lg-7 {
        padding-top: var(--spacer-7) !important;
    }

    .pr-lg-7 {
        padding-right: var(--spacer-7) !important;
    }

    .pb-lg-7 {
        padding-bottom: var(--spacer-7) !important;
    }

    .pl-lg-7 {
        padding-left: var(--spacer-7) !important;
    }

    .px-lg-7 {
        padding-left: var(--spacer-7) !important;
        padding-right: var(--spacer-7) !important;
    }

    .py-lg-7 {
        padding-top: var(--spacer-7) !important;
        padding-bottom: var(--spacer-7) !important;
    }

    .p-lg-8 {
        padding: var(--spacer-8) !important;
    }

    .pt-lg-8 {
        padding-top: var(--spacer-8) !important;
    }

    .pr-lg-8 {
        padding-right: var(--spacer-8) !important;
    }

    .pb-lg-8 {
        padding-bottom: var(--spacer-8) !important;
    }

    .pl-lg-8 {
        padding-left: var(--spacer-8) !important;
    }

    .px-lg-8 {
        padding-left: var(--spacer-8) !important;
        padding-right: var(--spacer-8) !important;
    }

    .py-lg-8 {
        padding-top: var(--spacer-8) !important;
        padding-bottom: var(--spacer-8) !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-1 {
        margin: var(--margin-1) !important;
    }

    .mt-xl-1 {
        margin-top: var(--margin-1) !important;
    }

    .mr-xl-1 {
        margin-right: var(--margin-1) !important;
    }

    .mb-xl-1 {
        margin-bottom: var(--margin-1) !important;
    }

    .ml-xl-1 {
        margin-left: var(--margin-1) !important;
    }

    .mx-xl-1 {
        margin-left: var(--margin-1) !important;
        margin-right: var(--margin-1) !important;
    }

    .my-xl-1 {
        margin-top: var(--margin-1) !important;
        margin-bottom: var(--margin-1) !important;
    }

    .m-xl-2 {
        margin: var(--margin-2) !important;
    }

    .mt-xl-2 {
        margin-top: var(--margin-2) !important;
    }

    .mr-xl-2 {
        margin-right: var(--margin-2) !important;
    }

    .mb-xl-2 {
        margin-bottom: var(--margin-2) !important;
    }

    .ml-xl-2 {
        margin-left: var(--margin-2) !important;
    }

    .mx-xl-2 {
        margin-left: var(--margin-2) !important;
        margin-right: var(--margin-2) !important;
    }

    .my-xl-2 {
        margin-top: var(--margin-2) !important;
        margin-bottom: var(--margin-2) !important;
    }

    .m-xl-3 {
        margin: var(--margin-3) !important;
    }

    .mt-xl-3 {
        margin-top: var(--margin-3) !important;
    }

    .mr-xl-3 {
        margin-right: var(--margin-3) !important;
    }

    .mb-xl-3 {
        margin-bottom: var(--margin-3) !important;
    }

    .ml-xl-3 {
        margin-left: var(--margin-3) !important;
    }

    .mx-xl-3 {
        margin-left: var(--margin-3) !important;
        margin-right: var(--margin-3) !important;
    }

    .my-xl-3 {
        margin-top: var(--margin-3) !important;
        margin-bottom: var(--margin-3) !important;
    }

    .m-xl-4 {
        margin: var(--margin-4) !important;
    }

    .mt-xl-4 {
        margin-top: var(--margin-4) !important;
    }

    .mr-xl-4 {
        margin-right: var(--margin-4) !important;
    }

    .mb-xl-4 {
        margin-bottom: var(--margin-4) !important;
    }

    .ml-xl-4 {
        margin-left: var(--margin-4) !important;
    }

    .mx-xl-4 {
        margin-left: var(--margin-4) !important;
        margin-right: var(--margin-4) !important;
    }

    .my-xl-4 {
        margin-top: var(--margin-4) !important;
        margin-bottom: var(--margin-4) !important;
    }

    .m-xl-5 {
        margin: var(--margin-5) !important;
    }

    .mt-xl-5 {
        margin-top: var(--margin-5) !important;
    }

    .mr-xl-5 {
        margin-right: var(--margin-5) !important;
    }

    .mb-xl-5 {
        margin-bottom: var(--margin-5) !important;
    }

    .ml-xl-5 {
        margin-left: var(--margin-5) !important;
    }

    .mx-xl-5 {
        margin-left: var(--margin-5) !important;
        margin-right: var(--margin-5) !important;
    }

    .my-xl-5 {
        margin-top: var(--margin-5) !important;
        margin-bottom: var(--margin-5) !important;
    }

    .m-xl-6 {
        margin: var(--margin-6) !important;
    }

    .mt-xl-6 {
        margin-top: var(--margin-6) !important;
    }

    .mr-xl-6 {
        margin-right: var(--margin-6) !important;
    }

    .mb-xl-6 {
        margin-bottom: var(--margin-6) !important;
    }

    .ml-xl-6 {
        margin-left: var(--margin-6) !important;
    }

    .mx-xl-6 {
        margin-left: var(--margin-6) !important;
        margin-right: var(--margin-6) !important;
    }

    .my-xl-6 {
        margin-top: var(--margin-6) !important;
        margin-bottom: var(--margin-6) !important;
    }

    .m-xl-7 {
        margin: var(--margin-7) !important;
    }

    .mt-xl-7 {
        margin-top: var(--margin-7) !important;
    }

    .mr-xl-7 {
        margin-right: var(--margin-7) !important;
    }

    .mb-xl-7 {
        margin-bottom: var(--margin-7) !important;
    }

    .ml-xl-7 {
        margin-left: var(--margin-7) !important;
    }

    .mx-xl-7 {
        margin-left: var(--margin-7) !important;
        margin-right: var(--margin-7) !important;
    }

    .my-xl-7 {
        margin-top: var(--margin-7) !important;
        margin-bottom: var(--margin-7) !important;
    }

    .m-xl-8 {
        margin: var(--margin-8) !important;
    }

    .mt-xl-8 {
        margin-top: var(--margin-8) !important;
    }

    .mr-xl-8 {
        margin-right: var(--margin-8) !important;
    }

    .mb-xl-8 {
        margin-bottom: var(--margin-8) !important;
    }

    .ml-xl-8 {
        margin-left: var(--margin-8) !important;
    }

    .mx-xl-8 {
        margin-left: var(--margin-8) !important;
        margin-right: var(--margin-8) !important;
    }

    .my-xl-8 {
        margin-top: var(--margin-8) !important;
        margin-bottom: var(--margin-8) !important;
    }

    .p-xl-1 {
        padding: var(--spacer-1) !important;
    }

    .pt-xl-1 {
        padding-top: var(--spacer-1) !important;
    }

    .pr-xl-1 {
        padding-right: var(--spacer-1) !important;
    }

    .pb-xl-1 {
        padding-bottom: var(--spacer-1) !important;
    }

    .pl-xl-1 {
        padding-left: var(--spacer-1) !important;
    }

    .px-xl-1 {
        padding-left: var(--spacer-1) !important;
        padding-right: var(--spacer-1) !important;
    }

    .py-xl-1 {
        padding-top: var(--spacer-1) !important;
        padding-bottom: var(--spacer-1) !important;
    }

    .p-xl-2 {
        padding: var(--spacer-2) !important;
    }

    .pt-xl-2 {
        padding-top: var(--spacer-2) !important;
    }

    .pr-xl-2 {
        padding-right: var(--spacer-2) !important;
    }

    .pb-xl-2 {
        padding-bottom: var(--spacer-2) !important;
    }

    .pl-xl-2 {
        padding-left: var(--spacer-2) !important;
    }

    .px-xl-2 {
        padding-left: var(--spacer-2) !important;
        padding-right: var(--spacer-2) !important;
    }

    .py-xl-2 {
        padding-top: var(--spacer-2) !important;
        padding-bottom: var(--spacer-2) !important;
    }

    .p-xl-3 {
        padding: var(--spacer-3) !important;
    }

    .pt-xl-3 {
        padding-top: var(--spacer-3) !important;
    }

    .pr-xl-3 {
        padding-right: var(--spacer-3) !important;
    }

    .pb-xl-3 {
        padding-bottom: var(--spacer-3) !important;
    }

    .pl-xl-3 {
        padding-left: var(--spacer-3) !important;
    }

    .px-xl-3 {
        padding-left: var(--spacer-3) !important;
        padding-right: var(--spacer-3) !important;
    }

    .py-xl-3 {
        padding-top: var(--spacer-3) !important;
        padding-bottom: var(--spacer-3) !important;
    }

    .p-xl-4 {
        padding: var(--spacer-4) !important;
    }

    .pt-xl-4 {
        padding-top: var(--spacer-4) !important;
    }

    .pr-xl-4 {
        padding-right: var(--spacer-4) !important;
    }

    .pb-xl-4 {
        padding-bottom: var(--spacer-4) !important;
    }

    .pl-xl-4 {
        padding-left: var(--spacer-4) !important;
    }

    .px-xl-4 {
        padding-left: var(--spacer-4) !important;
        padding-right: var(--spacer-4) !important;
    }

    .py-xl-4 {
        padding-top: var(--spacer-4) !important;
        padding-bottom: var(--spacer-4) !important;
    }

    .p-xl-5 {
        padding: var(--spacer-5) !important;
    }

    .pt-xl-5 {
        padding-top: var(--spacer-5) !important;
    }

    .pr-xl-5 {
        padding-right: var(--spacer-5) !important;
    }

    .pb-xl-5 {
        padding-bottom: var(--spacer-5) !important;
    }

    .pl-xl-5 {
        padding-left: var(--spacer-5) !important;
    }

    .px-xl-5 {
        padding-left: var(--spacer-5) !important;
        padding-right: var(--spacer-5) !important;
    }

    .py-xl-5 {
        padding-top: var(--spacer-5) !important;
        padding-bottom: var(--spacer-5) !important;
    }

    .p-xl-6 {
        padding: var(--spacer-6) !important;
    }

    .pt-xl-6 {
        padding-top: var(--spacer-6) !important;
    }

    .pr-xl-6 {
        padding-right: var(--spacer-6) !important;
    }

    .pb-xl-6 {
        padding-bottom: var(--spacer-6) !important;
    }

    .pl-xl-6 {
        padding-left: var(--spacer-6) !important;
    }

    .px-xl-6 {
        padding-left: var(--spacer-6) !important;
        padding-right: var(--spacer-6) !important;
    }

    .py-xl-6 {
        padding-top: var(--spacer-6) !important;
        padding-bottom: var(--spacer-6) !important;
    }

    .p-xl-7 {
        padding: var(--spacer-7) !important;
    }

    .pt-xl-7 {
        padding-top: var(--spacer-7) !important;
    }

    .pr-xl-7 {
        padding-right: var(--spacer-7) !important;
    }

    .pb-xl-7 {
        padding-bottom: var(--spacer-7) !important;
    }

    .pl-xl-7 {
        padding-left: var(--spacer-7) !important;
    }

    .px-xl-7 {
        padding-left: var(--spacer-7) !important;
        padding-right: var(--spacer-7) !important;
    }

    .py-xl-7 {
        padding-top: var(--spacer-7) !important;
        padding-bottom: var(--spacer-7) !important;
    }

    .p-xl-8 {
        padding: var(--spacer-8) !important;
    }

    .pt-xl-8 {
        padding-top: var(--spacer-8) !important;
    }

    .pr-xl-8 {
        padding-right: var(--spacer-8) !important;
    }

    .pb-xl-8 {
        padding-bottom: var(--spacer-8) !important;
    }

    .pl-xl-8 {
        padding-left: var(--spacer-8) !important;
    }

    .px-xl-8 {
        padding-left: var(--spacer-8) !important;
        padding-right: var(--spacer-8) !important;
    }

    .py-xl-8 {
        padding-top: var(--spacer-8) !important;
        padding-bottom: var(--spacer-8) !important;
    }
}

.bs-1 {
    box-shadow: 0 0 0.0625rem 0 var(--shadow-color);
}

.bs-2 {
    box-shadow: 0 0 0.125rem 0 var(--shadow-color);
}

.bs-3 {
    box-shadow: 0 0.1875rem 0.375rem 0 var(--shadow-color);
}

.bs-4 {
    box-shadow: 0 0.375rem 0.75rem 0 var(--shadow-color);
}

.bs-5 {
    box-shadow: 0 0.75rem 1.5rem 0 var(--shadow-color);
}

.bs-6 {
    box-shadow: 0 1.5rem 3rem 0 var(--shadow-color);
}

.bs-7 {
    box-shadow: 0 2.5rem 5rem 0 var(--shadow-color);
}

.bs-c-1 {
    --shadow-color: var(--color-shadow-1);
}

.bs-c-2 {
    --shadow-color: var(--color-shadow-2);
}

.bs-c-3 {
    --shadow-color: var(--color-shadow-3);
}

.bs-c-4 {
    --shadow-color: var(--color-shadow-4);
}

.round-0, .round-0-b::before, .round-0-a::after, .round-0-h:hover {
    border-radius: var(--border-radius-0);
}

.round-tl-0, .round-tl-0-b::before, .round-tl-0-a::after, .round-tl-0-h:hover {
    border-top-left-radius: var(--border-radius-0);
}

.round-tr-0, .round-tr-0-b::before, .round-tr-0-a::after, .round-tr-0-h:hover {
    border-top-right-radius: var(--border-radius-0);
}

.round-bl-0, .round-bl-0-b::before, .round-bl-0-a::after, .round-bl-0-h:hover {
    border-bottom-left-radius: var(--border-radius-0);
}

.round-br-0, .round-br-0-b::before, .round-br-0-a::after, .round-br-0-h:hover {
    border-bottom-right-radius: var(--border-radius-0);
}

.round-t-0, .round-t-0-b::before, .round-t-0-a::after, .round-t-0-h:hover {
    border-top-left-radius: var(--border-radius-0);
    border-top-right-radius: var(--border-radius-0);
}

.round-b-0, .round-b-0-b::before, .round-b-0-a::after, .round-b-0-h:hover {
    border-bottom-left-radius: var(--border-radius-0);
    border-bottom-right-radius: var(--border-radius-0);
}

.round-l-0, .round-l-0-b::before, .round-l-0-a::after, .round-l-0-h:hover {
    border-top-left-radius: var(--border-radius-0);
    border-bottom-left-radius: var(--border-radius-0);
}

.round-r-0, .round-r-0-b::before, .round-r-0-a::after, .round-r-0-h:hover {
    border-top-right-radius: var(--border-radius-0);
    border-bottom-right-radius: var(--border-radius-0);
}

.round-wcy-0 > *:first-child {
    border-top-left-radius: var(--border-radius-0);
    border-top-right-radius: var(--border-radius-0);
}

.round-wcy-0 > *:last-child {
    border-bottom-left-radius: var(--border-radius-0);
    border-bottom-right-radius: var(--border-radius-0);
}

.round-wcx-0 > *:first-child {
    border-top-left-radius: var(--border-radius-0);
    border-bottom-left-radius: var(--border-radius-0);
}

.round-wcx-0 > *:last-child {
    border-top-right-radius: var(--border-radius-0);
    border-bottom-right-radius: var(--border-radius-0);
}

.round-1, .round-1-b::before, .round-1-a::after, .round-1-h:hover {
    border-radius: var(--border-radius-1);
}

.round-tl-1, .round-tl-1-b::before, .round-tl-1-a::after, .round-tl-1-h:hover {
    border-top-left-radius: var(--border-radius-1);
}

.round-tr-1, .round-tr-1-b::before, .round-tr-1-a::after, .round-tr-1-h:hover {
    border-top-right-radius: var(--border-radius-1);
}

.round-bl-1, .round-bl-1-b::before, .round-bl-1-a::after, .round-bl-1-h:hover {
    border-bottom-left-radius: var(--border-radius-1);
}

.round-br-1, .round-br-1-b::before, .round-br-1-a::after, .round-br-1-h:hover {
    border-bottom-right-radius: var(--border-radius-1);
}

.round-t-1, .round-t-1-b::before, .round-t-1-a::after, .round-t-1-h:hover {
    border-top-left-radius: var(--border-radius-1);
    border-top-right-radius: var(--border-radius-1);
}

.round-b-1, .round-b-1-b::before, .round-b-1-a::after, .round-b-1-h:hover {
    border-bottom-left-radius: var(--border-radius-1);
    border-bottom-right-radius: var(--border-radius-1);
}

.round-l-1, .round-l-1-b::before, .round-l-1-a::after, .round-l-1-h:hover {
    border-top-left-radius: var(--border-radius-1);
    border-bottom-left-radius: var(--border-radius-1);
}

.round-r-1, .round-r-1-b::before, .round-r-1-a::after, .round-r-1-h:hover {
    border-top-right-radius: var(--border-radius-1);
    border-bottom-right-radius: var(--border-radius-1);
}

.round-wcy-1 > *:first-child {
    border-top-left-radius: var(--border-radius-1);
    border-top-right-radius: var(--border-radius-1);
}

.round-wcy-1 > *:last-child {
    border-bottom-left-radius: var(--border-radius-1);
    border-bottom-right-radius: var(--border-radius-1);
}

.round-wcx-1 > *:first-child {
    border-top-left-radius: var(--border-radius-1);
    border-bottom-left-radius: var(--border-radius-1);
}

.round-wcx-1 > *:last-child {
    border-top-right-radius: var(--border-radius-1);
    border-bottom-right-radius: var(--border-radius-1);
}

.round-2, .round-2-b::before, .round-2-a::after, .round-2-h:hover {
    border-radius: var(--border-radius-2);
}

.round-tl-2, .round-tl-2-b::before, .round-tl-2-a::after, .round-tl-2-h:hover {
    border-top-left-radius: var(--border-radius-2);
}

.round-tr-2, .round-tr-2-b::before, .round-tr-2-a::after, .round-tr-2-h:hover {
    border-top-right-radius: var(--border-radius-2);
}

.round-bl-2, .round-bl-2-b::before, .round-bl-2-a::after, .round-bl-2-h:hover {
    border-bottom-left-radius: var(--border-radius-2);
}

.round-br-2, .round-br-2-b::before, .round-br-2-a::after, .round-br-2-h:hover {
    border-bottom-right-radius: var(--border-radius-2);
}

.round-t-2, .round-t-2-b::before, .round-t-2-a::after, .round-t-2-h:hover {
    border-top-left-radius: var(--border-radius-2);
    border-top-right-radius: var(--border-radius-2);
}

.round-b-2, .round-b-2-b::before, .round-b-2-a::after, .round-b-2-h:hover {
    border-bottom-left-radius: var(--border-radius-2);
    border-bottom-right-radius: var(--border-radius-2);
}

.round-l-2, .round-l-2-b::before, .round-l-2-a::after, .round-l-2-h:hover {
    border-top-left-radius: var(--border-radius-2);
    border-bottom-left-radius: var(--border-radius-2);
}

.round-r-2, .round-r-2-b::before, .round-r-2-a::after, .round-r-2-h:hover {
    border-top-right-radius: var(--border-radius-2);
    border-bottom-right-radius: var(--border-radius-2);
}

.round-wcy-2 > *:first-child {
    border-top-left-radius: var(--border-radius-2);
    border-top-right-radius: var(--border-radius-2);
}

.round-wcy-2 > *:last-child {
    border-bottom-left-radius: var(--border-radius-2);
    border-bottom-right-radius: var(--border-radius-2);
}

.round-wcx-2 > *:first-child {
    border-top-left-radius: var(--border-radius-2);
    border-bottom-left-radius: var(--border-radius-2);
}

.round-wcx-2 > *:last-child {
    border-top-right-radius: var(--border-radius-2);
    border-bottom-right-radius: var(--border-radius-2);
}

.round-3, .round-3-b::before, .round-3-a::after, .round-3-h:hover {
    border-radius: var(--border-radius-3);
}

.round-tl-3, .round-tl-3-b::before, .round-tl-3-a::after, .round-tl-3-h:hover {
    border-top-left-radius: var(--border-radius-3);
}

.round-tr-3, .round-tr-3-b::before, .round-tr-3-a::after, .round-tr-3-h:hover {
    border-top-right-radius: var(--border-radius-3);
}

.round-bl-3, .round-bl-3-b::before, .round-bl-3-a::after, .round-bl-3-h:hover {
    border-bottom-left-radius: var(--border-radius-3);
}

.round-br-3, .round-br-3-b::before, .round-br-3-a::after, .round-br-3-h:hover {
    border-bottom-right-radius: var(--border-radius-3);
}

.round-t-3, .round-t-3-b::before, .round-t-3-a::after, .round-t-3-h:hover {
    border-top-left-radius: var(--border-radius-3);
    border-top-right-radius: var(--border-radius-3);
}

.round-b-3, .round-b-3-b::before, .round-b-3-a::after, .round-b-3-h:hover {
    border-bottom-left-radius: var(--border-radius-3);
    border-bottom-right-radius: var(--border-radius-3);
}

.round-l-3, .round-l-3-b::before, .round-l-3-a::after, .round-l-3-h:hover {
    border-top-left-radius: var(--border-radius-3);
    border-bottom-left-radius: var(--border-radius-3);
}

.round-r-3, .round-r-3-b::before, .round-r-3-a::after, .round-r-3-h:hover {
    border-top-right-radius: var(--border-radius-3);
    border-bottom-right-radius: var(--border-radius-3);
}

.round-wcy-3 > *:first-child {
    border-top-left-radius: var(--border-radius-3);
    border-top-right-radius: var(--border-radius-3);
}

.round-wcy-3 > *:last-child {
    border-bottom-left-radius: var(--border-radius-3);
    border-bottom-right-radius: var(--border-radius-3);
}

.round-wcx-3 > *:first-child {
    border-top-left-radius: var(--border-radius-3);
    border-bottom-left-radius: var(--border-radius-3);
}

.round-wcx-3 > *:last-child {
    border-top-right-radius: var(--border-radius-3);
    border-bottom-right-radius: var(--border-radius-3);
}

.round-4, .round-4-b::before, .round-4-a::after, .round-4-h:hover {
    border-radius: var(--border-radius-4);
}

.round-tl-4, .round-tl-4-b::before, .round-tl-4-a::after, .round-tl-4-h:hover {
    border-top-left-radius: var(--border-radius-4);
}

.round-tr-4, .round-tr-4-b::before, .round-tr-4-a::after, .round-tr-4-h:hover {
    border-top-right-radius: var(--border-radius-4);
}

.round-bl-4, .round-bl-4-b::before, .round-bl-4-a::after, .round-bl-4-h:hover {
    border-bottom-left-radius: var(--border-radius-4);
}

.round-br-4, .round-br-4-b::before, .round-br-4-a::after, .round-br-4-h:hover {
    border-bottom-right-radius: var(--border-radius-4);
}

.round-t-4, .round-t-4-b::before, .round-t-4-a::after, .round-t-4-h:hover {
    border-top-left-radius: var(--border-radius-4);
    border-top-right-radius: var(--border-radius-4);
}

.round-b-4, .round-b-4-b::before, .round-b-4-a::after, .round-b-4-h:hover {
    border-bottom-left-radius: var(--border-radius-4);
    border-bottom-right-radius: var(--border-radius-4);
}

.round-l-4, .round-l-4-b::before, .round-l-4-a::after, .round-l-4-h:hover {
    border-top-left-radius: var(--border-radius-4);
    border-bottom-left-radius: var(--border-radius-4);
}

.round-r-4, .round-r-4-b::before, .round-r-4-a::after, .round-r-4-h:hover {
    border-top-right-radius: var(--border-radius-4);
    border-bottom-right-radius: var(--border-radius-4);
}

.round-wcy-4 > *:first-child {
    border-top-left-radius: var(--border-radius-4);
    border-top-right-radius: var(--border-radius-4);
}

.round-wcy-4 > *:last-child {
    border-bottom-left-radius: var(--border-radius-4);
    border-bottom-right-radius: var(--border-radius-4);
}

.round-wcx-4 > *:first-child {
    border-top-left-radius: var(--border-radius-4);
    border-bottom-left-radius: var(--border-radius-4);
}

.round-wcx-4 > *:last-child {
    border-top-right-radius: var(--border-radius-4);
    border-bottom-right-radius: var(--border-radius-4);
}

.round-5, .round-5-b::before, .round-5-a::after, .round-5-h:hover {
    border-radius: var(--border-radius-5);
}

.round-tl-5, .round-tl-5-b::before, .round-tl-5-a::after, .round-tl-5-h:hover {
    border-top-left-radius: var(--border-radius-5);
}

.round-tr-5, .round-tr-5-b::before, .round-tr-5-a::after, .round-tr-5-h:hover {
    border-top-right-radius: var(--border-radius-5);
}

.round-bl-5, .round-bl-5-b::before, .round-bl-5-a::after, .round-bl-5-h:hover {
    border-bottom-left-radius: var(--border-radius-5);
}

.round-br-5, .round-br-5-b::before, .round-br-5-a::after, .round-br-5-h:hover {
    border-bottom-right-radius: var(--border-radius-5);
}

.round-t-5, .round-t-5-b::before, .round-t-5-a::after, .round-t-5-h:hover {
    border-top-left-radius: var(--border-radius-5);
    border-top-right-radius: var(--border-radius-5);
}

.round-b-5, .round-b-5-b::before, .round-b-5-a::after, .round-b-5-h:hover {
    border-bottom-left-radius: var(--border-radius-5);
    border-bottom-right-radius: var(--border-radius-5);
}

.round-l-5, .round-l-5-b::before, .round-l-5-a::after, .round-l-5-h:hover {
    border-top-left-radius: var(--border-radius-5);
    border-bottom-left-radius: var(--border-radius-5);
}

.round-r-5, .round-r-5-b::before, .round-r-5-a::after, .round-r-5-h:hover {
    border-top-right-radius: var(--border-radius-5);
    border-bottom-right-radius: var(--border-radius-5);
}

.round-wcy-5 > *:first-child {
    border-top-left-radius: var(--border-radius-5);
    border-top-right-radius: var(--border-radius-5);
}

.round-wcy-5 > *:last-child {
    border-bottom-left-radius: var(--border-radius-5);
    border-bottom-right-radius: var(--border-radius-5);
}

.round-wcx-5 > *:first-child {
    border-top-left-radius: var(--border-radius-5);
    border-bottom-left-radius: var(--border-radius-5);
}

.round-wcx-5 > *:last-child {
    border-top-right-radius: var(--border-radius-5);
    border-bottom-right-radius: var(--border-radius-5);
}

.round-6, .round-6-b::before, .round-6-a::after, .round-6-h:hover {
    border-radius: var(--border-radius-6);
}

.round-tl-6, .round-tl-6-b::before, .round-tl-6-a::after, .round-tl-6-h:hover {
    border-top-left-radius: var(--border-radius-6);
}

.round-tr-6, .round-tr-6-b::before, .round-tr-6-a::after, .round-tr-6-h:hover {
    border-top-right-radius: var(--border-radius-6);
}

.round-bl-6, .round-bl-6-b::before, .round-bl-6-a::after, .round-bl-6-h:hover {
    border-bottom-left-radius: var(--border-radius-6);
}

.round-br-6, .round-br-6-b::before, .round-br-6-a::after, .round-br-6-h:hover {
    border-bottom-right-radius: var(--border-radius-6);
}

.round-t-6, .round-t-6-b::before, .round-t-6-a::after, .round-t-6-h:hover {
    border-top-left-radius: var(--border-radius-6);
    border-top-right-radius: var(--border-radius-6);
}

.round-b-6, .round-b-6-b::before, .round-b-6-a::after, .round-b-6-h:hover {
    border-bottom-left-radius: var(--border-radius-6);
    border-bottom-right-radius: var(--border-radius-6);
}

.round-l-6, .round-l-6-b::before, .round-l-6-a::after, .round-l-6-h:hover {
    border-top-left-radius: var(--border-radius-6);
    border-bottom-left-radius: var(--border-radius-6);
}

.round-r-6, .round-r-6-b::before, .round-r-6-a::after, .round-r-6-h:hover {
    border-top-right-radius: var(--border-radius-6);
    border-bottom-right-radius: var(--border-radius-6);
}

.round-wcy-6 > *:first-child {
    border-top-left-radius: var(--border-radius-6);
    border-top-right-radius: var(--border-radius-6);
}

.round-wcy-6 > *:last-child {
    border-bottom-left-radius: var(--border-radius-6);
    border-bottom-right-radius: var(--border-radius-6);
}

.round-wcx-6 > *:first-child {
    border-top-left-radius: var(--border-radius-6);
    border-bottom-left-radius: var(--border-radius-6);
}

.round-wcx-6 > *:last-child {
    border-top-right-radius: var(--border-radius-6);
    border-bottom-right-radius: var(--border-radius-6);
}

.round-7, .round-7-b::before, .round-7-a::after, .round-7-h:hover {
    border-radius: var(--border-radius-7);
}

.round-tl-7, .round-tl-7-b::before, .round-tl-7-a::after, .round-tl-7-h:hover {
    border-top-left-radius: var(--border-radius-7);
}

.round-tr-7, .round-tr-7-b::before, .round-tr-7-a::after, .round-tr-7-h:hover {
    border-top-right-radius: var(--border-radius-7);
}

.round-bl-7, .round-bl-7-b::before, .round-bl-7-a::after, .round-bl-7-h:hover {
    border-bottom-left-radius: var(--border-radius-7);
}

.round-br-7, .round-br-7-b::before, .round-br-7-a::after, .round-br-7-h:hover {
    border-bottom-right-radius: var(--border-radius-7);
}

.round-t-7, .round-t-7-b::before, .round-t-7-a::after, .round-t-7-h:hover {
    border-top-left-radius: var(--border-radius-7);
    border-top-right-radius: var(--border-radius-7);
}

.round-b-7, .round-b-7-b::before, .round-b-7-a::after, .round-b-7-h:hover {
    border-bottom-left-radius: var(--border-radius-7);
    border-bottom-right-radius: var(--border-radius-7);
}

.round-l-7, .round-l-7-b::before, .round-l-7-a::after, .round-l-7-h:hover {
    border-top-left-radius: var(--border-radius-7);
    border-bottom-left-radius: var(--border-radius-7);
}

.round-r-7, .round-r-7-b::before, .round-r-7-a::after, .round-r-7-h:hover {
    border-top-right-radius: var(--border-radius-7);
    border-bottom-right-radius: var(--border-radius-7);
}

.round-wcy-7 > *:first-child {
    border-top-left-radius: var(--border-radius-7);
    border-top-right-radius: var(--border-radius-7);
}

.round-wcy-7 > *:last-child {
    border-bottom-left-radius: var(--border-radius-7);
    border-bottom-right-radius: var(--border-radius-7);
}

.round-wcx-7 > *:first-child {
    border-top-left-radius: var(--border-radius-7);
    border-bottom-left-radius: var(--border-radius-7);
}

.round-wcx-7 > *:last-child {
    border-top-right-radius: var(--border-radius-7);
    border-bottom-right-radius: var(--border-radius-7);
}

.round-8, .round-8-b::before, .round-8-a::after, .round-8-h:hover {
    border-radius: var(--border-radius-8);
}

.round-tl-8, .round-tl-8-b::before, .round-tl-8-a::after, .round-tl-8-h:hover {
    border-top-left-radius: var(--border-radius-8);
}

.round-tr-8, .round-tr-8-b::before, .round-tr-8-a::after, .round-tr-8-h:hover {
    border-top-right-radius: var(--border-radius-8);
}

.round-bl-8, .round-bl-8-b::before, .round-bl-8-a::after, .round-bl-8-h:hover {
    border-bottom-left-radius: var(--border-radius-8);
}

.round-br-8, .round-br-8-b::before, .round-br-8-a::after, .round-br-8-h:hover {
    border-bottom-right-radius: var(--border-radius-8);
}

.round-t-8, .round-t-8-b::before, .round-t-8-a::after, .round-t-8-h:hover {
    border-top-left-radius: var(--border-radius-8);
    border-top-right-radius: var(--border-radius-8);
}

.round-b-8, .round-b-8-b::before, .round-b-8-a::after, .round-b-8-h:hover {
    border-bottom-left-radius: var(--border-radius-8);
    border-bottom-right-radius: var(--border-radius-8);
}

.round-l-8, .round-l-8-b::before, .round-l-8-a::after, .round-l-8-h:hover {
    border-top-left-radius: var(--border-radius-8);
    border-bottom-left-radius: var(--border-radius-8);
}

.round-r-8, .round-r-8-b::before, .round-r-8-a::after, .round-r-8-h:hover {
    border-top-right-radius: var(--border-radius-8);
    border-bottom-right-radius: var(--border-radius-8);
}

.round-wcy-8 > *:first-child {
    border-top-left-radius: var(--border-radius-8);
    border-top-right-radius: var(--border-radius-8);
}

.round-wcy-8 > *:last-child {
    border-bottom-left-radius: var(--border-radius-8);
    border-bottom-right-radius: var(--border-radius-8);
}

.round-wcx-8 > *:first-child {
    border-top-left-radius: var(--border-radius-8);
    border-bottom-left-radius: var(--border-radius-8);
}

.round-wcx-8 > *:last-child {
    border-top-right-radius: var(--border-radius-8);
    border-bottom-right-radius: var(--border-radius-8);
}

.round-9, .round-9-b::before, .round-9-a::after, .round-9-h:hover {
    border-radius: var(--border-radius-9);
}

.round-tl-9, .round-tl-9-b::before, .round-tl-9-a::after, .round-tl-9-h:hover {
    border-top-left-radius: var(--border-radius-9);
}

.round-tr-9, .round-tr-9-b::before, .round-tr-9-a::after, .round-tr-9-h:hover {
    border-top-right-radius: var(--border-radius-9);
}

.round-bl-9, .round-bl-9-b::before, .round-bl-9-a::after, .round-bl-9-h:hover {
    border-bottom-left-radius: var(--border-radius-9);
}

.round-br-9, .round-br-9-b::before, .round-br-9-a::after, .round-br-9-h:hover {
    border-bottom-right-radius: var(--border-radius-9);
}

.round-t-9, .round-t-9-b::before, .round-t-9-a::after, .round-t-9-h:hover {
    border-top-left-radius: var(--border-radius-9);
    border-top-right-radius: var(--border-radius-9);
}

.round-b-9, .round-b-9-b::before, .round-b-9-a::after, .round-b-9-h:hover {
    border-bottom-left-radius: var(--border-radius-9);
    border-bottom-right-radius: var(--border-radius-9);
}

.round-l-9, .round-l-9-b::before, .round-l-9-a::after, .round-l-9-h:hover {
    border-top-left-radius: var(--border-radius-9);
    border-bottom-left-radius: var(--border-radius-9);
}

.round-r-9, .round-r-9-b::before, .round-r-9-a::after, .round-r-9-h:hover {
    border-top-right-radius: var(--border-radius-9);
    border-bottom-right-radius: var(--border-radius-9);
}

.round-wcy-9 > *:first-child {
    border-top-left-radius: var(--border-radius-9);
    border-top-right-radius: var(--border-radius-9);
}

.round-wcy-9 > *:last-child {
    border-bottom-left-radius: var(--border-radius-9);
    border-bottom-right-radius: var(--border-radius-9);
}

.round-wcx-9 > *:first-child {
    border-top-left-radius: var(--border-radius-9);
    border-bottom-left-radius: var(--border-radius-9);
}

.round-wcx-9 > *:last-child {
    border-top-right-radius: var(--border-radius-9);
    border-bottom-right-radius: var(--border-radius-9);
}

.round-10, .round-10-b::before, .round-10-a::after, .round-10-h:hover {
    border-radius: var(--border-radius-10);
}

.round-tl-10, .round-tl-10-b::before, .round-tl-10-a::after, .round-tl-10-h:hover {
    border-top-left-radius: var(--border-radius-10);
}

.round-tr-10, .round-tr-10-b::before, .round-tr-10-a::after, .round-tr-10-h:hover {
    border-top-right-radius: var(--border-radius-10);
}

.round-bl-10, .round-bl-10-b::before, .round-bl-10-a::after, .round-bl-10-h:hover {
    border-bottom-left-radius: var(--border-radius-10);
}

.round-br-10, .round-br-10-b::before, .round-br-10-a::after, .round-br-10-h:hover {
    border-bottom-right-radius: var(--border-radius-10);
}

.round-t-10, .round-t-10-b::before, .round-t-10-a::after, .round-t-10-h:hover {
    border-top-left-radius: var(--border-radius-10);
    border-top-right-radius: var(--border-radius-10);
}

.round-b-10, .round-b-10-b::before, .round-b-10-a::after, .round-b-10-h:hover {
    border-bottom-left-radius: var(--border-radius-10);
    border-bottom-right-radius: var(--border-radius-10);
}

.round-l-10, .round-l-10-b::before, .round-l-10-a::after, .round-l-10-h:hover {
    border-top-left-radius: var(--border-radius-10);
    border-bottom-left-radius: var(--border-radius-10);
}

.round-r-10, .round-r-10-b::before, .round-r-10-a::after, .round-r-10-h:hover {
    border-top-right-radius: var(--border-radius-10);
    border-bottom-right-radius: var(--border-radius-10);
}

.round-wcy-10 > *:first-child {
    border-top-left-radius: var(--border-radius-10);
    border-top-right-radius: var(--border-radius-10);
}

.round-wcy-10 > *:last-child {
    border-bottom-left-radius: var(--border-radius-10);
    border-bottom-right-radius: var(--border-radius-10);
}

.round-wcx-10 > *:first-child {
    border-top-left-radius: var(--border-radius-10);
    border-bottom-left-radius: var(--border-radius-10);
}

.round-wcx-10 > *:last-child {
    border-top-right-radius: var(--border-radius-10);
    border-bottom-right-radius: var(--border-radius-10);
}

.round-11, .round-11-b::before, .round-11-a::after, .round-11-h:hover {
    border-radius: var(--border-radius-11);
}

.round-tl-11, .round-tl-11-b::before, .round-tl-11-a::after, .round-tl-11-h:hover {
    border-top-left-radius: var(--border-radius-11);
}

.round-tr-11, .round-tr-11-b::before, .round-tr-11-a::after, .round-tr-11-h:hover {
    border-top-right-radius: var(--border-radius-11);
}

.round-bl-11, .round-bl-11-b::before, .round-bl-11-a::after, .round-bl-11-h:hover {
    border-bottom-left-radius: var(--border-radius-11);
}

.round-br-11, .round-br-11-b::before, .round-br-11-a::after, .round-br-11-h:hover {
    border-bottom-right-radius: var(--border-radius-11);
}

.round-t-11, .round-t-11-b::before, .round-t-11-a::after, .round-t-11-h:hover {
    border-top-left-radius: var(--border-radius-11);
    border-top-right-radius: var(--border-radius-11);
}

.round-b-11, .round-b-11-b::before, .round-b-11-a::after, .round-b-11-h:hover {
    border-bottom-left-radius: var(--border-radius-11);
    border-bottom-right-radius: var(--border-radius-11);
}

.round-l-11, .round-l-11-b::before, .round-l-11-a::after, .round-l-11-h:hover {
    border-top-left-radius: var(--border-radius-11);
    border-bottom-left-radius: var(--border-radius-11);
}

.round-r-11, .round-r-11-b::before, .round-r-11-a::after, .round-r-11-h:hover {
    border-top-right-radius: var(--border-radius-11);
    border-bottom-right-radius: var(--border-radius-11);
}

.round-wcy-11 > *:first-child {
    border-top-left-radius: var(--border-radius-11);
    border-top-right-radius: var(--border-radius-11);
}

.round-wcy-11 > *:last-child {
    border-bottom-left-radius: var(--border-radius-11);
    border-bottom-right-radius: var(--border-radius-11);
}

.round-wcx-11 > *:first-child {
    border-top-left-radius: var(--border-radius-11);
    border-bottom-left-radius: var(--border-radius-11);
}

.round-wcx-11 > *:last-child {
    border-top-right-radius: var(--border-radius-11);
    border-bottom-right-radius: var(--border-radius-11);
}

.b-0 {
    border: var(--border-width-0) solid var(--color-border-1);
}

.bt-0 {
    border-top: var(--border-width-0) solid var(--color-border-1);
}

.br-0 {
    border-right: var(--border-width-0) solid var(--color-border-1);
}

.bb-0 {
    border-bottom: var(--border-width-0) solid var(--color-border-1);
}

.bl-0 {
    border-left: var(--border-width-0) solid var(--color-border-1);
}

.b-1 {
    border: var(--border-width-1) solid var(--color-border-1);
}

.bt-1 {
    border-top: var(--border-width-1) solid var(--color-border-1);
}

.br-1 {
    border-right: var(--border-width-1) solid var(--color-border-1);
}

.bb-1 {
    border-bottom: var(--border-width-1) solid var(--color-border-1);
}

.bl-1 {
    border-left: var(--border-width-1) solid var(--color-border-1);
}

.b-2 {
    border: var(--border-width-2) solid var(--color-border-1);
}

.bt-2 {
    border-top: var(--border-width-2) solid var(--color-border-1);
}

.br-2 {
    border-right: var(--border-width-2) solid var(--color-border-1);
}

.bb-2 {
    border-bottom: var(--border-width-2) solid var(--color-border-1);
}

.bl-2 {
    border-left: var(--border-width-2) solid var(--color-border-1);
}

.b-3 {
    border: var(--border-width-3) solid var(--color-border-1);
}

.bt-3 {
    border-top: var(--border-width-3) solid var(--color-border-1);
}

.br-3 {
    border-right: var(--border-width-3) solid var(--color-border-1);
}

.bb-3 {
    border-bottom: var(--border-width-3) solid var(--color-border-1);
}

.bl-3 {
    border-left: var(--border-width-3) solid var(--color-border-1);
}

.b-4 {
    border: var(--border-width-4) solid var(--color-border-1);
}

.bt-4 {
    border-top: var(--border-width-4) solid var(--color-border-1);
}

.br-4 {
    border-right: var(--border-width-4) solid var(--color-border-1);
}

.bb-4 {
    border-bottom: var(--border-width-4) solid var(--color-border-1);
}

.bl-4 {
    border-left: var(--border-width-4) solid var(--color-border-1);
}

.b-5 {
    border: var(--border-width-5) solid var(--color-border-1);
}

.bt-5 {
    border-top: var(--border-width-5) solid var(--color-border-1);
}

.br-5 {
    border-right: var(--border-width-5) solid var(--color-border-1);
}

.bb-5 {
    border-bottom: var(--border-width-5) solid var(--color-border-1);
}

.bl-5 {
    border-left: var(--border-width-5) solid var(--color-border-1);
}

.b-6 {
    border: var(--border-width-6) solid var(--color-border-1);
}

.bt-6 {
    border-top: var(--border-width-6) solid var(--color-border-1);
}

.br-6 {
    border-right: var(--border-width-6) solid var(--color-border-1);
}

.bb-6 {
    border-bottom: var(--border-width-6) solid var(--color-border-1);
}

.bl-6 {
    border-left: var(--border-width-6) solid var(--color-border-1);
}

.b-7 {
    border: var(--border-width-7) solid var(--color-border-1);
}

.bt-7 {
    border-top: var(--border-width-7) solid var(--color-border-1);
}

.br-7 {
    border-right: var(--border-width-7) solid var(--color-border-1);
}

.bb-7 {
    border-bottom: var(--border-width-7) solid var(--color-border-1);
}

.bl-7 {
    border-left: var(--border-width-7) solid var(--color-border-1);
}

.b-8 {
    border: var(--border-width-8) solid var(--color-border-1);
}

.bt-8 {
    border-top: var(--border-width-8) solid var(--color-border-1);
}

.br-8 {
    border-right: var(--border-width-8) solid var(--color-border-1);
}

.bb-8 {
    border-bottom: var(--border-width-8) solid var(--color-border-1);
}

.bl-8 {
    border-left: var(--border-width-8) solid var(--color-border-1);
}

.b-9 {
    border: var(--border-width-9) solid var(--color-border-1);
}

.bt-9 {
    border-top: var(--border-width-9) solid var(--color-border-1);
}

.br-9 {
    border-right: var(--border-width-9) solid var(--color-border-1);
}

.bb-9 {
    border-bottom: var(--border-width-9) solid var(--color-border-1);
}

.bl-9 {
    border-left: var(--border-width-9) solid var(--color-border-1);
}

.b-10 {
    border: var(--border-width-10) solid var(--color-border-1);
}

.bt-10 {
    border-top: var(--border-width-10) solid var(--color-border-1);
}

.br-10 {
    border-right: var(--border-width-10) solid var(--color-border-1);
}

.bb-10 {
    border-bottom: var(--border-width-10) solid var(--color-border-1);
}

.bl-10 {
    border-left: var(--border-width-10) solid var(--color-border-1);
}

.b-11 {
    border: var(--border-width-11) solid var(--color-border-1);
}

.bt-11 {
    border-top: var(--border-width-11) solid var(--color-border-1);
}

.br-11 {
    border-right: var(--border-width-11) solid var(--color-border-1);
}

.bb-11 {
    border-bottom: var(--border-width-11) solid var(--color-border-1);
}

.bl-11 {
    border-left: var(--border-width-11) solid var(--color-border-1);
}

.b-primary-b {
    border-color: var(--color-primary-border);
}

.b-primary {
    border-color: var(--color-primary);
}

.b-secondary-b {
    border-color: var(--color-secondary-border);
}

.b-secondary {
    border-color: var(--color-secondary);
}

.b-tertiary-b {
    border-color: var(--color-tertiary-border);
}

.b-tertiary {
    border-color: var(--color-tertiary);
}

.b-quaternary-b {
    border-color: var(--color-quaternary-border);
}

.b-quaternary {
    border-color: var(--color-quaternary);
}

.b-success-b {
    border-color: var(--color-success-border);
}

.b-success {
    border-color: var(--color-success);
}

.b-warning-b {
    border-color: var(--color-warning-border);
}

.b-warning {
    border-color: var(--color-warning);
}

.b-danger-b {
    border-color: var(--color-danger-border);
}

.b-danger {
    border-color: var(--color-danger);
}

.b-info-b {
    border-color: var(--color-info-border);
}

.b-info {
    border-color: var(--color-info);
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: var(--line-height-base); /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

:root {
    --container-max-width-sm: 540px;
    --container-max-width-md: 720px;
    --container-max-width-lg: 960px;
    --container-max-width-xl: 1140px;
    --grid-gutter-width: 30px;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-right: calc(var(--grid-gutter-width) / 2);
    padding-left: calc(var(--grid-gutter-width) / 2);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: var(--container-max-width-sm);
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: var(--container-max-width-md);
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: var(--container-max-width-lg);
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: var(--container-max-width-xl);
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--grid-gutter-width) / 2 * -1);
    margin-left: calc(var(--grid-gutter-width) / 2 * -1);
}

.row.gutter-small {
    --grid-gutter-width: 16px;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > .col,
.row.no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.row.bottom-gutters > .col,
.row.bottom-gutters > [class*=col-] {
    margin-bottom: var(--grid-gutter-width);
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: calc(var(--grid-gutter-width) / 2);
    padding-left: calc(var(--grid-gutter-width) / 2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }
}

.row.row-bordered {
    border-left: 1px solid var(--color-white);
    overflow: hidden;
    padding-top: 1px; /*for the top border*/
    /*for one cell*/
}

.row.row-bordered > div[class^=col] {
    border-right: 1px solid var(--color-gray-300);
    border-bottom: 1px solid var(--color-gray-300);
}

.row.row-bordered > div[class^=col]:first-child:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    height: 1px;
    width: 100vw;
    background: var(--color-gray-300);
}

.row.row-bordered > div[class^=col]:last-child:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: calc(100% + 1px);
    height: 1px;
    width: 100vw;
    background: transparent;
}

.row.row-bordered > div[class^=col]:first-child, .row.row-bordered > div[class^=col]:last-child {
    z-index: auto;
}

.row.row-bordered > div[class^=col]:first-child:last-child {
    border-top: 1px solid;
}

.row.row-bordered > div[class^=col]:first-child:last-child:before {
    content: none;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.trn > *,
.trn {
    transition: all 300ms;
}

.trn-slow {
    transition: all 600ms;
}

.trn-slower {
    transition: all 900ms;
}

.page.page-normal {
    display: flex;
    min-height: var(--full-height);
    flex-direction: column;
}

.page.page-normal > .page-content {
    flex: 1;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.page.page-sidebar {
    display: flex;
    flex-direction: row;
    min-height: var(--full-height);
}

.page.page-sidebar > .side-bar {
    min-width: 20rem;
    min-height: var(--full-height);
}

.page.page-sidebar > .page-content-outer {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    min-height: var(--full-height);
}

.page.page-sidebar > .page-content-outer > .page-content {
    flex: 1;
}

@media all and (max-width: 968px) {
    .page.page-sidebar {
        flex-direction: column;
    }
}

html {
    font-size: 15px;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(var(--rgb-black), 0);
}

body {
    margin: 0;
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-base);
    line-height: var(--line-height-base);
    color: var(--body-text-color);
    text-align: left;
    background-color: var(--body-bg-color);
}

p {
    margin-top: 0;
    margin-bottom: var(--paragraph-margin-bottom);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
    margin-bottom: var(--headings-margin-bottom);
    font-family: var(--headings-font-family);
    font-weight: var(--headings-font-weight);
    line-height: var(--headings-line-height);
    color: var(--headings-color);
}

h1, .h1 {
    font-size: var(--h1-font-size);
}

h2, .h2 {
    font-size: var(--h2-font-size);
}

h3, .h3 {
    font-size: var(--h3-font-size);
}

h4, .h4 {
    font-size: var(--h4-font-size);
}

h5, .h5 {
    font-size: var(--h5-font-size);
}

h6, .h6 {
    font-size: var(--h6-font-size);
}

.lead {
    font-size: var(--lead-font-size);
    font-weight: var(--lead-font-weight);
}

.display-1 {
    font-size: var(--display1-size);
    font-weight: var(--display1-weight);
    line-height: var(--display-line-height);
}

.display-2 {
    font-size: var(--display2-size);
    font-weight: var(--display2-weight);
    line-height: var(--display-line-height);
}

.display-3 {
    font-size: var(--display3-size);
    font-weight: var(--display3-weight);
    line-height: var(--display-line-height);
}

.display-4 {
    font-size: var(--display4-size);
    font-weight: var(--display4-weight);
    line-height: var(--display-line-height);
}

hr {
    margin-top: var(--hr-margin-y);
    margin-bottom: var(--hr-margin-y);
    border: 0;
    border-top: var(--hr-border-width) solid var(--hr-border-color);
}

small,
.small {
    font-size: var(--small-font-size);
    font-weight: var(--font-weight-normal);
}

mark,
.mark {
    padding: var(--mark-padding);
    background-color: var(--mark-bg);
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: var(--list-inline-padding);
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: var(--spacer-3);
    font-size: var(--blockquote-font-size);
}

.blockquote-footer {
    display: block;
    font-size: var(--blockquote-small-font-size);
    color: var(--blockquote-small-color);
}

.blockquote-footer::before {
    content: "— ";
}

a {
    color: inherit;
}

i, i.i-inline {
    display: inline-block;
    margin-left: var(--element-separator);
    margin-right: var(--element-separator);
    line-height: var(--line-height-base);
}

i:first-child, i.i-inline:first-child {
    margin-left: 0;
}

i:last-child, i.i-inline:last-child {
    margin-right: 0;
}

i.space-around {
    display: inline-block;
    margin-right: 0.3em;
    margin-left: 0.3em;
}

i.space-around:first-child {
    margin-left: 0;
}

i.space-around:last-child {
    margin-right: 0;
}

i.space-right {
    display: inline-block;
    margin-right: 0.3em;
}

i.space-left {
    display: inline-block;
    margin-left: 0.3em;
}

.space-right {
    display: inline-block;
    margin-right: 0.3em;
}

.space-left {
    display: inline-block;
    margin-left: 0.3em;
}

.mu-p {
    cursor: pointer;
}

.abs-tl {
    position: absolute;
    top: 0;
    left: 0;
}

.abs-tr {
    position: absolute;
    top: 0;
    right: 0;
}

.abs-bl {
    position: absolute;
    bottom: 0;
    left: 0;
}

.abs-br {
    position: absolute;
    bottom: 0;
    right: 0;
}

.pos-a {
    position: absolute;
}

.pos-r {
    position: relative;
}

.pos-st {
    position: sticky;
    top: 0;
}

.pos-sb {
    position: sticky;
    bottom: 0;
}

.pos-fb, .pos-ft {
    position: fixed;
    left: 0;
    right: 0;
}

.pos-ft {
    top: 0;
}

.pos-fb {
    bottom: 0;
}

.of-h {
    overflow: hidden;
}

.of-v {
    overflow: visible;
}

.of-s {
    overflow: scroll;
}

.of-a {
    overflow: auto;
}

.fl-x-tl, .fl-x-tr, .fl-x-tc, .fl-x-bl, .fl-x-br, .fl-x-bc, .fl-x-cl, .fl-x-cr, .fl-x-cc, .fl-eq, .fl-eq-t, .fl-eq-c, .fl-eq-b, .fl-x, .fl-x-t, .fl-x-c, .fl-x-b, .fl-te-c, .fl-te-t, .fl-te-b {
    display: flex;
    flex-direction: row;
}

.fl-y-tl, .fl-y-tr, .fl-y-tc, .fl-y-bl, .fl-y-br, .fl-y-bc, .fl-y-cl, .fl-y-cr, .fl-y-cc, .fl-eqh, .fl-eqh-l, .fl-eqh-c, .fl-eqh-r, .fl-y, .fl-y-l, .fl-y-c, .fl-y-r {
    display: flex;
    flex-direction: column;
}

.fl-x-tl.fl-rev, .fl-x-tr.fl-rev, .fl-x-tc.fl-rev,
.fl-x-bl.fl-rev, .fl-x-br.fl-rev, .fl-x-bc.fl-rev,
.fl-x-cl.fl-rev, .fl-x-cr.fl-rev, .fl-x-cc.fl-rev, .fl-x.fl-rev, .fl-x-t.fl-rev, .fl-x-b.fl-rev, .fl-x-c.fl-rev, .fl-te-t.fl-rev, .fl-te-c.fl-rev, .fl-te-b.fl-rev {
    flex-direction: row-reverse;
}

.fl-y-bl.fl-rev, .fl-y-br.fl-rev, .fl-y-bc.fl-rev,
.fl-y-tl.fl-rev, .fl-y-tr.fl-rev, .fl-y-tc.fl-rev,
.fl-y-cl.fl-rev, .fl-y-cr.fl-rev, .fl-y-cc.fl-rev, .fl-y.fl-rev, .fl-y-l.fl-rev, .fl-y-r.fl-rev, .fl-y-c.fl-rev {
    flex-direction: column-reverse;
}

.fl-x-tl, .fl-x-tr, .fl-x-tc, .fl-y-tl, .fl-y-bl, .fl-y-cl, .fl-eq-t, .fl-eqh-l, .fl-x-t, .fl-y-l, .fl-te-t, .fl-a-s {
    align-items: flex-start;
}

.fl-x-bl, .fl-x-br, .fl-x-bc, .fl-y-tr, .fl-y-br, .fl-y-cr, .fl-eq-b, .fl-eqh-r, .fl-x-b, .fl-y-r, .fl-te-b, .fl-a-e {
    align-items: flex-end;
}

.fl-x-cl, .fl-x-cr, .fl-x-cc, .fl-y-tc, .fl-y-bc, .fl-y-cc, .fl-eq-c, .fl-eqh-c, .fl-x-c, .fl-y-c, .fl-te-c, .fl-a-c {
    align-items: center;
}

.fl-a-d {
    align-items: stretch;
}

.fl-a-b {
    align-items: baseline;
}

.fl-x-tl, .fl-x-bl, .fl-x-cl, .fl-j-s {
    justify-content: flex-start;
}

.fl-x-tr, .fl-x-br, .fl-x-cr, .fl-y-bl, .fl-y-br, .fl-y-bc, .fl-j-e {
    justify-content: flex-end;
}

.fl-x-tc, .fl-x-bc, .fl-x-cc, .fl-y-cl, .fl-y-cr, .fl-y-cc, .fl-j-c {
    justify-content: center;
}

.fl-j-sa {
    justify-content: space-around;
}

.fl-j-se {
    justify-content: space-evenly;
}

.fl-te-c, .fl-te-t, .fl-te-b, .fl-j-sb {
    justify-content: space-between;
}

/* Flex Alignment Horizontally */
/* Flex Alignment Vertically */
/* Flex Equal Width Columns */
.fl-eq > *, .fl-eq-t > *, .fl-eq-b > *, .fl-eq-c > * {
    flex-grow: 1;
}

/* Flex Equal Height Row */
.fl-eqh > *, .fl-eqh-l > *, .fl-eqh-r > *, .fl-eqh-c > * {
    flex-grow: 1;
}

/* Flex X */
/* Flex Y */
/* Atomic */
.fl-grow {
    flex-basis: 100%;
    flex-grow: 1;
}

.fl-wrap {
    flex-wrap: wrap;
}

.fl-no-wrap {
    flex-wrap: nowrap;
}

.fl-gr-1, .fl-gr-1-h:hover {
    flex-grow: 1;
}

.fl-gr-2, .fl-gr-2-h:hover {
    flex-grow: 2;
}

.fl-gr-3, .fl-gr-3-h:hover {
    flex-grow: 3;
}

.fl-gr-4, .fl-gr-4-h:hover {
    flex-grow: 4;
}

.fl-gr-5, .fl-gr-5-h:hover {
    flex-grow: 5;
}

.fl-a-s {
    align-items: flex-start;
}

.fl-a-e {
    align-items: flex-end;
}

.fl-a-c {
    align-items: center;
}

.fl-a-d {
    align-items: stretch;
}

.fl-a-b {
    align-items: baseline;
}

.fl-j-s {
    justify-content: flex-start;
}

.fl-j-e {
    justify-content: flex-end;
}

.fl-j-c {
    justify-content: center;
}

.fl-j-sa {
    justify-content: space-around;
}

.fl-j-sb {
    justify-content: space-between;
}

.fl-j-se {
    justify-content: space-evenly;
}

.fl-te-c {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fl-x {
    display: flex;
    flex-direction: row;
}

.fl-y {
    display: flex;
    flex-direction: column;
}

@media (min-width: 576px) {
    .sm-fl-a-s {
        align-items: flex-start;
    }

    .sm-fl-a-e {
        align-items: flex-end;
    }

    .sm-fl-a-c {
        align-items: center;
    }

    .sm-fl-a-d {
        align-items: stretch;
    }

    .sm-fl-a-b {
        align-items: baseline;
    }

    .sm-fl-j-s {
        justify-content: flex-start;
    }

    .sm-fl-j-e {
        justify-content: flex-end;
    }

    .sm-fl-j-c {
        justify-content: center;
    }

    .sm-fl-j-sa {
        justify-content: space-around;
    }

    .sm-fl-j-sb {
        justify-content: space-between;
    }

    .sm-fl-j-se {
        justify-content: space-evenly;
    }

    .sm-fl-te-c {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sm-fl-x {
        display: flex;
        flex-direction: row;
    }

    .sm-fl-y {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .md-fl-a-s {
        align-items: flex-start;
    }

    .md-fl-a-e {
        align-items: flex-end;
    }

    .md-fl-a-c {
        align-items: center;
    }

    .md-fl-a-d {
        align-items: stretch;
    }

    .md-fl-a-b {
        align-items: baseline;
    }

    .md-fl-j-s {
        justify-content: flex-start;
    }

    .md-fl-j-e {
        justify-content: flex-end;
    }

    .md-fl-j-c {
        justify-content: center;
    }

    .md-fl-j-sa {
        justify-content: space-around;
    }

    .md-fl-j-sb {
        justify-content: space-between;
    }

    .md-fl-j-se {
        justify-content: space-evenly;
    }

    .md-fl-te-c {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .md-fl-x {
        display: flex;
        flex-direction: row;
    }

    .md-fl-y {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 992px) {
    .lg-fl-a-s {
        align-items: flex-start;
    }

    .lg-fl-a-e {
        align-items: flex-end;
    }

    .lg-fl-a-c {
        align-items: center;
    }

    .lg-fl-a-d {
        align-items: stretch;
    }

    .lg-fl-a-b {
        align-items: baseline;
    }

    .lg-fl-j-s {
        justify-content: flex-start;
    }

    .lg-fl-j-e {
        justify-content: flex-end;
    }

    .lg-fl-j-c {
        justify-content: center;
    }

    .lg-fl-j-sa {
        justify-content: space-around;
    }

    .lg-fl-j-sb {
        justify-content: space-between;
    }

    .lg-fl-j-se {
        justify-content: space-evenly;
    }

    .lg-fl-te-c {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .lg-fl-x {
        display: flex;
        flex-direction: row;
    }

    .lg-fl-y {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 1200px) {
    .xl-fl-a-s {
        align-items: flex-start;
    }

    .xl-fl-a-e {
        align-items: flex-end;
    }

    .xl-fl-a-c {
        align-items: center;
    }

    .xl-fl-a-d {
        align-items: stretch;
    }

    .xl-fl-a-b {
        align-items: baseline;
    }

    .xl-fl-j-s {
        justify-content: flex-start;
    }

    .xl-fl-j-e {
        justify-content: flex-end;
    }

    .xl-fl-j-c {
        justify-content: center;
    }

    .xl-fl-j-sa {
        justify-content: space-around;
    }

    .xl-fl-j-sb {
        justify-content: space-between;
    }

    .xl-fl-j-se {
        justify-content: space-evenly;
    }

    .xl-fl-te-c {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .xl-fl-x {
        display: flex;
        flex-direction: row;
    }

    .xl-fl-y {
        display: flex;
        flex-direction: column;
    }
}

.side-bar {
    background: var(--bg-4);
    display: flex;
    flex-direction: column;
    z-index: 1000;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    max-height: var(--full-height);
    /* Hover Effects */
}

.side-bar, .side-bar * {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.side-bar .logo-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
}

.side-bar .logo-container .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: var(--nav-bar-logo-text-color);
    font-size: var(--nav-bar-logo-font-size, 1.5rem);
    font-weight: 600;
    line-height: var(--nav-bar-height);
}

.side-bar .logo-container .logo img {
    height: 90%;
    min-height: 1.2em;
    max-height: calc(var(--nav-bar-height) - 2 * var(--nav-bar-item-padding-y));
    width: auto;
}

.side-bar > ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    justify-items: center;
}

.side-bar ul li a {
    display: block;
    text-decoration: none;
    font-size: var(--nav-bar-item-font-size);
    padding: var(--nav-bar-item-padding-y) var(--nav-bar-item-padding-x);
}

.side-bar > ul > li > a {
    color: var(--nav-bar-text-color);
    line-height: 2rem;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}

.side-bar > ul > li > a > i {
    align-self: center;
}

.side-bar > ul > li.active > a, .side-bar > ul > li > a:hover {
    color: var(--nav-bar-hover-text-color);
}

.side-bar .mobile-icons {
    display: none;
}

.side-bar > ul li > ul {
    height: 0;
    overflow: hidden;
    margin-left: var(--spacer-3);
    margin-right: var(--spacer-3);
}

.side-bar > ul li > ul.show {
    overflow: visible;
    height: auto;
    opacity: 1;
}

.side-bar > ul ul li {
    background-color: var(--nav-bar-dropdown-bg);
    position: relative;
    margin: 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid var(--border-color);
}

.side-bar ul ul > li > a {
    color: var(--nav-bar-dropdown-text-color);
}

.side-bar ul ul > li.active > a,
.side-bar ul ul > li > a:hover {
    color: var(--nav-bar-dropdown-hover-text-color);
    background-color: var(--nav-bar-dropdown-hover-bg);
}

.side-bar > ul ul li, .side-bar > ul ul li > a {
    display: block;
    transition: all 300ms;
}

.side-bar.nav-dd-animate ul ul {
    height: auto;
    animation-fill-mode: both;
    animation-duration: var(--nav-bar-animation-duration);
}

.side-bar.nav-dd-zoom ul {
    animation-name: zoomOutHide;
}

.side-bar.nav-dd-zoom ul.show {
    animation-name: zoomInHide;
}

.side-bar.nav-dd-zoom-down ul {
    animation-name: zoomOutDownHide;
}

.side-bar.nav-dd-zoom-down ul.show {
    animation-name: zoomInDownHide;
}

.side-bar.nav-dd-zoom-left ul {
    animation-name: zoomOutLeftHide;
}

.side-bar.nav-dd-zoom-left ul.show {
    animation-name: zoomInLeftHide;
}

.side-bar.nav-dd-zoom-right ul {
    animation-name: zoomOutRightHide;
}

.side-bar.nav-dd-zoom-right ul.show {
    animation-name: zoomInRightHide;
}

.side-bar.nav-dd-zoom-up ul {
    animation-name: zoomOutUpHide;
}

.side-bar.nav-dd-zoom-up ul.show {
    animation-name: zoomInUpHide;
}

.side-bar.nav-dd-rotate ul {
    animation-name: rotateOutHide;
}

.side-bar.nav-dd-rotate ul.show {
    animation-name: rotateInHide;
}

.side-bar.nav-dd-rotate-down-left ul {
    animation-name: rotateOutDownLeftHide;
}

.side-bar.nav-dd-rotate-down-left ul.show {
    animation-name: rotateInDownLeftHide;
}

.side-bar.nav-dd-rotate-down-right ul {
    animation-name: rotateOutDownRightHide;
}

.side-bar.nav-dd-rotate-down-right ul.show {
    animation-name: rotateInDownRightHide;
}

.side-bar.nav-dd-rotate-up-left ul {
    animation-name: rotateOutUpLeftHide;
}

.side-bar.nav-dd-rotate-up-left ul.show {
    animation-name: rotateInUpLeftHide;
}

.side-bar.nav-dd-rotate-up-right ul {
    animation-name: rotateOutUpRightHide;
}

.side-bar.nav-dd-rotate-up-right ul.show {
    animation-name: rotateInUpRightHide;
}

.side-bar.nav-dd-flip-x ul {
    animation-name: flipOutXHide;
}

.side-bar.nav-dd-flip-x ul.show {
    animation-name: flipInXHide;
}

.side-bar.nav-dd-flip-y ul {
    animation-name: flipOutYHide;
}

.side-bar.nav-dd-flip-y ul.show {
    animation-name: flipInYHide;
}

.side-bar.nav-dd-fade ul {
    animation-name: fadeOutHide;
}

.side-bar.nav-dd-fade ul.show {
    animation-name: fadeInHide;
}

.side-bar.nav-dd-fade-down ul {
    animation-name: fadeOutDownHide;
}

.side-bar.nav-dd-fade-down ul.show {
    animation-name: fadeInDownHide;
}

.side-bar.nav-dd-fade-down-big ul {
    animation-name: fadeOutDownBigHide;
}

.side-bar.nav-dd-fade-down-big ul.show {
    animation-name: fadeInDownBigHide;
}

.side-bar.nav-dd-fade-left ul {
    animation-name: fadeOutLeftHide;
}

.side-bar.nav-dd-fade-left ul.show {
    animation-name: fadeInLeftHide;
}

.side-bar.nav-dd-fade-left-big ul {
    animation-name: fadeOutLeftBigHide;
}

.side-bar.nav-dd-fade-left-big ul.show {
    animation-name: fadeInLeftBigHide;
}

.side-bar.nav-dd-fade-right ul {
    animation-name: fadeOutRightHide;
}

.side-bar.nav-dd-fade-right ul.show {
    animation-name: fadeInRightHide;
}

.side-bar.nav-dd-fade-right-big ul {
    animation-name: fadeOutRightBigHide;
}

.side-bar.nav-dd-fade-right-big ul.show {
    animation-name: fadeInRightBigHide;
}

.side-bar.nav-dd-fade-up ul {
    animation-name: fadeOutUpHide;
}

.side-bar.nav-dd-fade-up ul.show {
    animation-name: fadeInUpHide;
}

.side-bar.nav-dd-fade-up-big ul {
    animation-name: fadeOutUpBigHide;
}

.side-bar.nav-dd-fade-up-big ul.show {
    animation-name: fadeInUpBigHide;
}

.side-bar.nav-dd-fade-top-left ul {
    animation-name: fadeOutTopLeftHide;
}

.side-bar.nav-dd-fade-top-left ul.show {
    animation-name: fadeInTopLeftHide;
}

.side-bar.nav-dd-fade-top-right ul {
    animation-name: fadeOutTopRightHide;
}

.side-bar.nav-dd-fade-top-right ul.show {
    animation-name: fadeInTopRightHide;
}

.side-bar.nav-dd-fade-bottom-left ul {
    animation-name: fadeOutBottomLeftHide;
}

.side-bar.nav-dd-fade-bottom-left ul.show {
    animation-name: fadeInBottomLeftHide;
}

.side-bar.nav-dd-fade-bottom-right ul {
    animation-name: fadeOutBottomRightHide;
}

.side-bar.nav-dd-fade-bottom-right ul.show {
    animation-name: fadeInBottomRightHide;
}

.side-bar.nav-dd-bounce ul {
    animation-name: bounceOutHide;
}

.side-bar.nav-dd-bounce ul.show {
    animation-name: bounceInHide;
}

.side-bar.nav-dd-bounce-down ul {
    animation-name: bounceOutDownHide;
}

.side-bar.nav-dd-bounce-down ul.show {
    animation-name: bounceInDownHide;
}

.side-bar.nav-dd-bounce-left ul {
    animation-name: bounceOutLeftHide;
}

.side-bar.nav-dd-bounce-left ul.show {
    animation-name: bounceInLeftHide;
}

.side-bar.nav-dd-bounce-right ul {
    animation-name: bounceOutRightHide;
}

.side-bar.nav-dd-bounce-right ul.show {
    animation-name: bounceInRightHide;
}

.side-bar.nav-dd-bounce-up ul {
    animation-name: bounceOutUpHide;
}

.side-bar.nav-dd-bounce-up ul.show {
    animation-name: bounceInUpHide;
}

.side-bar.nav-dd-back-down ul {
    animation-name: backOutDownHide;
}

.side-bar.nav-dd-back-down ul.show {
    animation-name: backInDownHide;
}

.side-bar.nav-dd-back-left ul {
    animation-name: backOutLeftHide;
}

.side-bar.nav-dd-back-left ul.show {
    animation-name: backInLeftHide;
}

.side-bar.nav-dd-back-right ul {
    animation-name: backOutRightHide;
}

.side-bar.nav-dd-back-right ul.show {
    animation-name: backInRightHide;
}

.side-bar.nav-dd-back-up ul {
    animation-name: backOutUpHide;
}

.side-bar.nav-dd-back-up ul.show {
    animation-name: backInUpHide;
}

.side-bar.nav-dd-slide-down ul {
    animation-name: slideOutDownHide;
}

.side-bar.nav-dd-slide-down ul.show {
    animation-name: slideInDownHide;
}

.side-bar.nav-dd-slide-left ul {
    animation-name: slideOutLeftHide;
}

.side-bar.nav-dd-slide-left ul.show {
    animation-name: slideInLeftHide;
}

.side-bar.nav-dd-slide-right ul {
    animation-name: slideOutRightHide;
}

.side-bar.nav-dd-slide-right ul.show {
    animation-name: slideInRightHide;
}

.side-bar.nav-dd-slide-up ul {
    animation-name: slideOutUpHide;
}

.side-bar.nav-dd-slide-up ul.show {
    animation-name: slideInUpHide;
}

@media all and (min-width: 967px) {
    .side-bar.nav-he-basic-0 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%/var(--d, 0) 3px no-repeat;
    }

    .side-bar.nav-he-basic-0 > ul > li:hover {
        --d: 100%;
    }

    .side-bar.nav-he-basic-1 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%/var(--d, 0) 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-basic-1 > ul > li:hover {
        --d: 100%;
    }

    .side-bar.nav-he-basic-2 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 100%/var(--d, 0) 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-basic-2 > ul > li:hover {
        --d: 100%;
    }

    .side-bar.nav-he-basic-3 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) bottom/var(--d, 0) 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-basic-3 > ul > li:hover {
        --d: 100%;
    }

    .side-bar.nav-he-basic-4 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) var(--p, 0) 100%/var(--d, 0) 3px no-repeat;
        transition: 0.3s, background-position 0s 0.3s;
    }

    .side-bar.nav-he-basic-4 > ul > li:hover {
        --d: 100%;
        --p: 100%;
    }

    .side-bar.nav-he-basic-5 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) var(--p, 100%) 100%/var(--d, 0) 3px no-repeat;
        transition: 0.3s, background-position 0s 0.3s;
    }

    .side-bar.nav-he-basic-5 > ul > li:hover {
        --d: 100%;
        --p: 0%;
    }

    .side-bar.nav-he-basic-6 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) bottom/var(--d, 20%) 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-basic-6 > ul > li:hover {
        --d: 80%;
    }

    .side-bar.nav-he-continuous-1 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) var(--d, 201%) 100%/200% 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-continuous-1 > ul > li:hover {
        --d: -101%;
    }

    .side-bar.nav-he-continuous-2 > ul > li {
        background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 10px), var(--nav-bar-hover-effect-color) 0 calc(25% + 10px), transparent 0 50%) bottom right/200% 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-continuous-2 > ul > li:hover {
        background-position: bottom left;
    }

    .side-bar.nav-he-continuous-3 > ul > li {
        background: linear-gradient(90deg, var(--nav-bar-hover-effect-color) 33.3333333333%, transparent 0 66.6666666667%, var(--nav-bar-hover-effect-color) 0) var(--d, 0%) 100%/300% 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-continuous-3 > ul > li:hover {
        --d: 100%;
    }

    .side-bar.nav-he-continuous-4 > ul > li {
        background: linear-gradient(90deg, transparent 25%, var(--nav-bar-hover-effect-color) 0 75%, transparent 0) var(--d, 100%) 100%/200% 3px repeat-x;
        transition: 0.5s;
    }

    .side-bar.nav-he-continuous-4 > ul > li:hover {
        --d: -100%;
    }

    .side-bar.nav-he-continuous-5 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) var(--d, 201%) 100%/200% 3px no-repeat;
    }

    .side-bar.nav-he-continuous-5 > ul > li:hover {
        --d: -101%;
        transition: 0.5s;
    }

    .side-bar.nav-he-continuous-6 > ul > li {
        background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 10px), var(--nav-bar-hover-effect-color) 0 calc(25% + 10px), transparent 0 50%) bottom right/200% 3px no-repeat;
    }

    .side-bar.nav-he-continuous-6 > ul > li:hover {
        background-position: bottom left;
        transition: 0.3s;
    }

    .side-bar.nav-he-continuous-7 > ul > li {
        background: linear-gradient(90deg, var(--nav-bar-hover-effect-color) 33.3333333333%, transparent 0 66.6666666667%, var(--nav-bar-hover-effect-color) 0) var(--d, 0%) 100%/300% 3px no-repeat;
    }

    .side-bar.nav-he-continuous-7 > ul > li:hover {
        --d: 100%;
        transition: 0.5s;
    }

    .side-bar.nav-he-continuous-8 > ul > li {
        background: linear-gradient(90deg, transparent 25%, var(--nav-bar-hover-effect-color) 0 75%, transparent 0) var(--d, 100%) 100%/200% 3px repeat-x;
    }

    .side-bar.nav-he-continuous-8 > ul > li:hover {
        --d: -100%;
        transition: 0.5s;
    }

    .side-bar.nav-he-double-1 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) bottom 0 left 50%/var(--a, 0) 3px no-repeat, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) bottom 6px left 50%/var(--b, 0) 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-double-1 > ul > li:hover {
        --a: 60%;
        --b: 100%;
    }

    .side-bar.nav-he-double-2 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) bottom 0 left 0/var(--d, 0) 3px no-repeat, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) bottom 6px right 0/var(--d, 0) 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-double-2 > ul > li:hover {
        --d: 100%;
    }

    .side-bar.nav-he-double-3 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) bottom 0 left 0/var(--d, 0) 3px no-repeat, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) bottom 6px right 0/var(--d, 0) 3px no-repeat;
        transition: 0.5s, background-position 0s 0.5s;
    }

    .side-bar.nav-he-double-3 > ul > li:hover {
        --d: 100%;
        background-position: bottom 0 right 0, bottom 6px left 0;
    }

    .side-bar.nav-he-double-4 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%/var(--d, 0) 3px no-repeat, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% calc(100% - 6px)/var(--d, 0) 3px no-repeat;
        transition: 0s 0.5s, background-size 0.5s;
    }

    .side-bar.nav-he-double-4 > ul > li:hover {
        --d: 100%;
        background-position: 0% calc(100% - 3px), 100% calc(100% - 3px);
        transition: 0.3s, background-position 0.3s 0.3s;
    }

    .side-bar.nav-he-double-5 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%/var(--d, 0) 3px no-repeat, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 100%/var(--d, 0) 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-double-5 > ul > li:hover {
        --d: 51%;
    }

    .side-bar.nav-he-double-6 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%/var(--d, 0%) 3px no-repeat, linear-gradient(90deg, transparent 50%, var(--nav-bar-hover-effect-color) 0) bottom/calc(2 * var(--d, 0%)) 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-double-6 > ul > li:hover {
        --d: 51%;
    }

    .side-bar.nav-he-double-7 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 100%/var(--d, 0%) 3px no-repeat, linear-gradient(-90deg, transparent 50%, var(--nav-bar-hover-effect-color) 0) bottom/calc(2 * var(--d, 0%)) 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-double-7 > ul > li:hover {
        --d: 51%;
    }

    .side-bar.nav-he-double-8 > ul > li {
        background: linear-gradient(90deg, transparent 50%, var(--nav-bar-hover-effect-color) 0) 75% 100%/var(--d, 0%) 3px no-repeat, linear-gradient(-90deg, transparent 50%, var(--nav-bar-hover-effect-color) 0) 25% 100%/var(--d, 0%) 3px no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-double-8 > ul > li:hover {
        --d: 100%;
    }

    .side-bar.nav-he-allsides-1 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 100%;
        background-size: var(--d, 0) 3px, 3px var(--d, 0);
        background-repeat: no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-allsides-1 > ul > li:hover {
        --d: 100%;
    }

    .side-bar.nav-he-allsides-2 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 100%;
        background-size: var(--d, 0) 3px, 3px var(--d, 0);
        background-repeat: no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-allsides-2 > ul > li:hover {
        --d: 100%;
    }

    .side-bar.nav-he-allsides-3 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) top, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) left, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) bottom, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) right;
        background-size: var(--d, 0) 3px, 3px var(--d, 0);
        background-repeat: no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-allsides-3 > ul > li:hover {
        --d: 100%;
    }

    .side-bar.nav-he-allsides-4 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) var(--p, 100%) 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 var(--d, 0), linear-gradient(var(--nav-bar-hover-effect-color) 0 0) var(--d, 0) 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% var(--p, 100%);
        background-size: var(--d, 0) 3px, 3px var(--d, 0);
        background-repeat: no-repeat;
        transition: 0.5s, background-position 0s 0.5s;
    }

    .side-bar.nav-he-allsides-4 > ul > li:hover {
        --d: 100%;
        --p: 0%;
    }

    .side-bar.nav-he-allsides-5 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) var(--d, 0) 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 var(--d, 0), linear-gradient(var(--nav-bar-hover-effect-color) 0 0) var(--p, 100%) 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% var(--p, 100%);
        background-size: var(--d, 0) 3px, 3px var(--d, 0);
        background-repeat: no-repeat;
        transition: 0.5s, background-position 0s 0.5s;
    }

    .side-bar.nav-he-allsides-5 > ul > li:hover {
        --d: 100%;
        --p: 0%;
    }

    .side-bar.nav-he-allsides-6 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 100%;
        background-size: var(--d, 0) 3px, 3px var(--d, 0);
        background-repeat: no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-allsides-6 > ul > li:hover {
        --d: 20px;
    }

    .side-bar.nav-he-allsides-7 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 100%;
        background-size: var(--p, 50%) 3px, 3px var(--d, 0);
        background-repeat: no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-allsides-7 > ul > li:hover {
        --d: 100%;
        --p: 0%;
    }

    .side-bar.nav-he-allsides-8 > ul > li {
        background: linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 0 100%, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 0, linear-gradient(var(--nav-bar-hover-effect-color) 0 0) 100% 0;
        background-size: 20px 3px, 3px 20px;
        background-repeat: no-repeat;
        transition: 0.5s;
    }

    .side-bar.nav-he-allsides-8 > ul > li:hover {
        background-position: 100% 100%, 0 0, 0 0, 100% 100%;
    }
}

@media all and (max-width: 968px) {
    .side-bar {
        width: 100%;
    }

    .side-bar > ul {
        height: 0;
        overflow: hidden;
    }

    .side-bar > ul.show {
        animation-duration: var(--nav-bar-animation-duration);
        display: block;
        height: auto;
        overflow: visible;
        position: relative;
    }

    .side-bar .mobile-icons {
        display: flex;
    }
}