@charset "UTF-8";
a:where(.yameR-EHZZLDR4) {
    display: inline-block;
    position: relative;
    padding-bottom: .25rem;
    color: inherit;
    font-size: 1.25rem;
    font-size: clamp(13 / 16 * 1rem, 20 / var(--ol-view-point) * 100vw, 24 / 16 * 1rem);
    text-decoration: none;
    text-transform: uppercase
}

a:where(.yameR-EHZZLDR4):after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: right bottom;
    background-color: currentColor;
    content: "";
    transition: .6s var(--ol-ease-out-expo);
    transition-property: transform
}

a:where(.yameR-EHZZLDR4):hover:after,
a:where(.yameR-EHZZLDR4):focus:after,
a:where(.yameR-EHZZLDR4).is-active:after {
    transform: scaleX(1);
    transform-origin: left bottom
}

@media screen and (min-width: 414px) {
    a:where(.yameR-EHZZLDR4) {
        font-size: 1.6875rem;
        font-size: clamp(16 / 16 * 1rem, 27 / var(--ol-view-point) * 100vw, 27 / 16 * 1rem)
    }
}

@media screen and (min-width: 768px) {
    a:where(.yameR-EHZZLDR4) {
        font-size: 1.6875rem;
        font-size: clamp(16 / 16 * 1rem, 27 / var(--ol-view-point) * 100vw, 32 / 16 * 1rem)
    }
}

@media screen and (min-width: 1024px) {
    a:where(.yameR-EHZZLDR4) {
        font-size: 1.125rem;
        font-size: clamp(14 / 16 * 1rem, 18 / var(--ol-view-point) * 100vw, 18 / 16 * 1rem)
    }
}

.hamburger:where(.yameR-hamburger) {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    appearance: none;
    z-index: 1000;
    position: fixed;
    top: 1.875rem;
    right: calc(18 / var(--ol-view-point) * 100vw);
    width: calc(55 / var(--ol-view-point) * 100vw);
    max-width: 55px;
    height: calc(55 / var(--ol-view-point) * 100vw);
    max-height: 55px;
    border: 2px solid #E60012;   /* ヤンマー赤 */
    border-radius: 50%;
    background-color: #fff;      /* 中は白でシンプル */
    box-shadow: 2px 2px 10px rgba(0,0,0,0.15); /* 落ち着いた影 */
    color: #E60012;              /* 赤で統一 */
    text-decoration: none;
    cursor: pointer;
    transition: .3s var(--ol-ease-out-expo);
}


.hamburger:where(.yameR-hamburger):before,
.hamburger:where(.yameR-hamburger):after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 36.3636363636%;
    height: 1px;
    margin: auto;
    background-color: var(--ol-main-color);
    content: "";
    transition: inherit;
    transition-property: transform
}

.hamburger:where(.yameR-hamburger):before {
    transform: translateY(-3px)
}

.hamburger:where(.yameR-hamburger):after {
    transform: translateY(3px)
}

.hamburger:where(.yameR-hamburger)[aria-expanded=true]:before {
    transform: translateY(0) rotate(45deg)
}

.hamburger:where(.yameR-hamburger)[aria-expanded=true]:after {
    transform: translateY(0) rotate(-45deg)
}

@media screen and (min-width: 768px) {
    .hamburger:where(.yameR-hamburger) {
        top: 2rem;
        right: calc(30 / var(--ol-view-point) * 100vw)
    }
}

@media screen and (min-width: 1024px) {
    .hamburger:where(.yameR-hamburger) {
        display: none
    }
}

.header:where(.yameR-item) {
    z-index: 101;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.header__inner:where(.yameR-item) {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.875rem 5%;
    font-weight: 400;
    font-family: var(--ol-en-font-set);
    letter-spacing: .2em
}

.header__title:where(.yameR-item) {
    flex: 1 0 auto;
    margin-bottom: auto;
    padding-left: 5%;
    font-weight: 400;
    font-size: 1rem
}

.globalNav:where(.yameR-item) {
    display: flex;
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 4rem 8%;
    background-image: linear-gradient(
        210deg,
        #fff 0%,
        #fbe6e8 30%,
        #E60012 80%
    );
    background-size: 100% 200%;
    transition: 1.2s var(--ol-ease-out-expo);
    transition-property: opacity, visibility, background-position;
}


.globalNav:where(.yameR-item)[data-active=false] {
    visibility: hidden;
    background-position: 50% 100%;
    opacity: 0;
    pointer-events: none;
    transition-delay: .2s;
    transition-duration: 2s
}

.globalNav:where(.yameR-item)[data-active=false]:before {
    opacity: 0
}

.globalNav:where(.yameR-item)[data-active=true] {
    visibility: visible;
    background-position: 50% 0%;
    opacity: 1;
    pointer-events: auto;
    transition-duration: 1.2s, 1.2s, 2.4s
}

.globalNav:where(.yameR-item)[data-active=true]:before {
    opacity: 1
}

.is-resize .globalNav:where(.yameR-item)[data-active] {
    transition: none
}

.globalNav:where(.yameR-item)>:where(.yameR-item)+:where(.yameR-item) {
    margin-top: max(24 / 16 * 1rem, min(40 / 16 * 1rem, 40 / var(--ol-view-point) * 100vw))
}

.globalNav:where(.yameR-item):before {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff6b;
    content: "";
    transition: 2.4s var(--ol-ease-out-expo);
    transition-property: opacity
}

.globalNav__list:where(.yameR-item) {
    display: flex;
    flex-direction: column
}

.globalNav__list:where(.yameR-item)>li:where(.yameR-item)+li:where(.yameR-item) {
    margin-top: 1.5rem
}

.globalNav__list:where(.yameR-item) li:where(.yameR-item) {
    -webkit-backface-visibility: hidden;
    z-index: 0;
    position: relative;
    backface-visibility: hidden;
    transition: 1.2s var(--ol-ease-out-expo);
    transition-property: opacity, visibility, transform;
    will-change: transform
}

.globalNav:where(.yameR-item)[data-active=false] .globalNav__list:where(.yameR-item) li:where(.yameR-item) {
    visibility: hidden;
    transform: translate3d(0, 50%, 0);
    opacity: 0
}

.globalNav:where(.yameR-item)[data-active=true] .globalNav__list:where(.yameR-item) li:where(.yameR-item) {
    visibility: visible;
    transform: translateZ(0);
    opacity: 1
}

.globalNav:where(.yameR-item)[data-active=true] .globalNav__list:where(.yameR-item) li:where(.yameR-item):nth-child(1) {
    transition-delay: 0s
}

.globalNav:where(.yameR-item)[data-active=true] .globalNav__list:where(.yameR-item) li:where(.yameR-item):nth-child(2) {
    transition-delay: .05
}

.globalNav:where(.yameR-item)[data-active=true] .globalNav__list:where(.yameR-item) li:where(.yameR-item):nth-child(3) {
    transition-delay: .1s
}

.globalNav:where(.yameR-item)[data-active=true] .globalNav__list:where(.yameR-item) li:where(.yameR-item):nth-child(4) {
    transition-delay: .15s
}

.globalNav:where(.yameR-item)[data-active=true] .globalNav__list:where(.yameR-item) li:where(.yameR-item):nth-child(5) {
    transition-delay: .2s
}

.is-resize .globalNav:where(.yameR-item)[data-active] .globalNav__list:where(.yameR-item) li:where(.yameR-item) {
    transition: none
}

.sns__list:where(.yameR-item) {
    -webkit-backface-visibility: hidden;
    display: flex;
    z-index: 0;
    position: relative;
    backface-visibility: hidden;
    transition: 1.2s var(--ol-ease-out-expo);
    transition-property: opacity, visibility, transform;
    will-change: transform
}

.globalNav:where(.yameR-item)[data-active=false] .sns__list:where(.yameR-item) {
    visibility: hidden;
    transform: translate3d(0, 50%, 0);
    opacity: 0
}

.globalNav:where(.yameR-item)[data-active=true] .sns__list:where(.yameR-item) {
    visibility: visible;
    transform: translateZ(0);
    opacity: 1;
    transition-delay: .3s
}

.sns__list:where(.yameR-item)>li:where(.yameR-item)+li:where(.yameR-item) {
    margin-left: 1.5rem
}

.is-resize .globalNav:where(.yameR-item)[data-active] .sns__list:where(.yameR-item) {
    transition: none
}

.buttonSns:where(.yameR-item) {
    display: flex;
    z-index: 0;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: .75rem;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 3px 3px 26px #589ce029;
    color: inherit;
    transition: .6s var(--ol-ease-out-expo);
    transition-property: transform, background, box-shadow, border
}

.buttonSns:where(.yameR-item):before {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0);
    border-radius: 50%;
    background-color: var(--ol-main-color);
    content: "";
    transition: .4s var(--ol-ease-out-expo);
    transition-property: transform
}

.buttonSns:where(.yameR-item) svg:where(.yameR-item) {
    display: inline-block;
    flex: 0 0 auto
}

.buttonSns:where(.yameR-item) .triangle:where(.yameR-item) {
    fill: #fff;
    color: #fff
}

.buttonSns:where(.yameR-item):hover,
.buttonSns:where(.yameR-item):focus {
    box-shadow: 3px 3px 32px #589ce099;
    color: #fff
}

.buttonSns:where(.yameR-item):hover .triangle:where(.yameR-item),
.buttonSns:where(.yameR-item):focus .triangle:where(.yameR-item) {
    fill: var(--ol-primary-text-color);
    color: var(--ol-primary-text-color)
}

.buttonSns:where(.yameR-item):hover:before,
.buttonSns:where(.yameR-item):focus:before {
    transform: scale(1)
}

.logo:where(.yameR-item) {
    display: inline-block;
    width: calc(140 / var(--ol-view-point) * 100vw);
    min-width: 140px;
    max-width: 140px;
    color: inherit;
    text-decoration: none
}

.subTitle:where(.yameR-item) {
    display: block;
    z-index: 0;
    position: relative;
    width: 130%;
    margin-top: 1em;
/*    border: 1px solid var(--ol-border-color); */
    background-color: #fff;
    font-size: .9375rem;
    font-size: clamp(10 / 16 * 1rem, 15 / var(--ol-view-point) * 100vw, 15 / 16 * 1rem);
    line-height: 1.75;
    text-align: center;
    text-transform: uppercase
}

.subTitle:where(.yameR-item):before {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 90%;
    height: 9px;
    margin: auto;
    background-color: var(--ol-border-color);
    content: ""
}

.subTitle__inner:where(.yameR-item) {
    display: inline-block;
    padding: 0 .125em 0 .5em;
    background-color: #fff
}

.drawerAction:where(.yameR-item) {
    -webkit-backface-visibility: hidden;
    z-index: 0;
    position: relative;
    backface-visibility: hidden;
    transition: 1.2s var(--ol-ease-out-expo);
    transition-property: opacity, visibility, transform;
    will-change: transform
}

.globalNav:where(.yameR-item)[data-active=false] .drawerAction:where(.yameR-item) {
    visibility: hidden;
    transform: translate3d(0, 30%, 0);
    opacity: 0
}

.globalNav:where(.yameR-item)[data-active=true] .drawerAction:where(.yameR-item) {
    visibility: visible;
    transform: translateZ(0);
    opacity: 1;
    transition-delay: .35s
}

.is-resize .globalNav:where(.yameR-item)[data-active] .drawerAction:where(.yameR-item) {
    transition: none
}

.actionButton:where(.yameR-item) {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: flex;
    appearance: none;
    z-index: 10;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: calc(20 / 18 * 1em) 1em;
    background-color: transparent;
    background-color: var(--ol-secondary-color);
    box-shadow: 0 -3px 6px #4a8ea740;
    color: inherit;
    color: #fff;
    font-size: 1.125rem;
    font-size: clamp(12 / 16 * 1rem, 18 / var(--ol-view-point) * 100vw, 18 / 16 * 1rem);
    font-family: var(--ol-en-font-set);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: .4s var(--ol-ease-out-expo);
    transition-property: transform, background, box-shadow, border, color
}

.actionButton:where(.yameR-item):after {
    display: inline-block;
    width: .5em;
    height: .5em;
    margin-left: calc(7 / 18 * 1em);
    transform: translateY(-1px) rotate(45deg);
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    content: ""
}

.actionButton:where(.yameR-item):before {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right center;
    background-color: var(--ol-main-color);
    content: "";
    transition: inherit;
    transition-property: transform
}

.actionButton:where(.yameR-item):hover:before,
.actionButton:where(.yameR-item):focus:before {
    transform: scaleX(1);
    transform-origin: left center
}

.actionButton:where(.yameR-item).-inDrawer {
    display: inline-block;
    position: relative;
    width: auto;
    margin-top: 1rem;
    padding: .5em calc(84 / 18 * 1em);
    overflow: hidden;
    border: 1px solid #f5c2c2;    /* 優しい赤 */
    border-radius: 1.625rem;
    background-color: #fff;
    box-shadow: 3px 3px 12px rgba(230, 0, 18, 0.25); /* 赤系のやわらかい影 */
    color: #b0000e;               /* 深みのある赤文字 */
    transition: all .3s ease;
}
.actionButton:where(.yameR-item).-inDrawer:hover {
    background-color: #E60012;
    color: #fff;
}

.actionButton:where(.yameR-item).-inDrawer:after {
    content: none
}

.actionButton:where(.yameR-item).-inDrawer:hover,
.actionButton:where(.yameR-item).-inDrawer:focus {
    box-shadow: 3px 3px 40px #cdf4d6;
    color: #fff
}

@media screen and (min-width: 768px) {
    .header__inner:where(.yameR-item) {
        padding: 2rem 5%
    }
    .header__title:where(.yameR-item) {
        padding-left: 0%
    }
    .logo:where(.yameR-item) {
        width: calc(160 / var(--ol-view-point) * 100vw);
        max-width: 160px
    }
}

@media screen and (min-width: 1024px) {
    .header:where(.yameR-item) {
        position: fixed;
        right: auto;
        bottom: 0;
        width: calc(100% - 1540 / var(--ol-lg-design-width) * 100%);
        min-width: 200px
    }
    .header__inner:where(.yameR-item) {
        align-items: center;
        padding: 15%
    }
    .header__inner:where(.yameR-item)>:where(.yameR-item)+:where(.yameR-item) {
        margin-top: 3.5rem
    }
    .globalNav:where(.yameR-item) {
        position: static;
        justify-content: normal;
        padding: 0;
        background-image: none;
        background-color: transparent
    }
    .globalNav:where(.yameR-item)[data-active] {
        visibility: visible;
        opacity: 1;
        pointer-events: none;
        pointer-events: auto;
        transition: none
    }
    .globalNav:where(.yameR-item)[data-active]:before {
        content: none
    }
    .globalNav:where(.yameR-item)>:where(.yameR-item)+:where(.yameR-item) {
        margin-top: max(24 / 16 * 1rem, min(72 / 16 * 1rem, 72 / var(--ol-view-point) * 100vw))
    }
    .globalNav__list:where(.yameR-item)>li:where(.yameR-item):first-child {
        display: none
    }
    .globalNav__list:where(.yameR-item)>li:where(.yameR-item)+li:where(.yameR-item) {
        margin-top: .5rem
    }
    .globalNav:where(.yameR-item)[data-active] .globalNav__list:where(.yameR-item) li:where(.yameR-item) {
        visibility: visible;
        transform: none;
        opacity: 1;
        transition: none
    }
    .sns__list:where(.yameR-item) {
        flex-direction: column
    }
    .globalNav:where(.yameR-item)[data-active] .sns__list:where(.yameR-item) {
        visibility: visible;
        transform: none;
        opacity: 1;
        transition: none
    }
    .sns__list:where(.yameR-item)>li:where(.yameR-item)+li:where(.yameR-item) {
        margin-top: 1.125rem;
        margin-left: 0
    }
    .buttonSns:where(.yameR-item) {
        width: 2.5rem;
        height: 2.5rem;
        padding: .625rem
    }
    .logo:where(.yameR-item) {
        width: calc(275 / var(--ol-view-point) * 100vw);
        max-width: 175px
    }
    .subTitle:where(.yameR-item) {
        width: auto
    }
    .globalNav:where(.yameR-item)[data-active] .drawerAction:where(.yameR-item) {
        visibility: visible;
        transform: none;
        opacity: 1;
        transition: none
    }
    .actionButton:where(.yameR-item) {
        display: inline-block;
        position: relative;
        margin-top: auto;
        padding: .4em calc(60 / 18 * 1em);
        overflow: hidden;
        border: 1px solid #f8d5da;
        border-radius: 1.625rem;
        background-color: #fff;
        box-shadow: 3px 3px 15px #f8d5da;
        color: inherit
    }
    .actionButton:where(.yameR-item):after {
        content: none
    }
    .actionButton:where(.yameR-item):hover,
    .actionButton:where(.yameR-item):focus {
        box-shadow: 3px 3px 40px #f8d5da;
        color: #fff
    }
}

@media screen and (min-width: 1280px) {
    .header:where(.yameR-item) {
        width: calc(100% - 1600 / var(--ol-lg-design-width) * 100%)
    }
    .header__inner:where(.yameR-item)>:where(.yameR-item)+:where(.yameR-item) {
        margin-top: 4.375rem
    }
    .globalNav:where(.yameR-item)>:where(.yameR-item)+:where(.yameR-item) {
        margin-top: max(24 / 16 * 1rem, min(80 / 16 * 1rem, 80 / var(--ol-view-point) * 100vw))
    }
    .buttonSns:where(.yameR-item) {
        width: 2.75rem;
        height: 2.75rem;
        padding: .75rem
    }
}

@media screen and (min-width: 1480px) {
    .header:where(.yameR-item) {
        width: calc(100% - 1632 / var(--ol-lg-design-width) * 100%)
    }
}

.copyright:where(.yameR-copyright) {
    color: #212a45c4;
    font-style: italic;
    font-weight: 300;
    font-size: .8125rem;
    font-family: var(--ol-en-font-set);
    text-align: center
}

.copyright__name:where(.yameR-copyright) {
    text-transform: uppercase
}

@media screen and (min-width: 1024px) {
    .copyright:where(.yameR-copyright) {
        font-size: 1.0625rem
    }
}

.buttonPrimary:where(.yameR-HXTYR54O) {
    display: inline-flex;
    z-index: 0;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 2rem;
    padding: 1em 1.5em;
    overflow: hidden;
    border: 0;
    border-radius: 2.5rem;
    background-color: #f2fcff;
    box-shadow: 3px 3px 17px #f8d5da;
    color: #333;
    font-style: italic;
    font-weight: 700;
    font-size: 1.3rem;
    font-size: clamp(12 / 16 * 1rem, 16 / var(--ol-view-point) * 100vw, 16 / 16 * 1rem);
    line-height: 1.75;
    font-family: var(--ol-en-font-set);
    text-align: center;
    text-decoration: none;
    transition: .4s var(--ol-ease-out-expo);
    transition-property: transform, background, box-shadow, border, color
}

.buttonPrimary:where(.yameR-HXTYR54O):before {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right center;
    background-color: var(--ol-main-color);
    content: "";
    transition: inherit;
    transition-property: transform
}

.buttonPrimary:where(.yameR-HXTYR54O):after {
    display: inline-block;
    width: .5454545455em;
    height: .5454545455em;
    margin-left: .875rem;
    transform: rotate(45deg);
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    content: "";
    transition: inherit;
    transition-property: transform
}

.buttonPrimary:where(.yameR-HXTYR54O):hover,
.buttonPrimary:where(.yameR-HXTYR54O):focus {
    box-shadow: 3px 3px 64px #f8d5da;
    color: #fff
}

.buttonPrimary:where(.yameR-HXTYR54O):hover:before,
.buttonPrimary:where(.yameR-HXTYR54O):focus:before {
    transform: scaleX(1);
    transform-origin: left center
}

.buttonPrimary:where(.yameR-HXTYR54O):hover:after,
.buttonPrimary:where(.yameR-HXTYR54O):focus:after {
    transform: translate(100%) rotate(45deg)
}

.buttonPrimary:where(.yameR-HXTYR54O).-accent {
    background-color: var(--ol-secondary-color);
    color: #fff
}

.buttonPrimary:where(.yameR-HXTYR54O).-ja {
    font-style: normal;
    font-weight: 700;
    font-family: var(--ol-primary-font-set);

}

@media screen and (min-width: 576px) {
    .buttonPrimary:where(.yameR-HXTYR54O) {
        width: auto;
        padding: 1em 5.875em;
        margin-top:5rem;
    }
}

@media screen and (min-width: 1024px) {
    .buttonPrimary:where(.yameR-HXTYR54O) {
        padding: .8181818182em 4.2727272727em;
        font-size: 1.375rem;
        font-size: clamp(16 / 16 * 1rem, 22 / var(--ol-view-point) * 100vw, 22 / 16 * 1rem)
    }
}

@use "sass:math";
@use "../assets/sass/global" as *;
.heading:where(.yameR-heading) {
    z-index: 0;
    position: relative;
    margin-top: max(-16vw, -4.5rem);
    line-height: 1.2
}

.heading:where(.yameR-heading)[data-align~="min:center"] {
    text-align: center
}

.heading:where(.yameR-heading)[data-position~="0"] {
    margin-top: 0;
    line-height: 1.25
}

.heading:where(.yameR-heading)[data-position~="2"] {
    margin-top: max(-23vw, -6rem)
}

.heading:where(.yameR-heading)[data-position~="3"] {
    margin-top: max(-14vw, -3.5rem)
}

.heading:where(.yameR-heading)[data-position~="4"] {
    margin-top: max(-24vw, -5.5rem)
}

.heading__en:where(.yameR-heading) {
    display: block;
    font-style: italic;
    font-weight: 300;
    font-size: 3.875rem;
    font-size: clamp(40 / 16 * 1rem, 62 / var(--ol-view-point) * 100vw, 80 / 16 * 1rem);
    font-family: var(--ol-en-font-set);
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap
}

.heading__en:where(.yameR-heading)[data-size=faq] {
    font-size: 5.6875rem;
    font-size: clamp(80 / 16 * 1rem, 91 / var(--ol-view-point) * 100vw, 91 / 16 * 1rem)
}

.heading__en:where(.yameR-heading)[data-size=entry] {
    font-size: 5.6875rem;
    font-size: clamp(80 / 16 * 1rem, 91 / var(--ol-view-point) * 100vw, 91 / 16 * 1rem)
}

.heading__en:where(.yameR-heading)[data-size=mission] {
    font-size: 3.4375rem;
    font-size: clamp(34 / 16 * 1rem, 55 / var(--ol-view-point) * 100vw, 80 / 16 * 1rem)
}

.heading__en:where(.yameR-heading)[data-size=data] {
    transform: translate(-1rem);
    font-size: 5.75rem;
    font-size: clamp(60 / 16 * 1rem, 92 / var(--ol-view-point) * 100vw, 92 / 16 * 1rem)
}

.heading__en:where(.yameR-heading)[data-size=large] {
    font-size: 5.5rem;
    font-size: clamp(60 / 16 * 1rem, 88 / var(--ol-view-point) * 100vw, 92 / 16 * 1rem)
}

.heading__en:where(.yameR-heading)[data-color=green] {
    color: #d5003252
}

.heading__en:where(.yameR-heading)[data-color=dark-green] {
    color: #9b1b3052
}
.heading__en:where(.yameR-heading)[data-color=primary] {
    color: var(--ol-primary-text-color)
}

.heading__en:where(.yameR-heading)[data-color=blue] {
    color: #9b1b3052
}

.heading__en:where(.yameR-heading)[data-color=white] {
    color: #ffffff7d
}

.heading__ja:where(.yameR-heading) {
    display: inline-block;
    position: relative;
    margin: 0 .25em;
    padding-bottom: .8em;
    font-size: 1.25rem;
    font-size: clamp(16 / 16 * 1rem, 20 / var(--ol-view-point) * 100vw, 20 / 16 * 1rem)
}

.heading__ja:where(.yameR-heading):after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: var(--line-color);
    content: ""
}

.heading__ja:where(.yameR-heading)[data-size=entry] {
    margin: 0
}

.heading__ja:where(.yameR-heading)[data-size=entry]:after {
    background-color: #fff
}

@media screen and (min-width: 414px) {
    .heading:where(.yameR-heading)[data-position~="4"] {
        margin-top: max(-18.5vw, -6rem)
    }
}

@media screen and (min-width: 768px) {
    .heading:where(.yameR-heading) {
        margin-top: max(-12.5vw, -7rem)
    }
    .heading:where(.yameR-heading)[data-position~="2"] {
        margin-top: max(-12.5vw, -7.5rem)
    }
    .heading:where(.yameR-heading)[data-position~="3"] {
        margin-top: max(-10vw, -6rem)
    }
    .heading:where(.yameR-heading)[data-position~="4"] {
        margin-top: max(-14vw, -8.5rem)
    }
    .heading__en:where(.yameR-heading) {
        font-size: 6rem;
        font-size: clamp(80 / 16 * 1rem, 96 / var(--ol-view-point) * 100vw, 120 / 16 * 1rem)
    }
    .heading__en:where(.yameR-heading)[data-size=faq] {
        font-size: 7.5rem;
        font-size: clamp(90 / 16 * 1rem, 120 / var(--ol-view-point) * 100vw, 160 / 16 * 1rem)
    }
    .heading__en:where(.yameR-heading)[data-size=entry] {
        font-size: 7.5rem;
        font-size: clamp(90 / 16 * 1rem, 120 / var(--ol-view-point) * 100vw, 160 / 16 * 1rem)
    }
    .heading__en:where(.yameR-heading)[data-size=mission] {
        font-size: 6rem;
        font-size: clamp(80 / 16 * 1rem, 96 / var(--ol-view-point) * 100vw, 120 / 16 * 1rem)
    }
    .heading__en:where(.yameR-heading)[data-size=data] {
        font-size: 6.25rem;
        font-size: clamp(80 / 16 * 1rem, 100 / var(--ol-view-point) * 100vw, 100 / 16 * 1rem)
    }
    .heading__en:where(.yameR-heading)[data-size=large] {
        font-size: 6rem;
        font-size: clamp(80 / 16 * 1rem, 96 / var(--ol-view-point) * 100vw, 120 / 16 * 1rem)
    }
}

@media screen and (min-width: 1024px) {
    .heading:where(.yameR-heading) {
        margin-top: -9.5vw;
        line-height: 1
    }
    .heading:where(.yameR-heading)[data-align~="lg:right"] {
        text-align: right
    }
    .heading:where(.yameR-heading)[data-align~="lg:left"] {
        text-align: left
    }
    .heading:where(.yameR-heading)[data-position~="2"] {
        margin-top: min(-3.5rem, max(-4.5vw, -8rem))
    }
    .heading:where(.yameR-heading)[data-position~="3"] {
        margin-top: max(-8vw, -5rem)
    }
    .heading:where(.yameR-heading)[data-position~="4"] {
        margin-top: -12.5vw
    }
    .heading__en:where(.yameR-heading) {
        font-size: 13.875rem;
        font-size: clamp(110 / 16 * 1rem, 222 / var(--ol-view-point) * 100vw, 222 / 16 * 1rem)
    }
    .heading__en:where(.yameR-heading)[data-size=faq] {
        font-size: 10.0625rem;
        font-size: clamp(110 / 16 * 1rem, 161 / var(--ol-view-point) * 100vw, 161 / 16 * 1rem)
    }
    .heading__en:where(.yameR-heading)[data-size=entry] {
        font-size: 16.375rem;
        font-size: clamp(200 / 16 * 1rem, 262 / var(--ol-view-point) * 100vw, 262 / 16 * 1rem)
    }
    .heading__en:where(.yameR-heading)[data-size=mission] {
        font-size: 13.375rem;
        font-size: clamp(100 / 16 * 1rem, 214 / var(--ol-view-point) * 100vw, 222 / 16 * 1rem)
    }
    .heading__en:where(.yameR-heading)[data-size=data] {
        font-size: 13.875rem;
        font-size: clamp(110 / 16 * 1rem, 222 / var(--ol-view-point) * 100vw, 222 / 16 * 1rem)
    }
    .heading__en:where(.yameR-heading)[data-size=large] {
        font-size: 13.875rem;
        font-size: clamp(110 / 16 * 1rem, 222 / var(--ol-view-point) * 100vw, 222 / 16 * 1rem)
    }
    .heading__ja:where(.yameR-heading) {
        margin: 0 1em;
        padding-bottom: 1.6em
    }
    .heading__ja:where(.yameR-heading)[data-size=entry] {
        padding-bottom: .8em
    }
}

@media screen and (min-width: 1280px) {
    .heading:where(.yameR-heading)[data-position~="3"] {
        margin-top: max(-5.5vw, -5.5rem)
    }
    .heading:where(.yameR-heading)[data-position~="4"] {
        margin-top: -10.5vw
    }
}

.icon-arrow {
    display: flex;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    align-items: center;
    justify-content: center;
    width: max(24 / 16 * 1rem, 36 / var(--ol-view-point) * 100vw);
    height: max(24 / 16 * 1rem, 36 / var(--ol-view-point) * 100vw);
    margin: auto 0;
    border-radius: 50%;
    background-color: #fff;
    transition: .4s var(--ol-ease-out-expo);
    transition-property: background-color
}

.icon-arrow:after {
    width: max(8 / 16 * 1rem, 11 / var(--ol-view-point) * 100vw);
    height: max(8 / 16 * 1rem, 11 / var(--ol-view-point) * 100vw);
    transform: translate(-25%) rotate(45deg);
    border-top: 1px solid #5eaabc;
    border-right: 1px solid #5eaabc;
    content: "";
    transition: inherit;
    transition-property: border
}

.icon-arrow[data-theme=entry] {
    position: relative;
    top: .0625rem;
    right: 0;
    width: 2em;
    height: 2em;
    margin-left: .5rem;
    background-color: #ffffff91
}

.icon-arrow[data-theme=entry]:after {
    width: .5em;
    height: .5em;
    border-top: 1px solid #5eaabc;
    border-color: #fff
}

a[class~=entry__link]:hover .icon-arrow[data-theme=entry],
a[class~=entry__link]:focus .icon-arrow[data-theme=entry] {
    background-color: #fff
}

a[class~=entry__link]:hover .icon-arrow[data-theme=entry]:after,
a[class~=entry__link]:focus .icon-arrow[data-theme=entry]:after {
    border-color: var(--ol-main-color)
}

a[class~=buttonAnniversary]:hover .icon-arrow,
a[class~=buttonAnniversary]:focus .icon-arrow {
    background-color: var(--ol-main-color)
}

a[class~=buttonAnniversary]:hover .icon-arrow:after,
a[class~=buttonAnniversary]:focus .icon-arrow:after {
    border-color: #fff
}

@media screen and (min-width: 768px) {
    .icon-arrow {
        --ol-view-point: var(--ol-sm-design-width)
    }
}

@media screen and (min-width: 1024px) {
    .icon-arrow {
        --ol-view-point: var(--ol-lg-design-width);
        right: 40px;
        width: min(86 / 16 * 1rem, 120 / var(--ol-view-point) * 100vw);
        height: min(86 / 16 * 1rem, 120 / var(--ol-view-point) * 100vw)
    }
    .icon-arrow:after {
        width: min(26 / 16 * 1rem, 48 / var(--ol-view-point) * 100vw);
        height: min(26 / 16 * 1rem, 48 / var(--ol-view-point) * 100vw)
    }
    .icon-arrow[data-theme=entry] {
        width: 1.5em;
        height: 1.5em;
        margin-left: .75rem
    }
    .icon-arrow[data-theme=entry]:after {
        width: .375em;
        height: .375em
    }
}

.entry:where(.yameR-entry) {
    display: flex;
    flex-direction: column;
    background-color: var(--ol-main-color);
    color: inherit;
    text-decoration: none
}

.entry__header:where(.yameR-entry) {
    display: flex;
    position: relative
}

.entry__body:where(.yameR-entry) {
    color: #fff
}

.entry__figure:where(.yameR-entry) {
    order: -1;
    aspect-ratio: 414/339;
    overflow: hidden;
    border-radius: 0 0 3.75rem 3.75rem
}

@supports not (aspect-ratio: 1/1) {
    .entry__figure:where(.yameR-entry) {
        position: relative;
        width: 100%;
        padding-top: 81.884057971%
    }
}

.entry__figure:where(.yameR-entry) img:where(.yameR-entry),
.entry__figure:where(.yameR-entry) iframe:where(.yameR-entry) {
    width: 100%;
    height: 100%
}

@supports not (aspect-ratio: 1/1) {
    .entry__figure:where(.yameR-entry) img:where(.yameR-entry),
    .entry__figure:where(.yameR-entry) iframe:where(.yameR-entry) {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.entry__figure:where(.yameR-entry) img:where(.yameR-entry) {
    -o-object-fit: cover;
    object-fit: cover
}

.entry__figure:where(.yameR-entry) img:where(.yameR-entry) {
    -o-object-fit: cover;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.entry__link:where(.yameR-entry) {
    display: inline-flex;
    position: relative;
    align-items: center;
    color: inherit;
    text-decoration: none
}

.entry__link:where(.yameR-entry) span:where(.yameR-entry) {
    position: relative
}

.entry__link:where(.yameR-entry) span:where(.yameR-entry):after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    transform: scaleX(0);
    transform-origin: right bottom;
    background-color: #fff;
    content: "";
    transition: var(--ol-duration) var(--ol-ease-out-expo);
    transition-property: transform
}

.entry__link:where(.yameR-entry):hover span:where(.yameR-entry):after,
.entry__link:where(.yameR-entry):focus span:where(.yameR-entry):after {
    transform: scaleX(1);
    transform-origin: left bottom
}

@media screen and (min-width: 768px) {
    .entry__figure:where(.yameR-entry) {
        aspect-ratio: 768/400
    }
    @supports not (aspect-ratio: 1/1) {
        .entry__figure:where(.yameR-entry) {
            position: relative;
            width: 100%;
            padding-top: 52.0833333333%
        }
    }
    .entry__figure:where(.yameR-entry) img:where(.yameR-entry),
    .entry__figure:where(.yameR-entry) iframe:where(.yameR-entry) {
        width: 100%;
        height: 100%
    }
    @supports not (aspect-ratio: 1/1) {
        .entry__figure:where(.yameR-entry) img:where(.yameR-entry),
        .entry__figure:where(.yameR-entry) iframe:where(.yameR-entry) {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }
    }
    .entry__figure:where(.yameR-entry) img:where(.yameR-entry) {
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none) {
    .entry__figure:where(.yameR-entry) {
        position: relative;
        width: 100%;
        padding-top: 52.0833333333%
    }
    .entry__figure:where(.yameR-entry) img:where(.yameR-entry),
    .entry__figure:where(.yameR-entry) iframe:where(.yameR-entry) {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media screen and (min-width: 1024px) {
    .entry__figure:where(.yameR-entry) {
        aspect-ratio: 1920/804;
        border-radius: 0 0 8.75rem 8.75rem
    }
    @supports not (aspect-ratio: 1/1) {
        .entry__figure:where(.yameR-entry) {
            position: relative;
            width: 100%;
            padding-top: 41.875%
        }
    }
    .entry__figure:where(.yameR-entry) img:where(.yameR-entry),
    .entry__figure:where(.yameR-entry) iframe:where(.yameR-entry) {
        width: 100%;
        height: 100%
    }
    @supports not (aspect-ratio: 1/1) {
        .entry__figure:where(.yameR-entry) img:where(.yameR-entry),
        .entry__figure:where(.yameR-entry) iframe:where(.yameR-entry) {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }
    }
    .entry__figure:where(.yameR-entry) img:where(.yameR-entry) {
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media screen and (min-width: 1024px) and (-ms-high-contrast: none) {
    .entry__figure:where(.yameR-entry) {
        position: relative;
        width: 100%;
        padding-top: 41.875%
    }
    .entry__figure:where(.yameR-entry) img:where(.yameR-entry),
    .entry__figure:where(.yameR-entry) iframe:where(.yameR-entry) {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media all and (-ms-high-contrast: none) {
    .entry__figure:where(.yameR-entry) {
        position: relative;
        width: 100%;
        padding-top: 81.884057971%
    }
    .entry__figure:where(.yameR-entry) img:where(.yameR-entry),
    .entry__figure:where(.yameR-entry) iframe:where(.yameR-entry) {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

:root {
    --ol-content-width: 1280;
    --ol-space-min: 8;
    --ol-space-xxsmall: 16;
    --ol-space-xsmall: 24;
    --ol-space-small: 40;
    --ol-space-medium: 64;
    --ol-space-large: 88;
    --ol-space-xlarge: 134;
    --ol-space-xxlarge: 160;
    --ol-space-max: 192;
    --ol-space: 8;
    --ol-sm-design-width: 375;
    --ol-md-design-width: 768;
    --ol-lg-design-width: 1920;
    --ol-scrollbar-width: 0;
    --ol-base-color: #ffffff;     /* ベースは白で清潔感 */
    --ol-main-color: #d50032;     /* ヤンマーレッド（ブランドカラー） */
    --ol-accent-color: #e57373;   /* 明るめの赤（アクセント） */
    --ol-light-color: #f5f5f5;    /* 背景用の淡いグレー */
    --ol-dark-color: #1c1c1c;     /* 見出し用の濃いグレー（黒寄り） */
    --ol-primary-text-color: #101010; /* 本文の標準カラー */
    --ol-light-text-color: #ffffff;   /* 白抜き文字用 */
    --ol-primary-font-set: sans-serif;
    --ol-en-font-set: sans-serif;
    --ol-base-line-height: 1.5;
    --ol-scroll-behavior: smooth;
    --ol-ease-out-expo: cubic-bezier(.16, 1, .3, 1);
    --ol-duration: .6s;
    --ol-view-point: var(--ol-sm-design-width)
}

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

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

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

html {
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    min-height: 100%;
    overflow-y: scroll;
    scroll-behavior: var(--ol-scroll-behavior, initial)
}

body {
    -webkit-overflow-scrolling: touch;
    font-feature-settings: "pkna";
    min-height: 100%;
    background-color: var(--ol-base-color, #fff);
    color: var(--ol-primary-text-color, #101010);
    line-height: var(--ol-base-line-height, 1.5);
    font-family: 
        "Noto Sans JP",       /* 日本語用 */
        "Helvetica Neue",     /* 英字用 */
        "Arial", 
        sans-serif;
    letter-spacing: 0.05em;
    text-rendering: optimizeLegibility;
    font-weight: 400;
}

blockquote,
q {
    quotes: none
}

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

hr {
    overflow: visible
}

ol,
ul {
    list-style: none
}

pre {
    font-size: 1em;
    font-family: monospace
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    border-bottom: none;
    text-decoration: underline dotted;
    text-decoration: underline
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-size: 1em;
    font-family: monospace
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: .8em
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img,
video,
svg {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

svg:not([fill]) {
    fill: currentColor
}

svg:not(:root) {
    overflow: hidden
}

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

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit
}

button,
select {
    text-transform: none
}

button,
input {
    overflow: visible
}

button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
    -webkit-appearance: button;
    cursor: pointer
}

button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    outline: 1px dotted ButtonText
}

legend {
    display: table;
    max-width: 100%;
    color: inherit;
    white-space: normal
}

optgroup {
    font-weight: 700
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],
[type=radio] {
    padding: 0
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

template,
[hidden] {
    display: none
}

[disabled],
[aria-disabled=true] {
    cursor: not-allowed
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-hidden=false][hidden] {
    display: initial
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

:focus:not(:focus-visible),
:before:focus:not(:focus-visible),
:after:focus:not(:focus-visible) {
    outline: none
}

button:not([type]):after {
    background-color: red;
    content: "\3010\8b66\544a\3011\3053\306e button\306b\306ftype\5c5e\6027\304c\3042\308a\307e\305b\3093";
    color: #fff
}

.ol-container {
    margin: 0 auto
}

.ol-container:not([data-width]) {
    width: 90%
}

.ol-container:not([data-align]) {
    margin: 0 auto
}

.ol-spacer[data-overflow=hidden] {
    overflow: hidden
}

.ol-spacer[data-overflow=auto] {
    overflow: auto
}

.ol-spacer[data-overflow=visible] {
    overflow: visible
}

.ol-spacer[data-bg=base] {
    background-color: var(--ol-base-color)
}

.ol-spacer[data-bg=main] {
    background-color: var(--ol-main-color)
}

.ol-spacer[data-bg=accent] {
    background-color: var(--ol-accent-color)
}

.ol-spacer[data-bg=light] {
    background-color: var(--ol-light-color)
}

.ol-spacer[data-bg=dark] {
    background-color: var(--ol-dark-color)
}

.ol-spacer[data-bg=white] {
    background-color: #fff
}

.ol-spacer[data-bg=block] {
    background-color: #000
}

.ol-spacer[data-border~=top] {
    border-top: 1px solid var(--ol-light-color)
}

.ol-spacer[data-border~=bottom] {
    border-bottom: 1px solid var(--ol-light-color)
}

.ol-flex {
    display: flex
}

.ol-flex__item {
    display: flex;
    flex-direction: column
}

.ol-grid {
    --ol-grid-columns: 12;
    display: grid;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
    margin: 0;
    padding: 0
}

.ol-grid__item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0
}

.ol-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    appearance: none;
    border: 0;
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.ol-card {
    display: flex;
    position: relative;
    flex: 1 1 auto;
    flex-direction: column;
    color: inherit;
    text-decoration: none
}

.ol-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    order: 1
}

.ol-card__thumbnail {
    order: 0
}

.ol-card__image {
    width: 100%
}

.ol-media {
    display: flex;
    position: relative;
    flex: 1 0 auto;
    flex-direction: row;
    color: inherit;
    text-decoration: none
}

.ol-media__body {
    display: flex;
    flex-direction: column;
    order: 1;
    width: 65.9793814433%
}

.ol-media__thumbnail {
    position: relative;
    flex-shrink: 0;
    width: 31.9587628866%
}

.ol-media__figure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ol-media__figure img {
    width: 100%
}

.ol-list.-circle .ol-list__item {
    padding-left: 1.375em
}

.ol-list.-circle .ol-list__item:before {
    display: inline-block;
    width: .875em;
    height: .875em;
    margin-right: .5em;
    margin-left: -1.375em;
    border-radius: 50%;
    background-color: #fff;
    content: ""
}

.ol-list.-circle .ol-list__item:not(:last-child) {
    margin-bottom: 1rem
}

.ol-defineList__term,
.ol-defineList__description {
    margin: 0;
    padding: 0
}

.ol-textfield {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    appearance: none;
    width: 100%;
    padding: 1rem 1.25rem;
    border: 0;
    border-radius: .625rem;
    outline: 0;
    background-color: #fff;
    font-size: 1rem
}

.ol-textfield:focus {
    box-shadow: 0 0 0 3px #00000029
}

.ol-textfield::-moz-placeholder {
    color: #a7a7a7
}

.ol-textfield::placeholder {
    color: #a7a7a7
}

.ol-textfield.-harf {
    width: 50%
}

.ol-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.5625rem;
    height: 1.5625rem;
    margin: .25rem .5rem;
    border: 0;
    outline: 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.858%22%20height%3D%2211.825%22%20viewBox%3D%220%200%2015.858%2011.825%22%3E%20%3Cpath%20id%3D%22Icon_awesome-check%22%20data-name%3D%22Icon%20awesome-check%22%20d%3D%22M5.386%2C16.17.232%2C11.016a.793.793%2C0%2C0%2C1%2C0-1.121L1.354%2C8.774a.793.793%2C0%2C0%2C1%2C1.121%2C0l3.472%2C3.472%2C7.436-7.436a.793.793%2C0%2C0%2C1%2C1.121%2C0l1.121%2C1.121a.793.793%2C0%2C0%2C1%2C0%2C1.121L6.507%2C16.17A.793.793%2C0%2C0%2C1%2C5.386%2C16.17Z%22%20transform%3D%22translate(0%20-4.577)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E");
    background-position: center center;
    background-size: 0 0;
    background-repeat: no-repeat;
    background-color: #fff;
    vertical-align: middle;
    cursor: pointer
}

.ol-checkbox:checked {
    background-size: 60% 60%
}

.ol-checkbox:focus {
    box-shadow: 0 0 0 3px #00000029
}

.ol-slider {
    position: relative;
    width: 100%
}

.ol-slider__item {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.ol-slider__item:first-of-type {
    z-index: 3;
    position: relative
}

.ol-slider.is-sliderReady .ol-slider__item:first-of-type {
    opacity: 1
}

.ol-slider__item:nth-child(n+2) {
    opacity: 0
}

.ol-slider.is-sliderReady .ol-slider__item:nth-child(n+2) {
    opacity: 0
}

.ol-slider__item.is-sliderActive {
    z-index: 3;
    opacity: 1
}

.ol-slider__item.is-sliderNext {
    z-index: 2;
    opacity: 0
}

.ol-slider__item.is-sliderPrev {
    z-index: 1;
    opacity: 1
}

.ol-slider__image {
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    backface-visibility: hidden
}

.ol-slider[data-mode=fade]:not(.is-sliderReady) .is-sliderActive .ol-slider__image {
    animation: fadeIn 2s var(--ol-ease-out-expo) 0s 1 normal both;
    will-change: animation
}

.ol-slider__nav {
    display: flex;
    justify-content: center
}

.ol-slider__navItem {
    flex: 0 0 auto
}

.ol-slider__navItem+.ol-slider__navItem {
    margin-left: 1rem
}

.ol-slider__navButton {
    position: relative;
    width: 22px;
    height: 22px;
    margin: auto;
    font-size: 1px
}

.ol-slider__navButton:before,
.ol-slider__navButton:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.ol-slider__navButton:before {
    width: 10px;
    height: 10px;
    margin: auto;
    border-radius: 50%;
    background-color: #afafaf
}

.ol-slider__navButton:after {
    width: 100%;
    height: 100%;
    transform: scale3d(0, 0, 1);
    border: 1px solid transparent;
    border-radius: 50%;
    transition-duration: var(--ol-duration);
    transition-property: transform, border;
    transition-timing-function: var(--ol-ease-out-expo)
}

.ol-slider__navButton.is-sliderActive:after {
    transform: scaleZ(1);
    border-color: #afafaf
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.ol-visuallyHidden:not(:focus) {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    white-space: nowrap;
    clip-path: inset(50%)
}


/*! Olayout CSS v1.0.0 | MIT License | https://github.com/hirosiva/Olayout */

@media screen and (min-width: 0) {
    .ol-container[data-disabled~=min] {
        width: auto;
        max-width: none
    }
    .ol-container[data-width~="min:xsmall"] {
        width: 70%
    }
    .ol-container[data-width~="min:small"] {
        width: 82%
    }
    .ol-container[data-width~="min:medium"] {
        width: 90%
    }
    .ol-container[data-width~="min:large"] {
        width: 95%
    }
    .ol-container[data-width~="min:auto"] {
        width: auto
    }
    .ol-container[data-max~="min:small"] {
        max-width: 640px
    }
    .ol-container[data-max~="min:medium"] {
        max-width: 768px
    }
    .ol-container[data-max~="min:large"] {
        max-width: 1166px
    }
    .ol-container[data-max~="min:xlarge"] {
        max-width: 1280px
    }
    .ol-container[data-max~="min:xxlarge"] {
        max-width: 1536px
    }
    .ol-container[data-max~="min:none"] {
        max-width: none
    }
    .ol-container[data-align~="min:left"] {
        margin-right: auto;
        margin-left: 0
    }
    .ol-container[data-align~="min:right"] {
        margin-right: 0;
        margin-left: auto
    }
    .ol-container[data-align~="min:center"] {
        margin-right: auto;
        margin-left: auto
    }
    .ol-wrapper[data-position~="min:static"] {
        position: static
    }
    .ol-wrapper[data-position~="min:relative"] {
        position: relative
    }
    .ol-wrapper[data-position~="min:absolute"] {
        position: absolute
    }
    .ol-wrapper[data-position~="min:fixed"] {
        position: fixed
    }
    .ol-wrapper[data-position~="min:sticky"] {
        position: sticky
    }
    .ol-wrapper[data-display~="min:none"] {
        display: none
    }
    .ol-wrapper[data-display~="min:inline"] {
        display: inline
    }
    .ol-wrapper[data-display~="min:block"] {
        display: block
    }
    .ol-wrapper[data-display~="min:flex"] {
        display: flex
    }
    .ol-wrapper[data-display~="min:grid"] {
        display: grid
    }
    .ol-wrapper[data-display~="min:unset"] {
        display: unset
    }
    .ol-wrapper[data-over~="min:auto"] {
        overflow: auto
    }
    .ol-wrapper[data-over~="min:hidden"] {
        overflow: hidden
    }
    .ol-wrapper[data-over~="min:visible"] {
        overflow: visible
    }
    .ol-wrapper[data-over~="min:scroll"] {
        overflow: scroll
    }
    .ol-spacer[data-py~="min:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:0"] {
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:0"] {
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:0"] {
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:0"] {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:0"]>*+* {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:0"]>*+* {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:1"] {
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:1"] {
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:1"] {
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:1"] {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:1"]>*+* {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:1"]>*+* {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:2"] {
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:2"] {
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:2"] {
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:2"] {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:2"]>*+* {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:2"]>*+* {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:3"] {
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:3"] {
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:3"] {
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:3"] {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:3"]>*+* {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:3"]>*+* {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:4"] {
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:4"] {
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:4"] {
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:4"] {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:4"]>*+* {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:4"]>*+* {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:5"] {
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:5"] {
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:5"] {
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:5"] {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:5"]>*+* {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:5"]>*+* {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:6"] {
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:6"] {
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:6"] {
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:6"] {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:6"]>*+* {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:6"]>*+* {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:7"] {
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:7"] {
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:7"] {
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:7"] {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:7"]>*+* {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:7"]>*+* {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:8"] {
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:8"] {
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:8"] {
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:8"] {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:8"]>*+* {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:8"]>*+* {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:9"] {
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:9"] {
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:9"] {
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:9"] {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:9"]>*+* {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:9"]>*+* {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:10"] {
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:10"] {
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:10"] {
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:10"] {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:10"]>*+* {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:10"]>*+* {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:11"] {
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:11"] {
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:11"] {
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:11"] {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:11"]>*+* {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:11"]>*+* {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:12"] {
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:12"] {
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:12"] {
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:12"] {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:12"]>*+* {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:12"]>*+* {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:13"] {
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:13"] {
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:13"] {
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:13"] {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:13"]>*+* {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:13"]>*+* {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:14"] {
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:14"] {
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:14"] {
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:14"] {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:14"]>*+* {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:14"]>*+* {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:15"] {
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:15"] {
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:15"] {
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:15"] {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:15"]>*+* {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:15"]>*+* {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:16"] {
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:16"] {
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:16"] {
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:16"] {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:16"]>*+* {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:16"]>*+* {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:17"] {
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:17"] {
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:17"] {
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:17"] {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:17"]>*+* {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:17"]>*+* {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:18"] {
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:18"] {
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:18"] {
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:18"] {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:18"]>*+* {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:18"]>*+* {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:19"] {
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:19"] {
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:19"] {
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:19"] {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:19"]>*+* {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:19"]>*+* {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:20"] {
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:20"] {
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:20"] {
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:20"] {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:20"]>*+* {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:20"]>*+* {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:21"] {
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:21"] {
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:21"] {
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:21"] {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:21"]>*+* {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:21"]>*+* {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:22"] {
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:22"] {
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:22"] {
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:22"] {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:22"]>*+* {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:22"]>*+* {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:23"] {
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:23"] {
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:23"] {
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:23"] {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:23"]>*+* {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:23"]>*+* {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:24"] {
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:24"] {
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:24"] {
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:24"] {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:24"]>*+* {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:24"]>*+* {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:25"] {
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:25"] {
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:25"] {
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:25"] {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:25"]>*+* {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:25"]>*+* {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:26"] {
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:26"] {
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:26"] {
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:26"] {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:26"]>*+* {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:26"]>*+* {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:27"] {
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:27"] {
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:27"] {
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:27"] {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:27"]>*+* {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:27"]>*+* {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:28"] {
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:28"] {
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:28"] {
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:28"] {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:28"]>*+* {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:28"]>*+* {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:29"] {
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:29"] {
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:29"] {
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:29"] {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:29"]>*+* {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:29"]>*+* {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:30"] {
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:30"] {
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:30"] {
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:30"] {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:30"]>*+* {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:30"]>*+* {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:31"] {
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:31"] {
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:31"] {
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:31"] {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:31"]>*+* {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:31"]>*+* {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:32"] {
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:32"] {
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:32"] {
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:32"] {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:32"]>*+* {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:32"]>*+* {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:33"] {
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:33"] {
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:33"] {
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:33"] {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:33"]>*+* {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:33"]>*+* {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:34"] {
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:34"] {
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:34"] {
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:34"] {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:34"]>*+* {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:34"]>*+* {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:35"] {
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:35"] {
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:35"] {
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:35"] {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:35"]>*+* {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:35"]>*+* {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:36"] {
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:36"] {
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:36"] {
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:36"] {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:36"]>*+* {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:36"]>*+* {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:37"] {
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:37"] {
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:37"] {
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:37"] {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:37"]>*+* {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:37"]>*+* {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:38"] {
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:38"] {
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:38"] {
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:38"] {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:38"]>*+* {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:38"]>*+* {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:39"] {
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:39"] {
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:39"] {
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:39"] {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:39"]>*+* {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:39"]>*+* {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-py~="min:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="min:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="min:40"] {
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-px~="min:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="min:40"] {
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="min:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-my~="min:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="min:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="min:40"] {
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="min:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="min:40"] {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="min:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="min:40"]>*+* {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="min:40"]>*+* {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-flex[data-wrap~="min:nowrap"] {
        flex-wrap: nowrap
    }
    .ol-flex[data-wrap~="min:wrap"] {
        flex-wrap: wrap
    }
    .ol-flex[data-dir~="min:row"] {
        flex-direction: row
    }
    .ol-flex[data-dir~="min:reverse"] {
        flex-direction: row-reverse
    }
    .ol-flex[data-dir~="min:column"] {
        flex-direction: column
    }
    .ol-flex[data-align~="min:start"] {
        justify-content: flex-start
    }
    .ol-flex[data-align~="min:center"] {
        justify-content: center
    }
    .ol-flex[data-align~="min:end"] {
        justify-content: flex-end
    }
    .ol-flex[data-align~="min:justify"] {
        justify-content: space-between
    }
    .ol-flex[data-align~="min:top"] {
        align-items: flex-start
    }
    .ol-flex[data-align~="min:middle"] {
        align-items: center
    }
    .ol-flex[data-align~="min:bottom"] {
        align-items: flex-end
    }
    .ol-flex[data-gap~="min:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap~="min:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="min:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="min:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex__item[data-col~="min:1"] {
        width: 8.3333333333%
    }
    .ol-flex__item[data-col~="min:2"] {
        width: 16.6666666667%
    }
    .ol-flex__item[data-col~="min:3"] {
        width: 25%
    }
    .ol-flex__item[data-col~="min:4"] {
        width: 33.3333333333%
    }
    .ol-flex__item[data-col~="min:5"] {
        width: 41.6666666667%
    }
    .ol-flex__item[data-col~="min:6"] {
        width: 50%
    }
    .ol-flex__item[data-col~="min:7"] {
        width: 58.3333333333%
    }
    .ol-flex__item[data-col~="min:8"] {
        width: 66.6666666667%
    }
    .ol-flex__item[data-col~="min:9"] {
        width: 75%
    }
    .ol-flex__item[data-col~="min:10"] {
        width: 83.3333333333%
    }
    .ol-flex__item[data-col~="min:11"] {
        width: 91.6666666667%
    }
    .ol-flex__item[data-col~="min:12"] {
        width: 100%
    }
    .ol-flex__item[data-align~="min:start"] {
        align-items: flex-start
    }
    .ol-flex__item[data-align~="min:center"] {
        align-items: center
    }
    .ol-flex__item[data-align~="min:end"] {
        align-items: flex-end
    }
    .ol-flex__item[data-align~="min:top"] {
        justify-content: flex-start
    }
    .ol-flex__item[data-align~="min:middle"] {
        justify-content: center
    }
    .ol-flex__item[data-align~="min:bottom"] {
        justify-content: flex-end
    }
    .ol-flex__item[data-order~="min:0"] {
        order: 0
    }
    .ol-flex__item[data-order~="min:-1"] {
        order: -1
    }
    .ol-flex__item[data-order~="min:1"] {
        order: 1
    }
    .ol-flex__item[data-order~="min:-2"] {
        order: -2
    }
    .ol-flex__item[data-order~="min:2"] {
        order: 2
    }
    .ol-flex__item[data-order~="min:-3"] {
        order: -3
    }
    .ol-flex__item[data-order~="min:3"] {
        order: 3
    }
    .ol-flex__item[data-grow~="min:0"] {
        flex-grow: 0
    }
    .ol-flex__item[data-shrink~="min:0"] {
        flex-shrink: 0
    }
    .ol-flex__item[data-grow~="min:1"] {
        flex-grow: 1
    }
    .ol-flex__item[data-shrink~="min:1"] {
        flex-shrink: 1
    }
    .ol-flex__item[data-grow~="min:2"] {
        flex-grow: 2
    }
    .ol-flex__item[data-shrink~="min:2"] {
        flex-shrink: 2
    }
    .ol-flex__item[data-grow~="min:3"] {
        flex-grow: 3
    }
    .ol-flex__item[data-shrink~="min:3"] {
        flex-shrink: 3
    }
    .ol-flex__item[data-over~="min:left"] {
        flex-grow: 1;
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="min:right"] {
        flex-grow: 1;
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="min:clearLeft"] {
        margin-left: 0
    }
    .ol-flex__item[data-over~="min:clearRight"] {
        margin-right: 0
    }
    .ol-flex__item[data-over~="min:clearLeft"][data-over~="min:clearRight"] {
        flex-grow: 0
    }
    .ol-grid[data-cols~="min:1"] {
        --ol-grid-columns: 1;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:2"] {
        --ol-grid-columns: 2;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:3"] {
        --ol-grid-columns: 3;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:4"] {
        --ol-grid-columns: 4;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:5"] {
        --ol-grid-columns: 5;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:6"] {
        --ol-grid-columns: 6;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:7"] {
        --ol-grid-columns: 7;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:8"] {
        --ol-grid-columns: 8;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:9"] {
        --ol-grid-columns: 9;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:10"] {
        --ol-grid-columns: 10;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:11"] {
        --ol-grid-columns: 11;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="min:12"] {
        --ol-grid-columns: 12;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-rows~="min:1"] {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="min:2"] {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="min:3"] {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="min:4"] {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="min:5"] {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="min:6"] {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .ol-grid[data-gap~="min:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap~="min:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="min:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="min:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid__item[data-align~="min:start"] {
        align-items: flex-start
    }
    .ol-grid__item[data-align~="min:center"] {
        align-items: center
    }
    .ol-grid__item[data-align~="min:end"] {
        align-items: flex-end
    }
    .ol-grid__item[data-align~="min:top"] {
        justify-content: flex-start
    }
    .ol-grid__item[data-align~="min:middle"] {
        justify-content: center
    }
    .ol-grid__item[data-align~="min:bottom"] {
        justify-content: flex-end
    }
    .ol-grid__item[data-col~="min:1"] {
        grid-column: span 1/span 1
    }
    .ol-grid__item[data-col-start~="min:1"] {
        grid-column-start: 1
    }
    .ol-grid__item[data-col-end~="min:1"] {
        grid-column-end: 1
    }
    .ol-grid__item[data-col~="min:2"] {
        grid-column: span 2/span 2
    }
    .ol-grid__item[data-col-start~="min:2"] {
        grid-column-start: 2
    }
    .ol-grid__item[data-col-end~="min:2"] {
        grid-column-end: 2
    }
    .ol-grid__item[data-col~="min:3"] {
        grid-column: span 3/span 3
    }
    .ol-grid__item[data-col-start~="min:3"] {
        grid-column-start: 3
    }
    .ol-grid__item[data-col-end~="min:3"] {
        grid-column-end: 3
    }
    .ol-grid__item[data-col~="min:4"] {
        grid-column: span 4/span 4
    }
    .ol-grid__item[data-col-start~="min:4"] {
        grid-column-start: 4
    }
    .ol-grid__item[data-col-end~="min:4"] {
        grid-column-end: 4
    }
    .ol-grid__item[data-col~="min:5"] {
        grid-column: span 5/span 5
    }
    .ol-grid__item[data-col-start~="min:5"] {
        grid-column-start: 5
    }
    .ol-grid__item[data-col-end~="min:5"] {
        grid-column-end: 5
    }
    .ol-grid__item[data-col~="min:6"] {
        grid-column: span 6/span 6
    }
    .ol-grid__item[data-col-start~="min:6"] {
        grid-column-start: 6
    }
    .ol-grid__item[data-col-end~="min:6"] {
        grid-column-end: 6
    }
    .ol-grid__item[data-col~="min:7"] {
        grid-column: span 7/span 7
    }
    .ol-grid__item[data-col-start~="min:7"] {
        grid-column-start: 7
    }
    .ol-grid__item[data-col-end~="min:7"] {
        grid-column-end: 7
    }
    .ol-grid__item[data-col~="min:8"] {
        grid-column: span 8/span 8
    }
    .ol-grid__item[data-col-start~="min:8"] {
        grid-column-start: 8
    }
    .ol-grid__item[data-col-end~="min:8"] {
        grid-column-end: 8
    }
    .ol-grid__item[data-col~="min:9"] {
        grid-column: span 9/span 9
    }
    .ol-grid__item[data-col-start~="min:9"] {
        grid-column-start: 9
    }
    .ol-grid__item[data-col-end~="min:9"] {
        grid-column-end: 9
    }
    .ol-grid__item[data-col~="min:10"] {
        grid-column: span 10/span 10
    }
    .ol-grid__item[data-col-start~="min:10"] {
        grid-column-start: 10
    }
    .ol-grid__item[data-col-end~="min:10"] {
        grid-column-end: 10
    }
    .ol-grid__item[data-col~="min:11"] {
        grid-column: span 11/span 11
    }
    .ol-grid__item[data-col-start~="min:11"] {
        grid-column-start: 11
    }
    .ol-grid__item[data-col-end~="min:11"] {
        grid-column-end: 11
    }
    .ol-grid__item[data-col~="min:12"] {
        grid-column: span 12/span 12
    }
    .ol-grid__item[data-col-start~="min:12"] {
        grid-column-start: 12
    }
    .ol-grid__item[data-col-end~="min:12"] {
        grid-column-end: 12
    }
    .ol-grid__item[data-col~="min:full"] {
        grid-column: 1/-1
    }
    .ol-grid__item[data-col~="min:auto"] {
        grid-column: auto
    }
    .ol-grid__item[data-col-start~="min:auto"] {
        grid-column-start: auto
    }
    .ol-grid__item[data-col-end~="min:auto"] {
        grid-column-end: auto
    }
    .ol-grid__item[data-row~="min:1"] {
        grid-row: span 1/span 1
    }
    .ol-grid__item[data-row-start~="min:1"] {
        grid-row-start: 1
    }
    .ol-grid__item[data-row-end~="min:1"] {
        grid-row-end: 1
    }
    .ol-grid__item[data-row~="min:2"] {
        grid-row: span 2/span 2
    }
    .ol-grid__item[data-row-start~="min:2"] {
        grid-row-start: 2
    }
    .ol-grid__item[data-row-end~="min:2"] {
        grid-row-end: 2
    }
    .ol-grid__item[data-row~="min:3"] {
        grid-row: span 3/span 3
    }
    .ol-grid__item[data-row-start~="min:3"] {
        grid-row-start: 3
    }
    .ol-grid__item[data-row-end~="min:3"] {
        grid-row-end: 3
    }
    .ol-grid__item[data-row~="min:4"] {
        grid-row: span 4/span 4
    }
    .ol-grid__item[data-row-start~="min:4"] {
        grid-row-start: 4
    }
    .ol-grid__item[data-row-end~="min:4"] {
        grid-row-end: 4
    }
    .ol-grid__item[data-row~="min:5"] {
        grid-row: span 5/span 5
    }
    .ol-grid__item[data-row-start~="min:5"] {
        grid-row-start: 5
    }
    .ol-grid__item[data-row-end~="min:5"] {
        grid-row-end: 5
    }
    .ol-grid__item[data-row~="min:6"] {
        grid-row: span 6/span 6
    }
    .ol-grid__item[data-row-start~="min:6"] {
        grid-row-start: 6
    }
    .ol-grid__item[data-row-end~="min:6"] {
        grid-row-end: 6
    }
    .ol-grid__item[data-row~="min:full"] {
        grid-row: 1/-1
    }
    .ol-grid__item[data-row~="min:auto"] {
        grid-row: auto
    }
    .ol-grid__item[data-row-start~="min:auto"] {
        grid-row-start: auto
    }
    .ol-grid__item[data-row-end~="min:auto"] {
        grid-row-end: auto
    }
    .ol-grid__item[data-order~="min:0"] {
        order: 0
    }
    .ol-grid__item[data-order~="min:-1"] {
        order: -1
    }
    .ol-grid__item[data-order~="min:1"] {
        order: 1
    }
    .ol-grid__item[data-order~="min:-2"] {
        order: -2
    }
    .ol-grid__item[data-order~="min:2"] {
        order: 2
    }
    .ol-grid__item[data-order~="min:-3"] {
        order: -3
    }
    .ol-grid__item[data-order~="min:3"] {
        order: 3
    }
    .ol-grid__item[data-over~="min:left"] {
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="min:right"] {
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="min:clearLeft"] {
        margin-left: 0
    }
    .ol-grid__item[data-over~="min:clearRight"] {
        margin-right: 0
    }
    .ol-list[data-type~="min:vertical"] {
        display: block
    }
    .ol-list[data-type~="min:holzontal"] {
        display: flex;
        flex-wrap: wrap
    }
    .ol-list[data-separator~="min:slash"] .ol-list__item:not(:last-child):after {
        display: inline-block;
        margin: 0 .5em;
        content: "/"
    }
    .ol-list[data-separator~="min:comma"] .ol-list__item:not(:last-child):after {
        content: ", "
    }
    .ol-defineList[data-type~="min:vertical"] .ol-defineList__item {
        display: block
    }
    .ol-defineList[data-type~="min:holzontal"] .ol-defineList__item {
        display: flex
    }
    .ol-wbr.-min {
        display: inline-block
    }
    .ol-wbr.-minNone {
        display: none
    }
    .ol-wbr.-minHard {
        display: block
    }
    .ol-wbr.-minReset {
        display: inline
    }
    .ol-wbr.-minNoWrap {
        white-space: nowrap
    }
    .ol-text[data-align~="min:left"] {
        text-align: left
    }
    .ol-text[data-align~="min:center"] {
        text-align: center
    }
    .ol-text[data-align~="min:right"] {
        text-align: right
    }
    .ol-text[data-align~="min:justify"] {
        text-align: justify;
        text-justify: inter-character
    }
    .ol-text[data-case~="min:uppercase"] {
        text-transform: uppercase
    }
    .ol-text[data-case~="min:normal"] {
        text-transform: initial
    }
    .ol-text[data-word~="min:keep"] {
        word-break: keep-all;
        overflow-wrap: break-word
    }
    .ol-text[data-word~="min:auto"] {
        word-break: initial;
        overflow-wrap: initial
    }
    .ol-text[data-space~="min:nowrap"] {
        white-space: nowrap
    }
    .ol-text[data-space~="min:wrap"] {
        white-space: normal
    }
    .ol-text[data-space~="min:pre"] {
        white-space: pre
    }
    .ol-text[data-space~="min:preWrap"] {
        white-space: pre-wrap
    }
    .ol-text[data-line~="min:-2"] {
        line-height: .5
    }
    .ol-text[data-line~="min:-1"] {
        line-height: .75
    }
    .ol-text[data-line~="min:1"] {
        line-height: 1
    }
    .ol-text[data-line~="min:+1"] {
        line-height: 1.25
    }
    .ol-text[data-line~="min:+2"] {
        line-height: 1.5
    }
    .ol-text[data-line~="min:+3"] {
        line-height: 1.75
    }
    .ol-text[data-line~="min:+4"] {
        line-height: 2
    }
    .ol-text[data-line~="min:+5"] {
        line-height: 2.25
    }
    .ol-text[data-line~="min:+6"] {
        line-height: 2.5
    }
    .ol-text[data-tracking~="min:-2"] {
        letter-spacing: -.05em
    }
    .ol-text[data-tracking~="min:-1"] {
        letter-spacing: -.025em
    }
    .ol-text[data-tracking~="min:0"] {
        letter-spacing: 0
    }
    .ol-text[data-tracking~="min:+1"] {
        letter-spacing: .025em
    }
    .ol-text[data-tracking~="min:+2"] {
        letter-spacing: .05em
    }
    .ol-text[data-tracking~="min:+3"] {
        letter-spacing: .1em
    }
    .ol-text[data-tracking~="min:+4"] {
        letter-spacing: .125em
    }
    .ol-text[data-tracking~="min:+5"] {
        letter-spacing: .15em
    }
    .ol-text[data-tracking~="min:+6"] {
        letter-spacing: .175em
    }
    .ol-text[data-tracking~="min:+7"] {
        letter-spacing: .2em
    }
    .ol-text[data-kerning~="min:normal"] {
        font-feature-settings: normal
    }
    .ol-text[data-kerning~="min:palt"] {
        font-feature-settings: "palt"
    }
    .ol-text[data-kerning~="min:pkna"] {
        font-feature-settings: "pkna"
    }
    .ol-text[data-size~="min:2xsmall"] {
        font-size: .625rem
    }
    .ol-text[data-size~="min:xsmall"] {
        font-size: .75rem
    }
    .ol-text[data-size~="min:small"] {
        font-size: .875rem
    }
    .ol-text[data-size~="min:normal"] {
        font-size: 1rem
    }
    .ol-text[data-size~="min:large"] {
        font-size: 1.125rem
    }
    .ol-text[data-size~="min:xlarge"] {
        font-size: 1.25rem
    }
    .ol-text[data-size~="min:2xlarge"] {
        font-size: 1.5rem
    }
    .ol-text[data-size~="min:3xlarge"] {
        font-size: 2rem
    }
    .ol-text[data-size~="min:4xlarge"] {
        font-size: 2.5rem
    }
    .ol-text[data-size~="min:5xlarge"] {
        font-size: 3rem
    }
    .ol-text[data-size~="min:6xlarge"] {
        font-size: 3.5rem
    }
    .ol-text[data-size~="min:7xlarge"] {
        font-size: 4rem
    }
    .ol-text[data-size~="min:8xlarge"] {
        font-size: 4.5rem
    }
    .ol-text[data-size~="min:9xlarge"] {
        font-size: 5rem
    }
    .ol-text[data-family~="min:primary"] {
        font-family: var(--ol-primary-font-set, "sans-serif")
    }
    .ol-text[data-family~="min:en"] {
        font-family: var(--ol-en-font-set, "sans-serif")
    }
    .ol-text[data-weight~="min:100"] {
        font-weight: 100
    }
    .ol-text[data-weight~="min:200"] {
        font-weight: 200
    }
    .ol-text[data-weight~="min:300"] {
        font-weight: 300
    }
    .ol-text[data-weight~="min:400"] {
        font-weight: 400
    }
    .ol-text[data-weight~="min:500"] {
        font-weight: 500
    }
    .ol-text[data-weight~="min:600"] {
        font-weight: 600
    }
    .ol-text[data-weight~="min:700"] {
        font-weight: 700
    }
    .ol-text[data-weight~="min:800"] {
        font-weight: 800
    }
    .ol-text[data-weight~="min:900"] {
        font-weight: 900
    }
    .ol-text[data-style~="min:normal"] {
        font-style: normal
    }
    .ol-text[data-style~="min:italic"] {
        font-style: italic
    }
    .ol-text[data-color~="min:primary"] {
        color: var(--ol-primary-text-color)
    }
    .ol-text[data-color~="min:main"] {
        color: var(--ol-main-color)
    }
    .ol-text[data-color~="min:accent"] {
        color: var(--ol-accent-color)
    }
    .ol-text[data-color~="min:light"] {
        color: var(--ol-light-text-color)
    }
    .ol-text[data-color~="min:white"] {
        color: #fff
    }
    .ol-text[data-color~="min:black"] {
        color: #000
    }
}

@media screen and (min-width: 375px) {
    .ol-container[data-disabled~=xxs] {
        width: auto;
        max-width: none
    }
    .ol-container[data-width~="xxs:xsmall"] {
        width: 70%
    }
    .ol-container[data-width~="xxs:small"] {
        width: 82%
    }
    .ol-container[data-width~="xxs:medium"] {
        width: 90%
    }
    .ol-container[data-width~="xxs:large"] {
        width: 95%
    }
    .ol-container[data-width~="xxs:auto"] {
        width: auto
    }
    .ol-container[data-max~="xxs:small"] {
        max-width: 640px
    }
    .ol-container[data-max~="xxs:medium"] {
        max-width: 768px
    }
    .ol-container[data-max~="xxs:large"] {
        max-width: 1166px
    }
    .ol-container[data-max~="xxs:xlarge"] {
        max-width: 1280px
    }
    .ol-container[data-max~="xxs:xxlarge"] {
        max-width: 1536px
    }
    .ol-container[data-max~="xxs:none"] {
        max-width: none
    }
    .ol-container[data-align~="xxs:left"] {
        margin-right: auto;
        margin-left: 0
    }
    .ol-container[data-align~="xxs:right"] {
        margin-right: 0;
        margin-left: auto
    }
    .ol-container[data-align~="xxs:center"] {
        margin-right: auto;
        margin-left: auto
    }
    .ol-wrapper[data-position~="xxs:static"] {
        position: static
    }
    .ol-wrapper[data-position~="xxs:relative"] {
        position: relative
    }
    .ol-wrapper[data-position~="xxs:absolute"] {
        position: absolute
    }
    .ol-wrapper[data-position~="xxs:fixed"] {
        position: fixed
    }
    .ol-wrapper[data-position~="xxs:sticky"] {
        position: sticky
    }
    .ol-wrapper[data-display~="xxs:none"] {
        display: none
    }
    .ol-wrapper[data-display~="xxs:inline"] {
        display: inline
    }
    .ol-wrapper[data-display~="xxs:block"] {
        display: block
    }
    .ol-wrapper[data-display~="xxs:flex"] {
        display: flex
    }
    .ol-wrapper[data-display~="xxs:grid"] {
        display: grid
    }
    .ol-wrapper[data-display~="xxs:unset"] {
        display: unset
    }
    .ol-wrapper[data-over~="xxs:auto"] {
        overflow: auto
    }
    .ol-wrapper[data-over~="xxs:hidden"] {
        overflow: hidden
    }
    .ol-wrapper[data-over~="xxs:visible"] {
        overflow: visible
    }
    .ol-wrapper[data-over~="xxs:scroll"] {
        overflow: scroll
    }
    .ol-spacer[data-py~="xxs:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:0"] {
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:0"] {
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:0"] {
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:0"] {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:0"]>*+* {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:0"]>*+* {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:1"] {
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:1"] {
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:1"] {
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:1"] {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:1"]>*+* {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:1"]>*+* {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:2"] {
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:2"] {
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:2"] {
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:2"] {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:2"]>*+* {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:2"]>*+* {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:3"] {
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:3"] {
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:3"] {
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:3"] {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:3"]>*+* {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:3"]>*+* {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:4"] {
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:4"] {
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:4"] {
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:4"] {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:4"]>*+* {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:4"]>*+* {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:5"] {
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:5"] {
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:5"] {
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:5"] {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:5"]>*+* {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:5"]>*+* {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:6"] {
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:6"] {
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:6"] {
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:6"] {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:6"]>*+* {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:6"]>*+* {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:7"] {
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:7"] {
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:7"] {
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:7"] {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:7"]>*+* {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:7"]>*+* {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:8"] {
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:8"] {
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:8"] {
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:8"] {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:8"]>*+* {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:8"]>*+* {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:9"] {
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:9"] {
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:9"] {
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:9"] {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:9"]>*+* {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:9"]>*+* {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:10"] {
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:10"] {
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:10"] {
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:10"] {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:10"]>*+* {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:10"]>*+* {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:11"] {
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:11"] {
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:11"] {
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:11"] {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:11"]>*+* {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:11"]>*+* {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:12"] {
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:12"] {
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:12"] {
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:12"] {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:12"]>*+* {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:12"]>*+* {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:13"] {
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:13"] {
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:13"] {
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:13"] {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:13"]>*+* {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:13"]>*+* {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:14"] {
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:14"] {
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:14"] {
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:14"] {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:14"]>*+* {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:14"]>*+* {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:15"] {
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:15"] {
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:15"] {
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:15"] {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:15"]>*+* {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:15"]>*+* {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:16"] {
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:16"] {
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:16"] {
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:16"] {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:16"]>*+* {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:16"]>*+* {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:17"] {
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:17"] {
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:17"] {
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:17"] {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:17"]>*+* {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:17"]>*+* {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:18"] {
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:18"] {
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:18"] {
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:18"] {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:18"]>*+* {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:18"]>*+* {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:19"] {
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:19"] {
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:19"] {
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:19"] {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:19"]>*+* {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:19"]>*+* {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:20"] {
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:20"] {
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:20"] {
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:20"] {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:20"]>*+* {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:20"]>*+* {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:21"] {
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:21"] {
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:21"] {
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:21"] {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:21"]>*+* {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:21"]>*+* {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:22"] {
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:22"] {
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:22"] {
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:22"] {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:22"]>*+* {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:22"]>*+* {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:23"] {
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:23"] {
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:23"] {
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:23"] {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:23"]>*+* {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:23"]>*+* {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:24"] {
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:24"] {
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:24"] {
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:24"] {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:24"]>*+* {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:24"]>*+* {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:25"] {
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:25"] {
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:25"] {
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:25"] {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:25"]>*+* {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:25"]>*+* {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:26"] {
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:26"] {
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:26"] {
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:26"] {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:26"]>*+* {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:26"]>*+* {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:27"] {
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:27"] {
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:27"] {
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:27"] {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:27"]>*+* {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:27"]>*+* {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:28"] {
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:28"] {
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:28"] {
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:28"] {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:28"]>*+* {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:28"]>*+* {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:29"] {
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:29"] {
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:29"] {
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:29"] {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:29"]>*+* {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:29"]>*+* {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:30"] {
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:30"] {
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:30"] {
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:30"] {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:30"]>*+* {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:30"]>*+* {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:31"] {
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:31"] {
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:31"] {
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:31"] {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:31"]>*+* {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:31"]>*+* {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:32"] {
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:32"] {
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:32"] {
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:32"] {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:32"]>*+* {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:32"]>*+* {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:33"] {
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:33"] {
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:33"] {
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:33"] {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:33"]>*+* {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:33"]>*+* {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:34"] {
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:34"] {
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:34"] {
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:34"] {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:34"]>*+* {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:34"]>*+* {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:35"] {
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:35"] {
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:35"] {
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:35"] {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:35"]>*+* {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:35"]>*+* {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:36"] {
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:36"] {
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:36"] {
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:36"] {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:36"]>*+* {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:36"]>*+* {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:37"] {
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:37"] {
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:37"] {
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:37"] {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:37"]>*+* {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:37"]>*+* {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:38"] {
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:38"] {
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:38"] {
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:38"] {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:38"]>*+* {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:38"]>*+* {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:39"] {
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:39"] {
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:39"] {
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:39"] {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:39"]>*+* {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:39"]>*+* {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxs:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxs:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxs:40"] {
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxs:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxs:40"] {
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxs:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxs:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxs:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxs:40"] {
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxs:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxs:40"] {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxs:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxs:40"]>*+* {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxs:40"]>*+* {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-flex[data-wrap~="xxs:nowrap"] {
        flex-wrap: nowrap
    }
    .ol-flex[data-wrap~="xxs:wrap"] {
        flex-wrap: wrap
    }
    .ol-flex[data-dir~="xxs:row"] {
        flex-direction: row
    }
    .ol-flex[data-dir~="xxs:reverse"] {
        flex-direction: row-reverse
    }
    .ol-flex[data-dir~="xxs:column"] {
        flex-direction: column
    }
    .ol-flex[data-align~="xxs:start"] {
        justify-content: flex-start
    }
    .ol-flex[data-align~="xxs:center"] {
        justify-content: center
    }
    .ol-flex[data-align~="xxs:end"] {
        justify-content: flex-end
    }
    .ol-flex[data-align~="xxs:justify"] {
        justify-content: space-between
    }
    .ol-flex[data-align~="xxs:top"] {
        align-items: flex-start
    }
    .ol-flex[data-align~="xxs:middle"] {
        align-items: center
    }
    .ol-flex[data-align~="xxs:bottom"] {
        align-items: flex-end
    }
    .ol-flex[data-gap~="xxs:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxs:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxs:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxs:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex__item[data-col~="xxs:1"] {
        width: 8.3333333333%
    }
    .ol-flex__item[data-col~="xxs:2"] {
        width: 16.6666666667%
    }
    .ol-flex__item[data-col~="xxs:3"] {
        width: 25%
    }
    .ol-flex__item[data-col~="xxs:4"] {
        width: 33.3333333333%
    }
    .ol-flex__item[data-col~="xxs:5"] {
        width: 41.6666666667%
    }
    .ol-flex__item[data-col~="xxs:6"] {
        width: 50%
    }
    .ol-flex__item[data-col~="xxs:7"] {
        width: 58.3333333333%
    }
    .ol-flex__item[data-col~="xxs:8"] {
        width: 66.6666666667%
    }
    .ol-flex__item[data-col~="xxs:9"] {
        width: 75%
    }
    .ol-flex__item[data-col~="xxs:10"] {
        width: 83.3333333333%
    }
    .ol-flex__item[data-col~="xxs:11"] {
        width: 91.6666666667%
    }
    .ol-flex__item[data-col~="xxs:12"] {
        width: 100%
    }
    .ol-flex__item[data-align~="xxs:start"] {
        align-items: flex-start
    }
    .ol-flex__item[data-align~="xxs:center"] {
        align-items: center
    }
    .ol-flex__item[data-align~="xxs:end"] {
        align-items: flex-end
    }
    .ol-flex__item[data-align~="xxs:top"] {
        justify-content: flex-start
    }
    .ol-flex__item[data-align~="xxs:middle"] {
        justify-content: center
    }
    .ol-flex__item[data-align~="xxs:bottom"] {
        justify-content: flex-end
    }
    .ol-flex__item[data-order~="xxs:0"] {
        order: 0
    }
    .ol-flex__item[data-order~="xxs:-1"] {
        order: -1
    }
    .ol-flex__item[data-order~="xxs:1"] {
        order: 1
    }
    .ol-flex__item[data-order~="xxs:-2"] {
        order: -2
    }
    .ol-flex__item[data-order~="xxs:2"] {
        order: 2
    }
    .ol-flex__item[data-order~="xxs:-3"] {
        order: -3
    }
    .ol-flex__item[data-order~="xxs:3"] {
        order: 3
    }
    .ol-flex__item[data-grow~="xxs:0"] {
        flex-grow: 0
    }
    .ol-flex__item[data-shrink~="xxs:0"] {
        flex-shrink: 0
    }
    .ol-flex__item[data-grow~="xxs:1"] {
        flex-grow: 1
    }
    .ol-flex__item[data-shrink~="xxs:1"] {
        flex-shrink: 1
    }
    .ol-flex__item[data-grow~="xxs:2"] {
        flex-grow: 2
    }
    .ol-flex__item[data-shrink~="xxs:2"] {
        flex-shrink: 2
    }
    .ol-flex__item[data-grow~="xxs:3"] {
        flex-grow: 3
    }
    .ol-flex__item[data-shrink~="xxs:3"] {
        flex-shrink: 3
    }
    .ol-flex__item[data-over~="xxs:left"] {
        flex-grow: 1;
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="xxs:right"] {
        flex-grow: 1;
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="xxs:clearLeft"] {
        margin-left: 0
    }
    .ol-flex__item[data-over~="xxs:clearRight"] {
        margin-right: 0
    }
    .ol-flex__item[data-over~="xxs:clearLeft"][data-over~="xxs:clearRight"] {
        flex-grow: 0
    }
    .ol-grid[data-cols~="xxs:1"] {
        --ol-grid-columns: 1;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:2"] {
        --ol-grid-columns: 2;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:3"] {
        --ol-grid-columns: 3;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:4"] {
        --ol-grid-columns: 4;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:5"] {
        --ol-grid-columns: 5;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:6"] {
        --ol-grid-columns: 6;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:7"] {
        --ol-grid-columns: 7;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:8"] {
        --ol-grid-columns: 8;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:9"] {
        --ol-grid-columns: 9;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:10"] {
        --ol-grid-columns: 10;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:11"] {
        --ol-grid-columns: 11;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxs:12"] {
        --ol-grid-columns: 12;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxs:1"] {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxs:2"] {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxs:3"] {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxs:4"] {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxs:5"] {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxs:6"] {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .ol-grid[data-gap~="xxs:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxs:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxs:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxs:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid__item[data-align~="xxs:start"] {
        align-items: flex-start
    }
    .ol-grid__item[data-align~="xxs:center"] {
        align-items: center
    }
    .ol-grid__item[data-align~="xxs:end"] {
        align-items: flex-end
    }
    .ol-grid__item[data-align~="xxs:top"] {
        justify-content: flex-start
    }
    .ol-grid__item[data-align~="xxs:middle"] {
        justify-content: center
    }
    .ol-grid__item[data-align~="xxs:bottom"] {
        justify-content: flex-end
    }
    .ol-grid__item[data-col~="xxs:1"] {
        grid-column: span 1/span 1
    }
    .ol-grid__item[data-col-start~="xxs:1"] {
        grid-column-start: 1
    }
    .ol-grid__item[data-col-end~="xxs:1"] {
        grid-column-end: 1
    }
    .ol-grid__item[data-col~="xxs:2"] {
        grid-column: span 2/span 2
    }
    .ol-grid__item[data-col-start~="xxs:2"] {
        grid-column-start: 2
    }
    .ol-grid__item[data-col-end~="xxs:2"] {
        grid-column-end: 2
    }
    .ol-grid__item[data-col~="xxs:3"] {
        grid-column: span 3/span 3
    }
    .ol-grid__item[data-col-start~="xxs:3"] {
        grid-column-start: 3
    }
    .ol-grid__item[data-col-end~="xxs:3"] {
        grid-column-end: 3
    }
    .ol-grid__item[data-col~="xxs:4"] {
        grid-column: span 4/span 4
    }
    .ol-grid__item[data-col-start~="xxs:4"] {
        grid-column-start: 4
    }
    .ol-grid__item[data-col-end~="xxs:4"] {
        grid-column-end: 4
    }
    .ol-grid__item[data-col~="xxs:5"] {
        grid-column: span 5/span 5
    }
    .ol-grid__item[data-col-start~="xxs:5"] {
        grid-column-start: 5
    }
    .ol-grid__item[data-col-end~="xxs:5"] {
        grid-column-end: 5
    }
    .ol-grid__item[data-col~="xxs:6"] {
        grid-column: span 6/span 6
    }
    .ol-grid__item[data-col-start~="xxs:6"] {
        grid-column-start: 6
    }
    .ol-grid__item[data-col-end~="xxs:6"] {
        grid-column-end: 6
    }
    .ol-grid__item[data-col~="xxs:7"] {
        grid-column: span 7/span 7
    }
    .ol-grid__item[data-col-start~="xxs:7"] {
        grid-column-start: 7
    }
    .ol-grid__item[data-col-end~="xxs:7"] {
        grid-column-end: 7
    }
    .ol-grid__item[data-col~="xxs:8"] {
        grid-column: span 8/span 8
    }
    .ol-grid__item[data-col-start~="xxs:8"] {
        grid-column-start: 8
    }
    .ol-grid__item[data-col-end~="xxs:8"] {
        grid-column-end: 8
    }
    .ol-grid__item[data-col~="xxs:9"] {
        grid-column: span 9/span 9
    }
    .ol-grid__item[data-col-start~="xxs:9"] {
        grid-column-start: 9
    }
    .ol-grid__item[data-col-end~="xxs:9"] {
        grid-column-end: 9
    }
    .ol-grid__item[data-col~="xxs:10"] {
        grid-column: span 10/span 10
    }
    .ol-grid__item[data-col-start~="xxs:10"] {
        grid-column-start: 10
    }
    .ol-grid__item[data-col-end~="xxs:10"] {
        grid-column-end: 10
    }
    .ol-grid__item[data-col~="xxs:11"] {
        grid-column: span 11/span 11
    }
    .ol-grid__item[data-col-start~="xxs:11"] {
        grid-column-start: 11
    }
    .ol-grid__item[data-col-end~="xxs:11"] {
        grid-column-end: 11
    }
    .ol-grid__item[data-col~="xxs:12"] {
        grid-column: span 12/span 12
    }
    .ol-grid__item[data-col-start~="xxs:12"] {
        grid-column-start: 12
    }
    .ol-grid__item[data-col-end~="xxs:12"] {
        grid-column-end: 12
    }
    .ol-grid__item[data-col~="xxs:full"] {
        grid-column: 1/-1
    }
    .ol-grid__item[data-col~="xxs:auto"] {
        grid-column: auto
    }
    .ol-grid__item[data-col-start~="xxs:auto"] {
        grid-column-start: auto
    }
    .ol-grid__item[data-col-end~="xxs:auto"] {
        grid-column-end: auto
    }
    .ol-grid__item[data-row~="xxs:1"] {
        grid-row: span 1/span 1
    }
    .ol-grid__item[data-row-start~="xxs:1"] {
        grid-row-start: 1
    }
    .ol-grid__item[data-row-end~="xxs:1"] {
        grid-row-end: 1
    }
    .ol-grid__item[data-row~="xxs:2"] {
        grid-row: span 2/span 2
    }
    .ol-grid__item[data-row-start~="xxs:2"] {
        grid-row-start: 2
    }
    .ol-grid__item[data-row-end~="xxs:2"] {
        grid-row-end: 2
    }
    .ol-grid__item[data-row~="xxs:3"] {
        grid-row: span 3/span 3
    }
    .ol-grid__item[data-row-start~="xxs:3"] {
        grid-row-start: 3
    }
    .ol-grid__item[data-row-end~="xxs:3"] {
        grid-row-end: 3
    }
    .ol-grid__item[data-row~="xxs:4"] {
        grid-row: span 4/span 4
    }
    .ol-grid__item[data-row-start~="xxs:4"] {
        grid-row-start: 4
    }
    .ol-grid__item[data-row-end~="xxs:4"] {
        grid-row-end: 4
    }
    .ol-grid__item[data-row~="xxs:5"] {
        grid-row: span 5/span 5
    }
    .ol-grid__item[data-row-start~="xxs:5"] {
        grid-row-start: 5
    }
    .ol-grid__item[data-row-end~="xxs:5"] {
        grid-row-end: 5
    }
    .ol-grid__item[data-row~="xxs:6"] {
        grid-row: span 6/span 6
    }
    .ol-grid__item[data-row-start~="xxs:6"] {
        grid-row-start: 6
    }
    .ol-grid__item[data-row-end~="xxs:6"] {
        grid-row-end: 6
    }
    .ol-grid__item[data-row~="xxs:full"] {
        grid-row: 1/-1
    }
    .ol-grid__item[data-row~="xxs:auto"] {
        grid-row: auto
    }
    .ol-grid__item[data-row-start~="xxs:auto"] {
        grid-row-start: auto
    }
    .ol-grid__item[data-row-end~="xxs:auto"] {
        grid-row-end: auto
    }
    .ol-grid__item[data-order~="xxs:0"] {
        order: 0
    }
    .ol-grid__item[data-order~="xxs:-1"] {
        order: -1
    }
    .ol-grid__item[data-order~="xxs:1"] {
        order: 1
    }
    .ol-grid__item[data-order~="xxs:-2"] {
        order: -2
    }
    .ol-grid__item[data-order~="xxs:2"] {
        order: 2
    }
    .ol-grid__item[data-order~="xxs:-3"] {
        order: -3
    }
    .ol-grid__item[data-order~="xxs:3"] {
        order: 3
    }
    .ol-grid__item[data-over~="xxs:left"] {
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="xxs:right"] {
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="xxs:clearLeft"] {
        margin-left: 0
    }
    .ol-grid__item[data-over~="xxs:clearRight"] {
        margin-right: 0
    }
    .ol-list[data-type~="xxs:vertical"] {
        display: block
    }
    .ol-list[data-type~="xxs:holzontal"] {
        display: flex;
        flex-wrap: wrap
    }
    .ol-list[data-separator~="xxs:slash"] .ol-list__item:not(:last-child):after {
        display: inline-block;
        margin: 0 .5em;
        content: "/"
    }
    .ol-list[data-separator~="xxs:comma"] .ol-list__item:not(:last-child):after {
        content: ", "
    }
    .ol-defineList[data-type~="xxs:vertical"] .ol-defineList__item {
        display: block
    }
    .ol-defineList[data-type~="xxs:holzontal"] .ol-defineList__item {
        display: flex
    }
    .ol-wbr.-xxs {
        display: inline-block
    }
    .ol-wbr.-xxsNone {
        display: none
    }
    .ol-wbr.-xxsHard {
        display: block
    }
    .ol-wbr.-xxsReset {
        display: inline
    }
    .ol-wbr.-xxsNoWrap {
        white-space: nowrap
    }
    .ol-text[data-align~="xxs:left"] {
        text-align: left
    }
    .ol-text[data-align~="xxs:center"] {
        text-align: center
    }
    .ol-text[data-align~="xxs:right"] {
        text-align: right
    }
    .ol-text[data-align~="xxs:justify"] {
        text-align: justify;
        text-justify: inter-character
    }
    .ol-text[data-case~="xxs:uppercase"] {
        text-transform: uppercase
    }
    .ol-text[data-case~="xxs:normal"] {
        text-transform: initial
    }
    .ol-text[data-word~="xxs:keep"] {
        word-break: keep-all;
        overflow-wrap: break-word
    }
    .ol-text[data-word~="xxs:auto"] {
        word-break: initial;
        overflow-wrap: initial
    }
    .ol-text[data-space~="xxs:nowrap"] {
        white-space: nowrap
    }
    .ol-text[data-space~="xxs:wrap"] {
        white-space: normal
    }
    .ol-text[data-space~="xxs:pre"] {
        white-space: pre
    }
    .ol-text[data-space~="xxs:preWrap"] {
        white-space: pre-wrap
    }
    .ol-text[data-line~="xxs:-2"] {
        line-height: .5
    }
    .ol-text[data-line~="xxs:-1"] {
        line-height: .75
    }
    .ol-text[data-line~="xxs:1"] {
        line-height: 1
    }
    .ol-text[data-line~="xxs:+1"] {
        line-height: 1.25
    }
    .ol-text[data-line~="xxs:+2"] {
        line-height: 1.5
    }
    .ol-text[data-line~="xxs:+3"] {
        line-height: 1.75
    }
    .ol-text[data-line~="xxs:+4"] {
        line-height: 2
    }
    .ol-text[data-line~="xxs:+5"] {
        line-height: 2.25
    }
    .ol-text[data-line~="xxs:+6"] {
        line-height: 2.5
    }
    .ol-text[data-tracking~="xxs:-2"] {
        letter-spacing: -.05em
    }
    .ol-text[data-tracking~="xxs:-1"] {
        letter-spacing: -.025em
    }
    .ol-text[data-tracking~="xxs:0"] {
        letter-spacing: 0
    }
    .ol-text[data-tracking~="xxs:+1"] {
        letter-spacing: .025em
    }
    .ol-text[data-tracking~="xxs:+2"] {
        letter-spacing: .05em
    }
    .ol-text[data-tracking~="xxs:+3"] {
        letter-spacing: .1em
    }
    .ol-text[data-tracking~="xxs:+4"] {
        letter-spacing: .125em
    }
    .ol-text[data-tracking~="xxs:+5"] {
        letter-spacing: .15em
    }
    .ol-text[data-tracking~="xxs:+6"] {
        letter-spacing: .175em
    }
    .ol-text[data-tracking~="xxs:+7"] {
        letter-spacing: .2em
    }
    .ol-text[data-kerning~="xxs:normal"] {
        font-feature-settings: normal
    }
    .ol-text[data-kerning~="xxs:palt"] {
        font-feature-settings: "palt"
    }
    .ol-text[data-kerning~="xxs:pkna"] {
        font-feature-settings: "pkna"
    }
    .ol-text[data-size~="xxs:2xsmall"] {
        font-size: .625rem
    }
    .ol-text[data-size~="xxs:xsmall"] {
        font-size: .75rem
    }
    .ol-text[data-size~="xxs:small"] {
        font-size: .875rem
    }
    .ol-text[data-size~="xxs:normal"] {
        font-size: 1rem
    }
    .ol-text[data-size~="xxs:large"] {
        font-size: 1.125rem
    }
    .ol-text[data-size~="xxs:xlarge"] {
        font-size: 1.25rem
    }
    .ol-text[data-size~="xxs:2xlarge"] {
        font-size: 1.5rem
    }
    .ol-text[data-size~="xxs:3xlarge"] {
        font-size: 2rem
    }
    .ol-text[data-size~="xxs:4xlarge"] {
        font-size: 2.5rem
    }
    .ol-text[data-size~="xxs:5xlarge"] {
        font-size: 3rem
    }
    .ol-text[data-size~="xxs:6xlarge"] {
        font-size: 3.5rem
    }
    .ol-text[data-size~="xxs:7xlarge"] {
        font-size: 4rem
    }
    .ol-text[data-size~="xxs:8xlarge"] {
        font-size: 4.5rem
    }
    .ol-text[data-size~="xxs:9xlarge"] {
        font-size: 5rem
    }
    .ol-text[data-family~="xxs:primary"] {
        font-family: var(--ol-primary-font-set, "sans-serif")
    }
    .ol-text[data-family~="xxs:en"] {
        font-family: var(--ol-en-font-set, "sans-serif")
    }
    .ol-text[data-weight~="xxs:100"] {
        font-weight: 100
    }
    .ol-text[data-weight~="xxs:200"] {
        font-weight: 200
    }
    .ol-text[data-weight~="xxs:300"] {
        font-weight: 300
    }
    .ol-text[data-weight~="xxs:400"] {
        font-weight: 400
    }
    .ol-text[data-weight~="xxs:500"] {
        font-weight: 500
    }
    .ol-text[data-weight~="xxs:600"] {
        font-weight: 600
    }
    .ol-text[data-weight~="xxs:700"] {
        font-weight: 700
    }
    .ol-text[data-weight~="xxs:800"] {
        font-weight: 800
    }
    .ol-text[data-weight~="xxs:900"] {
        font-weight: 900
    }
    .ol-text[data-style~="xxs:normal"] {
        font-style: normal
    }
    .ol-text[data-style~="xxs:italic"] {
        font-style: italic
    }
    .ol-text[data-color~="xxs:primary"] {
        color: var(--ol-primary-text-color)
    }
    .ol-text[data-color~="xxs:main"] {
        color: var(--ol-main-color)
    }
    .ol-text[data-color~="xxs:accent"] {
        color: var(--ol-accent-color)
    }
    .ol-text[data-color~="xxs:light"] {
        color: var(--ol-light-text-color)
    }
    .ol-text[data-color~="xxs:white"] {
        color: #fff
    }
    .ol-text[data-color~="xxs:black"] {
        color: #000
    }
}

@media screen and (min-width: 414px) {
    .ol-container[data-disabled~=xs] {
        width: auto;
        max-width: none
    }
    .ol-container[data-width~="xs:xsmall"] {
        width: 70%
    }
    .ol-container[data-width~="xs:small"] {
        width: 82%
    }
    .ol-container[data-width~="xs:medium"] {
        width: 90%
    }
    .ol-container[data-width~="xs:large"] {
        width: 95%
    }
    .ol-container[data-width~="xs:auto"] {
        width: auto
    }
    .ol-container[data-max~="xs:small"] {
        max-width: 640px
    }
    .ol-container[data-max~="xs:medium"] {
        max-width: 768px
    }
    .ol-container[data-max~="xs:large"] {
        max-width: 1166px
    }
    .ol-container[data-max~="xs:xlarge"] {
        max-width: 1280px
    }
    .ol-container[data-max~="xs:xxlarge"] {
        max-width: 1536px
    }
    .ol-container[data-max~="xs:none"] {
        max-width: none
    }
    .ol-container[data-align~="xs:left"] {
        margin-right: auto;
        margin-left: 0
    }
    .ol-container[data-align~="xs:right"] {
        margin-right: 0;
        margin-left: auto
    }
    .ol-container[data-align~="xs:center"] {
        margin-right: auto;
        margin-left: auto
    }
    .ol-wrapper[data-position~="xs:static"] {
        position: static
    }
    .ol-wrapper[data-position~="xs:relative"] {
        position: relative
    }
    .ol-wrapper[data-position~="xs:absolute"] {
        position: absolute
    }
    .ol-wrapper[data-position~="xs:fixed"] {
        position: fixed
    }
    .ol-wrapper[data-position~="xs:sticky"] {
        position: sticky
    }
    .ol-wrapper[data-display~="xs:none"] {
        display: none
    }
    .ol-wrapper[data-display~="xs:inline"] {
        display: inline
    }
    .ol-wrapper[data-display~="xs:block"] {
        display: block
    }
    .ol-wrapper[data-display~="xs:flex"] {
        display: flex
    }
    .ol-wrapper[data-display~="xs:grid"] {
        display: grid
    }
    .ol-wrapper[data-display~="xs:unset"] {
        display: unset
    }
    .ol-wrapper[data-over~="xs:auto"] {
        overflow: auto
    }
    .ol-wrapper[data-over~="xs:hidden"] {
        overflow: hidden
    }
    .ol-wrapper[data-over~="xs:visible"] {
        overflow: visible
    }
    .ol-wrapper[data-over~="xs:scroll"] {
        overflow: scroll
    }
    .ol-spacer[data-py~="xs:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:0"] {
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:0"] {
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:0"] {
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:0"] {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:0"]>*+* {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:0"]>*+* {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:1"] {
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:1"] {
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:1"] {
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:1"] {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:1"]>*+* {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:1"]>*+* {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:2"] {
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:2"] {
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:2"] {
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:2"] {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:2"]>*+* {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:2"]>*+* {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:3"] {
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:3"] {
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:3"] {
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:3"] {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:3"]>*+* {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:3"]>*+* {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:4"] {
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:4"] {
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:4"] {
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:4"] {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:4"]>*+* {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:4"]>*+* {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:5"] {
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:5"] {
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:5"] {
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:5"] {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:5"]>*+* {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:5"]>*+* {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:6"] {
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:6"] {
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:6"] {
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:6"] {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:6"]>*+* {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:6"]>*+* {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:7"] {
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:7"] {
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:7"] {
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:7"] {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:7"]>*+* {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:7"]>*+* {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:8"] {
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:8"] {
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:8"] {
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:8"] {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:8"]>*+* {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:8"]>*+* {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:9"] {
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:9"] {
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:9"] {
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:9"] {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:9"]>*+* {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:9"]>*+* {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:10"] {
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:10"] {
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:10"] {
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:10"] {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:10"]>*+* {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:10"]>*+* {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:11"] {
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:11"] {
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:11"] {
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:11"] {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:11"]>*+* {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:11"]>*+* {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:12"] {
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:12"] {
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:12"] {
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:12"] {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:12"]>*+* {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:12"]>*+* {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:13"] {
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:13"] {
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:13"] {
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:13"] {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:13"]>*+* {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:13"]>*+* {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:14"] {
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:14"] {
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:14"] {
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:14"] {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:14"]>*+* {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:14"]>*+* {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:15"] {
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:15"] {
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:15"] {
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:15"] {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:15"]>*+* {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:15"]>*+* {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:16"] {
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:16"] {
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:16"] {
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:16"] {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:16"]>*+* {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:16"]>*+* {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:17"] {
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:17"] {
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:17"] {
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:17"] {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:17"]>*+* {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:17"]>*+* {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:18"] {
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:18"] {
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:18"] {
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:18"] {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:18"]>*+* {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:18"]>*+* {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:19"] {
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:19"] {
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:19"] {
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:19"] {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:19"]>*+* {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:19"]>*+* {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:20"] {
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:20"] {
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:20"] {
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:20"] {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:20"]>*+* {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:20"]>*+* {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:21"] {
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:21"] {
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:21"] {
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:21"] {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:21"]>*+* {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:21"]>*+* {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:22"] {
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:22"] {
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:22"] {
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:22"] {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:22"]>*+* {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:22"]>*+* {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:23"] {
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:23"] {
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:23"] {
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:23"] {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:23"]>*+* {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:23"]>*+* {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:24"] {
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:24"] {
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:24"] {
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:24"] {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:24"]>*+* {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:24"]>*+* {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:25"] {
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:25"] {
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:25"] {
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:25"] {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:25"]>*+* {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:25"]>*+* {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:26"] {
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:26"] {
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:26"] {
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:26"] {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:26"]>*+* {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:26"]>*+* {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:27"] {
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:27"] {
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:27"] {
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:27"] {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:27"]>*+* {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:27"]>*+* {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:28"] {
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:28"] {
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:28"] {
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:28"] {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:28"]>*+* {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:28"]>*+* {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:29"] {
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:29"] {
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:29"] {
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:29"] {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:29"]>*+* {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:29"]>*+* {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:30"] {
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:30"] {
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:30"] {
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:30"] {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:30"]>*+* {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:30"]>*+* {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:31"] {
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:31"] {
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:31"] {
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:31"] {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:31"]>*+* {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:31"]>*+* {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:32"] {
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:32"] {
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:32"] {
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:32"] {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:32"]>*+* {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:32"]>*+* {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:33"] {
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:33"] {
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:33"] {
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:33"] {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:33"]>*+* {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:33"]>*+* {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:34"] {
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:34"] {
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:34"] {
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:34"] {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:34"]>*+* {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:34"]>*+* {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:35"] {
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:35"] {
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:35"] {
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:35"] {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:35"]>*+* {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:35"]>*+* {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:36"] {
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:36"] {
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:36"] {
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:36"] {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:36"]>*+* {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:36"]>*+* {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:37"] {
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:37"] {
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:37"] {
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:37"] {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:37"]>*+* {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:37"]>*+* {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:38"] {
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:38"] {
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:38"] {
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:38"] {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:38"]>*+* {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:38"]>*+* {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:39"] {
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:39"] {
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:39"] {
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:39"] {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:39"]>*+* {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:39"]>*+* {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xs:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xs:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xs:40"] {
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xs:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xs:40"] {
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xs:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xs:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xs:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xs:40"] {
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xs:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xs:40"] {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xs:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xs:40"]>*+* {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xs:40"]>*+* {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-flex[data-wrap~="xs:nowrap"] {
        flex-wrap: nowrap
    }
    .ol-flex[data-wrap~="xs:wrap"] {
        flex-wrap: wrap
    }
    .ol-flex[data-dir~="xs:row"] {
        flex-direction: row
    }
    .ol-flex[data-dir~="xs:reverse"] {
        flex-direction: row-reverse
    }
    .ol-flex[data-dir~="xs:column"] {
        flex-direction: column
    }
    .ol-flex[data-align~="xs:start"] {
        justify-content: flex-start
    }
    .ol-flex[data-align~="xs:center"] {
        justify-content: center
    }
    .ol-flex[data-align~="xs:end"] {
        justify-content: flex-end
    }
    .ol-flex[data-align~="xs:justify"] {
        justify-content: space-between
    }
    .ol-flex[data-align~="xs:top"] {
        align-items: flex-start
    }
    .ol-flex[data-align~="xs:middle"] {
        align-items: center
    }
    .ol-flex[data-align~="xs:bottom"] {
        align-items: flex-end
    }
    .ol-flex[data-gap~="xs:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xs:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xs:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xs:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex__item[data-col~="xs:1"] {
        width: 8.3333333333%
    }
    .ol-flex__item[data-col~="xs:2"] {
        width: 16.6666666667%
    }
    .ol-flex__item[data-col~="xs:3"] {
        width: 25%
    }
    .ol-flex__item[data-col~="xs:4"] {
        width: 33.3333333333%
    }
    .ol-flex__item[data-col~="xs:5"] {
        width: 41.6666666667%
    }
    .ol-flex__item[data-col~="xs:6"] {
        width: 50%
    }
    .ol-flex__item[data-col~="xs:7"] {
        width: 58.3333333333%
    }
    .ol-flex__item[data-col~="xs:8"] {
        width: 66.6666666667%
    }
    .ol-flex__item[data-col~="xs:9"] {
        width: 75%
    }
    .ol-flex__item[data-col~="xs:10"] {
        width: 83.3333333333%
    }
    .ol-flex__item[data-col~="xs:11"] {
        width: 91.6666666667%
    }
    .ol-flex__item[data-col~="xs:12"] {
        width: 100%
    }
    .ol-flex__item[data-align~="xs:start"] {
        align-items: flex-start
    }
    .ol-flex__item[data-align~="xs:center"] {
        align-items: center
    }
    .ol-flex__item[data-align~="xs:end"] {
        align-items: flex-end
    }
    .ol-flex__item[data-align~="xs:top"] {
        justify-content: flex-start
    }
    .ol-flex__item[data-align~="xs:middle"] {
        justify-content: center
    }
    .ol-flex__item[data-align~="xs:bottom"] {
        justify-content: flex-end
    }
    .ol-flex__item[data-order~="xs:0"] {
        order: 0
    }
    .ol-flex__item[data-order~="xs:-1"] {
        order: -1
    }
    .ol-flex__item[data-order~="xs:1"] {
        order: 1
    }
    .ol-flex__item[data-order~="xs:-2"] {
        order: -2
    }
    .ol-flex__item[data-order~="xs:2"] {
        order: 2
    }
    .ol-flex__item[data-order~="xs:-3"] {
        order: -3
    }
    .ol-flex__item[data-order~="xs:3"] {
        order: 3
    }
    .ol-flex__item[data-grow~="xs:0"] {
        flex-grow: 0
    }
    .ol-flex__item[data-shrink~="xs:0"] {
        flex-shrink: 0
    }
    .ol-flex__item[data-grow~="xs:1"] {
        flex-grow: 1
    }
    .ol-flex__item[data-shrink~="xs:1"] {
        flex-shrink: 1
    }
    .ol-flex__item[data-grow~="xs:2"] {
        flex-grow: 2
    }
    .ol-flex__item[data-shrink~="xs:2"] {
        flex-shrink: 2
    }
    .ol-flex__item[data-grow~="xs:3"] {
        flex-grow: 3
    }
    .ol-flex__item[data-shrink~="xs:3"] {
        flex-shrink: 3
    }
    .ol-flex__item[data-over~="xs:left"] {
        flex-grow: 1;
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="xs:right"] {
        flex-grow: 1;
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="xs:clearLeft"] {
        margin-left: 0
    }
    .ol-flex__item[data-over~="xs:clearRight"] {
        margin-right: 0
    }
    .ol-flex__item[data-over~="xs:clearLeft"][data-over~="xs:clearRight"] {
        flex-grow: 0
    }
    .ol-grid[data-cols~="xs:1"] {
        --ol-grid-columns: 1;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:2"] {
        --ol-grid-columns: 2;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:3"] {
        --ol-grid-columns: 3;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:4"] {
        --ol-grid-columns: 4;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:5"] {
        --ol-grid-columns: 5;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:6"] {
        --ol-grid-columns: 6;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:7"] {
        --ol-grid-columns: 7;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:8"] {
        --ol-grid-columns: 8;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:9"] {
        --ol-grid-columns: 9;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:10"] {
        --ol-grid-columns: 10;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:11"] {
        --ol-grid-columns: 11;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xs:12"] {
        --ol-grid-columns: 12;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xs:1"] {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xs:2"] {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xs:3"] {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xs:4"] {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xs:5"] {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xs:6"] {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .ol-grid[data-gap~="xs:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xs:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xs:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xs:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid__item[data-align~="xs:start"] {
        align-items: flex-start
    }
    .ol-grid__item[data-align~="xs:center"] {
        align-items: center
    }
    .ol-grid__item[data-align~="xs:end"] {
        align-items: flex-end
    }
    .ol-grid__item[data-align~="xs:top"] {
        justify-content: flex-start
    }
    .ol-grid__item[data-align~="xs:middle"] {
        justify-content: center
    }
    .ol-grid__item[data-align~="xs:bottom"] {
        justify-content: flex-end
    }
    .ol-grid__item[data-col~="xs:1"] {
        grid-column: span 1/span 1
    }
    .ol-grid__item[data-col-start~="xs:1"] {
        grid-column-start: 1
    }
    .ol-grid__item[data-col-end~="xs:1"] {
        grid-column-end: 1
    }
    .ol-grid__item[data-col~="xs:2"] {
        grid-column: span 2/span 2
    }
    .ol-grid__item[data-col-start~="xs:2"] {
        grid-column-start: 2
    }
    .ol-grid__item[data-col-end~="xs:2"] {
        grid-column-end: 2
    }
    .ol-grid__item[data-col~="xs:3"] {
        grid-column: span 3/span 3
    }
    .ol-grid__item[data-col-start~="xs:3"] {
        grid-column-start: 3
    }
    .ol-grid__item[data-col-end~="xs:3"] {
        grid-column-end: 3
    }
    .ol-grid__item[data-col~="xs:4"] {
        grid-column: span 4/span 4
    }
    .ol-grid__item[data-col-start~="xs:4"] {
        grid-column-start: 4
    }
    .ol-grid__item[data-col-end~="xs:4"] {
        grid-column-end: 4
    }
    .ol-grid__item[data-col~="xs:5"] {
        grid-column: span 5/span 5
    }
    .ol-grid__item[data-col-start~="xs:5"] {
        grid-column-start: 5
    }
    .ol-grid__item[data-col-end~="xs:5"] {
        grid-column-end: 5
    }
    .ol-grid__item[data-col~="xs:6"] {
        grid-column: span 6/span 6
    }
    .ol-grid__item[data-col-start~="xs:6"] {
        grid-column-start: 6
    }
    .ol-grid__item[data-col-end~="xs:6"] {
        grid-column-end: 6
    }
    .ol-grid__item[data-col~="xs:7"] {
        grid-column: span 7/span 7
    }
    .ol-grid__item[data-col-start~="xs:7"] {
        grid-column-start: 7
    }
    .ol-grid__item[data-col-end~="xs:7"] {
        grid-column-end: 7
    }
    .ol-grid__item[data-col~="xs:8"] {
        grid-column: span 8/span 8
    }
    .ol-grid__item[data-col-start~="xs:8"] {
        grid-column-start: 8
    }
    .ol-grid__item[data-col-end~="xs:8"] {
        grid-column-end: 8
    }
    .ol-grid__item[data-col~="xs:9"] {
        grid-column: span 9/span 9
    }
    .ol-grid__item[data-col-start~="xs:9"] {
        grid-column-start: 9
    }
    .ol-grid__item[data-col-end~="xs:9"] {
        grid-column-end: 9
    }
    .ol-grid__item[data-col~="xs:10"] {
        grid-column: span 10/span 10
    }
    .ol-grid__item[data-col-start~="xs:10"] {
        grid-column-start: 10
    }
    .ol-grid__item[data-col-end~="xs:10"] {
        grid-column-end: 10
    }
    .ol-grid__item[data-col~="xs:11"] {
        grid-column: span 11/span 11
    }
    .ol-grid__item[data-col-start~="xs:11"] {
        grid-column-start: 11
    }
    .ol-grid__item[data-col-end~="xs:11"] {
        grid-column-end: 11
    }
    .ol-grid__item[data-col~="xs:12"] {
        grid-column: span 12/span 12
    }
    .ol-grid__item[data-col-start~="xs:12"] {
        grid-column-start: 12
    }
    .ol-grid__item[data-col-end~="xs:12"] {
        grid-column-end: 12
    }
    .ol-grid__item[data-col~="xs:full"] {
        grid-column: 1/-1
    }
    .ol-grid__item[data-col~="xs:auto"] {
        grid-column: auto
    }
    .ol-grid__item[data-col-start~="xs:auto"] {
        grid-column-start: auto
    }
    .ol-grid__item[data-col-end~="xs:auto"] {
        grid-column-end: auto
    }
    .ol-grid__item[data-row~="xs:1"] {
        grid-row: span 1/span 1
    }
    .ol-grid__item[data-row-start~="xs:1"] {
        grid-row-start: 1
    }
    .ol-grid__item[data-row-end~="xs:1"] {
        grid-row-end: 1
    }
    .ol-grid__item[data-row~="xs:2"] {
        grid-row: span 2/span 2
    }
    .ol-grid__item[data-row-start~="xs:2"] {
        grid-row-start: 2
    }
    .ol-grid__item[data-row-end~="xs:2"] {
        grid-row-end: 2
    }
    .ol-grid__item[data-row~="xs:3"] {
        grid-row: span 3/span 3
    }
    .ol-grid__item[data-row-start~="xs:3"] {
        grid-row-start: 3
    }
    .ol-grid__item[data-row-end~="xs:3"] {
        grid-row-end: 3
    }
    .ol-grid__item[data-row~="xs:4"] {
        grid-row: span 4/span 4
    }
    .ol-grid__item[data-row-start~="xs:4"] {
        grid-row-start: 4
    }
    .ol-grid__item[data-row-end~="xs:4"] {
        grid-row-end: 4
    }
    .ol-grid__item[data-row~="xs:5"] {
        grid-row: span 5/span 5
    }
    .ol-grid__item[data-row-start~="xs:5"] {
        grid-row-start: 5
    }
    .ol-grid__item[data-row-end~="xs:5"] {
        grid-row-end: 5
    }
    .ol-grid__item[data-row~="xs:6"] {
        grid-row: span 6/span 6
    }
    .ol-grid__item[data-row-start~="xs:6"] {
        grid-row-start: 6
    }
    .ol-grid__item[data-row-end~="xs:6"] {
        grid-row-end: 6
    }
    .ol-grid__item[data-row~="xs:full"] {
        grid-row: 1/-1
    }
    .ol-grid__item[data-row~="xs:auto"] {
        grid-row: auto
    }
    .ol-grid__item[data-row-start~="xs:auto"] {
        grid-row-start: auto
    }
    .ol-grid__item[data-row-end~="xs:auto"] {
        grid-row-end: auto
    }
    .ol-grid__item[data-order~="xs:0"] {
        order: 0
    }
    .ol-grid__item[data-order~="xs:-1"] {
        order: -1
    }
    .ol-grid__item[data-order~="xs:1"] {
        order: 1
    }
    .ol-grid__item[data-order~="xs:-2"] {
        order: -2
    }
    .ol-grid__item[data-order~="xs:2"] {
        order: 2
    }
    .ol-grid__item[data-order~="xs:-3"] {
        order: -3
    }
    .ol-grid__item[data-order~="xs:3"] {
        order: 3
    }
    .ol-grid__item[data-over~="xs:left"] {
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="xs:right"] {
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="xs:clearLeft"] {
        margin-left: 0
    }
    .ol-grid__item[data-over~="xs:clearRight"] {
        margin-right: 0
    }
    .ol-list[data-type~="xs:vertical"] {
        display: block
    }
    .ol-list[data-type~="xs:holzontal"] {
        display: flex;
        flex-wrap: wrap
    }
    .ol-list[data-separator~="xs:slash"] .ol-list__item:not(:last-child):after {
        display: inline-block;
        margin: 0 .5em;
        content: "/"
    }
    .ol-list[data-separator~="xs:comma"] .ol-list__item:not(:last-child):after {
        content: ", "
    }
    .ol-defineList[data-type~="xs:vertical"] .ol-defineList__item {
        display: block
    }
    .ol-defineList[data-type~="xs:holzontal"] .ol-defineList__item {
        display: flex
    }
    .ol-wbr.-xs {
        display: inline-block
    }
    .ol-wbr.-xsNone {
        display: none
    }
    .ol-wbr.-xsHard {
        display: block
    }
    .ol-wbr.-xsReset {
        display: inline
    }
    .ol-wbr.-xsNoWrap {
        white-space: nowrap
    }
    .ol-text[data-align~="xs:left"] {
        text-align: left
    }
    .ol-text[data-align~="xs:center"] {
        text-align: center
    }
    .ol-text[data-align~="xs:right"] {
        text-align: right
    }
    .ol-text[data-align~="xs:justify"] {
        text-align: justify;
        text-justify: inter-character
    }
    .ol-text[data-case~="xs:uppercase"] {
        text-transform: uppercase
    }
    .ol-text[data-case~="xs:normal"] {
        text-transform: initial
    }
    .ol-text[data-word~="xs:keep"] {
        word-break: keep-all;
        overflow-wrap: break-word
    }
    .ol-text[data-word~="xs:auto"] {
        word-break: initial;
        overflow-wrap: initial
    }
    .ol-text[data-space~="xs:nowrap"] {
        white-space: nowrap
    }
    .ol-text[data-space~="xs:wrap"] {
        white-space: normal
    }
    .ol-text[data-space~="xs:pre"] {
        white-space: pre
    }
    .ol-text[data-space~="xs:preWrap"] {
        white-space: pre-wrap
    }
    .ol-text[data-line~="xs:-2"] {
        line-height: .5
    }
    .ol-text[data-line~="xs:-1"] {
        line-height: .75
    }
    .ol-text[data-line~="xs:1"] {
        line-height: 1
    }
    .ol-text[data-line~="xs:+1"] {
        line-height: 1.25
    }
    .ol-text[data-line~="xs:+2"] {
        line-height: 1.5
    }
    .ol-text[data-line~="xs:+3"] {
        line-height: 1.75
    }
    .ol-text[data-line~="xs:+4"] {
        line-height: 2
    }
    .ol-text[data-line~="xs:+5"] {
        line-height: 2.25
    }
    .ol-text[data-line~="xs:+6"] {
        line-height: 2.5
    }
    .ol-text[data-tracking~="xs:-2"] {
        letter-spacing: -.05em
    }
    .ol-text[data-tracking~="xs:-1"] {
        letter-spacing: -.025em
    }
    .ol-text[data-tracking~="xs:0"] {
        letter-spacing: 0
    }
    .ol-text[data-tracking~="xs:+1"] {
        letter-spacing: .025em
    }
    .ol-text[data-tracking~="xs:+2"] {
        letter-spacing: .05em
    }
    .ol-text[data-tracking~="xs:+3"] {
        letter-spacing: .1em
    }
    .ol-text[data-tracking~="xs:+4"] {
        letter-spacing: .125em
    }
    .ol-text[data-tracking~="xs:+5"] {
        letter-spacing: .15em
    }
    .ol-text[data-tracking~="xs:+6"] {
        letter-spacing: .175em
    }
    .ol-text[data-tracking~="xs:+7"] {
        letter-spacing: .2em
    }
    .ol-text[data-kerning~="xs:normal"] {
        font-feature-settings: normal
    }
    .ol-text[data-kerning~="xs:palt"] {
        font-feature-settings: "palt"
    }
    .ol-text[data-kerning~="xs:pkna"] {
        font-feature-settings: "pkna"
    }
    .ol-text[data-size~="xs:2xsmall"] {
        font-size: .625rem
    }
    .ol-text[data-size~="xs:xsmall"] {
        font-size: .75rem
    }
    .ol-text[data-size~="xs:small"] {
        font-size: .875rem
    }
    .ol-text[data-size~="xs:normal"] {
        font-size: 1rem
    }
    .ol-text[data-size~="xs:large"] {
        font-size: 1.125rem
    }
    .ol-text[data-size~="xs:xlarge"] {
        font-size: 1.25rem
    }
    .ol-text[data-size~="xs:2xlarge"] {
        font-size: 1.5rem
    }
    .ol-text[data-size~="xs:3xlarge"] {
        font-size: 2rem
    }
    .ol-text[data-size~="xs:4xlarge"] {
        font-size: 2.5rem
    }
    .ol-text[data-size~="xs:5xlarge"] {
        font-size: 3rem
    }
    .ol-text[data-size~="xs:6xlarge"] {
        font-size: 3.5rem
    }
    .ol-text[data-size~="xs:7xlarge"] {
        font-size: 4rem
    }
    .ol-text[data-size~="xs:8xlarge"] {
        font-size: 4.5rem
    }
    .ol-text[data-size~="xs:9xlarge"] {
        font-size: 5rem
    }
    .ol-text[data-family~="xs:primary"] {
        font-family: var(--ol-primary-font-set, "sans-serif")
    }
    .ol-text[data-family~="xs:en"] {
        font-family: var(--ol-en-font-set, "sans-serif")
    }
    .ol-text[data-weight~="xs:100"] {
        font-weight: 100
    }
    .ol-text[data-weight~="xs:200"] {
        font-weight: 200
    }
    .ol-text[data-weight~="xs:300"] {
        font-weight: 300
    }
    .ol-text[data-weight~="xs:400"] {
        font-weight: 400
    }
    .ol-text[data-weight~="xs:500"] {
        font-weight: 500
    }
    .ol-text[data-weight~="xs:600"] {
        font-weight: 600
    }
    .ol-text[data-weight~="xs:700"] {
        font-weight: 700
    }
    .ol-text[data-weight~="xs:800"] {
        font-weight: 800
    }
    .ol-text[data-weight~="xs:900"] {
        font-weight: 900
    }
    .ol-text[data-style~="xs:normal"] {
        font-style: normal
    }
    .ol-text[data-style~="xs:italic"] {
        font-style: italic
    }
    .ol-text[data-color~="xs:primary"] {
        color: var(--ol-primary-text-color)
    }
    .ol-text[data-color~="xs:main"] {
        color: var(--ol-main-color)
    }
    .ol-text[data-color~="xs:accent"] {
        color: var(--ol-accent-color)
    }
    .ol-text[data-color~="xs:light"] {
        color: var(--ol-light-text-color)
    }
    .ol-text[data-color~="xs:white"] {
        color: #fff
    }
    .ol-text[data-color~="xs:black"] {
        color: #000
    }
}

@media screen and (min-width: 576px) {
    .ol-container[data-disabled~=sm] {
        width: auto;
        max-width: none
    }
    .ol-container[data-width~="sm:xsmall"] {
        width: 70%
    }
    .ol-container[data-width~="sm:small"] {
        width: 82%
    }
    .ol-container[data-width~="sm:medium"] {
        width: 90%
    }
    .ol-container[data-width~="sm:large"] {
        width: 95%
    }
    .ol-container[data-width~="sm:auto"] {
        width: auto
    }
    .ol-container[data-max~="sm:small"] {
        max-width: 640px
    }
    .ol-container[data-max~="sm:medium"] {
        max-width: 768px
    }
    .ol-container[data-max~="sm:large"] {
        max-width: 1166px
    }
    .ol-container[data-max~="sm:xlarge"] {
        max-width: 1280px
    }
    .ol-container[data-max~="sm:xxlarge"] {
        max-width: 1536px
    }
    .ol-container[data-max~="sm:none"] {
        max-width: none
    }
    .ol-container[data-align~="sm:left"] {
        margin-right: auto;
        margin-left: 0
    }
    .ol-container[data-align~="sm:right"] {
        margin-right: 0;
        margin-left: auto
    }
    .ol-container[data-align~="sm:center"] {
        margin-right: auto;
        margin-left: auto
    }
    .ol-wrapper[data-position~="sm:static"] {
        position: static
    }
    .ol-wrapper[data-position~="sm:relative"] {
        position: relative
    }
    .ol-wrapper[data-position~="sm:absolute"] {
        position: absolute
    }
    .ol-wrapper[data-position~="sm:fixed"] {
        position: fixed
    }
    .ol-wrapper[data-position~="sm:sticky"] {
        position: sticky
    }
    .ol-wrapper[data-display~="sm:none"] {
        display: none
    }
    .ol-wrapper[data-display~="sm:inline"] {
        display: inline
    }
    .ol-wrapper[data-display~="sm:block"] {
        display: block
    }
    .ol-wrapper[data-display~="sm:flex"] {
        display: flex
    }
    .ol-wrapper[data-display~="sm:grid"] {
        display: grid
    }
    .ol-wrapper[data-display~="sm:unset"] {
        display: unset
    }
    .ol-wrapper[data-over~="sm:auto"] {
        overflow: auto
    }
    .ol-wrapper[data-over~="sm:hidden"] {
        overflow: hidden
    }
    .ol-wrapper[data-over~="sm:visible"] {
        overflow: visible
    }
    .ol-wrapper[data-over~="sm:scroll"] {
        overflow: scroll
    }
    .ol-spacer[data-py~="sm:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:0"] {
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:0"] {
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:0"] {
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:0"] {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:0"]>*+* {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:0"]>*+* {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:1"] {
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:1"] {
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:1"] {
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:1"] {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:1"]>*+* {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:1"]>*+* {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:2"] {
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:2"] {
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:2"] {
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:2"] {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:2"]>*+* {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:2"]>*+* {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:3"] {
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:3"] {
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:3"] {
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:3"] {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:3"]>*+* {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:3"]>*+* {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:4"] {
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:4"] {
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:4"] {
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:4"] {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:4"]>*+* {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:4"]>*+* {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:5"] {
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:5"] {
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:5"] {
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:5"] {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:5"]>*+* {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:5"]>*+* {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:6"] {
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:6"] {
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:6"] {
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:6"] {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:6"]>*+* {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:6"]>*+* {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:7"] {
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:7"] {
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:7"] {
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:7"] {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:7"]>*+* {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:7"]>*+* {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:8"] {
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:8"] {
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:8"] {
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:8"] {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:8"]>*+* {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:8"]>*+* {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:9"] {
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:9"] {
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:9"] {
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:9"] {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:9"]>*+* {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:9"]>*+* {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:10"] {
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:10"] {
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:10"] {
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:10"] {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:10"]>*+* {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:10"]>*+* {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:11"] {
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:11"] {
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:11"] {
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:11"] {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:11"]>*+* {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:11"]>*+* {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:12"] {
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:12"] {
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:12"] {
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:12"] {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:12"]>*+* {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:12"]>*+* {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:13"] {
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:13"] {
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:13"] {
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:13"] {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:13"]>*+* {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:13"]>*+* {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:14"] {
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:14"] {
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:14"] {
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:14"] {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:14"]>*+* {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:14"]>*+* {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:15"] {
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:15"] {
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:15"] {
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:15"] {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:15"]>*+* {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:15"]>*+* {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:16"] {
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:16"] {
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:16"] {
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:16"] {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:16"]>*+* {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:16"]>*+* {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:17"] {
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:17"] {
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:17"] {
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:17"] {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:17"]>*+* {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:17"]>*+* {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:18"] {
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:18"] {
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:18"] {
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:18"] {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:18"]>*+* {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:18"]>*+* {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:19"] {
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:19"] {
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:19"] {
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:19"] {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:19"]>*+* {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:19"]>*+* {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:20"] {
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:20"] {
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:20"] {
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:20"] {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:20"]>*+* {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:20"]>*+* {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:21"] {
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:21"] {
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:21"] {
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:21"] {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:21"]>*+* {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:21"]>*+* {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:22"] {
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:22"] {
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:22"] {
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:22"] {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:22"]>*+* {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:22"]>*+* {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:23"] {
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:23"] {
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:23"] {
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:23"] {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:23"]>*+* {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:23"]>*+* {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:24"] {
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:24"] {
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:24"] {
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:24"] {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:24"]>*+* {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:24"]>*+* {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:25"] {
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:25"] {
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:25"] {
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:25"] {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:25"]>*+* {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:25"]>*+* {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:26"] {
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:26"] {
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:26"] {
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:26"] {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:26"]>*+* {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:26"]>*+* {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:27"] {
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:27"] {
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:27"] {
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:27"] {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:27"]>*+* {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:27"]>*+* {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:28"] {
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:28"] {
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:28"] {
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:28"] {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:28"]>*+* {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:28"]>*+* {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:29"] {
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:29"] {
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:29"] {
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:29"] {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:29"]>*+* {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:29"]>*+* {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:30"] {
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:30"] {
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:30"] {
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:30"] {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:30"]>*+* {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:30"]>*+* {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:31"] {
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:31"] {
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:31"] {
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:31"] {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:31"]>*+* {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:31"]>*+* {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:32"] {
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:32"] {
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:32"] {
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:32"] {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:32"]>*+* {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:32"]>*+* {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:33"] {
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:33"] {
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:33"] {
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:33"] {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:33"]>*+* {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:33"]>*+* {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:34"] {
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:34"] {
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:34"] {
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:34"] {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:34"]>*+* {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:34"]>*+* {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:35"] {
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:35"] {
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:35"] {
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:35"] {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:35"]>*+* {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:35"]>*+* {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:36"] {
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:36"] {
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:36"] {
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:36"] {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:36"]>*+* {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:36"]>*+* {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:37"] {
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:37"] {
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:37"] {
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:37"] {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:37"]>*+* {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:37"]>*+* {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:38"] {
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:38"] {
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:38"] {
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:38"] {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:38"]>*+* {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:38"]>*+* {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:39"] {
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:39"] {
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:39"] {
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:39"] {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:39"]>*+* {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:39"]>*+* {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-py~="sm:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="sm:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="sm:40"] {
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-px~="sm:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="sm:40"] {
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="sm:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-my~="sm:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="sm:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="sm:40"] {
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="sm:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="sm:40"] {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="sm:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="sm:40"]>*+* {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="sm:40"]>*+* {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-flex[data-wrap~="sm:nowrap"] {
        flex-wrap: nowrap
    }
    .ol-flex[data-wrap~="sm:wrap"] {
        flex-wrap: wrap
    }
    .ol-flex[data-dir~="sm:row"] {
        flex-direction: row
    }
    .ol-flex[data-dir~="sm:reverse"] {
        flex-direction: row-reverse
    }
    .ol-flex[data-dir~="sm:column"] {
        flex-direction: column
    }
    .ol-flex[data-align~="sm:start"] {
        justify-content: flex-start
    }
    .ol-flex[data-align~="sm:center"] {
        justify-content: center
    }
    .ol-flex[data-align~="sm:end"] {
        justify-content: flex-end
    }
    .ol-flex[data-align~="sm:justify"] {
        justify-content: space-between
    }
    .ol-flex[data-align~="sm:top"] {
        align-items: flex-start
    }
    .ol-flex[data-align~="sm:middle"] {
        align-items: center
    }
    .ol-flex[data-align~="sm:bottom"] {
        align-items: flex-end
    }
    .ol-flex[data-gap~="sm:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap~="sm:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="sm:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="sm:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex__item[data-col~="sm:1"] {
        width: 8.3333333333%
    }
    .ol-flex__item[data-col~="sm:2"] {
        width: 16.6666666667%
    }
    .ol-flex__item[data-col~="sm:3"] {
        width: 25%
    }
    .ol-flex__item[data-col~="sm:4"] {
        width: 33.3333333333%
    }
    .ol-flex__item[data-col~="sm:5"] {
        width: 41.6666666667%
    }
    .ol-flex__item[data-col~="sm:6"] {
        width: 50%
    }
    .ol-flex__item[data-col~="sm:7"] {
        width: 58.3333333333%
    }
    .ol-flex__item[data-col~="sm:8"] {
        width: 66.6666666667%
    }
    .ol-flex__item[data-col~="sm:9"] {
        width: 75%
    }
    .ol-flex__item[data-col~="sm:10"] {
        width: 83.3333333333%
    }
    .ol-flex__item[data-col~="sm:11"] {
        width: 91.6666666667%
    }
    .ol-flex__item[data-col~="sm:12"] {
        width: 100%
    }
    .ol-flex__item[data-align~="sm:start"] {
        align-items: flex-start
    }
    .ol-flex__item[data-align~="sm:center"] {
        align-items: center
    }
    .ol-flex__item[data-align~="sm:end"] {
        align-items: flex-end
    }
    .ol-flex__item[data-align~="sm:top"] {
        justify-content: flex-start
    }
    .ol-flex__item[data-align~="sm:middle"] {
        justify-content: center
    }
    .ol-flex__item[data-align~="sm:bottom"] {
        justify-content: flex-end
    }
    .ol-flex__item[data-order~="sm:0"] {
        order: 0
    }
    .ol-flex__item[data-order~="sm:-1"] {
        order: -1
    }
    .ol-flex__item[data-order~="sm:1"] {
        order: 1
    }
    .ol-flex__item[data-order~="sm:-2"] {
        order: -2
    }
    .ol-flex__item[data-order~="sm:2"] {
        order: 2
    }
    .ol-flex__item[data-order~="sm:-3"] {
        order: -3
    }
    .ol-flex__item[data-order~="sm:3"] {
        order: 3
    }
    .ol-flex__item[data-grow~="sm:0"] {
        flex-grow: 0
    }
    .ol-flex__item[data-shrink~="sm:0"] {
        flex-shrink: 0
    }
    .ol-flex__item[data-grow~="sm:1"] {
        flex-grow: 1
    }
    .ol-flex__item[data-shrink~="sm:1"] {
        flex-shrink: 1
    }
    .ol-flex__item[data-grow~="sm:2"] {
        flex-grow: 2
    }
    .ol-flex__item[data-shrink~="sm:2"] {
        flex-shrink: 2
    }
    .ol-flex__item[data-grow~="sm:3"] {
        flex-grow: 3
    }
    .ol-flex__item[data-shrink~="sm:3"] {
        flex-shrink: 3
    }
    .ol-flex__item[data-over~="sm:left"] {
        flex-grow: 1;
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="sm:right"] {
        flex-grow: 1;
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="sm:clearLeft"] {
        margin-left: 0
    }
    .ol-flex__item[data-over~="sm:clearRight"] {
        margin-right: 0
    }
    .ol-flex__item[data-over~="sm:clearLeft"][data-over~="sm:clearRight"] {
        flex-grow: 0
    }
    .ol-grid[data-cols~="sm:1"] {
        --ol-grid-columns: 1;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:2"] {
        --ol-grid-columns: 2;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:3"] {
        --ol-grid-columns: 3;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:4"] {
        --ol-grid-columns: 4;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:5"] {
        --ol-grid-columns: 5;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:6"] {
        --ol-grid-columns: 6;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:7"] {
        --ol-grid-columns: 7;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:8"] {
        --ol-grid-columns: 8;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:9"] {
        --ol-grid-columns: 9;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:10"] {
        --ol-grid-columns: 10;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:11"] {
        --ol-grid-columns: 11;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="sm:12"] {
        --ol-grid-columns: 12;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-rows~="sm:1"] {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="sm:2"] {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="sm:3"] {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="sm:4"] {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="sm:5"] {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="sm:6"] {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .ol-grid[data-gap~="sm:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap~="sm:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="sm:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="sm:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid__item[data-align~="sm:start"] {
        align-items: flex-start
    }
    .ol-grid__item[data-align~="sm:center"] {
        align-items: center
    }
    .ol-grid__item[data-align~="sm:end"] {
        align-items: flex-end
    }
    .ol-grid__item[data-align~="sm:top"] {
        justify-content: flex-start
    }
    .ol-grid__item[data-align~="sm:middle"] {
        justify-content: center
    }
    .ol-grid__item[data-align~="sm:bottom"] {
        justify-content: flex-end
    }
    .ol-grid__item[data-col~="sm:1"] {
        grid-column: span 1/span 1
    }
    .ol-grid__item[data-col-start~="sm:1"] {
        grid-column-start: 1
    }
    .ol-grid__item[data-col-end~="sm:1"] {
        grid-column-end: 1
    }
    .ol-grid__item[data-col~="sm:2"] {
        grid-column: span 2/span 2
    }
    .ol-grid__item[data-col-start~="sm:2"] {
        grid-column-start: 2
    }
    .ol-grid__item[data-col-end~="sm:2"] {
        grid-column-end: 2
    }
    .ol-grid__item[data-col~="sm:3"] {
        grid-column: span 3/span 3
    }
    .ol-grid__item[data-col-start~="sm:3"] {
        grid-column-start: 3
    }
    .ol-grid__item[data-col-end~="sm:3"] {
        grid-column-end: 3
    }
    .ol-grid__item[data-col~="sm:4"] {
        grid-column: span 4/span 4
    }
    .ol-grid__item[data-col-start~="sm:4"] {
        grid-column-start: 4
    }
    .ol-grid__item[data-col-end~="sm:4"] {
        grid-column-end: 4
    }
    .ol-grid__item[data-col~="sm:5"] {
        grid-column: span 5/span 5
    }
    .ol-grid__item[data-col-start~="sm:5"] {
        grid-column-start: 5
    }
    .ol-grid__item[data-col-end~="sm:5"] {
        grid-column-end: 5
    }
    .ol-grid__item[data-col~="sm:6"] {
        grid-column: span 6/span 6
    }
    .ol-grid__item[data-col-start~="sm:6"] {
        grid-column-start: 6
    }
    .ol-grid__item[data-col-end~="sm:6"] {
        grid-column-end: 6
    }
    .ol-grid__item[data-col~="sm:7"] {
        grid-column: span 7/span 7
    }
    .ol-grid__item[data-col-start~="sm:7"] {
        grid-column-start: 7
    }
    .ol-grid__item[data-col-end~="sm:7"] {
        grid-column-end: 7
    }
    .ol-grid__item[data-col~="sm:8"] {
        grid-column: span 8/span 8
    }
    .ol-grid__item[data-col-start~="sm:8"] {
        grid-column-start: 8
    }
    .ol-grid__item[data-col-end~="sm:8"] {
        grid-column-end: 8
    }
    .ol-grid__item[data-col~="sm:9"] {
        grid-column: span 9/span 9
    }
    .ol-grid__item[data-col-start~="sm:9"] {
        grid-column-start: 9
    }
    .ol-grid__item[data-col-end~="sm:9"] {
        grid-column-end: 9
    }
    .ol-grid__item[data-col~="sm:10"] {
        grid-column: span 10/span 10
    }
    .ol-grid__item[data-col-start~="sm:10"] {
        grid-column-start: 10
    }
    .ol-grid__item[data-col-end~="sm:10"] {
        grid-column-end: 10
    }
    .ol-grid__item[data-col~="sm:11"] {
        grid-column: span 11/span 11
    }
    .ol-grid__item[data-col-start~="sm:11"] {
        grid-column-start: 11
    }
    .ol-grid__item[data-col-end~="sm:11"] {
        grid-column-end: 11
    }
    .ol-grid__item[data-col~="sm:12"] {
        grid-column: span 12/span 12
    }
    .ol-grid__item[data-col-start~="sm:12"] {
        grid-column-start: 12
    }
    .ol-grid__item[data-col-end~="sm:12"] {
        grid-column-end: 12
    }
    .ol-grid__item[data-col~="sm:full"] {
        grid-column: 1/-1
    }
    .ol-grid__item[data-col~="sm:auto"] {
        grid-column: auto
    }
    .ol-grid__item[data-col-start~="sm:auto"] {
        grid-column-start: auto
    }
    .ol-grid__item[data-col-end~="sm:auto"] {
        grid-column-end: auto
    }
    .ol-grid__item[data-row~="sm:1"] {
        grid-row: span 1/span 1
    }
    .ol-grid__item[data-row-start~="sm:1"] {
        grid-row-start: 1
    }
    .ol-grid__item[data-row-end~="sm:1"] {
        grid-row-end: 1
    }
    .ol-grid__item[data-row~="sm:2"] {
        grid-row: span 2/span 2
    }
    .ol-grid__item[data-row-start~="sm:2"] {
        grid-row-start: 2
    }
    .ol-grid__item[data-row-end~="sm:2"] {
        grid-row-end: 2
    }
    .ol-grid__item[data-row~="sm:3"] {
        grid-row: span 3/span 3
    }
    .ol-grid__item[data-row-start~="sm:3"] {
        grid-row-start: 3
    }
    .ol-grid__item[data-row-end~="sm:3"] {
        grid-row-end: 3
    }
    .ol-grid__item[data-row~="sm:4"] {
        grid-row: span 4/span 4
    }
    .ol-grid__item[data-row-start~="sm:4"] {
        grid-row-start: 4
    }
    .ol-grid__item[data-row-end~="sm:4"] {
        grid-row-end: 4
    }
    .ol-grid__item[data-row~="sm:5"] {
        grid-row: span 5/span 5
    }
    .ol-grid__item[data-row-start~="sm:5"] {
        grid-row-start: 5
    }
    .ol-grid__item[data-row-end~="sm:5"] {
        grid-row-end: 5
    }
    .ol-grid__item[data-row~="sm:6"] {
        grid-row: span 6/span 6
    }
    .ol-grid__item[data-row-start~="sm:6"] {
        grid-row-start: 6
    }
    .ol-grid__item[data-row-end~="sm:6"] {
        grid-row-end: 6
    }
    .ol-grid__item[data-row~="sm:full"] {
        grid-row: 1/-1
    }
    .ol-grid__item[data-row~="sm:auto"] {
        grid-row: auto
    }
    .ol-grid__item[data-row-start~="sm:auto"] {
        grid-row-start: auto
    }
    .ol-grid__item[data-row-end~="sm:auto"] {
        grid-row-end: auto
    }
    .ol-grid__item[data-order~="sm:0"] {
        order: 0
    }
    .ol-grid__item[data-order~="sm:-1"] {
        order: -1
    }
    .ol-grid__item[data-order~="sm:1"] {
        order: 1
    }
    .ol-grid__item[data-order~="sm:-2"] {
        order: -2
    }
    .ol-grid__item[data-order~="sm:2"] {
        order: 2
    }
    .ol-grid__item[data-order~="sm:-3"] {
        order: -3
    }
    .ol-grid__item[data-order~="sm:3"] {
        order: 3
    }
    .ol-grid__item[data-over~="sm:left"] {
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="sm:right"] {
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="sm:clearLeft"] {
        margin-left: 0
    }
    .ol-grid__item[data-over~="sm:clearRight"] {
        margin-right: 0
    }
    .ol-list[data-type~="sm:vertical"] {
        display: block
    }
    .ol-list[data-type~="sm:holzontal"] {
        display: flex;
        flex-wrap: wrap
    }
    .ol-list[data-separator~="sm:slash"] .ol-list__item:not(:last-child):after {
        display: inline-block;
        margin: 0 .5em;
        content: "/"
    }
    .ol-list[data-separator~="sm:comma"] .ol-list__item:not(:last-child):after {
        content: ", "
    }
    .ol-defineList[data-type~="sm:vertical"] .ol-defineList__item {
        display: block
    }
    .ol-defineList[data-type~="sm:holzontal"] .ol-defineList__item {
        display: flex
    }
    .ol-wbr.-sm {
        display: inline-block
    }
    .ol-wbr.-smNone {
        display: none
    }
    .ol-wbr.-smHard {
        display: block
    }
    .ol-wbr.-smReset {
        display: inline
    }
    .ol-wbr.-smNoWrap {
        white-space: nowrap
    }
    .ol-text[data-align~="sm:left"] {
        text-align: left
    }
    .ol-text[data-align~="sm:center"] {
        text-align: center
    }
    .ol-text[data-align~="sm:right"] {
        text-align: right
    }
    .ol-text[data-align~="sm:justify"] {
        text-align: justify;
        text-justify: inter-character
    }
    .ol-text[data-case~="sm:uppercase"] {
        text-transform: uppercase
    }
    .ol-text[data-case~="sm:normal"] {
        text-transform: initial
    }
    .ol-text[data-word~="sm:keep"] {
        word-break: keep-all;
        overflow-wrap: break-word
    }
    .ol-text[data-word~="sm:auto"] {
        word-break: initial;
        overflow-wrap: initial
    }
    .ol-text[data-space~="sm:nowrap"] {
        white-space: nowrap
    }
    .ol-text[data-space~="sm:wrap"] {
        white-space: normal
    }
    .ol-text[data-space~="sm:pre"] {
        white-space: pre
    }
    .ol-text[data-space~="sm:preWrap"] {
        white-space: pre-wrap
    }
    .ol-text[data-line~="sm:-2"] {
        line-height: .5
    }
    .ol-text[data-line~="sm:-1"] {
        line-height: .75
    }
    .ol-text[data-line~="sm:1"] {
        line-height: 1
    }
    .ol-text[data-line~="sm:+1"] {
        line-height: 1.25
    }
    .ol-text[data-line~="sm:+2"] {
        line-height: 1.5
    }
    .ol-text[data-line~="sm:+3"] {
        line-height: 1.75
    }
    .ol-text[data-line~="sm:+4"] {
        line-height: 2
    }
    .ol-text[data-line~="sm:+5"] {
        line-height: 2.25
    }
    .ol-text[data-line~="sm:+6"] {
        line-height: 2.5
    }
    .ol-text[data-tracking~="sm:-2"] {
        letter-spacing: -.05em
    }
    .ol-text[data-tracking~="sm:-1"] {
        letter-spacing: -.025em
    }
    .ol-text[data-tracking~="sm:0"] {
        letter-spacing: 0
    }
    .ol-text[data-tracking~="sm:+1"] {
        letter-spacing: .025em
    }
    .ol-text[data-tracking~="sm:+2"] {
        letter-spacing: .05em
    }
    .ol-text[data-tracking~="sm:+3"] {
        letter-spacing: .1em
    }
    .ol-text[data-tracking~="sm:+4"] {
        letter-spacing: .125em
    }
    .ol-text[data-tracking~="sm:+5"] {
        letter-spacing: .15em
    }
    .ol-text[data-tracking~="sm:+6"] {
        letter-spacing: .175em
    }
    .ol-text[data-tracking~="sm:+7"] {
        letter-spacing: .2em
    }
    .ol-text[data-kerning~="sm:normal"] {
        font-feature-settings: normal
    }
    .ol-text[data-kerning~="sm:palt"] {
        font-feature-settings: "palt"
    }
    .ol-text[data-kerning~="sm:pkna"] {
        font-feature-settings: "pkna"
    }
    .ol-text[data-size~="sm:2xsmall"] {
        font-size: .625rem
    }
    .ol-text[data-size~="sm:xsmall"] {
        font-size: .75rem
    }
    .ol-text[data-size~="sm:small"] {
        font-size: .875rem
    }
    .ol-text[data-size~="sm:normal"] {
        font-size: 1rem
    }
    .ol-text[data-size~="sm:large"] {
        font-size: 1.125rem
    }
    .ol-text[data-size~="sm:xlarge"] {
        font-size: 1.25rem
    }
    .ol-text[data-size~="sm:2xlarge"] {
        font-size: 1.5rem
    }
    .ol-text[data-size~="sm:3xlarge"] {
        font-size: 2rem
    }
    .ol-text[data-size~="sm:4xlarge"] {
        font-size: 2.5rem
    }
    .ol-text[data-size~="sm:5xlarge"] {
        font-size: 3rem
    }
    .ol-text[data-size~="sm:6xlarge"] {
        font-size: 3.5rem
    }
    .ol-text[data-size~="sm:7xlarge"] {
        font-size: 4rem
    }
    .ol-text[data-size~="sm:8xlarge"] {
        font-size: 4.5rem
    }
    .ol-text[data-size~="sm:9xlarge"] {
        font-size: 5rem
    }
    .ol-text[data-family~="sm:primary"] {
        font-family: var(--ol-primary-font-set, "sans-serif")
    }
    .ol-text[data-family~="sm:en"] {
        font-family: var(--ol-en-font-set, "sans-serif")
    }
    .ol-text[data-weight~="sm:100"] {
        font-weight: 100
    }
    .ol-text[data-weight~="sm:200"] {
        font-weight: 200
    }
    .ol-text[data-weight~="sm:300"] {
        font-weight: 300
    }
    .ol-text[data-weight~="sm:400"] {
        font-weight: 400
    }
    .ol-text[data-weight~="sm:500"] {
        font-weight: 500
    }
    .ol-text[data-weight~="sm:600"] {
        font-weight: 600
    }
    .ol-text[data-weight~="sm:700"] {
        font-weight: 700
    }
    .ol-text[data-weight~="sm:800"] {
        font-weight: 800
    }
    .ol-text[data-weight~="sm:900"] {
        font-weight: 900
    }
    .ol-text[data-style~="sm:normal"] {
        font-style: normal
    }
    .ol-text[data-style~="sm:italic"] {
        font-style: italic
    }
    .ol-text[data-color~="sm:primary"] {
        color: var(--ol-primary-text-color)
    }
    .ol-text[data-color~="sm:main"] {
        color: var(--ol-main-color)
    }
    .ol-text[data-color~="sm:accent"] {
        color: var(--ol-accent-color)
    }
    .ol-text[data-color~="sm:light"] {
        color: var(--ol-light-text-color)
    }
    .ol-text[data-color~="sm:white"] {
        color: #fff
    }
    .ol-text[data-color~="sm:black"] {
        color: #000
    }
}

@media screen and (min-width: 768px) {
    :root {
        --ol-view-point: var(--ol-md-design-width)
    }
    .ol-container[data-disabled~=md] {
        width: auto;
        max-width: none
    }
    .ol-container[data-width~="md:xsmall"] {
        width: 70%
    }
    .ol-container[data-width~="md:small"] {
        width: 82%
    }
    .ol-container[data-width~="md:medium"] {
        width: 90%
    }
    .ol-container[data-width~="md:large"] {
        width: 95%
    }
    .ol-container[data-width~="md:auto"] {
        width: auto
    }
    .ol-container[data-max~="md:small"] {
        max-width: 640px
    }
    .ol-container[data-max~="md:medium"] {
        max-width: 768px
    }
    .ol-container[data-max~="md:large"] {
        max-width: 1166px
    }
    .ol-container[data-max~="md:xlarge"] {
        max-width: 1280px
    }
    .ol-container[data-max~="md:xxlarge"] {
        max-width: 1536px
    }
    .ol-container[data-max~="md:none"] {
        max-width: none
    }
    .ol-container[data-align~="md:left"] {
        margin-right: auto;
        margin-left: 0
    }
    .ol-container[data-align~="md:right"] {
        margin-right: 0;
        margin-left: auto
    }
    .ol-container[data-align~="md:center"] {
        margin-right: auto;
        margin-left: auto
    }
    .ol-wrapper[data-position~="md:static"] {
        position: static
    }
    .ol-wrapper[data-position~="md:relative"] {
        position: relative
    }
    .ol-wrapper[data-position~="md:absolute"] {
        position: absolute
    }
    .ol-wrapper[data-position~="md:fixed"] {
        position: fixed
    }
    .ol-wrapper[data-position~="md:sticky"] {
        position: sticky
    }
    .ol-wrapper[data-display~="md:none"] {
        display: none
    }
    .ol-wrapper[data-display~="md:inline"] {
        display: inline
    }
    .ol-wrapper[data-display~="md:block"] {
        display: block
    }
    .ol-wrapper[data-display~="md:flex"] {
        display: flex
    }
    .ol-wrapper[data-display~="md:grid"] {
        display: grid
    }
    .ol-wrapper[data-display~="md:unset"] {
        display: unset
    }
    .ol-wrapper[data-over~="md:auto"] {
        overflow: auto
    }
    .ol-wrapper[data-over~="md:hidden"] {
        overflow: hidden
    }
    .ol-wrapper[data-over~="md:visible"] {
        overflow: visible
    }
    .ol-wrapper[data-over~="md:scroll"] {
        overflow: scroll
    }
    .ol-spacer[data-py~="md:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:0"] {
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:0"] {
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:0"] {
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:0"] {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:0"]>*+* {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:0"]>*+* {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:1"] {
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:1"] {
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:1"] {
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:1"] {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:1"]>*+* {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:1"]>*+* {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:2"] {
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:2"] {
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:2"] {
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:2"] {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:2"]>*+* {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:2"]>*+* {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:3"] {
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:3"] {
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:3"] {
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:3"] {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:3"]>*+* {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:3"]>*+* {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:4"] {
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:4"] {
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:4"] {
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:4"] {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:4"]>*+* {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:4"]>*+* {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:5"] {
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:5"] {
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:5"] {
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:5"] {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:5"]>*+* {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:5"]>*+* {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:6"] {
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:6"] {
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:6"] {
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:6"] {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:6"]>*+* {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:6"]>*+* {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:7"] {
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:7"] {
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:7"] {
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:7"] {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:7"]>*+* {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:7"]>*+* {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:8"] {
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:8"] {
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:8"] {
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:8"] {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:8"]>*+* {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:8"]>*+* {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:9"] {
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:9"] {
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:9"] {
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:9"] {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:9"]>*+* {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:9"]>*+* {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:10"] {
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:10"] {
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:10"] {
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:10"] {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:10"]>*+* {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:10"]>*+* {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:11"] {
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:11"] {
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:11"] {
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:11"] {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:11"]>*+* {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:11"]>*+* {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:12"] {
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:12"] {
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:12"] {
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:12"] {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:12"]>*+* {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:12"]>*+* {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:13"] {
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:13"] {
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:13"] {
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:13"] {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:13"]>*+* {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:13"]>*+* {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:14"] {
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:14"] {
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:14"] {
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:14"] {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:14"]>*+* {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:14"]>*+* {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:15"] {
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:15"] {
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:15"] {
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:15"] {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:15"]>*+* {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:15"]>*+* {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:16"] {
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:16"] {
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:16"] {
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:16"] {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:16"]>*+* {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:16"]>*+* {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:17"] {
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:17"] {
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:17"] {
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:17"] {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:17"]>*+* {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:17"]>*+* {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:18"] {
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:18"] {
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:18"] {
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:18"] {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:18"]>*+* {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:18"]>*+* {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:19"] {
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:19"] {
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:19"] {
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:19"] {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:19"]>*+* {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:19"]>*+* {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:20"] {
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:20"] {
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:20"] {
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:20"] {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:20"]>*+* {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:20"]>*+* {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:21"] {
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:21"] {
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:21"] {
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:21"] {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:21"]>*+* {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:21"]>*+* {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:22"] {
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:22"] {
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:22"] {
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:22"] {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:22"]>*+* {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:22"]>*+* {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:23"] {
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:23"] {
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:23"] {
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:23"] {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:23"]>*+* {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:23"]>*+* {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:24"] {
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:24"] {
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:24"] {
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:24"] {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:24"]>*+* {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:24"]>*+* {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:25"] {
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:25"] {
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:25"] {
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:25"] {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:25"]>*+* {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:25"]>*+* {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:26"] {
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:26"] {
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:26"] {
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:26"] {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:26"]>*+* {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:26"]>*+* {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:27"] {
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:27"] {
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:27"] {
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:27"] {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:27"]>*+* {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:27"]>*+* {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:28"] {
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:28"] {
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:28"] {
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:28"] {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:28"]>*+* {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:28"]>*+* {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:29"] {
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:29"] {
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:29"] {
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:29"] {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:29"]>*+* {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:29"]>*+* {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:30"] {
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:30"] {
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:30"] {
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:30"] {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:30"]>*+* {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:30"]>*+* {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:31"] {
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:31"] {
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:31"] {
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:31"] {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:31"]>*+* {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:31"]>*+* {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:32"] {
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:32"] {
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:32"] {
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:32"] {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:32"]>*+* {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:32"]>*+* {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:33"] {
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:33"] {
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:33"] {
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:33"] {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:33"]>*+* {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:33"]>*+* {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:34"] {
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:34"] {
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:34"] {
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:34"] {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:34"]>*+* {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:34"]>*+* {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:35"] {
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:35"] {
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:35"] {
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:35"] {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:35"]>*+* {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:35"]>*+* {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:36"] {
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:36"] {
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:36"] {
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:36"] {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:36"]>*+* {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:36"]>*+* {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:37"] {
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:37"] {
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:37"] {
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:37"] {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:37"]>*+* {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:37"]>*+* {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:38"] {
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:38"] {
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:38"] {
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:38"] {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:38"]>*+* {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:38"]>*+* {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:39"] {
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:39"] {
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:39"] {
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:39"] {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:39"]>*+* {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:39"]>*+* {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-py~="md:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="md:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="md:40"] {
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-px~="md:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="md:40"] {
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="md:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-my~="md:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="md:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="md:40"] {
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="md:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="md:40"] {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="md:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="md:40"]>*+* {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="md:40"]>*+* {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-flex[data-wrap~="md:nowrap"] {
        flex-wrap: nowrap
    }
    .ol-flex[data-wrap~="md:wrap"] {
        flex-wrap: wrap
    }
    .ol-flex[data-dir~="md:row"] {
        flex-direction: row
    }
    .ol-flex[data-dir~="md:reverse"] {
        flex-direction: row-reverse
    }
    .ol-flex[data-dir~="md:column"] {
        flex-direction: column
    }
    .ol-flex[data-align~="md:start"] {
        justify-content: flex-start
    }
    .ol-flex[data-align~="md:center"] {
        justify-content: center
    }
    .ol-flex[data-align~="md:end"] {
        justify-content: flex-end
    }
    .ol-flex[data-align~="md:justify"] {
        justify-content: space-between
    }
    .ol-flex[data-align~="md:top"] {
        align-items: flex-start
    }
    .ol-flex[data-align~="md:middle"] {
        align-items: center
    }
    .ol-flex[data-align~="md:bottom"] {
        align-items: flex-end
    }
    .ol-flex[data-gap~="md:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap~="md:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="md:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="md:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex__item[data-col~="md:1"] {
        width: 8.3333333333%
    }
    .ol-flex__item[data-col~="md:2"] {
        width: 16.6666666667%
    }
    .ol-flex__item[data-col~="md:3"] {
        width: 25%
    }
    .ol-flex__item[data-col~="md:4"] {
        width: 33.3333333333%
    }
    .ol-flex__item[data-col~="md:5"] {
        width: 41.6666666667%
    }
    .ol-flex__item[data-col~="md:6"] {
        width: 50%
    }
    .ol-flex__item[data-col~="md:7"] {
        width: 58.3333333333%
    }
    .ol-flex__item[data-col~="md:8"] {
        width: 66.6666666667%
    }
    .ol-flex__item[data-col~="md:9"] {
        width: 75%
    }
    .ol-flex__item[data-col~="md:10"] {
        width: 83.3333333333%
    }
    .ol-flex__item[data-col~="md:11"] {
        width: 91.6666666667%
    }
    .ol-flex__item[data-col~="md:12"] {
        width: 100%
    }
    .ol-flex__item[data-align~="md:start"] {
        align-items: flex-start
    }
    .ol-flex__item[data-align~="md:center"] {
        align-items: center
    }
    .ol-flex__item[data-align~="md:end"] {
        align-items: flex-end
    }
    .ol-flex__item[data-align~="md:top"] {
        justify-content: flex-start
    }
    .ol-flex__item[data-align~="md:middle"] {
        justify-content: center
    }
    .ol-flex__item[data-align~="md:bottom"] {
        justify-content: flex-end
    }
    .ol-flex__item[data-order~="md:0"] {
        order: 0
    }
    .ol-flex__item[data-order~="md:-1"] {
        order: -1
    }
    .ol-flex__item[data-order~="md:1"] {
        order: 1
    }
    .ol-flex__item[data-order~="md:-2"] {
        order: -2
    }
    .ol-flex__item[data-order~="md:2"] {
        order: 2
    }
    .ol-flex__item[data-order~="md:-3"] {
        order: -3
    }
    .ol-flex__item[data-order~="md:3"] {
        order: 3
    }
    .ol-flex__item[data-grow~="md:0"] {
        flex-grow: 0
    }
    .ol-flex__item[data-shrink~="md:0"] {
        flex-shrink: 0
    }
    .ol-flex__item[data-grow~="md:1"] {
        flex-grow: 1
    }
    .ol-flex__item[data-shrink~="md:1"] {
        flex-shrink: 1
    }
    .ol-flex__item[data-grow~="md:2"] {
        flex-grow: 2
    }
    .ol-flex__item[data-shrink~="md:2"] {
        flex-shrink: 2
    }
    .ol-flex__item[data-grow~="md:3"] {
        flex-grow: 3
    }
    .ol-flex__item[data-shrink~="md:3"] {
        flex-shrink: 3
    }
    .ol-flex__item[data-over~="md:left"] {
        flex-grow: 1;
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="md:right"] {
        flex-grow: 1;
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="md:clearLeft"] {
        margin-left: 0
    }
    .ol-flex__item[data-over~="md:clearRight"] {
        margin-right: 0
    }
    .ol-flex__item[data-over~="md:clearLeft"][data-over~="md:clearRight"] {
        flex-grow: 0
    }
    .ol-grid[data-cols~="md:1"] {
        --ol-grid-columns: 1;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:2"] {
        --ol-grid-columns: 2;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:3"] {
        --ol-grid-columns: 3;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:4"] {
        --ol-grid-columns: 4;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:5"] {
        --ol-grid-columns: 5;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:6"] {
        --ol-grid-columns: 6;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:7"] {
        --ol-grid-columns: 7;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:8"] {
        --ol-grid-columns: 8;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:9"] {
        --ol-grid-columns: 9;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:10"] {
        --ol-grid-columns: 10;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:11"] {
        --ol-grid-columns: 11;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="md:12"] {
        --ol-grid-columns: 12;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-rows~="md:1"] {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="md:2"] {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="md:3"] {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="md:4"] {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="md:5"] {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="md:6"] {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .ol-grid[data-gap~="md:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap~="md:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="md:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="md:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid__item[data-align~="md:start"] {
        align-items: flex-start
    }
    .ol-grid__item[data-align~="md:center"] {
        align-items: center
    }
    .ol-grid__item[data-align~="md:end"] {
        align-items: flex-end
    }
    .ol-grid__item[data-align~="md:top"] {
        justify-content: flex-start
    }
    .ol-grid__item[data-align~="md:middle"] {
        justify-content: center
    }
    .ol-grid__item[data-align~="md:bottom"] {
        justify-content: flex-end
    }
    .ol-grid__item[data-col~="md:1"] {
        grid-column: span 1/span 1
    }
    .ol-grid__item[data-col-start~="md:1"] {
        grid-column-start: 1
    }
    .ol-grid__item[data-col-end~="md:1"] {
        grid-column-end: 1
    }
    .ol-grid__item[data-col~="md:2"] {
        grid-column: span 2/span 2
    }
    .ol-grid__item[data-col-start~="md:2"] {
        grid-column-start: 2
    }
    .ol-grid__item[data-col-end~="md:2"] {
        grid-column-end: 2
    }
    .ol-grid__item[data-col~="md:3"] {
        grid-column: span 3/span 3
    }
    .ol-grid__item[data-col-start~="md:3"] {
        grid-column-start: 3
    }
    .ol-grid__item[data-col-end~="md:3"] {
        grid-column-end: 3
    }
    .ol-grid__item[data-col~="md:4"] {
        grid-column: span 4/span 4
    }
    .ol-grid__item[data-col-start~="md:4"] {
        grid-column-start: 4
    }
    .ol-grid__item[data-col-end~="md:4"] {
        grid-column-end: 4
    }
    .ol-grid__item[data-col~="md:5"] {
        grid-column: span 5/span 5
    }
    .ol-grid__item[data-col-start~="md:5"] {
        grid-column-start: 5
    }
    .ol-grid__item[data-col-end~="md:5"] {
        grid-column-end: 5
    }
    .ol-grid__item[data-col~="md:6"] {
        grid-column: span 6/span 6
    }
    .ol-grid__item[data-col-start~="md:6"] {
        grid-column-start: 6
    }
    .ol-grid__item[data-col-end~="md:6"] {
        grid-column-end: 6
    }
    .ol-grid__item[data-col~="md:7"] {
        grid-column: span 7/span 7
    }
    .ol-grid__item[data-col-start~="md:7"] {
        grid-column-start: 7
    }
    .ol-grid__item[data-col-end~="md:7"] {
        grid-column-end: 7
    }
    .ol-grid__item[data-col~="md:8"] {
        grid-column: span 8/span 8
    }
    .ol-grid__item[data-col-start~="md:8"] {
        grid-column-start: 8
    }
    .ol-grid__item[data-col-end~="md:8"] {
        grid-column-end: 8
    }
    .ol-grid__item[data-col~="md:9"] {
        grid-column: span 9/span 9
    }
    .ol-grid__item[data-col-start~="md:9"] {
        grid-column-start: 9
    }
    .ol-grid__item[data-col-end~="md:9"] {
        grid-column-end: 9
    }
    .ol-grid__item[data-col~="md:10"] {
        grid-column: span 10/span 10
    }
    .ol-grid__item[data-col-start~="md:10"] {
        grid-column-start: 10
    }
    .ol-grid__item[data-col-end~="md:10"] {
        grid-column-end: 10
    }
    .ol-grid__item[data-col~="md:11"] {
        grid-column: span 11/span 11
    }
    .ol-grid__item[data-col-start~="md:11"] {
        grid-column-start: 11
    }
    .ol-grid__item[data-col-end~="md:11"] {
        grid-column-end: 11
    }
    .ol-grid__item[data-col~="md:12"] {
        grid-column: span 12/span 12
    }
    .ol-grid__item[data-col-start~="md:12"] {
        grid-column-start: 12
    }
    .ol-grid__item[data-col-end~="md:12"] {
        grid-column-end: 12
    }
    .ol-grid__item[data-col~="md:full"] {
        grid-column: 1/-1
    }
    .ol-grid__item[data-col~="md:auto"] {
        grid-column: auto
    }
    .ol-grid__item[data-col-start~="md:auto"] {
        grid-column-start: auto
    }
    .ol-grid__item[data-col-end~="md:auto"] {
        grid-column-end: auto
    }
    .ol-grid__item[data-row~="md:1"] {
        grid-row: span 1/span 1
    }
    .ol-grid__item[data-row-start~="md:1"] {
        grid-row-start: 1
    }
    .ol-grid__item[data-row-end~="md:1"] {
        grid-row-end: 1
    }
    .ol-grid__item[data-row~="md:2"] {
        grid-row: span 2/span 2
    }
    .ol-grid__item[data-row-start~="md:2"] {
        grid-row-start: 2
    }
    .ol-grid__item[data-row-end~="md:2"] {
        grid-row-end: 2
    }
    .ol-grid__item[data-row~="md:3"] {
        grid-row: span 3/span 3
    }
    .ol-grid__item[data-row-start~="md:3"] {
        grid-row-start: 3
    }
    .ol-grid__item[data-row-end~="md:3"] {
        grid-row-end: 3
    }
    .ol-grid__item[data-row~="md:4"] {
        grid-row: span 4/span 4
    }
    .ol-grid__item[data-row-start~="md:4"] {
        grid-row-start: 4
    }
    .ol-grid__item[data-row-end~="md:4"] {
        grid-row-end: 4
    }
    .ol-grid__item[data-row~="md:5"] {
        grid-row: span 5/span 5
    }
    .ol-grid__item[data-row-start~="md:5"] {
        grid-row-start: 5
    }
    .ol-grid__item[data-row-end~="md:5"] {
        grid-row-end: 5
    }
    .ol-grid__item[data-row~="md:6"] {
        grid-row: span 6/span 6
    }
    .ol-grid__item[data-row-start~="md:6"] {
        grid-row-start: 6
    }
    .ol-grid__item[data-row-end~="md:6"] {
        grid-row-end: 6
    }
    .ol-grid__item[data-row~="md:full"] {
        grid-row: 1/-1
    }
    .ol-grid__item[data-row~="md:auto"] {
        grid-row: auto
    }
    .ol-grid__item[data-row-start~="md:auto"] {
        grid-row-start: auto
    }
    .ol-grid__item[data-row-end~="md:auto"] {
        grid-row-end: auto
    }
    .ol-grid__item[data-order~="md:0"] {
        order: 0
    }
    .ol-grid__item[data-order~="md:-1"] {
        order: -1
    }
    .ol-grid__item[data-order~="md:1"] {
        order: 1
    }
    .ol-grid__item[data-order~="md:-2"] {
        order: -2
    }
    .ol-grid__item[data-order~="md:2"] {
        order: 2
    }
    .ol-grid__item[data-order~="md:-3"] {
        order: -3
    }
    .ol-grid__item[data-order~="md:3"] {
        order: 3
    }
    .ol-grid__item[data-over~="md:left"] {
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="md:right"] {
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="md:clearLeft"] {
        margin-left: 0
    }
    .ol-grid__item[data-over~="md:clearRight"] {
        margin-right: 0
    }
    .ol-list[data-type~="md:vertical"] {
        display: block
    }
    .ol-list[data-type~="md:holzontal"] {
        display: flex;
        flex-wrap: wrap
    }
    .ol-list[data-separator~="md:slash"] .ol-list__item:not(:last-child):after {
        display: inline-block;
        margin: 0 .5em;
        content: "/"
    }
    .ol-list[data-separator~="md:comma"] .ol-list__item:not(:last-child):after {
        content: ", "
    }
    .ol-defineList[data-type~="md:vertical"] .ol-defineList__item {
        display: block
    }
    .ol-defineList[data-type~="md:holzontal"] .ol-defineList__item {
        display: flex
    }
    .ol-wbr.-md {
        display: inline-block
    }
    .ol-wbr.-mdNone {
        display: none
    }
    .ol-wbr.-mdHard {
        display: block
    }
    .ol-wbr.-mdReset {
        display: inline
    }
    .ol-wbr.-mdNoWrap {
        white-space: nowrap
    }
    .ol-text[data-align~="md:left"] {
        text-align: left
    }
    .ol-text[data-align~="md:center"] {
        text-align: center
    }
    .ol-text[data-align~="md:right"] {
        text-align: right
    }
    .ol-text[data-align~="md:justify"] {
        text-align: justify;
        text-justify: inter-character
    }
    .ol-text[data-case~="md:uppercase"] {
        text-transform: uppercase
    }
    .ol-text[data-case~="md:normal"] {
        text-transform: initial
    }
    .ol-text[data-word~="md:keep"] {
        word-break: keep-all;
        overflow-wrap: break-word
    }
    .ol-text[data-word~="md:auto"] {
        word-break: initial;
        overflow-wrap: initial
    }
    .ol-text[data-space~="md:nowrap"] {
        white-space: nowrap
    }
    .ol-text[data-space~="md:wrap"] {
        white-space: normal
    }
    .ol-text[data-space~="md:pre"] {
        white-space: pre
    }
    .ol-text[data-space~="md:preWrap"] {
        white-space: pre-wrap
    }
    .ol-text[data-line~="md:-2"] {
        line-height: .5
    }
    .ol-text[data-line~="md:-1"] {
        line-height: .75
    }
    .ol-text[data-line~="md:1"] {
        line-height: 1
    }
    .ol-text[data-line~="md:+1"] {
        line-height: 1.25
    }
    .ol-text[data-line~="md:+2"] {
        line-height: 1.5
    }
    .ol-text[data-line~="md:+3"] {
        line-height: 1.75
    }
    .ol-text[data-line~="md:+4"] {
        line-height: 2
    }
    .ol-text[data-line~="md:+5"] {
        line-height: 2.25
    }
    .ol-text[data-line~="md:+6"] {
        line-height: 2.5
    }
    .ol-text[data-tracking~="md:-2"] {
        letter-spacing: -.05em
    }
    .ol-text[data-tracking~="md:-1"] {
        letter-spacing: -.025em
    }
    .ol-text[data-tracking~="md:0"] {
        letter-spacing: 0
    }
    .ol-text[data-tracking~="md:+1"] {
        letter-spacing: .025em
    }
    .ol-text[data-tracking~="md:+2"] {
        letter-spacing: .05em
    }
    .ol-text[data-tracking~="md:+3"] {
        letter-spacing: .1em
    }
    .ol-text[data-tracking~="md:+4"] {
        letter-spacing: .125em
    }
    .ol-text[data-tracking~="md:+5"] {
        letter-spacing: .15em
    }
    .ol-text[data-tracking~="md:+6"] {
        letter-spacing: .175em
    }
    .ol-text[data-tracking~="md:+7"] {
        letter-spacing: .2em
    }
    .ol-text[data-kerning~="md:normal"] {
        font-feature-settings: normal
    }
    .ol-text[data-kerning~="md:palt"] {
        font-feature-settings: "palt"
    }
    .ol-text[data-kerning~="md:pkna"] {
        font-feature-settings: "pkna"
    }
    .ol-text[data-size~="md:2xsmall"] {
        font-size: .625rem
    }
    .ol-text[data-size~="md:xsmall"] {
        font-size: .75rem
    }
    .ol-text[data-size~="md:small"] {
        font-size: .875rem
    }
    .ol-text[data-size~="md:normal"] {
        font-size: 1rem
    }
    .ol-text[data-size~="md:large"] {
        font-size: 1.125rem
    }
    .ol-text[data-size~="md:xlarge"] {
        font-size: 1.25rem
    }
    .ol-text[data-size~="md:2xlarge"] {
        font-size: 1.5rem
    }
    .ol-text[data-size~="md:3xlarge"] {
        font-size: 2rem
    }
    .ol-text[data-size~="md:4xlarge"] {
        font-size: 2.5rem
    }
    .ol-text[data-size~="md:5xlarge"] {
        font-size: 3rem
    }
    .ol-text[data-size~="md:6xlarge"] {
        font-size: 3.5rem
    }
    .ol-text[data-size~="md:7xlarge"] {
        font-size: 4rem
    }
    .ol-text[data-size~="md:8xlarge"] {
        font-size: 4.5rem
    }
    .ol-text[data-size~="md:9xlarge"] {
        font-size: 5rem
    }
    .ol-text[data-family~="md:primary"] {
        font-family: var(--ol-primary-font-set, "sans-serif")
    }
    .ol-text[data-family~="md:en"] {
        font-family: var(--ol-en-font-set, "sans-serif")
    }
    .ol-text[data-weight~="md:100"] {
        font-weight: 100
    }
    .ol-text[data-weight~="md:200"] {
        font-weight: 200
    }
    .ol-text[data-weight~="md:300"] {
        font-weight: 300
    }
    .ol-text[data-weight~="md:400"] {
        font-weight: 400
    }
    .ol-text[data-weight~="md:500"] {
        font-weight: 500
    }
    .ol-text[data-weight~="md:600"] {
        font-weight: 600
    }
    .ol-text[data-weight~="md:700"] {
        font-weight: 700
    }
    .ol-text[data-weight~="md:800"] {
        font-weight: 800
    }
    .ol-text[data-weight~="md:900"] {
        font-weight: 900
    }
    .ol-text[data-style~="md:normal"] {
        font-style: normal
    }
    .ol-text[data-style~="md:italic"] {
        font-style: italic
    }
    .ol-text[data-color~="md:primary"] {
        color: var(--ol-primary-text-color)
    }
    .ol-text[data-color~="md:main"] {
        color: var(--ol-main-color)
    }
    .ol-text[data-color~="md:accent"] {
        color: var(--ol-accent-color)
    }
    .ol-text[data-color~="md:light"] {
        color: var(--ol-light-text-color)
    }
    .ol-text[data-color~="md:white"] {
        color: #fff
    }
    .ol-text[data-color~="md:black"] {
        color: #000
    }
}

@media screen and (min-width: 1024px) {
    :root {
        --ol-view-point: var(--ol-lg-design-width)
    }
    .ol-container[data-disabled~=lg] {
        width: auto;
        max-width: none
    }
    .ol-container[data-width~="lg:xsmall"] {
        width: 70%
    }
    .ol-container[data-width~="lg:small"] {
        width: 82%
    }
    .ol-container[data-width~="lg:medium"] {
        width: 90%
    }
    .ol-container[data-width~="lg:large"] {
        width: 95%
    }
    .ol-container[data-width~="lg:auto"] {
        width: auto
    }
    .ol-container[data-max~="lg:small"] {
        max-width: 640px
    }
    .ol-container[data-max~="lg:medium"] {
        max-width: 768px
    }
    .ol-container[data-max~="lg:large"] {
        max-width: 1166px
    }
    .ol-container[data-max~="lg:xlarge"] {
        max-width: 1280px
    }
    .ol-container[data-max~="lg:xxlarge"] {
        max-width: 1536px
    }
    .ol-container[data-max~="lg:none"] {
        max-width: none
    }
    .ol-container[data-align~="lg:left"] {
        margin-right: auto;
        margin-left: 0
    }
    .ol-container[data-align~="lg:right"] {
        margin-right: 0;
        margin-left: auto
    }
    .ol-container[data-align~="lg:center"] {
        margin-right: auto;
        margin-left: auto
    }
    .ol-wrapper[data-position~="lg:static"] {
        position: static
    }
    .ol-wrapper[data-position~="lg:relative"] {
        position: relative
    }
    .ol-wrapper[data-position~="lg:absolute"] {
        position: absolute
    }
    .ol-wrapper[data-position~="lg:fixed"] {
        position: fixed
    }
    .ol-wrapper[data-position~="lg:sticky"] {
        position: sticky
    }
    .ol-wrapper[data-display~="lg:none"] {
        display: none
    }
    .ol-wrapper[data-display~="lg:inline"] {
        display: inline
    }
    .ol-wrapper[data-display~="lg:block"] {
        display: block
    }
    .ol-wrapper[data-display~="lg:flex"] {
        display: flex
    }
    .ol-wrapper[data-display~="lg:grid"] {
        display: grid
    }
    .ol-wrapper[data-display~="lg:unset"] {
        display: unset
    }
    .ol-wrapper[data-over~="lg:auto"] {
        overflow: auto
    }
    .ol-wrapper[data-over~="lg:hidden"] {
        overflow: hidden
    }
    .ol-wrapper[data-over~="lg:visible"] {
        overflow: visible
    }
    .ol-wrapper[data-over~="lg:scroll"] {
        overflow: scroll
    }
    .ol-spacer[data-py~="lg:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:0"] {
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:0"] {
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:0"] {
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:0"] {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:0"]>*+* {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:0"]>*+* {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:1"] {
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:1"] {
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:1"] {
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:1"] {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:1"]>*+* {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:1"]>*+* {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:2"] {
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:2"] {
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:2"] {
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:2"] {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:2"]>*+* {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:2"]>*+* {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:3"] {
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:3"] {
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:3"] {
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:3"] {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:3"]>*+* {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:3"]>*+* {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:4"] {
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:4"] {
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:4"] {
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:4"] {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:4"]>*+* {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:4"]>*+* {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:5"] {
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:5"] {
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:5"] {
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:5"] {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:5"]>*+* {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:5"]>*+* {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:6"] {
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:6"] {
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:6"] {
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:6"] {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:6"]>*+* {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:6"]>*+* {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:7"] {
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:7"] {
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:7"] {
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:7"] {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:7"]>*+* {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:7"]>*+* {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:8"] {
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:8"] {
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:8"] {
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:8"] {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:8"]>*+* {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:8"]>*+* {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:9"] {
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:9"] {
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:9"] {
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:9"] {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:9"]>*+* {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:9"]>*+* {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:10"] {
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:10"] {
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:10"] {
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:10"] {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:10"]>*+* {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:10"]>*+* {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:11"] {
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:11"] {
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:11"] {
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:11"] {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:11"]>*+* {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:11"]>*+* {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:12"] {
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:12"] {
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:12"] {
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:12"] {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:12"]>*+* {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:12"]>*+* {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:13"] {
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:13"] {
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:13"] {
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:13"] {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:13"]>*+* {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:13"]>*+* {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:14"] {
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:14"] {
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:14"] {
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:14"] {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:14"]>*+* {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:14"]>*+* {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:15"] {
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:15"] {
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:15"] {
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:15"] {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:15"]>*+* {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:15"]>*+* {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:16"] {
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:16"] {
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:16"] {
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:16"] {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:16"]>*+* {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:16"]>*+* {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:17"] {
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:17"] {
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:17"] {
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:17"] {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:17"]>*+* {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:17"]>*+* {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:18"] {
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:18"] {
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:18"] {
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:18"] {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:18"]>*+* {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:18"]>*+* {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:19"] {
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:19"] {
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:19"] {
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:19"] {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:19"]>*+* {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:19"]>*+* {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:20"] {
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:20"] {
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:20"] {
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:20"] {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:20"]>*+* {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:20"]>*+* {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:21"] {
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:21"] {
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:21"] {
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:21"] {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:21"]>*+* {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:21"]>*+* {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:22"] {
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:22"] {
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:22"] {
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:22"] {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:22"]>*+* {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:22"]>*+* {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:23"] {
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:23"] {
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:23"] {
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:23"] {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:23"]>*+* {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:23"]>*+* {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:24"] {
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:24"] {
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:24"] {
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:24"] {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:24"]>*+* {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:24"]>*+* {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:25"] {
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:25"] {
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:25"] {
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:25"] {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:25"]>*+* {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:25"]>*+* {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:26"] {
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:26"] {
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:26"] {
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:26"] {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:26"]>*+* {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:26"]>*+* {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:27"] {
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:27"] {
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:27"] {
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:27"] {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:27"]>*+* {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:27"]>*+* {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:28"] {
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:28"] {
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:28"] {
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:28"] {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:28"]>*+* {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:28"]>*+* {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:29"] {
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:29"] {
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:29"] {
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:29"] {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:29"]>*+* {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:29"]>*+* {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:30"] {
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:30"] {
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:30"] {
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:30"] {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:30"]>*+* {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:30"]>*+* {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:31"] {
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:31"] {
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:31"] {
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:31"] {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:31"]>*+* {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:31"]>*+* {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:32"] {
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:32"] {
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:32"] {
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:32"] {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:32"]>*+* {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:32"]>*+* {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:33"] {
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:33"] {
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:33"] {
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:33"] {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:33"]>*+* {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:33"]>*+* {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:34"] {
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:34"] {
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:34"] {
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:34"] {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:34"]>*+* {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:34"]>*+* {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:35"] {
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:35"] {
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:35"] {
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:35"] {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:35"]>*+* {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:35"]>*+* {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:36"] {
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:36"] {
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:36"] {
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:36"] {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:36"]>*+* {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:36"]>*+* {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:37"] {
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:37"] {
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:37"] {
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:37"] {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:37"]>*+* {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:37"]>*+* {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:38"] {
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:38"] {
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:38"] {
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:38"] {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:38"]>*+* {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:38"]>*+* {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:39"] {
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:39"] {
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:39"] {
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:39"] {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:39"]>*+* {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:39"]>*+* {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-py~="lg:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="lg:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="lg:40"] {
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-px~="lg:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="lg:40"] {
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="lg:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-my~="lg:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="lg:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="lg:40"] {
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="lg:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="lg:40"] {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="lg:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="lg:40"]>*+* {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="lg:40"]>*+* {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-flex[data-wrap~="lg:nowrap"] {
        flex-wrap: nowrap
    }
    .ol-flex[data-wrap~="lg:wrap"] {
        flex-wrap: wrap
    }
    .ol-flex[data-dir~="lg:row"] {
        flex-direction: row
    }
    .ol-flex[data-dir~="lg:reverse"] {
        flex-direction: row-reverse
    }
    .ol-flex[data-dir~="lg:column"] {
        flex-direction: column
    }
    .ol-flex[data-align~="lg:start"] {
        justify-content: flex-start
    }
    .ol-flex[data-align~="lg:center"] {
        justify-content: center
    }
    .ol-flex[data-align~="lg:end"] {
        justify-content: flex-end
    }
    .ol-flex[data-align~="lg:justify"] {
        justify-content: space-between
    }
    .ol-flex[data-align~="lg:top"] {
        align-items: flex-start
    }
    .ol-flex[data-align~="lg:middle"] {
        align-items: center
    }
    .ol-flex[data-align~="lg:bottom"] {
        align-items: flex-end
    }
    .ol-flex[data-gap~="lg:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap~="lg:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="lg:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="lg:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex__item[data-col~="lg:1"] {
        width: 8.3333333333%
    }
    .ol-flex__item[data-col~="lg:2"] {
        width: 16.6666666667%
    }
    .ol-flex__item[data-col~="lg:3"] {
        width: 25%
    }
    .ol-flex__item[data-col~="lg:4"] {
        width: 33.3333333333%
    }
    .ol-flex__item[data-col~="lg:5"] {
        width: 41.6666666667%
    }
    .ol-flex__item[data-col~="lg:6"] {
        width: 50%
    }
    .ol-flex__item[data-col~="lg:7"] {
        width: 58.3333333333%
    }
    .ol-flex__item[data-col~="lg:8"] {
        width: 66.6666666667%
    }
    .ol-flex__item[data-col~="lg:9"] {
        width: 75%
    }
    .ol-flex__item[data-col~="lg:10"] {
        width: 83.3333333333%
    }
    .ol-flex__item[data-col~="lg:11"] {
        width: 91.6666666667%
    }
    .ol-flex__item[data-col~="lg:12"] {
        width: 100%
    }
    .ol-flex__item[data-align~="lg:start"] {
        align-items: flex-start
    }
    .ol-flex__item[data-align~="lg:center"] {
        align-items: center
    }
    .ol-flex__item[data-align~="lg:end"] {
        align-items: flex-end
    }
    .ol-flex__item[data-align~="lg:top"] {
        justify-content: flex-start
    }
    .ol-flex__item[data-align~="lg:middle"] {
        justify-content: center
    }
    .ol-flex__item[data-align~="lg:bottom"] {
        justify-content: flex-end
    }
    .ol-flex__item[data-order~="lg:0"] {
        order: 0
    }
    .ol-flex__item[data-order~="lg:-1"] {
        order: -1
    }
    .ol-flex__item[data-order~="lg:1"] {
        order: 1
    }
    .ol-flex__item[data-order~="lg:-2"] {
        order: -2
    }
    .ol-flex__item[data-order~="lg:2"] {
        order: 2
    }
    .ol-flex__item[data-order~="lg:-3"] {
        order: -3
    }
    .ol-flex__item[data-order~="lg:3"] {
        order: 3
    }
    .ol-flex__item[data-grow~="lg:0"] {
        flex-grow: 0
    }
    .ol-flex__item[data-shrink~="lg:0"] {
        flex-shrink: 0
    }
    .ol-flex__item[data-grow~="lg:1"] {
        flex-grow: 1
    }
    .ol-flex__item[data-shrink~="lg:1"] {
        flex-shrink: 1
    }
    .ol-flex__item[data-grow~="lg:2"] {
        flex-grow: 2
    }
    .ol-flex__item[data-shrink~="lg:2"] {
        flex-shrink: 2
    }
    .ol-flex__item[data-grow~="lg:3"] {
        flex-grow: 3
    }
    .ol-flex__item[data-shrink~="lg:3"] {
        flex-shrink: 3
    }
    .ol-flex__item[data-over~="lg:left"] {
        flex-grow: 1;
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="lg:right"] {
        flex-grow: 1;
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="lg:clearLeft"] {
        margin-left: 0
    }
    .ol-flex__item[data-over~="lg:clearRight"] {
        margin-right: 0
    }
    .ol-flex__item[data-over~="lg:clearLeft"][data-over~="lg:clearRight"] {
        flex-grow: 0
    }
    .ol-grid[data-cols~="lg:1"] {
        --ol-grid-columns: 1;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:2"] {
        --ol-grid-columns: 2;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:3"] {
        --ol-grid-columns: 3;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:4"] {
        --ol-grid-columns: 4;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:5"] {
        --ol-grid-columns: 5;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:6"] {
        --ol-grid-columns: 6;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:7"] {
        --ol-grid-columns: 7;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:8"] {
        --ol-grid-columns: 8;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:9"] {
        --ol-grid-columns: 9;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:10"] {
        --ol-grid-columns: 10;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:11"] {
        --ol-grid-columns: 11;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="lg:12"] {
        --ol-grid-columns: 12;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-rows~="lg:1"] {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="lg:2"] {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="lg:3"] {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="lg:4"] {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="lg:5"] {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="lg:6"] {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .ol-grid[data-gap~="lg:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap~="lg:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="lg:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="lg:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid__item[data-align~="lg:start"] {
        align-items: flex-start
    }
    .ol-grid__item[data-align~="lg:center"] {
        align-items: center
    }
    .ol-grid__item[data-align~="lg:end"] {
        align-items: flex-end
    }
    .ol-grid__item[data-align~="lg:top"] {
        justify-content: flex-start
    }
    .ol-grid__item[data-align~="lg:middle"] {
        justify-content: center
    }
    .ol-grid__item[data-align~="lg:bottom"] {
        justify-content: flex-end
    }
    .ol-grid__item[data-col~="lg:1"] {
        grid-column: span 1/span 1
    }
    .ol-grid__item[data-col-start~="lg:1"] {
        grid-column-start: 1
    }
    .ol-grid__item[data-col-end~="lg:1"] {
        grid-column-end: 1
    }
    .ol-grid__item[data-col~="lg:2"] {
        grid-column: span 2/span 2
    }
    .ol-grid__item[data-col-start~="lg:2"] {
        grid-column-start: 2
    }
    .ol-grid__item[data-col-end~="lg:2"] {
        grid-column-end: 2
    }
    .ol-grid__item[data-col~="lg:3"] {
        grid-column: span 3/span 3
    }
    .ol-grid__item[data-col-start~="lg:3"] {
        grid-column-start: 3
    }
    .ol-grid__item[data-col-end~="lg:3"] {
        grid-column-end: 3
    }
    .ol-grid__item[data-col~="lg:4"] {
        grid-column: span 4/span 4
    }
    .ol-grid__item[data-col-start~="lg:4"] {
        grid-column-start: 4
    }
    .ol-grid__item[data-col-end~="lg:4"] {
        grid-column-end: 4
    }
    .ol-grid__item[data-col~="lg:5"] {
        grid-column: span 5/span 5
    }
    .ol-grid__item[data-col-start~="lg:5"] {
        grid-column-start: 5
    }
    .ol-grid__item[data-col-end~="lg:5"] {
        grid-column-end: 5
    }
    .ol-grid__item[data-col~="lg:6"] {
        grid-column: span 6/span 6
    }
    .ol-grid__item[data-col-start~="lg:6"] {
        grid-column-start: 6
    }
    .ol-grid__item[data-col-end~="lg:6"] {
        grid-column-end: 6
    }
    .ol-grid__item[data-col~="lg:7"] {
        grid-column: span 7/span 7
    }
    .ol-grid__item[data-col-start~="lg:7"] {
        grid-column-start: 7
    }
    .ol-grid__item[data-col-end~="lg:7"] {
        grid-column-end: 7
    }
    .ol-grid__item[data-col~="lg:8"] {
        grid-column: span 8/span 8
    }
    .ol-grid__item[data-col-start~="lg:8"] {
        grid-column-start: 8
    }
    .ol-grid__item[data-col-end~="lg:8"] {
        grid-column-end: 8
    }
    .ol-grid__item[data-col~="lg:9"] {
        grid-column: span 9/span 9
    }
    .ol-grid__item[data-col-start~="lg:9"] {
        grid-column-start: 9
    }
    .ol-grid__item[data-col-end~="lg:9"] {
        grid-column-end: 9
    }
    .ol-grid__item[data-col~="lg:10"] {
        grid-column: span 10/span 10
    }
    .ol-grid__item[data-col-start~="lg:10"] {
        grid-column-start: 10
    }
    .ol-grid__item[data-col-end~="lg:10"] {
        grid-column-end: 10
    }
    .ol-grid__item[data-col~="lg:11"] {
        grid-column: span 11/span 11
    }
    .ol-grid__item[data-col-start~="lg:11"] {
        grid-column-start: 11
    }
    .ol-grid__item[data-col-end~="lg:11"] {
        grid-column-end: 11
    }
    .ol-grid__item[data-col~="lg:12"] {
        grid-column: span 12/span 12
    }
    .ol-grid__item[data-col-start~="lg:12"] {
        grid-column-start: 12
    }
    .ol-grid__item[data-col-end~="lg:12"] {
        grid-column-end: 12
    }
    .ol-grid__item[data-col~="lg:full"] {
        grid-column: 1/-1
    }
    .ol-grid__item[data-col~="lg:auto"] {
        grid-column: auto
    }
    .ol-grid__item[data-col-start~="lg:auto"] {
        grid-column-start: auto
    }
    .ol-grid__item[data-col-end~="lg:auto"] {
        grid-column-end: auto
    }
    .ol-grid__item[data-row~="lg:1"] {
        grid-row: span 1/span 1
    }
    .ol-grid__item[data-row-start~="lg:1"] {
        grid-row-start: 1
    }
    .ol-grid__item[data-row-end~="lg:1"] {
        grid-row-end: 1
    }
    .ol-grid__item[data-row~="lg:2"] {
        grid-row: span 2/span 2
    }
    .ol-grid__item[data-row-start~="lg:2"] {
        grid-row-start: 2
    }
    .ol-grid__item[data-row-end~="lg:2"] {
        grid-row-end: 2
    }
    .ol-grid__item[data-row~="lg:3"] {
        grid-row: span 3/span 3
    }
    .ol-grid__item[data-row-start~="lg:3"] {
        grid-row-start: 3
    }
    .ol-grid__item[data-row-end~="lg:3"] {
        grid-row-end: 3
    }
    .ol-grid__item[data-row~="lg:4"] {
        grid-row: span 4/span 4
    }
    .ol-grid__item[data-row-start~="lg:4"] {
        grid-row-start: 4
    }
    .ol-grid__item[data-row-end~="lg:4"] {
        grid-row-end: 4
    }
    .ol-grid__item[data-row~="lg:5"] {
        grid-row: span 5/span 5
    }
    .ol-grid__item[data-row-start~="lg:5"] {
        grid-row-start: 5
    }
    .ol-grid__item[data-row-end~="lg:5"] {
        grid-row-end: 5
    }
    .ol-grid__item[data-row~="lg:6"] {
        grid-row: span 6/span 6
    }
    .ol-grid__item[data-row-start~="lg:6"] {
        grid-row-start: 6
    }
    .ol-grid__item[data-row-end~="lg:6"] {
        grid-row-end: 6
    }
    .ol-grid__item[data-row~="lg:full"] {
        grid-row: 1/-1
    }
    .ol-grid__item[data-row~="lg:auto"] {
        grid-row: auto
    }
    .ol-grid__item[data-row-start~="lg:auto"] {
        grid-row-start: auto
    }
    .ol-grid__item[data-row-end~="lg:auto"] {
        grid-row-end: auto
    }
    .ol-grid__item[data-order~="lg:0"] {
        order: 0
    }
    .ol-grid__item[data-order~="lg:-1"] {
        order: -1
    }
    .ol-grid__item[data-order~="lg:1"] {
        order: 1
    }
    .ol-grid__item[data-order~="lg:-2"] {
        order: -2
    }
    .ol-grid__item[data-order~="lg:2"] {
        order: 2
    }
    .ol-grid__item[data-order~="lg:-3"] {
        order: -3
    }
    .ol-grid__item[data-order~="lg:3"] {
        order: 3
    }
    .ol-grid__item[data-over~="lg:left"] {
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="lg:right"] {
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="lg:clearLeft"] {
        margin-left: 0
    }
    .ol-grid__item[data-over~="lg:clearRight"] {
        margin-right: 0
    }
    .ol-list[data-type~="lg:vertical"] {
        display: block
    }
    .ol-list[data-type~="lg:holzontal"] {
        display: flex;
        flex-wrap: wrap
    }
    .ol-list[data-separator~="lg:slash"] .ol-list__item:not(:last-child):after {
        display: inline-block;
        margin: 0 .5em;
        content: "/"
    }
    .ol-list[data-separator~="lg:comma"] .ol-list__item:not(:last-child):after {
        content: ", "
    }
    .ol-defineList[data-type~="lg:vertical"] .ol-defineList__item {
        display: block
    }
    .ol-defineList[data-type~="lg:holzontal"] .ol-defineList__item {
        display: flex
    }
    .ol-textfield {
        padding: .75rem 1.25rem
    }
    .ol-wbr.-lg {
        display: inline-block
    }
    .ol-wbr.-lgNone {
        display: none
    }
    .ol-wbr.-lgHard {
        display: block
    }
    .ol-wbr.-lgReset {
        display: inline
    }
    .ol-wbr.-lgNoWrap {
        white-space: nowrap
    }
    .ol-text[data-align~="lg:left"] {
        text-align: left
    }
    .ol-text[data-align~="lg:center"] {
        text-align: center
    }
    .ol-text[data-align~="lg:right"] {
        text-align: right
    }
    .ol-text[data-align~="lg:justify"] {
        text-align: justify;
        text-justify: inter-character
    }
    .ol-text[data-case~="lg:uppercase"] {
        text-transform: uppercase
    }
    .ol-text[data-case~="lg:normal"] {
        text-transform: initial
    }
    .ol-text[data-word~="lg:keep"] {
        word-break: keep-all;
        overflow-wrap: break-word
    }
    .ol-text[data-word~="lg:auto"] {
        word-break: initial;
        overflow-wrap: initial
    }
    .ol-text[data-space~="lg:nowrap"] {
        white-space: nowrap
    }
    .ol-text[data-space~="lg:wrap"] {
        white-space: normal
    }
    .ol-text[data-space~="lg:pre"] {
        white-space: pre
    }
    .ol-text[data-space~="lg:preWrap"] {
        white-space: pre-wrap
    }
    .ol-text[data-line~="lg:-2"] {
        line-height: .5
    }
    .ol-text[data-line~="lg:-1"] {
        line-height: .75
    }
    .ol-text[data-line~="lg:1"] {
        line-height: 1
    }
    .ol-text[data-line~="lg:+1"] {
        line-height: 1.25
    }
    .ol-text[data-line~="lg:+2"] {
        line-height: 1.5
    }
    .ol-text[data-line~="lg:+3"] {
        line-height: 1.75
    }
    .ol-text[data-line~="lg:+4"] {
        line-height: 2
    }
    .ol-text[data-line~="lg:+5"] {
        line-height: 2.25
    }
    .ol-text[data-line~="lg:+6"] {
        line-height: 2.5
    }
    .ol-text[data-tracking~="lg:-2"] {
        letter-spacing: -.05em
    }
    .ol-text[data-tracking~="lg:-1"] {
        letter-spacing: -.025em
    }
    .ol-text[data-tracking~="lg:0"] {
        letter-spacing: 0
    }
    .ol-text[data-tracking~="lg:+1"] {
        letter-spacing: .025em
    }
    .ol-text[data-tracking~="lg:+2"] {
        letter-spacing: .05em
    }
    .ol-text[data-tracking~="lg:+3"] {
        letter-spacing: .1em
    }
    .ol-text[data-tracking~="lg:+4"] {
        letter-spacing: .125em
    }
    .ol-text[data-tracking~="lg:+5"] {
        letter-spacing: .15em
    }
    .ol-text[data-tracking~="lg:+6"] {
        letter-spacing: .175em
    }
    .ol-text[data-tracking~="lg:+7"] {
        letter-spacing: .2em
    }
    .ol-text[data-kerning~="lg:normal"] {
        font-feature-settings: normal
    }
    .ol-text[data-kerning~="lg:palt"] {
        font-feature-settings: "palt"
    }
    .ol-text[data-kerning~="lg:pkna"] {
        font-feature-settings: "pkna"
    }
    .ol-text[data-size~="lg:2xsmall"] {
        font-size: .625rem
    }
    .ol-text[data-size~="lg:xsmall"] {
        font-size: .75rem
    }
    .ol-text[data-size~="lg:small"] {
        font-size: .875rem
    }
    .ol-text[data-size~="lg:normal"] {
        font-size: 1rem
    }
    .ol-text[data-size~="lg:large"] {
        font-size: 1.125rem
    }
    .ol-text[data-size~="lg:xlarge"] {
        font-size: 1.25rem
    }
    .ol-text[data-size~="lg:2xlarge"] {
        font-size: 1.5rem
    }
    .ol-text[data-size~="lg:3xlarge"] {
        font-size: 2rem
    }
    .ol-text[data-size~="lg:4xlarge"] {
        font-size: 2.5rem
    }
    .ol-text[data-size~="lg:5xlarge"] {
        font-size: 3rem
    }
    .ol-text[data-size~="lg:6xlarge"] {
        font-size: 3.5rem
    }
    .ol-text[data-size~="lg:7xlarge"] {
        font-size: 4rem
    }
    .ol-text[data-size~="lg:8xlarge"] {
        font-size: 4.5rem
    }
    .ol-text[data-size~="lg:9xlarge"] {
        font-size: 5rem
    }
    .ol-text[data-family~="lg:primary"] {
        font-family: var(--ol-primary-font-set, "sans-serif")
    }
    .ol-text[data-family~="lg:en"] {
        font-family: var(--ol-en-font-set, "sans-serif")
    }
    .ol-text[data-weight~="lg:100"] {
        font-weight: 100
    }
    .ol-text[data-weight~="lg:200"] {
        font-weight: 200
    }
    .ol-text[data-weight~="lg:300"] {
        font-weight: 300
    }
    .ol-text[data-weight~="lg:400"] {
        font-weight: 400
    }
    .ol-text[data-weight~="lg:500"] {
        font-weight: 500
    }
    .ol-text[data-weight~="lg:600"] {
        font-weight: 600
    }
    .ol-text[data-weight~="lg:700"] {
        font-weight: 700
    }
    .ol-text[data-weight~="lg:800"] {
        font-weight: 800
    }
    .ol-text[data-weight~="lg:900"] {
        font-weight: 900
    }
    .ol-text[data-style~="lg:normal"] {
        font-style: normal
    }
    .ol-text[data-style~="lg:italic"] {
        font-style: italic
    }
    .ol-text[data-color~="lg:primary"] {
        color: var(--ol-primary-text-color)
    }
    .ol-text[data-color~="lg:main"] {
        color: var(--ol-main-color)
    }
    .ol-text[data-color~="lg:accent"] {
        color: var(--ol-accent-color)
    }
    .ol-text[data-color~="lg:light"] {
        color: var(--ol-light-text-color)
    }
    .ol-text[data-color~="lg:white"] {
        color: #fff
    }
    .ol-text[data-color~="lg:black"] {
        color: #000
    }
}

@media screen and (min-width: 1280px) {
    .ol-container[data-disabled~=xl] {
        width: auto;
        max-width: none
    }
    .ol-container[data-width~="xl:xsmall"] {
        width: 70%
    }
    .ol-container[data-width~="xl:small"] {
        width: 82%
    }
    .ol-container[data-width~="xl:medium"] {
        width: 90%
    }
    .ol-container[data-width~="xl:large"] {
        width: 95%
    }
    .ol-container[data-width~="xl:auto"] {
        width: auto
    }
    .ol-container[data-max~="xl:small"] {
        max-width: 640px
    }
    .ol-container[data-max~="xl:medium"] {
        max-width: 768px
    }
    .ol-container[data-max~="xl:large"] {
        max-width: 1166px
    }
    .ol-container[data-max~="xl:xlarge"] {
        max-width: 1280px
    }
    .ol-container[data-max~="xl:xxlarge"] {
        max-width: 1536px
    }
    .ol-container[data-max~="xl:none"] {
        max-width: none
    }
    .ol-container[data-align~="xl:left"] {
        margin-right: auto;
        margin-left: 0
    }
    .ol-container[data-align~="xl:right"] {
        margin-right: 0;
        margin-left: auto
    }
    .ol-container[data-align~="xl:center"] {
        margin-right: auto;
        margin-left: auto
    }
    .ol-wrapper[data-position~="xl:static"] {
        position: static
    }
    .ol-wrapper[data-position~="xl:relative"] {
        position: relative
    }
    .ol-wrapper[data-position~="xl:absolute"] {
        position: absolute
    }
    .ol-wrapper[data-position~="xl:fixed"] {
        position: fixed
    }
    .ol-wrapper[data-position~="xl:sticky"] {
        position: sticky
    }
    .ol-wrapper[data-display~="xl:none"] {
        display: none
    }
    .ol-wrapper[data-display~="xl:inline"] {
        display: inline
    }
    .ol-wrapper[data-display~="xl:block"] {
        display: block
    }
    .ol-wrapper[data-display~="xl:flex"] {
        display: flex
    }
    .ol-wrapper[data-display~="xl:grid"] {
        display: grid
    }
    .ol-wrapper[data-display~="xl:unset"] {
        display: unset
    }
    .ol-wrapper[data-over~="xl:auto"] {
        overflow: auto
    }
    .ol-wrapper[data-over~="xl:hidden"] {
        overflow: hidden
    }
    .ol-wrapper[data-over~="xl:visible"] {
        overflow: visible
    }
    .ol-wrapper[data-over~="xl:scroll"] {
        overflow: scroll
    }
    .ol-spacer[data-py~="xl:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:0"] {
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:0"] {
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:0"] {
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:0"] {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:0"]>*+* {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:0"]>*+* {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:1"] {
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:1"] {
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:1"] {
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:1"] {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:1"]>*+* {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:1"]>*+* {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:2"] {
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:2"] {
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:2"] {
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:2"] {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:2"]>*+* {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:2"]>*+* {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:3"] {
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:3"] {
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:3"] {
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:3"] {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:3"]>*+* {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:3"]>*+* {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:4"] {
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:4"] {
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:4"] {
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:4"] {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:4"]>*+* {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:4"]>*+* {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:5"] {
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:5"] {
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:5"] {
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:5"] {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:5"]>*+* {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:5"]>*+* {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:6"] {
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:6"] {
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:6"] {
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:6"] {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:6"]>*+* {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:6"]>*+* {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:7"] {
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:7"] {
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:7"] {
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:7"] {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:7"]>*+* {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:7"]>*+* {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:8"] {
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:8"] {
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:8"] {
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:8"] {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:8"]>*+* {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:8"]>*+* {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:9"] {
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:9"] {
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:9"] {
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:9"] {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:9"]>*+* {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:9"]>*+* {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:10"] {
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:10"] {
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:10"] {
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:10"] {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:10"]>*+* {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:10"]>*+* {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:11"] {
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:11"] {
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:11"] {
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:11"] {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:11"]>*+* {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:11"]>*+* {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:12"] {
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:12"] {
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:12"] {
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:12"] {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:12"]>*+* {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:12"]>*+* {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:13"] {
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:13"] {
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:13"] {
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:13"] {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:13"]>*+* {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:13"]>*+* {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:14"] {
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:14"] {
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:14"] {
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:14"] {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:14"]>*+* {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:14"]>*+* {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:15"] {
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:15"] {
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:15"] {
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:15"] {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:15"]>*+* {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:15"]>*+* {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:16"] {
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:16"] {
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:16"] {
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:16"] {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:16"]>*+* {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:16"]>*+* {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:17"] {
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:17"] {
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:17"] {
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:17"] {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:17"]>*+* {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:17"]>*+* {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:18"] {
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:18"] {
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:18"] {
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:18"] {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:18"]>*+* {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:18"]>*+* {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:19"] {
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:19"] {
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:19"] {
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:19"] {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:19"]>*+* {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:19"]>*+* {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:20"] {
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:20"] {
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:20"] {
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:20"] {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:20"]>*+* {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:20"]>*+* {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:21"] {
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:21"] {
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:21"] {
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:21"] {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:21"]>*+* {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:21"]>*+* {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:22"] {
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:22"] {
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:22"] {
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:22"] {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:22"]>*+* {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:22"]>*+* {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:23"] {
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:23"] {
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:23"] {
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:23"] {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:23"]>*+* {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:23"]>*+* {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:24"] {
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:24"] {
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:24"] {
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:24"] {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:24"]>*+* {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:24"]>*+* {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:25"] {
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:25"] {
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:25"] {
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:25"] {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:25"]>*+* {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:25"]>*+* {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:26"] {
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:26"] {
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:26"] {
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:26"] {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:26"]>*+* {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:26"]>*+* {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:27"] {
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:27"] {
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:27"] {
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:27"] {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:27"]>*+* {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:27"]>*+* {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:28"] {
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:28"] {
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:28"] {
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:28"] {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:28"]>*+* {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:28"]>*+* {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:29"] {
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:29"] {
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:29"] {
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:29"] {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:29"]>*+* {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:29"]>*+* {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:30"] {
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:30"] {
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:30"] {
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:30"] {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:30"]>*+* {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:30"]>*+* {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:31"] {
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:31"] {
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:31"] {
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:31"] {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:31"]>*+* {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:31"]>*+* {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:32"] {
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:32"] {
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:32"] {
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:32"] {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:32"]>*+* {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:32"]>*+* {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:33"] {
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:33"] {
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:33"] {
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:33"] {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:33"]>*+* {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:33"]>*+* {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:34"] {
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:34"] {
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:34"] {
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:34"] {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:34"]>*+* {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:34"]>*+* {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:35"] {
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:35"] {
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:35"] {
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:35"] {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:35"]>*+* {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:35"]>*+* {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:36"] {
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:36"] {
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:36"] {
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:36"] {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:36"]>*+* {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:36"]>*+* {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:37"] {
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:37"] {
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:37"] {
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:37"] {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:37"]>*+* {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:37"]>*+* {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:38"] {
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:38"] {
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:38"] {
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:38"] {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:38"]>*+* {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:38"]>*+* {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:39"] {
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:39"] {
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:39"] {
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:39"] {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:39"]>*+* {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:39"]>*+* {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xl:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xl:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xl:40"] {
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xl:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xl:40"] {
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xl:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xl:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xl:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xl:40"] {
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xl:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xl:40"] {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xl:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xl:40"]>*+* {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xl:40"]>*+* {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-flex[data-wrap~="xl:nowrap"] {
        flex-wrap: nowrap
    }
    .ol-flex[data-wrap~="xl:wrap"] {
        flex-wrap: wrap
    }
    .ol-flex[data-dir~="xl:row"] {
        flex-direction: row
    }
    .ol-flex[data-dir~="xl:reverse"] {
        flex-direction: row-reverse
    }
    .ol-flex[data-dir~="xl:column"] {
        flex-direction: column
    }
    .ol-flex[data-align~="xl:start"] {
        justify-content: flex-start
    }
    .ol-flex[data-align~="xl:center"] {
        justify-content: center
    }
    .ol-flex[data-align~="xl:end"] {
        justify-content: flex-end
    }
    .ol-flex[data-align~="xl:justify"] {
        justify-content: space-between
    }
    .ol-flex[data-align~="xl:top"] {
        align-items: flex-start
    }
    .ol-flex[data-align~="xl:middle"] {
        align-items: center
    }
    .ol-flex[data-align~="xl:bottom"] {
        align-items: flex-end
    }
    .ol-flex[data-gap~="xl:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xl:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xl:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xl:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex__item[data-col~="xl:1"] {
        width: 8.3333333333%
    }
    .ol-flex__item[data-col~="xl:2"] {
        width: 16.6666666667%
    }
    .ol-flex__item[data-col~="xl:3"] {
        width: 25%
    }
    .ol-flex__item[data-col~="xl:4"] {
        width: 33.3333333333%
    }
    .ol-flex__item[data-col~="xl:5"] {
        width: 41.6666666667%
    }
    .ol-flex__item[data-col~="xl:6"] {
        width: 50%
    }
    .ol-flex__item[data-col~="xl:7"] {
        width: 58.3333333333%
    }
    .ol-flex__item[data-col~="xl:8"] {
        width: 66.6666666667%
    }
    .ol-flex__item[data-col~="xl:9"] {
        width: 75%
    }
    .ol-flex__item[data-col~="xl:10"] {
        width: 83.3333333333%
    }
    .ol-flex__item[data-col~="xl:11"] {
        width: 91.6666666667%
    }
    .ol-flex__item[data-col~="xl:12"] {
        width: 100%
    }
    .ol-flex__item[data-align~="xl:start"] {
        align-items: flex-start
    }
    .ol-flex__item[data-align~="xl:center"] {
        align-items: center
    }
    .ol-flex__item[data-align~="xl:end"] {
        align-items: flex-end
    }
    .ol-flex__item[data-align~="xl:top"] {
        justify-content: flex-start
    }
    .ol-flex__item[data-align~="xl:middle"] {
        justify-content: center
    }
    .ol-flex__item[data-align~="xl:bottom"] {
        justify-content: flex-end
    }
    .ol-flex__item[data-order~="xl:0"] {
        order: 0
    }
    .ol-flex__item[data-order~="xl:-1"] {
        order: -1
    }
    .ol-flex__item[data-order~="xl:1"] {
        order: 1
    }
    .ol-flex__item[data-order~="xl:-2"] {
        order: -2
    }
    .ol-flex__item[data-order~="xl:2"] {
        order: 2
    }
    .ol-flex__item[data-order~="xl:-3"] {
        order: -3
    }
    .ol-flex__item[data-order~="xl:3"] {
        order: 3
    }
    .ol-flex__item[data-grow~="xl:0"] {
        flex-grow: 0
    }
    .ol-flex__item[data-shrink~="xl:0"] {
        flex-shrink: 0
    }
    .ol-flex__item[data-grow~="xl:1"] {
        flex-grow: 1
    }
    .ol-flex__item[data-shrink~="xl:1"] {
        flex-shrink: 1
    }
    .ol-flex__item[data-grow~="xl:2"] {
        flex-grow: 2
    }
    .ol-flex__item[data-shrink~="xl:2"] {
        flex-shrink: 2
    }
    .ol-flex__item[data-grow~="xl:3"] {
        flex-grow: 3
    }
    .ol-flex__item[data-shrink~="xl:3"] {
        flex-shrink: 3
    }
    .ol-flex__item[data-over~="xl:left"] {
        flex-grow: 1;
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="xl:right"] {
        flex-grow: 1;
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="xl:clearLeft"] {
        margin-left: 0
    }
    .ol-flex__item[data-over~="xl:clearRight"] {
        margin-right: 0
    }
    .ol-flex__item[data-over~="xl:clearLeft"][data-over~="xl:clearRight"] {
        flex-grow: 0
    }
    .ol-grid[data-cols~="xl:1"] {
        --ol-grid-columns: 1;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:2"] {
        --ol-grid-columns: 2;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:3"] {
        --ol-grid-columns: 3;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:4"] {
        --ol-grid-columns: 4;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:5"] {
        --ol-grid-columns: 5;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:6"] {
        --ol-grid-columns: 6;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:7"] {
        --ol-grid-columns: 7;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:8"] {
        --ol-grid-columns: 8;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:9"] {
        --ol-grid-columns: 9;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:10"] {
        --ol-grid-columns: 10;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:11"] {
        --ol-grid-columns: 11;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xl:12"] {
        --ol-grid-columns: 12;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xl:1"] {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xl:2"] {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xl:3"] {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xl:4"] {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xl:5"] {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xl:6"] {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .ol-grid[data-gap~="xl:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xl:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xl:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xl:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid__item[data-align~="xl:start"] {
        align-items: flex-start
    }
    .ol-grid__item[data-align~="xl:center"] {
        align-items: center
    }
    .ol-grid__item[data-align~="xl:end"] {
        align-items: flex-end
    }
    .ol-grid__item[data-align~="xl:top"] {
        justify-content: flex-start
    }
    .ol-grid__item[data-align~="xl:middle"] {
        justify-content: center
    }
    .ol-grid__item[data-align~="xl:bottom"] {
        justify-content: flex-end
    }
    .ol-grid__item[data-col~="xl:1"] {
        grid-column: span 1/span 1
    }
    .ol-grid__item[data-col-start~="xl:1"] {
        grid-column-start: 1
    }
    .ol-grid__item[data-col-end~="xl:1"] {
        grid-column-end: 1
    }
    .ol-grid__item[data-col~="xl:2"] {
        grid-column: span 2/span 2
    }
    .ol-grid__item[data-col-start~="xl:2"] {
        grid-column-start: 2
    }
    .ol-grid__item[data-col-end~="xl:2"] {
        grid-column-end: 2
    }
    .ol-grid__item[data-col~="xl:3"] {
        grid-column: span 3/span 3
    }
    .ol-grid__item[data-col-start~="xl:3"] {
        grid-column-start: 3
    }
    .ol-grid__item[data-col-end~="xl:3"] {
        grid-column-end: 3
    }
    .ol-grid__item[data-col~="xl:4"] {
        grid-column: span 4/span 4
    }
    .ol-grid__item[data-col-start~="xl:4"] {
        grid-column-start: 4
    }
    .ol-grid__item[data-col-end~="xl:4"] {
        grid-column-end: 4
    }
    .ol-grid__item[data-col~="xl:5"] {
        grid-column: span 5/span 5
    }
    .ol-grid__item[data-col-start~="xl:5"] {
        grid-column-start: 5
    }
    .ol-grid__item[data-col-end~="xl:5"] {
        grid-column-end: 5
    }
    .ol-grid__item[data-col~="xl:6"] {
        grid-column: span 6/span 6
    }
    .ol-grid__item[data-col-start~="xl:6"] {
        grid-column-start: 6
    }
    .ol-grid__item[data-col-end~="xl:6"] {
        grid-column-end: 6
    }
    .ol-grid__item[data-col~="xl:7"] {
        grid-column: span 7/span 7
    }
    .ol-grid__item[data-col-start~="xl:7"] {
        grid-column-start: 7
    }
    .ol-grid__item[data-col-end~="xl:7"] {
        grid-column-end: 7
    }
    .ol-grid__item[data-col~="xl:8"] {
        grid-column: span 8/span 8
    }
    .ol-grid__item[data-col-start~="xl:8"] {
        grid-column-start: 8
    }
    .ol-grid__item[data-col-end~="xl:8"] {
        grid-column-end: 8
    }
    .ol-grid__item[data-col~="xl:9"] {
        grid-column: span 9/span 9
    }
    .ol-grid__item[data-col-start~="xl:9"] {
        grid-column-start: 9
    }
    .ol-grid__item[data-col-end~="xl:9"] {
        grid-column-end: 9
    }
    .ol-grid__item[data-col~="xl:10"] {
        grid-column: span 10/span 10
    }
    .ol-grid__item[data-col-start~="xl:10"] {
        grid-column-start: 10
    }
    .ol-grid__item[data-col-end~="xl:10"] {
        grid-column-end: 10
    }
    .ol-grid__item[data-col~="xl:11"] {
        grid-column: span 11/span 11
    }
    .ol-grid__item[data-col-start~="xl:11"] {
        grid-column-start: 11
    }
    .ol-grid__item[data-col-end~="xl:11"] {
        grid-column-end: 11
    }
    .ol-grid__item[data-col~="xl:12"] {
        grid-column: span 12/span 12
    }
    .ol-grid__item[data-col-start~="xl:12"] {
        grid-column-start: 12
    }
    .ol-grid__item[data-col-end~="xl:12"] {
        grid-column-end: 12
    }
    .ol-grid__item[data-col~="xl:full"] {
        grid-column: 1/-1
    }
    .ol-grid__item[data-col~="xl:auto"] {
        grid-column: auto
    }
    .ol-grid__item[data-col-start~="xl:auto"] {
        grid-column-start: auto
    }
    .ol-grid__item[data-col-end~="xl:auto"] {
        grid-column-end: auto
    }
    .ol-grid__item[data-row~="xl:1"] {
        grid-row: span 1/span 1
    }
    .ol-grid__item[data-row-start~="xl:1"] {
        grid-row-start: 1
    }
    .ol-grid__item[data-row-end~="xl:1"] {
        grid-row-end: 1
    }
    .ol-grid__item[data-row~="xl:2"] {
        grid-row: span 2/span 2
    }
    .ol-grid__item[data-row-start~="xl:2"] {
        grid-row-start: 2
    }
    .ol-grid__item[data-row-end~="xl:2"] {
        grid-row-end: 2
    }
    .ol-grid__item[data-row~="xl:3"] {
        grid-row: span 3/span 3
    }
    .ol-grid__item[data-row-start~="xl:3"] {
        grid-row-start: 3
    }
    .ol-grid__item[data-row-end~="xl:3"] {
        grid-row-end: 3
    }
    .ol-grid__item[data-row~="xl:4"] {
        grid-row: span 4/span 4
    }
    .ol-grid__item[data-row-start~="xl:4"] {
        grid-row-start: 4
    }
    .ol-grid__item[data-row-end~="xl:4"] {
        grid-row-end: 4
    }
    .ol-grid__item[data-row~="xl:5"] {
        grid-row: span 5/span 5
    }
    .ol-grid__item[data-row-start~="xl:5"] {
        grid-row-start: 5
    }
    .ol-grid__item[data-row-end~="xl:5"] {
        grid-row-end: 5
    }
    .ol-grid__item[data-row~="xl:6"] {
        grid-row: span 6/span 6
    }
    .ol-grid__item[data-row-start~="xl:6"] {
        grid-row-start: 6
    }
    .ol-grid__item[data-row-end~="xl:6"] {
        grid-row-end: 6
    }
    .ol-grid__item[data-row~="xl:full"] {
        grid-row: 1/-1
    }
    .ol-grid__item[data-row~="xl:auto"] {
        grid-row: auto
    }
    .ol-grid__item[data-row-start~="xl:auto"] {
        grid-row-start: auto
    }
    .ol-grid__item[data-row-end~="xl:auto"] {
        grid-row-end: auto
    }
    .ol-grid__item[data-order~="xl:0"] {
        order: 0
    }
    .ol-grid__item[data-order~="xl:-1"] {
        order: -1
    }
    .ol-grid__item[data-order~="xl:1"] {
        order: 1
    }
    .ol-grid__item[data-order~="xl:-2"] {
        order: -2
    }
    .ol-grid__item[data-order~="xl:2"] {
        order: 2
    }
    .ol-grid__item[data-order~="xl:-3"] {
        order: -3
    }
    .ol-grid__item[data-order~="xl:3"] {
        order: 3
    }
    .ol-grid__item[data-over~="xl:left"] {
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="xl:right"] {
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="xl:clearLeft"] {
        margin-left: 0
    }
    .ol-grid__item[data-over~="xl:clearRight"] {
        margin-right: 0
    }
    .ol-list[data-type~="xl:vertical"] {
        display: block
    }
    .ol-list[data-type~="xl:holzontal"] {
        display: flex;
        flex-wrap: wrap
    }
    .ol-list[data-separator~="xl:slash"] .ol-list__item:not(:last-child):after {
        display: inline-block;
        margin: 0 .5em;
        content: "/"
    }
    .ol-list[data-separator~="xl:comma"] .ol-list__item:not(:last-child):after {
        content: ", "
    }
    .ol-defineList[data-type~="xl:vertical"] .ol-defineList__item {
        display: block
    }
    .ol-defineList[data-type~="xl:holzontal"] .ol-defineList__item {
        display: flex
    }
    .ol-wbr.-xl {
        display: inline-block
    }
    .ol-wbr.-xlNone {
        display: none
    }
    .ol-wbr.-xlHard {
        display: block
    }
    .ol-wbr.-xlReset {
        display: inline
    }
    .ol-wbr.-xlNoWrap {
        white-space: nowrap
    }
    .ol-text[data-align~="xl:left"] {
        text-align: left
    }
    .ol-text[data-align~="xl:center"] {
        text-align: center
    }
    .ol-text[data-align~="xl:right"] {
        text-align: right
    }
    .ol-text[data-align~="xl:justify"] {
        text-align: justify;
        text-justify: inter-character
    }
    .ol-text[data-case~="xl:uppercase"] {
        text-transform: uppercase
    }
    .ol-text[data-case~="xl:normal"] {
        text-transform: initial
    }
    .ol-text[data-word~="xl:keep"] {
        word-break: keep-all;
        overflow-wrap: break-word
    }
    .ol-text[data-word~="xl:auto"] {
        word-break: initial;
        overflow-wrap: initial
    }
    .ol-text[data-space~="xl:nowrap"] {
        white-space: nowrap
    }
    .ol-text[data-space~="xl:wrap"] {
        white-space: normal
    }
    .ol-text[data-space~="xl:pre"] {
        white-space: pre
    }
    .ol-text[data-space~="xl:preWrap"] {
        white-space: pre-wrap
    }
    .ol-text[data-line~="xl:-2"] {
        line-height: .5
    }
    .ol-text[data-line~="xl:-1"] {
        line-height: .75
    }
    .ol-text[data-line~="xl:1"] {
        line-height: 1
    }
    .ol-text[data-line~="xl:+1"] {
        line-height: 1.25
    }
    .ol-text[data-line~="xl:+2"] {
        line-height: 1.5
    }
    .ol-text[data-line~="xl:+3"] {
        line-height: 1.75
    }
    .ol-text[data-line~="xl:+4"] {
        line-height: 2
    }
    .ol-text[data-line~="xl:+5"] {
        line-height: 2.25
    }
    .ol-text[data-line~="xl:+6"] {
        line-height: 2.5
    }
    .ol-text[data-tracking~="xl:-2"] {
        letter-spacing: -.05em
    }
    .ol-text[data-tracking~="xl:-1"] {
        letter-spacing: -.025em
    }
    .ol-text[data-tracking~="xl:0"] {
        letter-spacing: 0
    }
    .ol-text[data-tracking~="xl:+1"] {
        letter-spacing: .025em
    }
    .ol-text[data-tracking~="xl:+2"] {
        letter-spacing: .05em
    }
    .ol-text[data-tracking~="xl:+3"] {
        letter-spacing: .1em
    }
    .ol-text[data-tracking~="xl:+4"] {
        letter-spacing: .125em
    }
    .ol-text[data-tracking~="xl:+5"] {
        letter-spacing: .15em
    }
    .ol-text[data-tracking~="xl:+6"] {
        letter-spacing: .175em
    }
    .ol-text[data-tracking~="xl:+7"] {
        letter-spacing: .2em
    }
    .ol-text[data-kerning~="xl:normal"] {
        font-feature-settings: normal
    }
    .ol-text[data-kerning~="xl:palt"] {
        font-feature-settings: "palt"
    }
    .ol-text[data-kerning~="xl:pkna"] {
        font-feature-settings: "pkna"
    }
    .ol-text[data-size~="xl:2xsmall"] {
        font-size: .625rem
    }
    .ol-text[data-size~="xl:xsmall"] {
        font-size: .75rem
    }
    .ol-text[data-size~="xl:small"] {
        font-size: .875rem
    }
    .ol-text[data-size~="xl:normal"] {
        font-size: 1rem
    }
    .ol-text[data-size~="xl:large"] {
        font-size: 1.125rem
    }
    .ol-text[data-size~="xl:xlarge"] {
        font-size: 1.25rem
    }
    .ol-text[data-size~="xl:2xlarge"] {
        font-size: 1.5rem
    }
    .ol-text[data-size~="xl:3xlarge"] {
        font-size: 2rem
    }
    .ol-text[data-size~="xl:4xlarge"] {
        font-size: 2.5rem
    }
    .ol-text[data-size~="xl:5xlarge"] {
        font-size: 3rem
    }
    .ol-text[data-size~="xl:6xlarge"] {
        font-size: 3.5rem
    }
    .ol-text[data-size~="xl:7xlarge"] {
        font-size: 4rem
    }
    .ol-text[data-size~="xl:8xlarge"] {
        font-size: 4.5rem
    }
    .ol-text[data-size~="xl:9xlarge"] {
        font-size: 5rem
    }
    .ol-text[data-family~="xl:primary"] {
        font-family: var(--ol-primary-font-set, "sans-serif")
    }
    .ol-text[data-family~="xl:en"] {
        font-family: var(--ol-en-font-set, "sans-serif")
    }
    .ol-text[data-weight~="xl:100"] {
        font-weight: 100
    }
    .ol-text[data-weight~="xl:200"] {
        font-weight: 200
    }
    .ol-text[data-weight~="xl:300"] {
        font-weight: 300
    }
    .ol-text[data-weight~="xl:400"] {
        font-weight: 400
    }
    .ol-text[data-weight~="xl:500"] {
        font-weight: 500
    }
    .ol-text[data-weight~="xl:600"] {
        font-weight: 600
    }
    .ol-text[data-weight~="xl:700"] {
        font-weight: 700
    }
    .ol-text[data-weight~="xl:800"] {
        font-weight: 800
    }
    .ol-text[data-weight~="xl:900"] {
        font-weight: 900
    }
    .ol-text[data-style~="xl:normal"] {
        font-style: normal
    }
    .ol-text[data-style~="xl:italic"] {
        font-style: italic
    }
    .ol-text[data-color~="xl:primary"] {
        color: var(--ol-primary-text-color)
    }
    .ol-text[data-color~="xl:main"] {
        color: var(--ol-main-color)
    }
    .ol-text[data-color~="xl:accent"] {
        color: var(--ol-accent-color)
    }
    .ol-text[data-color~="xl:light"] {
        color: var(--ol-light-text-color)
    }
    .ol-text[data-color~="xl:white"] {
        color: #fff
    }
    .ol-text[data-color~="xl:black"] {
        color: #000
    }
}

@media screen and (min-width: 1480px) {
    .ol-container[data-disabled~=xxl] {
        width: auto;
        max-width: none
    }
    .ol-container[data-width~="xxl:xsmall"] {
        width: 70%
    }
    .ol-container[data-width~="xxl:small"] {
        width: 82%
    }
    .ol-container[data-width~="xxl:medium"] {
        width: 90%
    }
    .ol-container[data-width~="xxl:large"] {
        width: 95%
    }
    .ol-container[data-width~="xxl:auto"] {
        width: auto
    }
    .ol-container[data-max~="xxl:small"] {
        max-width: 640px
    }
    .ol-container[data-max~="xxl:medium"] {
        max-width: 768px
    }
    .ol-container[data-max~="xxl:large"] {
        max-width: 1166px
    }
    .ol-container[data-max~="xxl:xlarge"] {
        max-width: 1280px
    }
    .ol-container[data-max~="xxl:xxlarge"] {
        max-width: 1536px
    }
    .ol-container[data-max~="xxl:none"] {
        max-width: none
    }
    .ol-container[data-align~="xxl:left"] {
        margin-right: auto;
        margin-left: 0
    }
    .ol-container[data-align~="xxl:right"] {
        margin-right: 0;
        margin-left: auto
    }
    .ol-container[data-align~="xxl:center"] {
        margin-right: auto;
        margin-left: auto
    }
    .ol-wrapper[data-position~="xxl:static"] {
        position: static
    }
    .ol-wrapper[data-position~="xxl:relative"] {
        position: relative
    }
    .ol-wrapper[data-position~="xxl:absolute"] {
        position: absolute
    }
    .ol-wrapper[data-position~="xxl:fixed"] {
        position: fixed
    }
    .ol-wrapper[data-position~="xxl:sticky"] {
        position: sticky
    }
    .ol-wrapper[data-display~="xxl:none"] {
        display: none
    }
    .ol-wrapper[data-display~="xxl:inline"] {
        display: inline
    }
    .ol-wrapper[data-display~="xxl:block"] {
        display: block
    }
    .ol-wrapper[data-display~="xxl:flex"] {
        display: flex
    }
    .ol-wrapper[data-display~="xxl:grid"] {
        display: grid
    }
    .ol-wrapper[data-display~="xxl:unset"] {
        display: unset
    }
    .ol-wrapper[data-over~="xxl:auto"] {
        overflow: auto
    }
    .ol-wrapper[data-over~="xxl:hidden"] {
        overflow: hidden
    }
    .ol-wrapper[data-over~="xxl:visible"] {
        overflow: visible
    }
    .ol-wrapper[data-over~="xxl:scroll"] {
        overflow: scroll
    }
    .ol-spacer[data-py~="xxl:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:0"] {
        padding-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:0"] {
        padding-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:0"] {
        padding-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:0"] {
        padding-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:0"] {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:0"] {
        margin-bottom: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:0"] {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:0"] {
        margin-right: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:0"]>*+* {
        margin-left: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:0"]>*+* {
        margin-top: calc(var(--ol-space) * 0 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:1"] {
        padding-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:1"] {
        padding-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:1"] {
        padding-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:1"] {
        padding-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:1"] {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:1"] {
        margin-bottom: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:1"] {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:1"] {
        margin-right: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:1"]>*+* {
        margin-left: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:1"]>*+* {
        margin-top: calc(var(--ol-space) * 1 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:2"] {
        padding-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:2"] {
        padding-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:2"] {
        padding-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:2"] {
        padding-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:2"] {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:2"] {
        margin-bottom: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:2"] {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:2"] {
        margin-right: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:2"]>*+* {
        margin-left: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:2"]>*+* {
        margin-top: calc(var(--ol-space) * 2 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:3"] {
        padding-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:3"] {
        padding-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:3"] {
        padding-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:3"] {
        padding-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:3"] {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:3"] {
        margin-bottom: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:3"] {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:3"] {
        margin-right: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:3"]>*+* {
        margin-left: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:3"]>*+* {
        margin-top: calc(var(--ol-space) * 3 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:4"] {
        padding-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:4"] {
        padding-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:4"] {
        padding-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:4"] {
        padding-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:4"] {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:4"] {
        margin-bottom: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:4"] {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:4"] {
        margin-right: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:4"]>*+* {
        margin-left: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:4"]>*+* {
        margin-top: calc(var(--ol-space) * 4 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:5"] {
        padding-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:5"] {
        padding-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:5"] {
        padding-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:5"] {
        padding-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:5"] {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:5"] {
        margin-bottom: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:5"] {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:5"] {
        margin-right: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:5"]>*+* {
        margin-left: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:5"]>*+* {
        margin-top: calc(var(--ol-space) * 5 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:6"] {
        padding-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:6"] {
        padding-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:6"] {
        padding-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:6"] {
        padding-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:6"] {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:6"] {
        margin-bottom: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:6"] {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:6"] {
        margin-right: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:6"]>*+* {
        margin-left: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:6"]>*+* {
        margin-top: calc(var(--ol-space) * 6 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:7"] {
        padding-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:7"] {
        padding-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:7"] {
        padding-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:7"] {
        padding-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:7"] {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:7"] {
        margin-bottom: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:7"] {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:7"] {
        margin-right: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:7"]>*+* {
        margin-left: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:7"]>*+* {
        margin-top: calc(var(--ol-space) * 7 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:8"] {
        padding-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:8"] {
        padding-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:8"] {
        padding-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:8"] {
        padding-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:8"] {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:8"] {
        margin-bottom: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:8"] {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:8"] {
        margin-right: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:8"]>*+* {
        margin-left: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:8"]>*+* {
        margin-top: calc(var(--ol-space) * 8 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:9"] {
        padding-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:9"] {
        padding-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:9"] {
        padding-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:9"] {
        padding-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:9"] {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:9"] {
        margin-bottom: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:9"] {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:9"] {
        margin-right: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:9"]>*+* {
        margin-left: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:9"]>*+* {
        margin-top: calc(var(--ol-space) * 9 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:10"] {
        padding-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:10"] {
        padding-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:10"] {
        padding-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:10"] {
        padding-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:10"] {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:10"] {
        margin-bottom: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:10"] {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:10"] {
        margin-right: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:10"]>*+* {
        margin-left: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:10"]>*+* {
        margin-top: calc(var(--ol-space) * 10 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:11"] {
        padding-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:11"] {
        padding-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:11"] {
        padding-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:11"] {
        padding-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:11"] {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:11"] {
        margin-bottom: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:11"] {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:11"] {
        margin-right: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:11"]>*+* {
        margin-left: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:11"]>*+* {
        margin-top: calc(var(--ol-space) * 11 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:12"] {
        padding-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:12"] {
        padding-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:12"] {
        padding-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:12"] {
        padding-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:12"] {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:12"] {
        margin-bottom: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:12"] {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:12"] {
        margin-right: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:12"]>*+* {
        margin-left: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:12"]>*+* {
        margin-top: calc(var(--ol-space) * 12 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:13"] {
        padding-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:13"] {
        padding-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:13"] {
        padding-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:13"] {
        padding-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:13"] {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:13"] {
        margin-bottom: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:13"] {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:13"] {
        margin-right: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:13"]>*+* {
        margin-left: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:13"]>*+* {
        margin-top: calc(var(--ol-space) * 13 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:14"] {
        padding-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:14"] {
        padding-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:14"] {
        padding-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:14"] {
        padding-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:14"] {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:14"] {
        margin-bottom: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:14"] {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:14"] {
        margin-right: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:14"]>*+* {
        margin-left: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:14"]>*+* {
        margin-top: calc(var(--ol-space) * 14 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:15"] {
        padding-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:15"] {
        padding-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:15"] {
        padding-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:15"] {
        padding-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:15"] {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:15"] {
        margin-bottom: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:15"] {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:15"] {
        margin-right: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:15"]>*+* {
        margin-left: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:15"]>*+* {
        margin-top: calc(var(--ol-space) * 15 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:16"] {
        padding-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:16"] {
        padding-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:16"] {
        padding-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:16"] {
        padding-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:16"] {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:16"] {
        margin-bottom: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:16"] {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:16"] {
        margin-right: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:16"]>*+* {
        margin-left: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:16"]>*+* {
        margin-top: calc(var(--ol-space) * 16 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:17"] {
        padding-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:17"] {
        padding-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:17"] {
        padding-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:17"] {
        padding-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:17"] {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:17"] {
        margin-bottom: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:17"] {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:17"] {
        margin-right: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:17"]>*+* {
        margin-left: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:17"]>*+* {
        margin-top: calc(var(--ol-space) * 17 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:18"] {
        padding-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:18"] {
        padding-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:18"] {
        padding-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:18"] {
        padding-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:18"] {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:18"] {
        margin-bottom: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:18"] {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:18"] {
        margin-right: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:18"]>*+* {
        margin-left: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:18"]>*+* {
        margin-top: calc(var(--ol-space) * 18 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:19"] {
        padding-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:19"] {
        padding-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:19"] {
        padding-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:19"] {
        padding-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:19"] {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:19"] {
        margin-bottom: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:19"] {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:19"] {
        margin-right: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:19"]>*+* {
        margin-left: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:19"]>*+* {
        margin-top: calc(var(--ol-space) * 19 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:20"] {
        padding-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:20"] {
        padding-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:20"] {
        padding-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:20"] {
        padding-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:20"] {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:20"] {
        margin-bottom: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:20"] {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:20"] {
        margin-right: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:20"]>*+* {
        margin-left: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:20"]>*+* {
        margin-top: calc(var(--ol-space) * 20 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:21"] {
        padding-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:21"] {
        padding-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:21"] {
        padding-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:21"] {
        padding-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:21"] {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:21"] {
        margin-bottom: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:21"] {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:21"] {
        margin-right: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:21"]>*+* {
        margin-left: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:21"]>*+* {
        margin-top: calc(var(--ol-space) * 21 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:22"] {
        padding-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:22"] {
        padding-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:22"] {
        padding-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:22"] {
        padding-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:22"] {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:22"] {
        margin-bottom: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:22"] {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:22"] {
        margin-right: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:22"]>*+* {
        margin-left: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:22"]>*+* {
        margin-top: calc(var(--ol-space) * 22 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:23"] {
        padding-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:23"] {
        padding-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:23"] {
        padding-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:23"] {
        padding-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:23"] {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:23"] {
        margin-bottom: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:23"] {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:23"] {
        margin-right: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:23"]>*+* {
        margin-left: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:23"]>*+* {
        margin-top: calc(var(--ol-space) * 23 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:24"] {
        padding-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:24"] {
        padding-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:24"] {
        padding-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:24"] {
        padding-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:24"] {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:24"] {
        margin-bottom: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:24"] {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:24"] {
        margin-right: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:24"]>*+* {
        margin-left: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:24"]>*+* {
        margin-top: calc(var(--ol-space) * 24 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:25"] {
        padding-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:25"] {
        padding-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:25"] {
        padding-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:25"] {
        padding-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:25"] {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:25"] {
        margin-bottom: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:25"] {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:25"] {
        margin-right: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:25"]>*+* {
        margin-left: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:25"]>*+* {
        margin-top: calc(var(--ol-space) * 25 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:26"] {
        padding-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:26"] {
        padding-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:26"] {
        padding-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:26"] {
        padding-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:26"] {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:26"] {
        margin-bottom: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:26"] {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:26"] {
        margin-right: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:26"]>*+* {
        margin-left: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:26"]>*+* {
        margin-top: calc(var(--ol-space) * 26 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:27"] {
        padding-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:27"] {
        padding-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:27"] {
        padding-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:27"] {
        padding-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:27"] {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:27"] {
        margin-bottom: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:27"] {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:27"] {
        margin-right: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:27"]>*+* {
        margin-left: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:27"]>*+* {
        margin-top: calc(var(--ol-space) * 27 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:28"] {
        padding-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:28"] {
        padding-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:28"] {
        padding-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:28"] {
        padding-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:28"] {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:28"] {
        margin-bottom: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:28"] {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:28"] {
        margin-right: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:28"]>*+* {
        margin-left: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:28"]>*+* {
        margin-top: calc(var(--ol-space) * 28 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:29"] {
        padding-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:29"] {
        padding-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:29"] {
        padding-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:29"] {
        padding-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:29"] {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:29"] {
        margin-bottom: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:29"] {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:29"] {
        margin-right: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:29"]>*+* {
        margin-left: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:29"]>*+* {
        margin-top: calc(var(--ol-space) * 29 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:30"] {
        padding-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:30"] {
        padding-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:30"] {
        padding-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:30"] {
        padding-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:30"] {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:30"] {
        margin-bottom: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:30"] {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:30"] {
        margin-right: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:30"]>*+* {
        margin-left: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:30"]>*+* {
        margin-top: calc(var(--ol-space) * 30 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:31"] {
        padding-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:31"] {
        padding-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:31"] {
        padding-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:31"] {
        padding-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:31"] {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:31"] {
        margin-bottom: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:31"] {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:31"] {
        margin-right: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:31"]>*+* {
        margin-left: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:31"]>*+* {
        margin-top: calc(var(--ol-space) * 31 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:32"] {
        padding-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:32"] {
        padding-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:32"] {
        padding-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:32"] {
        padding-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:32"] {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:32"] {
        margin-bottom: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:32"] {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:32"] {
        margin-right: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:32"]>*+* {
        margin-left: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:32"]>*+* {
        margin-top: calc(var(--ol-space) * 32 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:33"] {
        padding-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:33"] {
        padding-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:33"] {
        padding-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:33"] {
        padding-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:33"] {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:33"] {
        margin-bottom: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:33"] {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:33"] {
        margin-right: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:33"]>*+* {
        margin-left: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:33"]>*+* {
        margin-top: calc(var(--ol-space) * 33 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:34"] {
        padding-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:34"] {
        padding-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:34"] {
        padding-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:34"] {
        padding-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:34"] {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:34"] {
        margin-bottom: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:34"] {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:34"] {
        margin-right: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:34"]>*+* {
        margin-left: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:34"]>*+* {
        margin-top: calc(var(--ol-space) * 34 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:35"] {
        padding-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:35"] {
        padding-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:35"] {
        padding-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:35"] {
        padding-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:35"] {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:35"] {
        margin-bottom: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:35"] {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:35"] {
        margin-right: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:35"]>*+* {
        margin-left: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:35"]>*+* {
        margin-top: calc(var(--ol-space) * 35 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:36"] {
        padding-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:36"] {
        padding-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:36"] {
        padding-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:36"] {
        padding-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:36"] {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:36"] {
        margin-bottom: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:36"] {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:36"] {
        margin-right: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:36"]>*+* {
        margin-left: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:36"]>*+* {
        margin-top: calc(var(--ol-space) * 36 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:37"] {
        padding-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:37"] {
        padding-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:37"] {
        padding-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:37"] {
        padding-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:37"] {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:37"] {
        margin-bottom: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:37"] {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:37"] {
        margin-right: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:37"]>*+* {
        margin-left: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:37"]>*+* {
        margin-top: calc(var(--ol-space) * 37 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:38"] {
        padding-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:38"] {
        padding-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:38"] {
        padding-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:38"] {
        padding-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:38"] {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:38"] {
        margin-bottom: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:38"] {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:38"] {
        margin-right: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:38"]>*+* {
        margin-left: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:38"]>*+* {
        margin-top: calc(var(--ol-space) * 38 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:39"] {
        padding-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:39"] {
        padding-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:39"] {
        padding-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:39"] {
        padding-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:39"] {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:39"] {
        margin-bottom: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:39"] {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:39"] {
        margin-right: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:39"]>*+* {
        margin-left: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:39"]>*+* {
        margin-top: calc(var(--ol-space) * 39 / 16 * 1rem)
    }
    .ol-spacer[data-py~="xxl:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pt~="xxl:40"] {
        padding-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pb~="xxl:40"] {
        padding-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-px~="xxl:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pl~="xxl:40"] {
        padding-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-pr~="xxl:40"] {
        padding-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-my~="xxl:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mt~="xxl:40"] {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mb~="xxl:40"] {
        margin-bottom: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mx~="xxl:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem);
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-ml~="xxl:40"] {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-mr~="xxl:40"] {
        margin-right: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-x~="xxl:40"]>*+* {
        margin-left: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-spacer[data-space-y~="xxl:40"]>*+* {
        margin-top: calc(var(--ol-space) * 40 / 16 * 1rem)
    }
    .ol-flex[data-wrap~="xxl:nowrap"] {
        flex-wrap: nowrap
    }
    .ol-flex[data-wrap~="xxl:wrap"] {
        flex-wrap: wrap
    }
    .ol-flex[data-dir~="xxl:row"] {
        flex-direction: row
    }
    .ol-flex[data-dir~="xxl:reverse"] {
        flex-direction: row-reverse
    }
    .ol-flex[data-dir~="xxl:column"] {
        flex-direction: column
    }
    .ol-flex[data-align~="xxl:start"] {
        justify-content: flex-start
    }
    .ol-flex[data-align~="xxl:center"] {
        justify-content: center
    }
    .ol-flex[data-align~="xxl:end"] {
        justify-content: flex-end
    }
    .ol-flex[data-align~="xxl:justify"] {
        justify-content: space-between
    }
    .ol-flex[data-align~="xxl:top"] {
        align-items: flex-start
    }
    .ol-flex[data-align~="xxl:middle"] {
        align-items: center
    }
    .ol-flex[data-align~="xxl:bottom"] {
        align-items: flex-end
    }
    .ol-flex[data-gap~="xxl:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-flex[data-gap~="xxl:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-x~="xxl:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex[data-gap-y~="xxl:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-flex__item[data-col~="xxl:1"] {
        width: 8.3333333333%
    }
    .ol-flex__item[data-col~="xxl:2"] {
        width: 16.6666666667%
    }
    .ol-flex__item[data-col~="xxl:3"] {
        width: 25%
    }
    .ol-flex__item[data-col~="xxl:4"] {
        width: 33.3333333333%
    }
    .ol-flex__item[data-col~="xxl:5"] {
        width: 41.6666666667%
    }
    .ol-flex__item[data-col~="xxl:6"] {
        width: 50%
    }
    .ol-flex__item[data-col~="xxl:7"] {
        width: 58.3333333333%
    }
    .ol-flex__item[data-col~="xxl:8"] {
        width: 66.6666666667%
    }
    .ol-flex__item[data-col~="xxl:9"] {
        width: 75%
    }
    .ol-flex__item[data-col~="xxl:10"] {
        width: 83.3333333333%
    }
    .ol-flex__item[data-col~="xxl:11"] {
        width: 91.6666666667%
    }
    .ol-flex__item[data-col~="xxl:12"] {
        width: 100%
    }
    .ol-flex__item[data-align~="xxl:start"] {
        align-items: flex-start
    }
    .ol-flex__item[data-align~="xxl:center"] {
        align-items: center
    }
    .ol-flex__item[data-align~="xxl:end"] {
        align-items: flex-end
    }
    .ol-flex__item[data-align~="xxl:top"] {
        justify-content: flex-start
    }
    .ol-flex__item[data-align~="xxl:middle"] {
        justify-content: center
    }
    .ol-flex__item[data-align~="xxl:bottom"] {
        justify-content: flex-end
    }
    .ol-flex__item[data-order~="xxl:0"] {
        order: 0
    }
    .ol-flex__item[data-order~="xxl:-1"] {
        order: -1
    }
    .ol-flex__item[data-order~="xxl:1"] {
        order: 1
    }
    .ol-flex__item[data-order~="xxl:-2"] {
        order: -2
    }
    .ol-flex__item[data-order~="xxl:2"] {
        order: 2
    }
    .ol-flex__item[data-order~="xxl:-3"] {
        order: -3
    }
    .ol-flex__item[data-order~="xxl:3"] {
        order: 3
    }
    .ol-flex__item[data-grow~="xxl:0"] {
        flex-grow: 0
    }
    .ol-flex__item[data-shrink~="xxl:0"] {
        flex-shrink: 0
    }
    .ol-flex__item[data-grow~="xxl:1"] {
        flex-grow: 1
    }
    .ol-flex__item[data-shrink~="xxl:1"] {
        flex-shrink: 1
    }
    .ol-flex__item[data-grow~="xxl:2"] {
        flex-grow: 2
    }
    .ol-flex__item[data-shrink~="xxl:2"] {
        flex-shrink: 2
    }
    .ol-flex__item[data-grow~="xxl:3"] {
        flex-grow: 3
    }
    .ol-flex__item[data-shrink~="xxl:3"] {
        flex-shrink: 3
    }
    .ol-flex__item[data-over~="xxl:left"] {
        flex-grow: 1;
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="xxl:right"] {
        flex-grow: 1;
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-flex__item[data-over~="xxl:clearLeft"] {
        margin-left: 0
    }
    .ol-flex__item[data-over~="xxl:clearRight"] {
        margin-right: 0
    }
    .ol-flex__item[data-over~="xxl:clearLeft"][data-over~="xxl:clearRight"] {
        flex-grow: 0
    }
    .ol-grid[data-cols~="xxl:1"] {
        --ol-grid-columns: 1;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:2"] {
        --ol-grid-columns: 2;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:3"] {
        --ol-grid-columns: 3;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:4"] {
        --ol-grid-columns: 4;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:5"] {
        --ol-grid-columns: 5;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:6"] {
        --ol-grid-columns: 6;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:7"] {
        --ol-grid-columns: 7;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:8"] {
        --ol-grid-columns: 8;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:9"] {
        --ol-grid-columns: 9;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:10"] {
        --ol-grid-columns: 10;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:11"] {
        --ol-grid-columns: 11;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-cols~="xxl:12"] {
        --ol-grid-columns: 12;
        grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxl:1"] {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxl:2"] {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxl:3"] {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxl:4"] {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxl:5"] {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .ol-grid[data-rows~="xxl:6"] {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .ol-grid[data-gap~="xxl:0"] {
        gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:0"] {
        -moz-column-gap: calc((var(--ol-space) * 0) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:0"] {
        row-gap: calc((var(--ol-space) * 0) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:1"] {
        gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:1"] {
        -moz-column-gap: calc((var(--ol-space) * 1) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:1"] {
        row-gap: calc((var(--ol-space) * 1) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:2"] {
        gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:2"] {
        -moz-column-gap: calc((var(--ol-space) * 2) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:2"] {
        row-gap: calc((var(--ol-space) * 2) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:3"] {
        gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:3"] {
        -moz-column-gap: calc((var(--ol-space) * 3) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:3"] {
        row-gap: calc((var(--ol-space) * 3) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:4"] {
        gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:4"] {
        -moz-column-gap: calc((var(--ol-space) * 4) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:4"] {
        row-gap: calc((var(--ol-space) * 4) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:5"] {
        gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:5"] {
        -moz-column-gap: calc((var(--ol-space) * 5) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:5"] {
        row-gap: calc((var(--ol-space) * 5) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:6"] {
        gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:6"] {
        -moz-column-gap: calc((var(--ol-space) * 6) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:6"] {
        row-gap: calc((var(--ol-space) * 6) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:7"] {
        gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:7"] {
        -moz-column-gap: calc((var(--ol-space) * 7) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:7"] {
        row-gap: calc((var(--ol-space) * 7) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:8"] {
        gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:8"] {
        -moz-column-gap: calc((var(--ol-space) * 8) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:8"] {
        row-gap: calc((var(--ol-space) * 8) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:9"] {
        gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:9"] {
        -moz-column-gap: calc((var(--ol-space) * 9) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:9"] {
        row-gap: calc((var(--ol-space) * 9) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:10"] {
        gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:10"] {
        -moz-column-gap: calc((var(--ol-space) * 10) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:10"] {
        row-gap: calc((var(--ol-space) * 10) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:11"] {
        gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:11"] {
        -moz-column-gap: calc((var(--ol-space) * 11) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:11"] {
        row-gap: calc((var(--ol-space) * 11) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:12"] {
        gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:12"] {
        -moz-column-gap: calc((var(--ol-space) * 12) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:12"] {
        row-gap: calc((var(--ol-space) * 12) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:13"] {
        gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:13"] {
        -moz-column-gap: calc((var(--ol-space) * 13) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:13"] {
        row-gap: calc((var(--ol-space) * 13) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:14"] {
        gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:14"] {
        -moz-column-gap: calc((var(--ol-space) * 14) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:14"] {
        row-gap: calc((var(--ol-space) * 14) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:15"] {
        gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:15"] {
        -moz-column-gap: calc((var(--ol-space) * 15) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:15"] {
        row-gap: calc((var(--ol-space) * 15) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:16"] {
        gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:16"] {
        -moz-column-gap: calc((var(--ol-space) * 16) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:16"] {
        row-gap: calc((var(--ol-space) * 16) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:17"] {
        gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:17"] {
        -moz-column-gap: calc((var(--ol-space) * 17) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:17"] {
        row-gap: calc((var(--ol-space) * 17) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:18"] {
        gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:18"] {
        -moz-column-gap: calc((var(--ol-space) * 18) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:18"] {
        row-gap: calc((var(--ol-space) * 18) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:19"] {
        gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:19"] {
        -moz-column-gap: calc((var(--ol-space) * 19) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:19"] {
        row-gap: calc((var(--ol-space) * 19) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:20"] {
        gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:20"] {
        -moz-column-gap: calc((var(--ol-space) * 20) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:20"] {
        row-gap: calc((var(--ol-space) * 20) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:21"] {
        gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:21"] {
        -moz-column-gap: calc((var(--ol-space) * 21) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:21"] {
        row-gap: calc((var(--ol-space) * 21) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:22"] {
        gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:22"] {
        -moz-column-gap: calc((var(--ol-space) * 22) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:22"] {
        row-gap: calc((var(--ol-space) * 22) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:23"] {
        gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:23"] {
        -moz-column-gap: calc((var(--ol-space) * 23) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:23"] {
        row-gap: calc((var(--ol-space) * 23) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:24"] {
        gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:24"] {
        -moz-column-gap: calc((var(--ol-space) * 24) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:24"] {
        row-gap: calc((var(--ol-space) * 24) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:25"] {
        gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:25"] {
        -moz-column-gap: calc((var(--ol-space) * 25) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:25"] {
        row-gap: calc((var(--ol-space) * 25) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:26"] {
        gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:26"] {
        -moz-column-gap: calc((var(--ol-space) * 26) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:26"] {
        row-gap: calc((var(--ol-space) * 26) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:27"] {
        gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:27"] {
        -moz-column-gap: calc((var(--ol-space) * 27) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:27"] {
        row-gap: calc((var(--ol-space) * 27) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:28"] {
        gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:28"] {
        -moz-column-gap: calc((var(--ol-space) * 28) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:28"] {
        row-gap: calc((var(--ol-space) * 28) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:29"] {
        gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:29"] {
        -moz-column-gap: calc((var(--ol-space) * 29) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:29"] {
        row-gap: calc((var(--ol-space) * 29) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:30"] {
        gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:30"] {
        -moz-column-gap: calc((var(--ol-space) * 30) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:30"] {
        row-gap: calc((var(--ol-space) * 30) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:31"] {
        gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:31"] {
        -moz-column-gap: calc((var(--ol-space) * 31) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:31"] {
        row-gap: calc((var(--ol-space) * 31) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:32"] {
        gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:32"] {
        -moz-column-gap: calc((var(--ol-space) * 32) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:32"] {
        row-gap: calc((var(--ol-space) * 32) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:33"] {
        gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:33"] {
        -moz-column-gap: calc((var(--ol-space) * 33) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:33"] {
        row-gap: calc((var(--ol-space) * 33) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:34"] {
        gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:34"] {
        -moz-column-gap: calc((var(--ol-space) * 34) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:34"] {
        row-gap: calc((var(--ol-space) * 34) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:35"] {
        gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:35"] {
        -moz-column-gap: calc((var(--ol-space) * 35) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:35"] {
        row-gap: calc((var(--ol-space) * 35) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:36"] {
        gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:36"] {
        -moz-column-gap: calc((var(--ol-space) * 36) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:36"] {
        row-gap: calc((var(--ol-space) * 36) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:37"] {
        gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:37"] {
        -moz-column-gap: calc((var(--ol-space) * 37) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:37"] {
        row-gap: calc((var(--ol-space) * 37) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:38"] {
        gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:38"] {
        -moz-column-gap: calc((var(--ol-space) * 38) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:38"] {
        row-gap: calc((var(--ol-space) * 38) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:39"] {
        gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:39"] {
        -moz-column-gap: calc((var(--ol-space) * 39) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:39"] {
        row-gap: calc((var(--ol-space) * 39) / 16 * 1rem)
    }
    .ol-grid[data-gap~="xxl:40"] {
        gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-x~="xxl:40"] {
        -moz-column-gap: calc((var(--ol-space) * 40) / 16 * 1rem);
        column-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid[data-gap-y~="xxl:40"] {
        row-gap: calc((var(--ol-space) * 40) / 16 * 1rem)
    }
    .ol-grid__item[data-align~="xxl:start"] {
        align-items: flex-start
    }
    .ol-grid__item[data-align~="xxl:center"] {
        align-items: center
    }
    .ol-grid__item[data-align~="xxl:end"] {
        align-items: flex-end
    }
    .ol-grid__item[data-align~="xxl:top"] {
        justify-content: flex-start
    }
    .ol-grid__item[data-align~="xxl:middle"] {
        justify-content: center
    }
    .ol-grid__item[data-align~="xxl:bottom"] {
        justify-content: flex-end
    }
    .ol-grid__item[data-col~="xxl:1"] {
        grid-column: span 1/span 1
    }
    .ol-grid__item[data-col-start~="xxl:1"] {
        grid-column-start: 1
    }
    .ol-grid__item[data-col-end~="xxl:1"] {
        grid-column-end: 1
    }
    .ol-grid__item[data-col~="xxl:2"] {
        grid-column: span 2/span 2
    }
    .ol-grid__item[data-col-start~="xxl:2"] {
        grid-column-start: 2
    }
    .ol-grid__item[data-col-end~="xxl:2"] {
        grid-column-end: 2
    }
    .ol-grid__item[data-col~="xxl:3"] {
        grid-column: span 3/span 3
    }
    .ol-grid__item[data-col-start~="xxl:3"] {
        grid-column-start: 3
    }
    .ol-grid__item[data-col-end~="xxl:3"] {
        grid-column-end: 3
    }
    .ol-grid__item[data-col~="xxl:4"] {
        grid-column: span 4/span 4
    }
    .ol-grid__item[data-col-start~="xxl:4"] {
        grid-column-start: 4
    }
    .ol-grid__item[data-col-end~="xxl:4"] {
        grid-column-end: 4
    }
    .ol-grid__item[data-col~="xxl:5"] {
        grid-column: span 5/span 5
    }
    .ol-grid__item[data-col-start~="xxl:5"] {
        grid-column-start: 5
    }
    .ol-grid__item[data-col-end~="xxl:5"] {
        grid-column-end: 5
    }
    .ol-grid__item[data-col~="xxl:6"] {
        grid-column: span 6/span 6
    }
    .ol-grid__item[data-col-start~="xxl:6"] {
        grid-column-start: 6
    }
    .ol-grid__item[data-col-end~="xxl:6"] {
        grid-column-end: 6
    }
    .ol-grid__item[data-col~="xxl:7"] {
        grid-column: span 7/span 7
    }
    .ol-grid__item[data-col-start~="xxl:7"] {
        grid-column-start: 7
    }
    .ol-grid__item[data-col-end~="xxl:7"] {
        grid-column-end: 7
    }
    .ol-grid__item[data-col~="xxl:8"] {
        grid-column: span 8/span 8
    }
    .ol-grid__item[data-col-start~="xxl:8"] {
        grid-column-start: 8
    }
    .ol-grid__item[data-col-end~="xxl:8"] {
        grid-column-end: 8
    }
    .ol-grid__item[data-col~="xxl:9"] {
        grid-column: span 9/span 9
    }
    .ol-grid__item[data-col-start~="xxl:9"] {
        grid-column-start: 9
    }
    .ol-grid__item[data-col-end~="xxl:9"] {
        grid-column-end: 9
    }
    .ol-grid__item[data-col~="xxl:10"] {
        grid-column: span 10/span 10
    }
    .ol-grid__item[data-col-start~="xxl:10"] {
        grid-column-start: 10
    }
    .ol-grid__item[data-col-end~="xxl:10"] {
        grid-column-end: 10
    }
    .ol-grid__item[data-col~="xxl:11"] {
        grid-column: span 11/span 11
    }
    .ol-grid__item[data-col-start~="xxl:11"] {
        grid-column-start: 11
    }
    .ol-grid__item[data-col-end~="xxl:11"] {
        grid-column-end: 11
    }
    .ol-grid__item[data-col~="xxl:12"] {
        grid-column: span 12/span 12
    }
    .ol-grid__item[data-col-start~="xxl:12"] {
        grid-column-start: 12
    }
    .ol-grid__item[data-col-end~="xxl:12"] {
        grid-column-end: 12
    }
    .ol-grid__item[data-col~="xxl:full"] {
        grid-column: 1/-1
    }
    .ol-grid__item[data-col~="xxl:auto"] {
        grid-column: auto
    }
    .ol-grid__item[data-col-start~="xxl:auto"] {
        grid-column-start: auto
    }
    .ol-grid__item[data-col-end~="xxl:auto"] {
        grid-column-end: auto
    }
    .ol-grid__item[data-row~="xxl:1"] {
        grid-row: span 1/span 1
    }
    .ol-grid__item[data-row-start~="xxl:1"] {
        grid-row-start: 1
    }
    .ol-grid__item[data-row-end~="xxl:1"] {
        grid-row-end: 1
    }
    .ol-grid__item[data-row~="xxl:2"] {
        grid-row: span 2/span 2
    }
    .ol-grid__item[data-row-start~="xxl:2"] {
        grid-row-start: 2
    }
    .ol-grid__item[data-row-end~="xxl:2"] {
        grid-row-end: 2
    }
    .ol-grid__item[data-row~="xxl:3"] {
        grid-row: span 3/span 3
    }
    .ol-grid__item[data-row-start~="xxl:3"] {
        grid-row-start: 3
    }
    .ol-grid__item[data-row-end~="xxl:3"] {
        grid-row-end: 3
    }
    .ol-grid__item[data-row~="xxl:4"] {
        grid-row: span 4/span 4
    }
    .ol-grid__item[data-row-start~="xxl:4"] {
        grid-row-start: 4
    }
    .ol-grid__item[data-row-end~="xxl:4"] {
        grid-row-end: 4
    }
    .ol-grid__item[data-row~="xxl:5"] {
        grid-row: span 5/span 5
    }
    .ol-grid__item[data-row-start~="xxl:5"] {
        grid-row-start: 5
    }
    .ol-grid__item[data-row-end~="xxl:5"] {
        grid-row-end: 5
    }
    .ol-grid__item[data-row~="xxl:6"] {
        grid-row: span 6/span 6
    }
    .ol-grid__item[data-row-start~="xxl:6"] {
        grid-row-start: 6
    }
    .ol-grid__item[data-row-end~="xxl:6"] {
        grid-row-end: 6
    }
    .ol-grid__item[data-row~="xxl:full"] {
        grid-row: 1/-1
    }
    .ol-grid__item[data-row~="xxl:auto"] {
        grid-row: auto
    }
    .ol-grid__item[data-row-start~="xxl:auto"] {
        grid-row-start: auto
    }
    .ol-grid__item[data-row-end~="xxl:auto"] {
        grid-row-end: auto
    }
    .ol-grid__item[data-order~="xxl:0"] {
        order: 0
    }
    .ol-grid__item[data-order~="xxl:-1"] {
        order: -1
    }
    .ol-grid__item[data-order~="xxl:1"] {
        order: 1
    }
    .ol-grid__item[data-order~="xxl:-2"] {
        order: -2
    }
    .ol-grid__item[data-order~="xxl:2"] {
        order: 2
    }
    .ol-grid__item[data-order~="xxl:-3"] {
        order: -3
    }
    .ol-grid__item[data-order~="xxl:3"] {
        order: 3
    }
    .ol-grid__item[data-over~="xxl:left"] {
        margin-left: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="xxl:right"] {
        margin-right: calc(50% - 50vw + var(--ol-scrollbar-width) * 1px)
    }
    .ol-grid__item[data-over~="xxl:clearLeft"] {
        margin-left: 0
    }
    .ol-grid__item[data-over~="xxl:clearRight"] {
        margin-right: 0
    }
    .ol-list[data-type~="xxl:vertical"] {
        display: block
    }
    .ol-list[data-type~="xxl:holzontal"] {
        display: flex;
        flex-wrap: wrap
    }
    .ol-list[data-separator~="xxl:slash"] .ol-list__item:not(:last-child):after {
        display: inline-block;
        margin: 0 .5em;
        content: "/"
    }
    .ol-list[data-separator~="xxl:comma"] .ol-list__item:not(:last-child):after {
        content: ", "
    }
    .ol-defineList[data-type~="xxl:vertical"] .ol-defineList__item {
        display: block
    }
    .ol-defineList[data-type~="xxl:holzontal"] .ol-defineList__item {
        display: flex
    }
    .ol-textfield {
        font-size: 1.125rem
    }
    .ol-wbr.-xxl {
        display: inline-block
    }
    .ol-wbr.-xxlNone {
        display: none
    }
    .ol-wbr.-xxlHard {
        display: block
    }
    .ol-wbr.-xxlReset {
        display: inline
    }
    .ol-wbr.-xxlNoWrap {
        white-space: nowrap
    }
    .ol-text[data-align~="xxl:left"] {
        text-align: left
    }
    .ol-text[data-align~="xxl:center"] {
        text-align: center
    }
    .ol-text[data-align~="xxl:right"] {
        text-align: right
    }
    .ol-text[data-align~="xxl:justify"] {
        text-align: justify;
        text-justify: inter-character
    }
    .ol-text[data-case~="xxl:uppercase"] {
        text-transform: uppercase
    }
    .ol-text[data-case~="xxl:normal"] {
        text-transform: initial
    }
    .ol-text[data-word~="xxl:keep"] {
        word-break: keep-all;
        overflow-wrap: break-word
    }
    .ol-text[data-word~="xxl:auto"] {
        word-break: initial;
        overflow-wrap: initial
    }
    .ol-text[data-space~="xxl:nowrap"] {
        white-space: nowrap
    }
    .ol-text[data-space~="xxl:wrap"] {
        white-space: normal
    }
    .ol-text[data-space~="xxl:pre"] {
        white-space: pre
    }
    .ol-text[data-space~="xxl:preWrap"] {
        white-space: pre-wrap
    }
    .ol-text[data-line~="xxl:-2"] {
        line-height: .5
    }
    .ol-text[data-line~="xxl:-1"] {
        line-height: .75
    }
    .ol-text[data-line~="xxl:1"] {
        line-height: 1
    }
    .ol-text[data-line~="xxl:+1"] {
        line-height: 1.25
    }
    .ol-text[data-line~="xxl:+2"] {
        line-height: 1.5
    }
    .ol-text[data-line~="xxl:+3"] {
        line-height: 1.75
    }
    .ol-text[data-line~="xxl:+4"] {
        line-height: 2
    }
    .ol-text[data-line~="xxl:+5"] {
        line-height: 2.25
    }
    .ol-text[data-line~="xxl:+6"] {
        line-height: 2.5
    }
    .ol-text[data-tracking~="xxl:-2"] {
        letter-spacing: -.05em
    }
    .ol-text[data-tracking~="xxl:-1"] {
        letter-spacing: -.025em
    }
    .ol-text[data-tracking~="xxl:0"] {
        letter-spacing: 0
    }
    .ol-text[data-tracking~="xxl:+1"] {
        letter-spacing: .025em
    }
    .ol-text[data-tracking~="xxl:+2"] {
        letter-spacing: .05em
    }
    .ol-text[data-tracking~="xxl:+3"] {
        letter-spacing: .1em
    }
    .ol-text[data-tracking~="xxl:+4"] {
        letter-spacing: .125em
    }
    .ol-text[data-tracking~="xxl:+5"] {
        letter-spacing: .15em
    }
    .ol-text[data-tracking~="xxl:+6"] {
        letter-spacing: .175em
    }
    .ol-text[data-tracking~="xxl:+7"] {
        letter-spacing: .2em
    }
    .ol-text[data-kerning~="xxl:normal"] {
        font-feature-settings: normal
    }
    .ol-text[data-kerning~="xxl:palt"] {
        font-feature-settings: "palt"
    }
    .ol-text[data-kerning~="xxl:pkna"] {
        font-feature-settings: "pkna"
    }
    .ol-text[data-size~="xxl:2xsmall"] {
        font-size: .625rem
    }
    .ol-text[data-size~="xxl:xsmall"] {
        font-size: .75rem
    }
    .ol-text[data-size~="xxl:small"] {
        font-size: .875rem
    }
    .ol-text[data-size~="xxl:normal"] {
        font-size: 1rem
    }
    .ol-text[data-size~="xxl:large"] {
        font-size: 1.125rem
    }
    .ol-text[data-size~="xxl:xlarge"] {
        font-size: 1.25rem
    }
    .ol-text[data-size~="xxl:2xlarge"] {
        font-size: 1.5rem
    }
    .ol-text[data-size~="xxl:3xlarge"] {
        font-size: 2rem
    }
    .ol-text[data-size~="xxl:4xlarge"] {
        font-size: 2.5rem
    }
    .ol-text[data-size~="xxl:5xlarge"] {
        font-size: 3rem
    }
    .ol-text[data-size~="xxl:6xlarge"] {
        font-size: 3.5rem
    }
    .ol-text[data-size~="xxl:7xlarge"] {
        font-size: 4rem
    }
    .ol-text[data-size~="xxl:8xlarge"] {
        font-size: 4.5rem
    }
    .ol-text[data-size~="xxl:9xlarge"] {
        font-size: 5rem
    }
    .ol-text[data-family~="xxl:primary"] {
        font-family: var(--ol-primary-font-set, "sans-serif")
    }
    .ol-text[data-family~="xxl:en"] {
        font-family: var(--ol-en-font-set, "sans-serif")
    }
    .ol-text[data-weight~="xxl:100"] {
        font-weight: 100
    }
    .ol-text[data-weight~="xxl:200"] {
        font-weight: 200
    }
    .ol-text[data-weight~="xxl:300"] {
        font-weight: 300
    }
    .ol-text[data-weight~="xxl:400"] {
        font-weight: 400
    }
    .ol-text[data-weight~="xxl:500"] {
        font-weight: 500
    }
    .ol-text[data-weight~="xxl:600"] {
        font-weight: 600
    }
    .ol-text[data-weight~="xxl:700"] {
        font-weight: 700
    }
    .ol-text[data-weight~="xxl:800"] {
        font-weight: 800
    }
    .ol-text[data-weight~="xxl:900"] {
        font-weight: 900
    }
    .ol-text[data-style~="xxl:normal"] {
        font-style: normal
    }
    .ol-text[data-style~="xxl:italic"] {
        font-style: italic
    }
    .ol-text[data-color~="xxl:primary"] {
        color: var(--ol-primary-text-color)
    }
    .ol-text[data-color~="xxl:main"] {
        color: var(--ol-main-color)
    }
    .ol-text[data-color~="xxl:accent"] {
        color: var(--ol-accent-color)
    }
    .ol-text[data-color~="xxl:light"] {
        color: var(--ol-light-text-color)
    }
    .ol-text[data-color~="xxl:white"] {
        color: #fff
    }
    .ol-text[data-color~="xxl:black"] {
        color: #000
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    :before,
    :after {
        background-attachment: initial!important;
        animation-duration: 1ms!important;
        animation-delay: -1ms!important;
        animation-iteration-count: 1!important;
        scroll-behavior: auto!important;
        transition-delay: 0s!important;
        transition-duration: 1ms!important
    }
}

:root {
    --ol-content-width: 1300;
    --ol-sm-design-width: 414;
    --ol-primary-font-set: "Zen Kaku Gothic New", sans-serif;
    --ol-serif-font-set: "Noto Serif", serif;
    --ol-palt-font-set: YakuHanJP, "Zen Kaku Gothic New", sans-serif;
    --ol-en-font-set: "Noto Serif", serif;
    --ol-main-color: #d50032;       /* ヤンマーレッド（ブランドの主軸） */
    --ol-secondary-color: #e57373;  /* 明るめの赤（補助的に使用） */
    --ol-primary-text-color: #212121; /* 標準テキストは落ち着いた濃グレー */
    --ol-blue-text-color: #9b1b30;  /* 赤寄りの深みカラー（見出し・強調用） */
    --ol-base-line-height: 2;       /* 読みやすさを維持 */
    --ol-scroll-behavior: initial;   /* 採用サイトらしくスムーススクロールに変更 */
    --ol-border-color: #f2b3b3;     /* 赤系の淡いライン色（枠・区切り用） */
    --line-color: #b71c1c;          /* 濃い赤で強調ライン */

}

html {
    scrollbar-color: var(--ol-main-color) #dedede;
    scrollbar-width: thin
}

html::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

html::-webkit-scrollbar-track {
    background-color: #dedede
}

html::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--ol-main-color)
}

.intro {
    display: flex;
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

.is-start .intro {
    display: none
}

.intro__message {
    display: none;
    overflow: hidden;
    font-weight: 700;
    font-size: 1.5rem;
    font-size: clamp(12 / 16 * 1rem, 24 / var(--ol-view-point) * 100vw, 24 / 16 * 1rem);
    word-break: keep-all;
    overflow-wrap: break-word
}

.intro__message span {
    display: inline-block;
    visibility: hidden;
    line-height: 1;
    opacity: 0
}

.intro__logo {
    display: none;
    visibility: hidden;
    opacity: 0
}

main {
    position: relative;
    opacity: 1;
    transition: 2s var(--ol-ease-out-expo);
    transition-property: opacity;
    will-change: opacity
}

main:after {
    visibility: hidden;
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(210deg, #9ae0f0 0%, #aeecf7 20%, #9ae0f0 50%, #aeecf7 70%, #cedbfd 100%);
    background-position: center 0%;
    background-size: 100% 400%;
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: inherit;
    transition-property: opacity, visibility, background-position;
    will-change: background-position
}

.is-transition main {
    opacity: .4;
    transition-duration: .2s
}

.is-transition main:after {
    visibility: visible;
    background-position: center 100%;
    opacity: 1;
    pointer-events: auto
}

a {
    color: inherit
}

a:hover,
a:focus {
    text-decoration: none
}

abbr[title] {
    text-decoration: none
}

.banner {
    display: inline-block;
    box-shadow: 0 0 0 -16px #fff0, 0 0 64px #cdf4d600, inset 0 0 #fff0;
    transition: .6s var(--ol-ease-out-expo);
    transition-property: box-shadow, opacity
}

.banner:hover,
.banner:focus {
    box-shadow: 0 0 3px #fffc, 0 0 15px -4px #cdf4d6, inset 0 0 1px #fffc;
    opacity: .8
}

[data-bg~=main-gradient] {
    background-image: linear-gradient(180deg, #d50032 0%, #e64545 10%, #f28a8a 58%, #fde4e4 100%)
}

[data-bg~=secondary-gradient] {
    background-image: linear-gradient(180deg, #d50032 0%, #e57373 10%, #f8b3b3 58%, #fde4e4 75%, #ffffff 100%)
}

[data-bg~=staff-gradient] {
    background-image: repeating-linear-gradient(205deg, #f28a8a 0%, #f5b5b5 8%, #fde4e4 50%, #f28a8a 60%)
}

[data-bg~=mission-gradient] {
    background-image: linear-gradient(190deg, #f28a8a 0%, #f5b5b5 12%, #fde4e4 25%, #f5b5b5 50%, #f8caca 60%, #f5b5b5 65%, #fde4e4 78%, #f5b5b5 85%, #f8caca 95%, rgba(253, 228, 228, 0) 96%);
    background-color: transparent
}

[data-bg=mission-hero-gradient] {
    background-image: linear-gradient(220deg, #f28a8a 0%, #f5b5b5 15%, #fde4e4 100%);
    background-color: transparent
}

[data-bg~=diagonal-gradient] {
    background-image: linear-gradient(135deg, #d50032 0%, #e64545 10%, #f28a8a 58%, #fde4e4 75%, #ffffff 100%)
}


[data-bg~=right-green] {
    background-color: #d6ebe9
}

[data-bg~=right-pink] {
    background-color: #fde4e4
}
[data-over=right] {
    margin-right: calc(50% - 50vw)
}

.block.-lgOnly {
    --ol-space-xsmall: 0
}

.inviewSlideUpIn {
    visibility: hidden;
    transform: translate3d(0, 1.5rem, 0);
    opacity: 0;
    will-change: transform, opacity
}

.inviewSlideLeftIn {
    visibility: hidden;
    transform: translate3d(1.5rem, 0, 0);
    opacity: 0;
    will-change: transform, opacity
}

.inviewFadeInOut {
    visibility: hidden;
    opacity: 0
}

.inviewStaffContentIn {
    transition: 2s var(--ol-ease-out-expo);
    transition-property: transform, opacity, visibility;
    will-change: transform, opacity
}

.inviewStaffContentIn.is-interviewReady {
    visibility: hidden;
    opacity: 0
}

.inviewStaffContentIn.is-interviewActive {
    visibility: visible;
    opacity: 1
}

.inviewTextUpIn {
    -webkit-backface-visibility: hidden;
    display: block;
    z-index: 0;
    position: relative;
    overflow: hidden;
    backface-visibility: hidden
}

.inviewZoomIn {
    visibility: hidden;
    transform: scale(.7);
    opacity: 0;
    will-change: transform
}

.ulList {
    padding-left: 1.5em;
    list-style-type: disc
}

.ulList li:not(:last-child) {
    margin-bottom: 1em
}

@keyframes loop {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(-100%, 0, 0)
    }
}

@media screen and (min-width: 768px) {
    .block.-lgOnly {
        --ol-space-medium: 0
    }
}

@media screen and (min-width: 1024px) {
    .intro__message {
        font-size: 2.5rem;
        font-size: clamp(32 / 16 * 1rem, 40 / var(--ol-view-point) * 100vw, 40 / 16 * 1rem);
        line-height: 1.2
    }
    .intro__logo {
        width: max(375px, min(240 / var(--ol-view-point) * 100vw, 260 / 16 * 1rem))
    }
    .intro__logo img {
        width: 100%
    }
    [data-bg~=secondary-gradient][data-space=people] {
        margin-bottom: -14.375rem
    }
    [data-bg~=staff-gradient] {
        padding-right: 1px
    }
    [data-bg~=mission-gradient] {
        background-image: linear-gradient(184deg, #9ae0f0 0%, #aeecf7 10%, #cedbfd 45%, #aeecf7 70%, #bce4fa 91.5%, rgba(206, 219, 253, 0) 94.5%)
    }
    [data-over=right] {
        margin-right: 0
    }
    .block {
        padding-right: 0;
        padding-left: calc(100% - 1540 / var(--ol-lg-design-width) * 100%)
    }
    .inviewSlideUpIn {
        transform: translate3d(0, 2.5rem, 0)
    }
    .inviewSlideLeftIn {
        transform: translate3d(3rem, 0, 0)
    }
    .inviewStaffContentIn.is-interviewActive,
    .inviewStaffContentIn.is-inviewReady,
    .inviewStaffContentIn.is-inviewLeave {
        visibility: hidden;
        opacity: 0
    }
    .inviewStaffContentIn.is-inviewActive {
        visibility: visible;
        opacity: 1
    }
    .inviewTextUpIn span {
        -webkit-backface-visibility: hidden;
        display: inline-block;
        z-index: 0;
        position: relative;
        backface-visibility: hidden;
        will-change: transform
    }
}

@media screen and (min-width: 1280px) {
    .block {
        padding-left: calc(100% - 1600 / var(--ol-lg-design-width) * 100%)
    }
}

@media screen and (min-width: 1480px) {
    [data-bg~=mission-gradient] {
        background-image: linear-gradient(184deg, #9ae0f0 0%, #aeecf7 10%, #cedbfd 45%, #aeecf7 70%, #bce4fa 90%, rgba(206, 219, 253, 0) 91.5%)
    }
    .block {
        padding-left: calc(100% - 1632 / var(--ol-lg-design-width) * 100%)
    }
}