/* Start:/bitrix/templates/foxcoder-corp/vendor/fancybox/fancybox.css?168309523718821*/
.carousel {
    position: relative;
    box-sizing: border-box
}

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

.carousel.is-draggable {
    cursor: move;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

.carousel__track {
    display: flex
}

.carousel__slide {
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain
}

.has-dots {
    margin-bottom: calc(0.5rem + 22px)
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: .25;
    transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity .15s ease
}

.carousel__button.is-prev, .carousel__button.is-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    z-index: 1050;
    outline: none;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

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

.fancybox__container :focus {
    outline: none
}

body:not(.is-using-mouse) .fancybox__container .carousel__button:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))
}

@media all and (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, 0.92))
}

.fancybox__carousel {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(0.5rem + 22px)
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px 8px;
    position: relative;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px
}

.fancybox__slide::before, .fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto
}

@media all and (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {

}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    flex-shrink: 0;
    overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container > .carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40
}

@media all and (min-width: 1024px) {
    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content > .carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff)
}

.fancybox__no-click, .fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
    animation: .15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
    animation: .15s ease both fancybox-fadeOut
}

.fancybox-fadeIn {
    animation: .15s ease both fancybox-fadeIn
}

.fancybox-fadeOut {
    animation: .1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp {
    animation: .2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
    animation: .15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
    animation: .15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown {
    animation: .15s ease both fancybox-throwOutDown
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-zoomInUp {
    from {
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutUp {
    to {
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutDown {
    to {
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__image {
    transform-origin: 0 0;
    user-select: none;
    transition: none
}

.has-image .fancybox__content {
    padding: 0;
    background: transparent;
    min-height: 1px
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: transparent
}

.fancybox-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.fancybox__thumbs {
    flex: 0 0 auto;
    position: relative;
    padding: 0px 3px;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    opacity: 0;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide > * {
    pointer-events: none;
    user-select: none
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255, 255, 255, .1);
    background-repeat: no-repeat;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))
}

@media all and (min-width: 1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media (max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 30;
    user-select: none
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}
/* End */


/* Start:/bitrix/templates/foxcoder-corp/vendor/swiper/swiper.css?168309523716034*/
/**
 * Swiper 6.5.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 23, 2021
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
/* End */


/* Start:/bitrix/templates/foxcoder-corp/vendor/growl-notification/light-theme.min.css?168309523714322*/
.growl-notification {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    min-height: 56px;
    position: fixed;
    width: 320px;
    z-index: 1056
}

.growl-notification:before {
    border-radius: 4px 0 0 4px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.growl-notification__progress {
    border-radius: 4px 4px 0 0;
    display: none;
    height: 4px
}

.growl-notification__progress.is-visible {
    display: flex
}

.growl-notification__progress-bar {
    border-radius: 4px 4px 0 0;
    height: 4px;
    width: 0
}

.growl-notification__body {
    align-items: center;
    display: flex;
    min-height: 56px;
    padding: 13px 25px
}

.growl-notification__buttons {
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: none
}

.growl-notification__buttons.is-visible {
    display: flex
}

.growl-notification__button {
    align-items: center;
    color: #000;
    display: flex;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    min-height: 39px;
    min-width: 50%;
    text-align: center
}

.growl-notification__button:hover {
    background: rgba(0, 0, 0, .02);
    color: #000;
    text-decoration: none
}

.growl-notification__button--cancel, .growl-notification__button--cancel:hover {
    color: #ff0048
}

.growl-notification__button + .growl-notification__button {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.growl-notification__close {
    cursor: pointer;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: color .1s
}

.growl-notification__close-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cg id='Bounding_Boxes'%3E%3Cpath fill='none' d='M0,0h24v24H0V0z'/%3E%3C/g%3E%3Cg id='Outline_1_'%3E%3Cpath d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-flex;
    height: 18px;
    opacity: .4;
    width: 18px
}

.growl-notification__close-icon:hover {
    opacity: .6
}

.growl-notification--closed {
    z-index: 1055
}

.growl-notification__title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-top: -2px
}

.growl-notification__desc {
    color: #000
}

.growl-notification__title + .growl-notification__desc {
    color: rgba(0, 0, 0, .6)
}

.growl-notification--close-on-click {
    cursor: pointer
}

.growl-notification--default:before {
    background: #b2b2b2
}

.growl-notification--default .growl-notification__progress {
    background: hsla(0, 0%, 69.8%, .15)
}

.growl-notification--default .growl-notification__progress-bar {
    background: hsla(0, 0%, 69.8%, .3)
}

.growl-notification--info:before {
    background: #269af1
}

.growl-notification--info .growl-notification__progress {
    background: rgba(38, 154, 241, .15)
}

.growl-notification--info .growl-notification__progress-bar {
    background: rgba(38, 154, 241, .3)
}

.growl-notification--success:before {
    background: #8bc34a
}

.growl-notification--success .growl-notification__progress {
    background: rgba(139, 195, 74, .15)
}

.growl-notification--success .growl-notification__progress-bar {
    background: rgba(139, 195, 74, .3)
}

.growl-notification--warning:before {
    background: #ffc107
}

.growl-notification--warning .growl-notification__progress {
    background: rgba(255, 193, 7, .15)
}

.growl-notification--warning .growl-notification__progress-bar {
    background: rgba(255, 193, 7, .3)
}

.growl-notification--danger:before, .growl-notification--error:before {
    background: #ff3d00
}

.growl-notification--danger .growl-notification__progress, .growl-notification--error .growl-notification__progress {
    background: rgba(255, 61, 0, .15)
}

.growl-notification--danger .growl-notification__progress-bar, .growl-notification--error .growl-notification__progress-bar {
    background: rgba(255, 61, 0, .3)
}

.growl-notification--image {
    width: 420px
}

.growl-notification__image {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 46px;
    margin-right: 17px;
    min-width: 40px
}

.growl-notification__image--custom {
    background: none !important;
    height: auto
}

.growl-notification--default .growl-notification__image {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALwSURBVGhD7ZhNaNNgGMc78Asvu3kSBrW2tQ5Fkk5EXF09OIeyrgxPgidP4tGj9KDMgTOfQ6weFGp1CB4mnR4E50Fc082zF0V0w4+THrI1mR/xeds3Urpn2bKm+gbygz8tyRv6+ydpkjehgICAgIBG+or6AGSB5Nh9vZ8u9g/poj6fLi5aJH339I90sT+QK+YBW94OXcU2gmbuFTXjgaQZv3xVQKqY3SA9QcThu0XiiwKCtsyD7MNGceYL5OeszcKsMQzSL5ulG8NcAWnG3CdqpgByX5tlsfzXAqNzVqdSNvfLmnlaqhi3QOh9s+Ba8bRAb/bJQG9maiE1NGWtJ5iQ23hbIFOax0RXCybkNp4V2NOjZDBJp2BCbuNJgRivjMaTKirpFEzIbVouEOXGB4k8KwVgZ36GXO9K3dlGFZ2JJ5VplgrYLqQEVXQmllR1Jgsk1U9U0RnfF4jz6nMWC8CpfY0qOhPj5VMsFSB7HnbqWCQib6WKaxPnlSusFKBK7oECJzFJp2BCbuNZAYKvHyUIqaFS/5HBSR2TxYIJuY2nBQhRXjlh/6lXy9irpboAPPvDZ7dYNjKSZoowD3jTKLeeeF4gkchtgUvYd0zczsizb3UBzTxLN/uLPFvdBbOwS1DmbbMsFs8LEECy0CzdmNzjL7UfFytGlm6yAsuyOoRyNQ0lJ7G5sJ32FOCVLCZu52LhXRVmYLdz09Ymuokj0oyxG0rchJj/pADH5bfHksoiJk8CN5sLdKgrxl8vdZHiomYst7UAASQfYfI0BTpsQwiVahhOv7tQ5kfbCsDV6AwiXguU+wBneQcdumHkspFoW4Ewl+8EURMrUAsvp+jQlmjry134Mz9F5SFQboIOawnySp2Ikxwt6sfpYm+A+8E5TL4e5Xf8oMzRoWwSPnRjBxyFn3gBOAq8epUOZRc4VV5g8uQIxDh5mA5jF5hcnF8hzqulKKccpkPYpvZsxKuX4cY2Qi6tkR55J10VEBAQ4JZQ6A9aCYkJsv8vUgAAAABJRU5ErkJggg==")
}

.growl-notification--info .growl-notification__image {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGySURBVGhD7ZlNSsRAFIRno97BH0jAlVsPJLpT1DN4BZFk8Apu1Sv4A6LgIZx9Z0Z3E7ul3LQFzxJMd0M++GDAV28q2L3JTEZGRkbyZeeqX63a7rRquse67ebefiDnddPd++89CR1QR2NzutioW/dClg9r4563LhbrqPU7ts+Xa1XrXunCFPqHkP4T4djQRSmddseoZ+MDDz8WpNbfCdSz8YEhL+yv9BfaoZ4NW5CDqGfDwqoHtx/9bL78cv/mnc6oop4NC6vOumX/zZv/zGZUUc+GhVWLf4BwbMJDhPJ71wUeof8Q9WxYOAdRz4aFcxD1bFhYNYbNqKKeDQurxrAZVdSzYWHVGDajino2LKwaw2ZUUc+GhVVj2Iwq6tmwsGoMm1FFPRsWVo1hM6qoZ8PCqjFsRhX1bFhYNYbNqKKeDQurxrAZVdSzYWHVGDajino2LJyDqGfDwjmIejYsnIOoZ8PCqS3/tYr4YosvSWnjjlDPhi5IaNW6p93LfgX1bNiSVIby8ut1tmhIw4X1Z/6ubt3hn37gYEv9wjP8OX+KLh8ounyg6PKBossHii4/MiiTySelDscTxWd4WgAAAABJRU5ErkJggg==")
}

.growl-notification--success .growl-notification__image {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJCSURBVHja7Ng9aFNRGMbx/7lkEMRBBx1cMlmwDlINpJgUDAhNXEyUqgjWgDg4mFaagCLUDxBsKibQDoogKChF2yi2aRcDFkRotIOti0MkNINgP6ypbU0aj0sSmjQhzUeTO+TZ7suF+7vvOZx77hEk0zNuOSkEDuAAsJPqZAHBlEB4uwwjQwACwD1ufoAQHdQyUvY6W0adItmZV6ggQkqrkhwmVUQKHArQhGoiDmmA7dnlS7onVXn8o6A9u7RDQWWpg+qgXAl8ecPy36XagySSpwEPz9/30zPUxdLq79qBJJJnAS/jX/0ARGZD9PpcBVFbBhr88DiNSSUyG2I6/Kl8UOJfgvnoz6KGaWzyZeYaLBTaTZ3oG0zlgeJrMfqGu7kzcJnI3Peihmk95vxRB8ZGc3lzKL4Wo99/i6nwBNGVRe77XHlRlcAUBH389o7pcDB9HV1ZxPP6Gj8WZrYEUxDUst+M5fDZjNqv5XnuDV5NdyovBlE0ZlNzyNZs34BKDd/MXCg/xtRRNAZAs5mbbM12hICR4IsM1N2BK8QTsYphilqHrHo7x3WZnao0puiF0aq3Y9Gdyb3XqwCmpJX6hP4Ce3dpN9QNja1lY0oCKSjcPPcQ7Z6GdK21qY12U2ftth8CwfU2L9rd+zh20MapIxcr9g3UlP4mCjdO99V3jHWQ6kAa4E/232uOP8pqJaoAk+rpj/ysgHSr5/RDuhWncfStFPJ27c+GRLfLMOYXqcK6Iz0dsK1KjlUEE0jF4zQO+wD+DwA72uQvBABEHAAAAABJRU5ErkJggg==")
}

.growl-notification--warning .growl-notification__image {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAlCAYAAAAnQjt6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAANlSURBVHja7JhLbBVVGIC//8zcmbmPCkJDCw2xF4o12BBIStIFgkpcaaKpRuOKRY0rSYwrQly70sQYwoqFYcejkJDQuFG4VRLizgeKXJvGtCFRsAUu3OfM/CxGoEAvvb0zt2w8yWRO5sw55/v/879mhBjtymeZN0T1K0CNyP7NB8sT7a5lxwER1cPARoAw6vc/FRBjs9Gyon4Q8FwsoZY7QS/yDFXnI0TeA7Y9PMhPGD2GqR+SXZQ6BqKTzlsoR0DWLvHqdWBM9tTOtKzdliEK3oeojLcAAdANnNZJ74NENaKT3l5Uv2nDphqIvCa7q4XYIDqBS9b9Hci3aYdFsrUXZZhGvKPJOm/HgADYwh1nNAEbkVFiN5MAiDAcH0SH44MoPfFBWJ+E+3oJgKQTiyOdbv+DLAtEC14+qY30nNffvkY0fD8xka0nr9U0xOu36T7s8DKQSwilhGW9ILvKV1vWiF7CwQ5OJggB0EXgj+slnNaP5rr7BchI8iYpI1xzP2/paLTg7QP9urM+IvtkT/VoUxCddLaichHo6rC3lhAdkd313x47Gr2QWwcysQIQkb0gE9GeCzSi517OsSb1M+Ureep/A9p5FHs1ZIemmQ+2ySvnb0elX2/fD6QH86x6CfwSVItQmYLqLITl5DZPdUNmC6QHwd0ASB7nj++BHaIFb4z0piNkhiAzAOaRZOvfhNpV8P+Fxhz489EV+qC1R2zQgLhgXLCyYD8LqbXg9ICzHqwF0SCsQqUIt3+F+vSYaMGt3E/1YsDZAF4e0pvA6QVZol7WGmgIWGCcJ7/rz0VarhSh8ieof6/mqYqed2cR+hb3MvNAolRvdLe6wM5FkjdrQQWCOWj8p736P1CbgeBOsxmzohdy6wj8Q6iORmItXqY9FnIkFWnLuPfyEmgDwsrScxcgg5xE7P3yUKYVfQfldWAnkOmQv5QRfkQ5iy8nZG/1r6ZJT49j0eM8jzKEYQCVzdFXv65CZXUQ0A/iWvYDN1eFMBBQrVkppkFvgtxAmUF0CmUK5Reu1YvyLkHsj3CA7z7OhKEuPtcI+uqX5WUXXG39ljASiRDqgtgn0XMj7UXDtkD6uvUM8GaT4VMrVrOGEhwA5hcZmhPlkxUDGTxYv2wstkskfQnkFjAuyvaBTysz7ax5dwBLKR25sKNy9wAAAABJRU5ErkJggg==")
}

.growl-notification--danger .growl-notification__image, .growl-notification--error .growl-notification__image {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAjCAYAAADmOUiuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAARISURBVHjaxJh9TNR1HMdf3x8HGNSi0jaXzYoBIYseaDXnHdjMNnuYWrmROUeNrQfWKOcQggxFsSdWW/aHQ6yFm7hWNKq1mDY8DgxBM8p4njvEAVkmhGAHx6c/vjzcwXHHEXd8/vnu83jvvX+f+/w+v69iFiIprGWUSuZXHlXVHPcVpHyCSyKUCH4F4uYZYBMhJKoqRrwFGT7LRJARAHAA8ThJ/18MymoW46QNiCIwcolwYtQx+ubGoJPdAQQHsAQHOXNiUCwkAmeAEAIrDkJIUFW0+8vgh0EABxDGCHv9YlAsbADKCaYIFmXD5pNBWUc4UESwRVEkHgib/ogHyATuIvjyEMls9vqIxcJSoAW4gYWRLgaJU6cZ9MygULCA4ACWcR1veGRQVvEgBnWzersEVgaAWFVNtwtxKLFQIxZELIgkK5FPtot0nxfpvyzS3CDyWopIiiFeZTy/6BURe5PIv0MiFztEdj8/6auvnIwfdoh0togU54msNk3GmDno/mTNbJpwWhB5/yVdoMcuYi3XhYYGRJ5ZpnVruUhXm46xN03aLIgUpmn75V4RW4XI4D9az33aHWCjTef81aP14lxxweAUM0nj20qEWOh0A1jzjU7a8aTWv/9M6++mT8aUFWnboXxxy209o+0vr9T6mxu0fvaEO8Cc9Vp/dZXWu9rd65j5Uf9JItkG3O5G6d+9+nz8RYhaAoVpkKzg24Peu8cwYHk8OK7BuZPaVj+2Rt6xwnNO93l93nTr1PnyiJh5ykDYOi3p8D641AXJG+FIG6QXwKJI3+19fRSELYIBl+Xk2iAMO+DGxWAKnbTfFg1xSbA5S+vtv3ga3nsMhD3THBc74IX7oLQQlAFb82C/1f0H/No9ZMzt4s8oguIGeDYT+v6E/ds8JR4zsFEKnHIzJ62B2PuhOBe23A0djRD7AKx8wseAuKLZinAZpaHhYAqDq33aNy4/lMKBbMhPhedioLl+arUeHOwyKRAZJROD2gkK8krhlqWwaTn0dkLTKYhO1P3oTUad0NUGdybAiofh9zq4N1kzZ292j7V+BdVfe6u2U9XRbwCoGn5CODLh+q5En0WV8NZheGwLjAxDo813H375sT73VcDecsgv0/oXH/mzODRQTQmAyWV7zsLEeiCST3eB0wnr0mBNKlxohZKdYG/yXbzigGZyY4ZuiQutur+Ol81+8YJMBaPTlwUzb6PIX+BX3VFVTarnZcHJe4B9AcFdJYTtM+6D6iRDQPaCwVN8oKro8r3ym7GisAQZnp0R4sdI8vHRZJDJWJMGkb0dU8HNCFBZ+Rn4PIjwTigrR/377HSQDfQHAZwTJ6/7fbOg6ugF3gkCwEOqlrNzu5tJIIyb+Q2ICRC4KziJU7X8Mae7GXUOByqAY0co8AZuVveDY2OnEsXaeYbXwiD3qNMMewsyzbJYDhA9490KzLTNRo75PVGT5QscwH8DAO9QS/SuXPueAAAAAElFTkSuQmCC");
    background-size: 90%
}

.growl-notification.position-bottom-right.animation-slide-in, .growl-notification.position-top-right.animation-slide-in {
    animation: position-right-slide-in .2s forwards;
    transform: translateX(100%)
}

.growl-notification.position-bottom-right.animation-slide-out, .growl-notification.position-top-right.animation-slide-out {
    animation: position-right-slide-out .2s forwards;
    margin-right: -20px;
    transform: translateX(0)
}

.growl-notification.position-top-center.animation-slide-in {
    animation: position-top-slide-in .2s forwards;
    transform: translateY(-100%)
}

.growl-notification.position-top-center.animation-slide-out {
    animation: position-top-slide-out .2s forwards;
    margin-top: -20px;
    transform: translateY(0)
}

.growl-notification.position-bottom-center.animation-slide-in {
    animation: position-bottom-slide-in .2s forwards;
    transform: translateY(100%)
}

.growl-notification.position-bottom-center.animation-slide-out {
    animation: position-bottom-slide-out .2s forwards;
    margin-bottom: -20px;
    transform: translateY(0)
}

.growl-notification.position-bottom-left.animation-slide-in, .growl-notification.position-top-left.animation-slide-in {
    animation: position-left-slide-in .2s forwards;
    transform: translateX(-100%)
}

.growl-notification.position-bottom-left.animation-slide-out, .growl-notification.position-top-left.animation-slide-out {
    animation: position-left-slide-out .2s forwards;
    margin-left: -20px;
    transform: translateX(0)
}

.growl-notification.position-top-center, .growl-notification.position-top-left, .growl-notification.position-top-right {
    transition: top .2s
}

.growl-notification.position-bottom-center, .growl-notification.position-bottom-left, .growl-notification.position-bottom-right {
    transition: bottom .2s
}

.growl-notification.animation-fade-in {
    animation: fade-in .2s forwards;
    opacity: 0
}

.growl-notification.animation-fade-out {
    animation: fade-out .2s forwards
}

@keyframes position-right-slide-in {
    to {
        transform: translateX(0)
    }
}

@keyframes position-right-slide-out {
    to {
        transform: translateX(100%)
    }
}

@keyframes position-left-slide-in {
    to {
        transform: translateX(0)
    }
}

@keyframes position-left-slide-out {
    to {
        transform: translateX(-100%)
    }
}

@keyframes position-top-slide-in {
    to {
        transform: translateY(0)
    }
}

@keyframes position-top-slide-out {
    to {
        transform: translateY(-100%)
    }
}

@keyframes position-bottom-slide-in {
    to {
        transform: translateY(0)
    }
}

@keyframes position-bottom-slide-out {
    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in {
    to {
        opacity: 1
    }
}

@keyframes fade-out {
    to {
        opacity: 0
    }
}
/* End */


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

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
  --color-step: 8%;
  --color-brand-h: 24;
  --color-brand-s: 91%;
  --color-brand-l: 47%;
  --color-brand: hsl(var(--color-brand-h), var(--color-brand-s), var(--color-brand-l));
  --color-brand-light: hsl(var(--color-brand-h), var(--color-brand-s), calc(var(--color-brand-l) + var(--color-step)));
  --color-brand-dark: hsl(var(--color-brand-h), var(--color-brand-s), calc(var(--color-brand-l) - var(--color-step)));
  --color-brand-contrast: #fff;
  --color-accent-h: 207;
  --color-accent-s: 96%;
  --color-accent-l: 30%;
  --color-accent: hsl(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l));
  --color-accent-light: hsl(var(--color-accent-h), var(--color-accent-s), calc(var(--color-accent-l) + var(--color-step)));
  --color-accent-dark: hsl(var(--color-accent-h), var(--color-accent-s), calc(var(--color-accent-l) - var(--color-step)));
  --color-accent-contrast: #fff;
  --color-bg-black-primary: #161E27;
  --color-bg-black-secondary: #1F2833;
  --color-bg-white-primary: #fff;
  --color-bg-white-secondary: #f8f8f8;
  --color-bg-default: #fff;
  --color-bg-primary: var(--color-bg-white-primary);
  --color-bg-secondary: var(--color-bg-white-secondary);
  --color-bg-brand: var(--color-brand);
  --color-bg-accent:var(--color-accent);
  --color-surface-1: rgba(14,20,27,0.02);
  --color-surface-2: rgba(14,20,27,0.08);
  --color-surface-solid-1: #fafafa;
  --color-surface-solid-2: #ececed;
  --color-overlay: rgba(14, 20, 27, .9);
  --color-text-white-default: rgba(255,255,255,0.8);
  --color-text-white-primary: rgba(255,255,255,0.90);
  --color-text-white-secondary: rgba(255,255,255,0.75);
  --color-text-white-tertiary: rgba(255,255,255,0.60);
  --color-text-white-ghost: rgba(255,255,255,0.40);
  --color-text-black-default: rgba(14,20,27,0.85);
  --color-text-black-primary: #0f172a;
  --color-text-black-secondary: rgba(14,20,27,0.75);
  --color-text-black-tertiary: rgba(14,20,27,0.55);
  --color-text-black-ghost: rgba(14,20,27,0.40);
  --color-text-default: var(--color-text-black-default);
  --color-text-primary: var(--color-text-black-primary);
  --color-text-secondary: var(--color-text-black-secondary);
  --color-text-tertiary: var(--color-text-black-tertiary);
  --color-text-ghost: var(--color-text-black-ghost);
  --color-text-brand: var(--color-brand);
  --color-text-accent:var(--color-accent);
  --color-border-line: #e4e4e4;
  --color-border-control: #c6c6c6;
  --color-info: #1491cf;
  --color-warning: #d56c07;
  --color-danger: #f94638;
  --color-success: #3f9b43;
  --color-sale: #ffd600;
}

[data-theme=dark] {
  --color-bg-default: #0e141b;
  --color-bg-primary: var(--color-bg-black-primary);
  --color-bg-secondary: var(--color-bg-black-secondary);
  --color-surface-1: rgba(255,255,255,0.04);
  --color-surface-2: rgba(255,255,255,0.14);
  --color-surface-solid-1: #181d24;
  --color-surface-solid-2: #30353b;
  --color-text-default: var(--color-text-white-default);
  --color-text-primary: var(--color-text-white-primary);
  --color-text-secondary: var(--color-text-white-secondary);
  --color-text-tertiary: var(--color-text-white-tertiary);
  --color-text-ghost: var(--color-text-white-ghost);
  --color-border-line: #1F2932;
  --color-border-control: rgba(255,255,255,0.20);
  color: var(--color-text-default, #080808);
  background-color: var(--color-bg-default, #ffffff);
}

:root {
  --typo-headline-font-family: inherit;
  --typo-headline-font-weight: 600;
  --typo-headline-font-style: normal;
  --typo-headline-letter-spacing: 0;
  --typo-headline-line-height: calc(1em + 8px);
  --typo-headline-xl-font-family: var(--typo-headline-font-family, inherit);
  --typo-headline-xl-font-size: 1.75rem;
  --typo-headline-xl-font-weight: var(--typo-headline-font-weight, 600);
  --typo-headline-xl-font-style: var(--typo-headline-font-style, normal);
  --typo-headline-xl-line-height: var(--typo-headline-line-height, 1.3);
  --typo-headline-xl-letter-spacing: var(--typo-headline-letter-spacing, 0);
  --typo-headline-lg-font-family: var(--typo-headline-font-family, inherit);
  --typo-headline-lg-font-size: 1.5rem;
  --typo-headline-lg-font-weight: var(--typo-headline-font-weight, 600);
  --typo-headline-lg-font-style: var(--typo-headline-font-style, normal);
  --typo-headline-lg-line-height: var(--typo-headline-line-height, 1.3);
  --typo-headline-lg-letter-spacing: var(--typo-headline-letter-spacing, 0);
  --typo-headline-md-font-family: var(--typo-headline-font-family, inherit);
  --typo-headline-md-font-size: 1.25rem;
  --typo-headline-md-font-weight: var(--typo-headline-font-weight, 600);
  --typo-headline-md-font-style: var(--typo-headline-font-style, normal);
  --typo-headline-md-line-height: var(--typo-headline-line-height, 1.3);
  --typo-headline-md-letter-spacing: var(--typo-headline-letter-spacing, 0);
  --typo-headline-sm-font-family: var(--typo-headline-font-family, inherit);
  --typo-headline-sm-font-size: 1.1875rem;
  --typo-headline-sm-font-weight: var(--typo-headline-font-weight, 600);
  --typo-headline-sm-font-style: var(--typo-headline-font-style, normal);
  --typo-headline-sm-line-height: var(--typo-headline-line-height, 1.3);
  --typo-headline-sm-letter-spacing: var(--typo-headline-letter-spacing, 0);
  --typo-headline-xs-font-family: var(--typo-headline-font-family, inherit);
  --typo-headline-xs-font-size: 1.125rem;
  --typo-headline-xs-font-weight: var(--typo-headline-font-weight, 600);
  --typo-headline-xs-font-style: var(--typo-headline-font-style, normal);
  --typo-headline-xs-line-height: var(--typo-headline-line-height, 1.3);
  --typo-headline-xs-letter-spacing: var(--typo-headline-letter-spacing, 0);
  --typo-headline-xxs-font-family: var(--typo-headline-font-family, inherit);
  --typo-headline-xxs-font-size: 1.0625rem;
  --typo-headline-xxs-font-weight: var(--typo-headline-font-weight, 600);
  --typo-headline-xxs-font-style: var(--typo-headline-font-style, normal);
  --typo-headline-xxs-line-height: var(--typo-headline-line-height, 1.3);
  --typo-headline-xxs-letter-spacing: var(--typo-headline-letter-spacing, 0);
  --typo-subtitle-font-weight: 600;
  --typo-body-xl-font-size: 1.15rem;
  --typo-body-lg-font-size: 1.125rem;
  --typo-body-md-font-size: 1rem;
  --typo-body-sm-font-size: 0.9375rem;
  --typo-body-xs-font-size: 0.875rem;
  --typo-body-xxs-font-size: 0.8125rem;
  --typo-body-xxxs-font-size: 0.75rem;
  --typo-body-xl-short-line-height: 1.75rem;
  --typo-body-lg-short-line-height: 1.375rem;
  --typo-body-md-short-line-height: 1.25rem;
  --typo-body-sm-short-line-height: 1.25rem;
  --typo-body-xs-short-line-height: 1.125rem;
  --typo-body-xxs-short-line-height: 1rem;
  --typo-body-xxxs-short-line-height: 1rem;
  --typo-body-lg-line-height: 1.875rem;
  --typo-body-lg-line-height: 1.75rem;
  --typo-body-md-line-height: 1.5rem;
  --typo-body-sm-line-height: 1.375rem;
  --typo-body-xs-line-height: 1.25rem;
  --typo-body-xxs-line-height: 1.125rem;
  --typo-body-xxxs-line-height: 1.125rem;
}
@media (min-width: 768px) {
  :root {
    --typo-headline-xl-font-size: 2rem;
    --typo-headline-md-font-size: 1.375rem;
    --typo-body-xl-font-size: 1.25rem;
  }
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

p {
  margin-bottom: 1rem;
}

h1, .typo-headline-xl {
  font-size: var(--typo-headline-xl-font-size, 1.75rem);
  font-family: var(--typo-headline-xl-font-family, inherit);
  font-weight: var(--typo-headline-xl-font-weight, 600);
  font-style: var(--typo-headline-xl-font-style, normal);
  line-height: var(--typo-headline-xl-line-height, 1.2);
  letter-spacing: var(--typo-headline-xl-letter-spacing, 0);
  color: var(--color-text-primary);
}

h2, .typo-headline-lg {
  font-size: var(--typo-headline-lg-font-size, 1.5rem);
  font-family: var(--typo-headline-lg-font-family, inherit);
  font-weight: var(--typo-headline-lg-font-weight, 600);
  font-style: var(--typo-headline-lg-font-style, normal);
  line-height: var(--typo-headline-lg-line-height, 1.2);
  letter-spacing: var(--typo-headline-lg-letter-spacing, 0);
  color: var(--color-text-primary);
}

h3, .typo-headline-md {
  font-size: var(--typo-headline-md-font-size, 1.25rem);
  font-family: var(--typo-headline-md-font-family, inherit);
  font-weight: var(--typo-headline-md-font-weight, 600);
  font-style: var(--typo-headline-md-font-style, normal);
  line-height: var(--typo-headline-md-line-height, 1.2);
  letter-spacing: var(--typo-headline-md-letter-spacing, 0);
  color: var(--color-text-primary);
}

h4, .typo-headline-sm {
  font-size: var(--typo-headline-sm-font-size, 1.1875rem);
  font-family: var(--typo-headline-sm-font-family, inherit);
  font-weight: var(--typo-headline-sm-font-weight, 600);
  font-style: var(--typo-headline-sm-font-style, normal);
  line-height: var(--typo-headline-sm-line-height, 1.2);
  letter-spacing: var(--typo-headline-sm-letter-spacing, 0);
  color: var(--color-text-primary);
}

h5, .typo-headline-xs {
  font-size: var(--typo-headline-xs-font-size, 1.125rem);
  font-family: var(--typo-headline-xs-font-family, inherit);
  font-weight: var(--typo-headline-xs-font-weight, 600);
  font-style: var(--typo-headline-xs-font-style, normal);
  line-height: var(--typo-headline-xs-line-height, 1.2);
  letter-spacing: var(--typo-headline-xs-letter-spacing, 0);
  color: var(--color-text-primary);
}

h6, .typo-headline-xxs {
  font-size: var(--typo-headline-xxs-font-size, 1rem);
  font-family: var(--typo-headline-xxs-font-family, inherit);
  font-weight: var(--typo-headline-xxs-font-weight, 600);
  font-style: var(--typo-headline-xxs-font-style, normal);
  line-height: var(--typo-headline-xxs-line-height, 1.2);
  letter-spacing: var(--typo-headline-xxs-letter-spacing, 0);
  color: var(--color-text-primary);
}

:root {
  --space-05: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 56px;
  --space-10: 64px;
  --space-11: 72px;
  --space-12: 80px;
  --shadow-popup: 0px 0px 20px rgba(0,0,0,.2);
  --z-index-popup: 100;
  --z-index-fixed-panel: 200;
  --z-index-modal: 1000;
  --z-index-tooltip: 1100;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 10px;
  --container-max-width: 1480px;
  --container-padding: var(--space-5);
  --content-max-width: 1024px;
  --link-color: var(--color-text-brand);
  --link-color-hover: var(--color-brand-dark);
  --link-transition: color 0.1s ease-in;
  --image-grayscale-percentage: 0%;
}
@media (min-width: 768px) {
  :root {
    --container-padding: var(--space-6);
  }
}

[data-theme=dark] {
  --image-grayscale-percentage: 20%;
  --link-color: var(--color-text-primary);
  --link-color-hover: rgba(255,255,255,0.70);
}

.modalus-opened {
  position: fixed;
  right: 0;
  left: 0;
  overflow: hidden;
}

.fancybox__container {
  --fancybox-accent-color: var(--color-brand);
  --fancybox-thumbs-width: 60px;
  --fancybox-thumbs-ratio: 1;
  --fancybox-thumbs-border-radius: var(--border-radius-sm);
  --fancybox-bg: var(--color-bg-default);
  --fancybox-color: var(--color-text-default);
  --fancybox-toolbar-text-shadow: none;
  --carousel-button-color: var(--color-text-ghost);
  --carousel-button-svg-filter: none ;
  --fancybox-content-color: var(--color-text-default) ;
}

.fancybox__toolbar {
  background: transparent;
}

.fancybox__slide {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.fancybox__slide.has-inline .fancybox__content,
.fancybox__slide.has-clone .fancybox__content {
  flex-shrink: 0;
  flex-grow: 0;
}

[data-priority-menu][aria-hidden=true] {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  z-index: -10;
}

.mega-menu {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--color-bg-primary);
  scroll-behavior: smooth;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.mega-menu [data-mega-container] {
  overflow: hidden;
}

.mega-menu [data-mega-back-btn][aria-hidden=true] {
  display: none;
}

.mega-menu [data-mega-list] {
  transition: transform 0.2s ease-in-out 0s;
}

.mega-menu [data-mega-list] [data-mega-list] {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 1;
  list-style-type: none;
  background-color: inherit;
}

.mega-menu .is-active > [data-mega-list], .mega-menu .is-animation > [data-mega-list] {
  display: block;
}

.mega-menu [data-mega-list].is-active {
  transform: translate3d(-100%, 0, 0);
}

.swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translateZ(0);
}

.slider-button-prev,
.slider-button-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: var(--color-bg-primary);
  font-size: 14px;
  color: var(--color-text-primary);
  border-radius: var(--border-radius-md);
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  border: 1px solid var(--color-border-line);
}
.slider-button-prev--middle,
.slider-button-next--middle {
  width: 48px;
  height: 48px;
}
.slider-button-prev.swiper-button-disabled,
.slider-button-next.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.slider-button-prev:hover, .slider-button-prev:focus,
.slider-button-next:hover,
.slider-button-next:focus {
  background-color: var(--color-bg-brand);
  color: var(--color-brand-contrast);
  border-color: transparent;
}
.slider-button-prev::after,
.slider-button-next::after {
  content: "";
}

.slider-button-next .c-svg-icon {
  left: auto;
  right: -2px;
  transform: rotate(-180deg);
  transform-origin: center;
}

.swiper-pagination-bullet {
  background-color: var(--color-text-primary);
}

.swiper-pagination-bullet-active {
  background-color: var(--color-bg-brand);
}

.growl-notification {
  max-width: 420px;
  width: 80%;
  background-color: var(--color-bg-primary);
  border-radius: var(--border-radius-md);
}

.growl-notification__title {
  color: var(--color-text-primary);
  font-size: var(--typo-body-md-font-size);
  line-height: var(--typo-body-md-short-line-height);
  font-weight: 600;
  margin-top: -2px;
}

.growl-notification__desc {
  color: var(--color-text-primary);
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-short-line-height);
}

.growl-notification__title + .growl-notification__desc {
  color: var(--color-text-secondary);
  margin-top: var(--space-2);
}

.growl-notification:before {
  border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
  width: 6px;
}

.growl-notification--success:before {
  background: var(--color-success);
}

.growl-notification__close-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='black'/%3E%3C/svg%3E%0A");
}

[data-theme=dark] .growl-notification__close-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='white'/%3E%3C/svg%3E%0A");
}

:root {
  --theme-font-size: 16px;
  --theme-font-family: "Inter", sans-serif;
  --theme-line-height: 1.5;
  color-scheme: light dark;
}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  position: relative;
  font-family: sans-serif;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  background-color: var(--color-bg-default, #ffffff);
  accent-color: var(--color-brand);
}

body {
  margin: 0;
  width: 100%;
  font-size: var(--theme-font-size);
  font-family: var(--theme-font-family);
  line-height: var(--theme-line-height);
  color: var(--color-text-default, #080808);
  background-color: var(--color-bg-default, #ffffff);
  overflow-x: clip;
}

[data-theme=dark] {
  color-scheme: dark;
}

.bx-core-adm-dialog {
  color-scheme: light;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
  margin-bottom: 1.5rem;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

p, ul, table {
  margin-top: 0;
}

ul {
  margin-bottom: 1.5rem;
}

ul:not([class]) li:not(:last-child) {
  margin-bottom: var(--space-2);
}

img {
  vertical-align: middle;
}

input, button, textarea {
  font-family: inherit;
  font-size: inherit;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor: pointer;
}

a {
  color: var(--link-color);
  transition: var(--link-transition);
  text-decoration: none;
}

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

a:not([class]) {
  text-decoration: underline;
}

p:last-child, ul:last-child, table:last-child {
  margin-bottom: 0;
}

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 1px solid var(--color-border-line);
}

.page {
  overflow-x: clip;
}

.page__inner {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.page__main {
  flex-shrink: 0;
  flex-grow: 1;
  padding-bottom: var(--space-10);
}

.page__footer {
  flex-shrink: 0;
  flex-grow: 0;
}

.page-content-wrapper {
  display: flex;
  flex-direction: row;
}

.page-content {
  flex: 1 1 100%;
  max-width: 100%;
  width: calc(100% - 320px);
}

.page-aside {
  position: relative;
  display: none;
  flex: 0 0 320px;
  width: 320px;
  padding-right: var(--space-8);
  order: -1;
  z-index: 2;
}
@media (min-width: 992px) {
  .page-aside {
    display: block;
  }
}

.page-aside-inner {
  position: sticky;
  top: 48px;
  width: 100%;
}

.page-aside .aside-menu:not(:last-child),
.page-aside .search-tags-cloud:not(:last-child),
.page-aside__block:not(:last-child) {
  margin-bottom: var(--space-5);
}

.container {
  display: block;
  width: 100%;
  max-width: var(--container-max-width, 1480px);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  margin: auto;
}

.cluster {
  --gutter-x: var(--space-5);
  --gutter-y: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: calc(var(--gutter-x) * -0.5);
  margin-right: calc(var(--gutter-x) * -0.5);
  margin-top: calc(var(--gutter-y) * -0.5);
  margin-bottom: calc(var(--gutter-y) * -0.5);
}

.cluster > .cluster__item {
  padding-left: calc(var(--gutter-x) * 0.5);
  padding-right: calc(var(--gutter-x) * 0.5);
  padding-top: calc(var(--gutter-y) * 0.5);
  padding-bottom: calc(var(--gutter-y) * 0.5);
  max-width: 100%;
}

.inline-svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}
.inline-svg svg {
  display: block;
}

.link-primary {
  text-decoration: none;
  color: var(--color-text-primary);
  transition: var(--link-transition);
}
.link-primary:hover, .link-primary:focus {
  text-decoration: none;
  color: var(--link-color-hover);
}

.link-secondary {
  text-decoration: none;
  color: var(--color-text-secondary);
  transition: var(--link-transition);
}
.link-secondary:hover, .link-secondary:focus {
  text-decoration: none;
  color: var(--link-color-hover);
}

.link-tertiary {
  text-decoration: none;
  color: var(--color-text-tertiary);
  transition: var(--link-transition);
}
.link-tertiary:hover, .link-tertiary:focus {
  text-decoration: none;
  color: var(--link-color-hover);
}

.grid-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px;
}
@media (min-width: 992px) {
  .grid-list {
    grid-gap: 32px;
  }
}

.grid-list--1 {
  grid-template-columns: 1fr;
}

@media (min-width: 576px) {
  .grid-list--2 {
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
  }
}

@media (min-width: 576px) {
  .grid-list--3 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}

@media (min-width: 576px) {
  .grid-list--4 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}

@media (min-width: 576px) {
  .grid-list--5 {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}

.grid-list--gap-xs {
  grid-gap: 16px;
}

.grid-list--gap-sm {
  grid-gap: 24px;
}

.grid-list--gap-xl {
  grid-gap: 48px;
}

.grid-list--no-gap {
  grid-gap: 0;
}

.grid-list--no-gap > .grid-list__item > * {
  border-radius: 0;
}

.grid-list--no-gap.grid-list--1 > .grid-list__item:first-child > .card {
  border-top-left-radius: var(--card-border-radius);
  border-top-right-radius: var(--card-border-radius);
}

.grid-list--no-gap.grid-list--1 > .grid-list__item:last-child > .card {
  border-bottom-left-radius: var(--card-border-radius);
  border-bottom-right-radius: var(--card-border-radius);
}

@media (max-width: 767.98px) {
  .grid-list--compact {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  .grid-list--compact {
    grid-gap: 0;
  }
}

@media (max-width: 575.98px) {
  .grid-list--compact.grid-list--bordered .grid-list__item {
    margin-left: -1px;
    margin-bottom: -1px;
  }
  .grid-list--compact > .grid-list__item > * {
    border-radius: 0;
  }
}
.grid-list--no-gap.grid-list--bordered > .grid-list__item {
  margin-left: -1px;
  margin-bottom: -1px;
}

.grid-list--no-gap.grid-list--bordered > .grid-list__item > .card--hovered:not(:hover) {
  background-color: transparent;
}

.grid-list > .grid-list__item {
  min-width: 0;
}

.grid-list > .grid-list__item > * {
  height: 100%;
}

@media (max-width: 767.98px) {
  .grid-list--mobile-scrolled {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 16px !important;
    margin-bottom: -16px !important;
    padding-top: 16px !important;
    margin-top: -16px !important;
    grid-gap: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-scroll-snap-type: mandatory;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
  }
  .grid-list--mobile-scrolled-offset {
    margin-left: calc(-1 * var(--container-padding));
    margin-right: calc(-1 * var(--container-padding));
    padding-left: var(--container-padding);
    scroll-padding-left: var(--container-padding);
    scroll-padding-right: var(--container-padding);
  }
  .grid-list--mobile-scrolled:not(.grid-list--no-gap) > .grid-list__item {
    padding: 0 var(--container-padding) 0 0;
  }
  .grid-list--mobile-scrolled > .grid-list__item {
    box-sizing: content-box;
    width: 280px;
    flex-shrink: 0;
    -webkit-scroll-snap-align: center;
    -webkit-scroll-snap-coordinate: 0% 0%;
    scroll-snap-coordinate: 0% 0%;
    scroll-snap-align: start;
  }
  .grid-list--mobile-scrolled-2 > .grid-list__item {
    width: 200px;
  }
}
.stretched-image {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

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

.label {
  display: inline-block;
  border: 1px solid var(--color-border-line);
  font-size: var(--typo-body-xxs-font-size);
  line-height: var(--typo-body-xxs-short-line-height);
  padding: var(--space-1) var(--space-2);
  color: var(--color-text-primary);
  background-color: var(--color-surface-1);
  border-radius: var(--border-radius-sm);
}

.label--sale {
  background-color: var(--color-sale);
  color: #000;
  border-color: rgba(0, 0, 0, 0.1);
  font-weight: 600;
}

.search-tags-cloud {
  margin-bottom: var(--space-5);
}

.tag {
  display: block;
  border: 1px solid var(--color-border-line);
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-short-line-height);
  padding: var(--space-2) var(--space-3);
  color: var(--color-text-primary);
  background-color: var(--color-surface-1);
  border-radius: var(--border-radius-sm);
  transition: color 0.1s ease-in, border-color 0.1s ease-in, background-color 0.1s ease-in;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag:hover, .tag:focus {
  background-color: var(--color-surface-2);
  border-color: transparent;
  color: var(--color-text-primary);
}

.section-subsection {
  margin-bottom: var(--space-6);
}

.section-text-before {
  margin-bottom: var(--space-6);
  color: var(--color-text-secondary);
}

.section-text-after {
  margin-top: var(--space-7);
  color: var(--color-text-secondary);
}

.header-menu {
  opacity: 0;
}

.init .header-menu {
  opacity: 1;
}

.page-pagination.page-pagination--top .pagination {
  margin-bottom: var(--space-6);
}

.page-pagination.page-pagination--bottom .pagination {
  margin-top: var(--space-6);
}

.is-home-page .page__main {
  padding-bottom: 0;
}

.row {
  --gutter-x: 24px;
  --gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--gutter-x) * 0.5);
  padding-left: calc(var(--gutter-x) * 0.5);
  margin-top: var(--gutter-y);
}

.grid {
  display: grid;
  grid-template-rows: repeat(var(--rows, 1), 1fr);
  grid-template-columns: repeat(var(--columns, 12), 1fr);
  gap: var(--gap, 24px);
}
.grid .g-col-1 {
  grid-column: auto/span 1;
}
.grid .g-col-2 {
  grid-column: auto/span 2;
}
.grid .g-col-3 {
  grid-column: auto/span 3;
}
.grid .g-col-4 {
  grid-column: auto/span 4;
}
.grid .g-col-5 {
  grid-column: auto/span 5;
}
.grid .g-col-6 {
  grid-column: auto/span 6;
}
.grid .g-col-7 {
  grid-column: auto/span 7;
}
.grid .g-col-8 {
  grid-column: auto/span 8;
}
.grid .g-col-9 {
  grid-column: auto/span 9;
}
.grid .g-col-10 {
  grid-column: auto/span 10;
}
.grid .g-col-11 {
  grid-column: auto/span 11;
}
.grid .g-col-12 {
  grid-column: auto/span 12;
}
.grid .g-start-1 {
  grid-column-start: 1;
}
.grid .g-start-2 {
  grid-column-start: 2;
}
.grid .g-start-3 {
  grid-column-start: 3;
}
.grid .g-start-4 {
  grid-column-start: 4;
}
.grid .g-start-5 {
  grid-column-start: 5;
}
.grid .g-start-6 {
  grid-column-start: 6;
}
.grid .g-start-7 {
  grid-column-start: 7;
}
.grid .g-start-8 {
  grid-column-start: 8;
}
.grid .g-start-9 {
  grid-column-start: 9;
}
.grid .g-start-10 {
  grid-column-start: 10;
}
.grid .g-start-11 {
  grid-column-start: 11;
}
@media (min-width: 576px) {
  .grid .g-col-sm-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-sm-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-sm-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-sm-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-sm-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-sm-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-sm-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-sm-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-sm-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-sm-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-sm-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-sm-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-sm-1 {
    grid-column-start: 1;
  }
  .grid .g-start-sm-2 {
    grid-column-start: 2;
  }
  .grid .g-start-sm-3 {
    grid-column-start: 3;
  }
  .grid .g-start-sm-4 {
    grid-column-start: 4;
  }
  .grid .g-start-sm-5 {
    grid-column-start: 5;
  }
  .grid .g-start-sm-6 {
    grid-column-start: 6;
  }
  .grid .g-start-sm-7 {
    grid-column-start: 7;
  }
  .grid .g-start-sm-8 {
    grid-column-start: 8;
  }
  .grid .g-start-sm-9 {
    grid-column-start: 9;
  }
  .grid .g-start-sm-10 {
    grid-column-start: 10;
  }
  .grid .g-start-sm-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 768px) {
  .grid .g-col-md-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-md-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-md-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-md-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-md-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-md-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-md-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-md-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-md-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-md-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-md-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-md-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-md-1 {
    grid-column-start: 1;
  }
  .grid .g-start-md-2 {
    grid-column-start: 2;
  }
  .grid .g-start-md-3 {
    grid-column-start: 3;
  }
  .grid .g-start-md-4 {
    grid-column-start: 4;
  }
  .grid .g-start-md-5 {
    grid-column-start: 5;
  }
  .grid .g-start-md-6 {
    grid-column-start: 6;
  }
  .grid .g-start-md-7 {
    grid-column-start: 7;
  }
  .grid .g-start-md-8 {
    grid-column-start: 8;
  }
  .grid .g-start-md-9 {
    grid-column-start: 9;
  }
  .grid .g-start-md-10 {
    grid-column-start: 10;
  }
  .grid .g-start-md-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 992px) {
  .grid .g-col-lg-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-lg-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-lg-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-lg-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-lg-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-lg-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-lg-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-lg-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-lg-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-lg-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-lg-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-lg-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-lg-1 {
    grid-column-start: 1;
  }
  .grid .g-start-lg-2 {
    grid-column-start: 2;
  }
  .grid .g-start-lg-3 {
    grid-column-start: 3;
  }
  .grid .g-start-lg-4 {
    grid-column-start: 4;
  }
  .grid .g-start-lg-5 {
    grid-column-start: 5;
  }
  .grid .g-start-lg-6 {
    grid-column-start: 6;
  }
  .grid .g-start-lg-7 {
    grid-column-start: 7;
  }
  .grid .g-start-lg-8 {
    grid-column-start: 8;
  }
  .grid .g-start-lg-9 {
    grid-column-start: 9;
  }
  .grid .g-start-lg-10 {
    grid-column-start: 10;
  }
  .grid .g-start-lg-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1200px) {
  .grid .g-col-xl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xl-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1400px) {
  .grid .g-col-xxl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xxl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xxl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xxl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xxl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xxl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xxl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xxl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xxl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xxl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xxl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xxl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xxl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xxl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xxl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xxl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xxl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xxl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xxl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xxl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xxl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xxl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xxl-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1500px) {
  .grid .g-col-xxxl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xxxl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xxxl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xxxl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xxxl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xxxl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xxxl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xxxl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xxxl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xxxl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xxxl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xxxl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xxxl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xxxl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xxxl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xxxl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xxxl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xxxl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xxxl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xxxl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xxxl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xxxl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xxxl-11 {
    grid-column-start: 11;
  }
}

.col {
  flex: 1 0 0%;
}

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

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

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

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

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

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

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

.col-1\/5 {
  flex: 0 0 auto;
  width: 20%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g-05,
.gx-05 {
  --gutter-x: var(--space-05);
}

.g-05,
.gy-05 {
  --gutter-y: var(--space-05);
}

.g-1,
.gx-1 {
  --gutter-x: var(--space-1);
}

.g-1,
.gy-1 {
  --gutter-y: var(--space-1);
}

.g-2,
.gx-2 {
  --gutter-x: var(--space-2);
}

.g-2,
.gy-2 {
  --gutter-y: var(--space-2);
}

.g-3,
.gx-3 {
  --gutter-x: var(--space-3);
}

.g-3,
.gy-3 {
  --gutter-y: var(--space-3);
}

.g-4,
.gx-4 {
  --gutter-x: var(--space-4);
}

.g-4,
.gy-4 {
  --gutter-y: var(--space-4);
}

.g-5,
.gx-5 {
  --gutter-x: var(--space-5);
}

.g-5,
.gy-5 {
  --gutter-y: var(--space-5);
}

.g-6,
.gx-6 {
  --gutter-x: var(--space-6);
}

.g-6,
.gy-6 {
  --gutter-y: var(--space-6);
}

.g-7,
.gx-7 {
  --gutter-x: var(--space-7);
}

.g-7,
.gy-7 {
  --gutter-y: var(--space-7);
}

.g-8,
.gx-8 {
  --gutter-x: var(--space-8);
}

.g-8,
.gy-8 {
  --gutter-y: var(--space-8);
}

.g-9,
.gx-9 {
  --gutter-x: var(--space-9);
}

.g-9,
.gy-9 {
  --gutter-y: var(--space-9);
}

.g-10,
.gx-10 {
  --gutter-x: var(--space-10);
}

.g-10,
.gy-10 {
  --gutter-y: var(--space-10);
}

.g-11,
.gx-11 {
  --gutter-x: var(--space-11);
}

.g-11,
.gy-11 {
  --gutter-y: var(--space-11);
}

.g-12,
.gx-12 {
  --gutter-x: var(--space-12);
}

.g-12,
.gy-12 {
  --gutter-y: var(--space-12);
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-1\/5 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
.gx-sm-0 {
    --gutter-x: 0;
  }
  .g-sm-0,
.gy-sm-0 {
    --gutter-y: 0;
  }
  .g-sm-05,
.gx-sm-05 {
    --gutter-x: var(--space-05);
  }
  .g-sm-05,
.gy-sm-05 {
    --gutter-y: var(--space-05);
  }
  .g-sm-1,
.gx-sm-1 {
    --gutter-x: var(--space-1);
  }
  .g-sm-1,
.gy-sm-1 {
    --gutter-y: var(--space-1);
  }
  .g-sm-2,
.gx-sm-2 {
    --gutter-x: var(--space-2);
  }
  .g-sm-2,
.gy-sm-2 {
    --gutter-y: var(--space-2);
  }
  .g-sm-3,
.gx-sm-3 {
    --gutter-x: var(--space-3);
  }
  .g-sm-3,
.gy-sm-3 {
    --gutter-y: var(--space-3);
  }
  .g-sm-4,
.gx-sm-4 {
    --gutter-x: var(--space-4);
  }
  .g-sm-4,
.gy-sm-4 {
    --gutter-y: var(--space-4);
  }
  .g-sm-5,
.gx-sm-5 {
    --gutter-x: var(--space-5);
  }
  .g-sm-5,
.gy-sm-5 {
    --gutter-y: var(--space-5);
  }
  .g-sm-6,
.gx-sm-6 {
    --gutter-x: var(--space-6);
  }
  .g-sm-6,
.gy-sm-6 {
    --gutter-y: var(--space-6);
  }
  .g-sm-7,
.gx-sm-7 {
    --gutter-x: var(--space-7);
  }
  .g-sm-7,
.gy-sm-7 {
    --gutter-y: var(--space-7);
  }
  .g-sm-8,
.gx-sm-8 {
    --gutter-x: var(--space-8);
  }
  .g-sm-8,
.gy-sm-8 {
    --gutter-y: var(--space-8);
  }
  .g-sm-9,
.gx-sm-9 {
    --gutter-x: var(--space-9);
  }
  .g-sm-9,
.gy-sm-9 {
    --gutter-y: var(--space-9);
  }
  .g-sm-10,
.gx-sm-10 {
    --gutter-x: var(--space-10);
  }
  .g-sm-10,
.gy-sm-10 {
    --gutter-y: var(--space-10);
  }
  .g-sm-11,
.gx-sm-11 {
    --gutter-x: var(--space-11);
  }
  .g-sm-11,
.gy-sm-11 {
    --gutter-y: var(--space-11);
  }
  .g-sm-12,
.gx-sm-12 {
    --gutter-x: var(--space-12);
  }
  .g-sm-12,
.gy-sm-12 {
    --gutter-y: var(--space-12);
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-1\/5 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
.gx-md-0 {
    --gutter-x: 0;
  }
  .g-md-0,
.gy-md-0 {
    --gutter-y: 0;
  }
  .g-md-05,
.gx-md-05 {
    --gutter-x: var(--space-05);
  }
  .g-md-05,
.gy-md-05 {
    --gutter-y: var(--space-05);
  }
  .g-md-1,
.gx-md-1 {
    --gutter-x: var(--space-1);
  }
  .g-md-1,
.gy-md-1 {
    --gutter-y: var(--space-1);
  }
  .g-md-2,
.gx-md-2 {
    --gutter-x: var(--space-2);
  }
  .g-md-2,
.gy-md-2 {
    --gutter-y: var(--space-2);
  }
  .g-md-3,
.gx-md-3 {
    --gutter-x: var(--space-3);
  }
  .g-md-3,
.gy-md-3 {
    --gutter-y: var(--space-3);
  }
  .g-md-4,
.gx-md-4 {
    --gutter-x: var(--space-4);
  }
  .g-md-4,
.gy-md-4 {
    --gutter-y: var(--space-4);
  }
  .g-md-5,
.gx-md-5 {
    --gutter-x: var(--space-5);
  }
  .g-md-5,
.gy-md-5 {
    --gutter-y: var(--space-5);
  }
  .g-md-6,
.gx-md-6 {
    --gutter-x: var(--space-6);
  }
  .g-md-6,
.gy-md-6 {
    --gutter-y: var(--space-6);
  }
  .g-md-7,
.gx-md-7 {
    --gutter-x: var(--space-7);
  }
  .g-md-7,
.gy-md-7 {
    --gutter-y: var(--space-7);
  }
  .g-md-8,
.gx-md-8 {
    --gutter-x: var(--space-8);
  }
  .g-md-8,
.gy-md-8 {
    --gutter-y: var(--space-8);
  }
  .g-md-9,
.gx-md-9 {
    --gutter-x: var(--space-9);
  }
  .g-md-9,
.gy-md-9 {
    --gutter-y: var(--space-9);
  }
  .g-md-10,
.gx-md-10 {
    --gutter-x: var(--space-10);
  }
  .g-md-10,
.gy-md-10 {
    --gutter-y: var(--space-10);
  }
  .g-md-11,
.gx-md-11 {
    --gutter-x: var(--space-11);
  }
  .g-md-11,
.gy-md-11 {
    --gutter-y: var(--space-11);
  }
  .g-md-12,
.gx-md-12 {
    --gutter-x: var(--space-12);
  }
  .g-md-12,
.gy-md-12 {
    --gutter-y: var(--space-12);
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-1\/5 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
.gx-lg-0 {
    --gutter-x: 0;
  }
  .g-lg-0,
.gy-lg-0 {
    --gutter-y: 0;
  }
  .g-lg-05,
.gx-lg-05 {
    --gutter-x: var(--space-05);
  }
  .g-lg-05,
.gy-lg-05 {
    --gutter-y: var(--space-05);
  }
  .g-lg-1,
.gx-lg-1 {
    --gutter-x: var(--space-1);
  }
  .g-lg-1,
.gy-lg-1 {
    --gutter-y: var(--space-1);
  }
  .g-lg-2,
.gx-lg-2 {
    --gutter-x: var(--space-2);
  }
  .g-lg-2,
.gy-lg-2 {
    --gutter-y: var(--space-2);
  }
  .g-lg-3,
.gx-lg-3 {
    --gutter-x: var(--space-3);
  }
  .g-lg-3,
.gy-lg-3 {
    --gutter-y: var(--space-3);
  }
  .g-lg-4,
.gx-lg-4 {
    --gutter-x: var(--space-4);
  }
  .g-lg-4,
.gy-lg-4 {
    --gutter-y: var(--space-4);
  }
  .g-lg-5,
.gx-lg-5 {
    --gutter-x: var(--space-5);
  }
  .g-lg-5,
.gy-lg-5 {
    --gutter-y: var(--space-5);
  }
  .g-lg-6,
.gx-lg-6 {
    --gutter-x: var(--space-6);
  }
  .g-lg-6,
.gy-lg-6 {
    --gutter-y: var(--space-6);
  }
  .g-lg-7,
.gx-lg-7 {
    --gutter-x: var(--space-7);
  }
  .g-lg-7,
.gy-lg-7 {
    --gutter-y: var(--space-7);
  }
  .g-lg-8,
.gx-lg-8 {
    --gutter-x: var(--space-8);
  }
  .g-lg-8,
.gy-lg-8 {
    --gutter-y: var(--space-8);
  }
  .g-lg-9,
.gx-lg-9 {
    --gutter-x: var(--space-9);
  }
  .g-lg-9,
.gy-lg-9 {
    --gutter-y: var(--space-9);
  }
  .g-lg-10,
.gx-lg-10 {
    --gutter-x: var(--space-10);
  }
  .g-lg-10,
.gy-lg-10 {
    --gutter-y: var(--space-10);
  }
  .g-lg-11,
.gx-lg-11 {
    --gutter-x: var(--space-11);
  }
  .g-lg-11,
.gy-lg-11 {
    --gutter-y: var(--space-11);
  }
  .g-lg-12,
.gx-lg-12 {
    --gutter-x: var(--space-12);
  }
  .g-lg-12,
.gy-lg-12 {
    --gutter-y: var(--space-12);
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-1\/5 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
.gx-xl-0 {
    --gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --gutter-y: 0;
  }
  .g-xl-05,
.gx-xl-05 {
    --gutter-x: var(--space-05);
  }
  .g-xl-05,
.gy-xl-05 {
    --gutter-y: var(--space-05);
  }
  .g-xl-1,
.gx-xl-1 {
    --gutter-x: var(--space-1);
  }
  .g-xl-1,
.gy-xl-1 {
    --gutter-y: var(--space-1);
  }
  .g-xl-2,
.gx-xl-2 {
    --gutter-x: var(--space-2);
  }
  .g-xl-2,
.gy-xl-2 {
    --gutter-y: var(--space-2);
  }
  .g-xl-3,
.gx-xl-3 {
    --gutter-x: var(--space-3);
  }
  .g-xl-3,
.gy-xl-3 {
    --gutter-y: var(--space-3);
  }
  .g-xl-4,
.gx-xl-4 {
    --gutter-x: var(--space-4);
  }
  .g-xl-4,
.gy-xl-4 {
    --gutter-y: var(--space-4);
  }
  .g-xl-5,
.gx-xl-5 {
    --gutter-x: var(--space-5);
  }
  .g-xl-5,
.gy-xl-5 {
    --gutter-y: var(--space-5);
  }
  .g-xl-6,
.gx-xl-6 {
    --gutter-x: var(--space-6);
  }
  .g-xl-6,
.gy-xl-6 {
    --gutter-y: var(--space-6);
  }
  .g-xl-7,
.gx-xl-7 {
    --gutter-x: var(--space-7);
  }
  .g-xl-7,
.gy-xl-7 {
    --gutter-y: var(--space-7);
  }
  .g-xl-8,
.gx-xl-8 {
    --gutter-x: var(--space-8);
  }
  .g-xl-8,
.gy-xl-8 {
    --gutter-y: var(--space-8);
  }
  .g-xl-9,
.gx-xl-9 {
    --gutter-x: var(--space-9);
  }
  .g-xl-9,
.gy-xl-9 {
    --gutter-y: var(--space-9);
  }
  .g-xl-10,
.gx-xl-10 {
    --gutter-x: var(--space-10);
  }
  .g-xl-10,
.gy-xl-10 {
    --gutter-y: var(--space-10);
  }
  .g-xl-11,
.gx-xl-11 {
    --gutter-x: var(--space-11);
  }
  .g-xl-11,
.gy-xl-11 {
    --gutter-y: var(--space-11);
  }
  .g-xl-12,
.gx-xl-12 {
    --gutter-x: var(--space-12);
  }
  .g-xl-12,
.gy-xl-12 {
    --gutter-y: var(--space-12);
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-1\/5 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --gutter-y: 0;
  }
  .g-xxl-05,
.gx-xxl-05 {
    --gutter-x: var(--space-05);
  }
  .g-xxl-05,
.gy-xxl-05 {
    --gutter-y: var(--space-05);
  }
  .g-xxl-1,
.gx-xxl-1 {
    --gutter-x: var(--space-1);
  }
  .g-xxl-1,
.gy-xxl-1 {
    --gutter-y: var(--space-1);
  }
  .g-xxl-2,
.gx-xxl-2 {
    --gutter-x: var(--space-2);
  }
  .g-xxl-2,
.gy-xxl-2 {
    --gutter-y: var(--space-2);
  }
  .g-xxl-3,
.gx-xxl-3 {
    --gutter-x: var(--space-3);
  }
  .g-xxl-3,
.gy-xxl-3 {
    --gutter-y: var(--space-3);
  }
  .g-xxl-4,
.gx-xxl-4 {
    --gutter-x: var(--space-4);
  }
  .g-xxl-4,
.gy-xxl-4 {
    --gutter-y: var(--space-4);
  }
  .g-xxl-5,
.gx-xxl-5 {
    --gutter-x: var(--space-5);
  }
  .g-xxl-5,
.gy-xxl-5 {
    --gutter-y: var(--space-5);
  }
  .g-xxl-6,
.gx-xxl-6 {
    --gutter-x: var(--space-6);
  }
  .g-xxl-6,
.gy-xxl-6 {
    --gutter-y: var(--space-6);
  }
  .g-xxl-7,
.gx-xxl-7 {
    --gutter-x: var(--space-7);
  }
  .g-xxl-7,
.gy-xxl-7 {
    --gutter-y: var(--space-7);
  }
  .g-xxl-8,
.gx-xxl-8 {
    --gutter-x: var(--space-8);
  }
  .g-xxl-8,
.gy-xxl-8 {
    --gutter-y: var(--space-8);
  }
  .g-xxl-9,
.gx-xxl-9 {
    --gutter-x: var(--space-9);
  }
  .g-xxl-9,
.gy-xxl-9 {
    --gutter-y: var(--space-9);
  }
  .g-xxl-10,
.gx-xxl-10 {
    --gutter-x: var(--space-10);
  }
  .g-xxl-10,
.gy-xxl-10 {
    --gutter-y: var(--space-10);
  }
  .g-xxl-11,
.gx-xxl-11 {
    --gutter-x: var(--space-11);
  }
  .g-xxl-11,
.gy-xxl-11 {
    --gutter-y: var(--space-11);
  }
  .g-xxl-12,
.gx-xxl-12 {
    --gutter-x: var(--space-12);
  }
  .g-xxl-12,
.gy-xxl-12 {
    --gutter-y: var(--space-12);
  }
}
@media (min-width: 1500px) {
  .col-xxxl {
    flex: 1 0 0%;
  }
  .row-cols-xxxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxxl-1\/5 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxxl-0 {
    margin-left: 0;
  }
  .offset-xxxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxxl-3 {
    margin-left: 25%;
  }
  .offset-xxxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxxl-6 {
    margin-left: 50%;
  }
  .offset-xxxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxxl-9 {
    margin-left: 75%;
  }
  .offset-xxxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxxl-0,
.gx-xxxl-0 {
    --gutter-x: 0;
  }
  .g-xxxl-0,
.gy-xxxl-0 {
    --gutter-y: 0;
  }
  .g-xxxl-05,
.gx-xxxl-05 {
    --gutter-x: var(--space-05);
  }
  .g-xxxl-05,
.gy-xxxl-05 {
    --gutter-y: var(--space-05);
  }
  .g-xxxl-1,
.gx-xxxl-1 {
    --gutter-x: var(--space-1);
  }
  .g-xxxl-1,
.gy-xxxl-1 {
    --gutter-y: var(--space-1);
  }
  .g-xxxl-2,
.gx-xxxl-2 {
    --gutter-x: var(--space-2);
  }
  .g-xxxl-2,
.gy-xxxl-2 {
    --gutter-y: var(--space-2);
  }
  .g-xxxl-3,
.gx-xxxl-3 {
    --gutter-x: var(--space-3);
  }
  .g-xxxl-3,
.gy-xxxl-3 {
    --gutter-y: var(--space-3);
  }
  .g-xxxl-4,
.gx-xxxl-4 {
    --gutter-x: var(--space-4);
  }
  .g-xxxl-4,
.gy-xxxl-4 {
    --gutter-y: var(--space-4);
  }
  .g-xxxl-5,
.gx-xxxl-5 {
    --gutter-x: var(--space-5);
  }
  .g-xxxl-5,
.gy-xxxl-5 {
    --gutter-y: var(--space-5);
  }
  .g-xxxl-6,
.gx-xxxl-6 {
    --gutter-x: var(--space-6);
  }
  .g-xxxl-6,
.gy-xxxl-6 {
    --gutter-y: var(--space-6);
  }
  .g-xxxl-7,
.gx-xxxl-7 {
    --gutter-x: var(--space-7);
  }
  .g-xxxl-7,
.gy-xxxl-7 {
    --gutter-y: var(--space-7);
  }
  .g-xxxl-8,
.gx-xxxl-8 {
    --gutter-x: var(--space-8);
  }
  .g-xxxl-8,
.gy-xxxl-8 {
    --gutter-y: var(--space-8);
  }
  .g-xxxl-9,
.gx-xxxl-9 {
    --gutter-x: var(--space-9);
  }
  .g-xxxl-9,
.gy-xxxl-9 {
    --gutter-y: var(--space-9);
  }
  .g-xxxl-10,
.gx-xxxl-10 {
    --gutter-x: var(--space-10);
  }
  .g-xxxl-10,
.gy-xxxl-10 {
    --gutter-y: var(--space-10);
  }
  .g-xxxl-11,
.gx-xxxl-11 {
    --gutter-x: var(--space-11);
  }
  .g-xxxl-11,
.gy-xxxl-11 {
    --gutter-y: var(--space-11);
  }
  .g-xxxl-12,
.gx-xxxl-12 {
    --gutter-x: var(--space-12);
  }
  .g-xxxl-12,
.gy-xxxl-12 {
    --gutter-y: var(--space-12);
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

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

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

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

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

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-05 {
  margin: var(--space-05) !important;
}

.m-1 {
  margin: var(--space-1) !important;
}

.m-2 {
  margin: var(--space-2) !important;
}

.m-3 {
  margin: var(--space-3) !important;
}

.m-4 {
  margin: var(--space-4) !important;
}

.m-5 {
  margin: var(--space-5) !important;
}

.m-6 {
  margin: var(--space-6) !important;
}

.m-7 {
  margin: var(--space-7) !important;
}

.m-8 {
  margin: var(--space-8) !important;
}

.m-9 {
  margin: var(--space-9) !important;
}

.m-10 {
  margin: var(--space-10) !important;
}

.m-11 {
  margin: var(--space-11) !important;
}

.m-12 {
  margin: var(--space-12) !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-05 {
  margin-right: var(--space-05) !important;
  margin-left: var(--space-05) !important;
}

.mx-1 {
  margin-right: var(--space-1) !important;
  margin-left: var(--space-1) !important;
}

.mx-2 {
  margin-right: var(--space-2) !important;
  margin-left: var(--space-2) !important;
}

.mx-3 {
  margin-right: var(--space-3) !important;
  margin-left: var(--space-3) !important;
}

.mx-4 {
  margin-right: var(--space-4) !important;
  margin-left: var(--space-4) !important;
}

.mx-5 {
  margin-right: var(--space-5) !important;
  margin-left: var(--space-5) !important;
}

.mx-6 {
  margin-right: var(--space-6) !important;
  margin-left: var(--space-6) !important;
}

.mx-7 {
  margin-right: var(--space-7) !important;
  margin-left: var(--space-7) !important;
}

.mx-8 {
  margin-right: var(--space-8) !important;
  margin-left: var(--space-8) !important;
}

.mx-9 {
  margin-right: var(--space-9) !important;
  margin-left: var(--space-9) !important;
}

.mx-10 {
  margin-right: var(--space-10) !important;
  margin-left: var(--space-10) !important;
}

.mx-11 {
  margin-right: var(--space-11) !important;
  margin-left: var(--space-11) !important;
}

.mx-12 {
  margin-right: var(--space-12) !important;
  margin-left: var(--space-12) !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-05 {
  margin-top: var(--space-05) !important;
  margin-bottom: var(--space-05) !important;
}

.my-1 {
  margin-top: var(--space-1) !important;
  margin-bottom: var(--space-1) !important;
}

.my-2 {
  margin-top: var(--space-2) !important;
  margin-bottom: var(--space-2) !important;
}

.my-3 {
  margin-top: var(--space-3) !important;
  margin-bottom: var(--space-3) !important;
}

.my-4 {
  margin-top: var(--space-4) !important;
  margin-bottom: var(--space-4) !important;
}

.my-5 {
  margin-top: var(--space-5) !important;
  margin-bottom: var(--space-5) !important;
}

.my-6 {
  margin-top: var(--space-6) !important;
  margin-bottom: var(--space-6) !important;
}

.my-7 {
  margin-top: var(--space-7) !important;
  margin-bottom: var(--space-7) !important;
}

.my-8 {
  margin-top: var(--space-8) !important;
  margin-bottom: var(--space-8) !important;
}

.my-9 {
  margin-top: var(--space-9) !important;
  margin-bottom: var(--space-9) !important;
}

.my-10 {
  margin-top: var(--space-10) !important;
  margin-bottom: var(--space-10) !important;
}

.my-11 {
  margin-top: var(--space-11) !important;
  margin-bottom: var(--space-11) !important;
}

.my-12 {
  margin-top: var(--space-12) !important;
  margin-bottom: var(--space-12) !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-05 {
  margin-top: var(--space-05) !important;
}

.mt-1 {
  margin-top: var(--space-1) !important;
}

.mt-2 {
  margin-top: var(--space-2) !important;
}

.mt-3 {
  margin-top: var(--space-3) !important;
}

.mt-4 {
  margin-top: var(--space-4) !important;
}

.mt-5 {
  margin-top: var(--space-5) !important;
}

.mt-6 {
  margin-top: var(--space-6) !important;
}

.mt-7 {
  margin-top: var(--space-7) !important;
}

.mt-8 {
  margin-top: var(--space-8) !important;
}

.mt-9 {
  margin-top: var(--space-9) !important;
}

.mt-10 {
  margin-top: var(--space-10) !important;
}

.mt-11 {
  margin-top: var(--space-11) !important;
}

.mt-12 {
  margin-top: var(--space-12) !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-05 {
  margin-right: var(--space-05) !important;
}

.me-1 {
  margin-right: var(--space-1) !important;
}

.me-2 {
  margin-right: var(--space-2) !important;
}

.me-3 {
  margin-right: var(--space-3) !important;
}

.me-4 {
  margin-right: var(--space-4) !important;
}

.me-5 {
  margin-right: var(--space-5) !important;
}

.me-6 {
  margin-right: var(--space-6) !important;
}

.me-7 {
  margin-right: var(--space-7) !important;
}

.me-8 {
  margin-right: var(--space-8) !important;
}

.me-9 {
  margin-right: var(--space-9) !important;
}

.me-10 {
  margin-right: var(--space-10) !important;
}

.me-11 {
  margin-right: var(--space-11) !important;
}

.me-12 {
  margin-right: var(--space-12) !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-05 {
  margin-bottom: var(--space-05) !important;
}

.mb-1 {
  margin-bottom: var(--space-1) !important;
}

.mb-2 {
  margin-bottom: var(--space-2) !important;
}

.mb-3 {
  margin-bottom: var(--space-3) !important;
}

.mb-4 {
  margin-bottom: var(--space-4) !important;
}

.mb-5 {
  margin-bottom: var(--space-5) !important;
}

.mb-6 {
  margin-bottom: var(--space-6) !important;
}

.mb-7 {
  margin-bottom: var(--space-7) !important;
}

.mb-8 {
  margin-bottom: var(--space-8) !important;
}

.mb-9 {
  margin-bottom: var(--space-9) !important;
}

.mb-10 {
  margin-bottom: var(--space-10) !important;
}

.mb-11 {
  margin-bottom: var(--space-11) !important;
}

.mb-12 {
  margin-bottom: var(--space-12) !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-05 {
  margin-left: var(--space-05) !important;
}

.ms-1 {
  margin-left: var(--space-1) !important;
}

.ms-2 {
  margin-left: var(--space-2) !important;
}

.ms-3 {
  margin-left: var(--space-3) !important;
}

.ms-4 {
  margin-left: var(--space-4) !important;
}

.ms-5 {
  margin-left: var(--space-5) !important;
}

.ms-6 {
  margin-left: var(--space-6) !important;
}

.ms-7 {
  margin-left: var(--space-7) !important;
}

.ms-8 {
  margin-left: var(--space-8) !important;
}

.ms-9 {
  margin-left: var(--space-9) !important;
}

.ms-10 {
  margin-left: var(--space-10) !important;
}

.ms-11 {
  margin-left: var(--space-11) !important;
}

.ms-12 {
  margin-left: var(--space-12) !important;
}

.ms-auto {
  margin-left: auto !important;
}

.m-n05 {
  margin: -var(--space-05) !important;
}

.m-n1 {
  margin: -var(--space-1) !important;
}

.m-n2 {
  margin: -var(--space-2) !important;
}

.m-n3 {
  margin: -var(--space-3) !important;
}

.m-n4 {
  margin: -var(--space-4) !important;
}

.m-n5 {
  margin: -var(--space-5) !important;
}

.m-n6 {
  margin: -var(--space-6) !important;
}

.m-n7 {
  margin: -var(--space-7) !important;
}

.m-n8 {
  margin: -var(--space-8) !important;
}

.m-n9 {
  margin: -var(--space-9) !important;
}

.m-n10 {
  margin: -var(--space-10) !important;
}

.m-n11 {
  margin: -var(--space-11) !important;
}

.m-n12 {
  margin: -var(--space-12) !important;
}

.mx-n05 {
  margin-right: -var(--space-05) !important;
  margin-left: -var(--space-05) !important;
}

.mx-n1 {
  margin-right: -var(--space-1) !important;
  margin-left: -var(--space-1) !important;
}

.mx-n2 {
  margin-right: -var(--space-2) !important;
  margin-left: -var(--space-2) !important;
}

.mx-n3 {
  margin-right: -var(--space-3) !important;
  margin-left: -var(--space-3) !important;
}

.mx-n4 {
  margin-right: -var(--space-4) !important;
  margin-left: -var(--space-4) !important;
}

.mx-n5 {
  margin-right: -var(--space-5) !important;
  margin-left: -var(--space-5) !important;
}

.mx-n6 {
  margin-right: -var(--space-6) !important;
  margin-left: -var(--space-6) !important;
}

.mx-n7 {
  margin-right: -var(--space-7) !important;
  margin-left: -var(--space-7) !important;
}

.mx-n8 {
  margin-right: -var(--space-8) !important;
  margin-left: -var(--space-8) !important;
}

.mx-n9 {
  margin-right: -var(--space-9) !important;
  margin-left: -var(--space-9) !important;
}

.mx-n10 {
  margin-right: -var(--space-10) !important;
  margin-left: -var(--space-10) !important;
}

.mx-n11 {
  margin-right: -var(--space-11) !important;
  margin-left: -var(--space-11) !important;
}

.mx-n12 {
  margin-right: -var(--space-12) !important;
  margin-left: -var(--space-12) !important;
}

.my-n05 {
  margin-top: -var(--space-05) !important;
  margin-bottom: -var(--space-05) !important;
}

.my-n1 {
  margin-top: -var(--space-1) !important;
  margin-bottom: -var(--space-1) !important;
}

.my-n2 {
  margin-top: -var(--space-2) !important;
  margin-bottom: -var(--space-2) !important;
}

.my-n3 {
  margin-top: -var(--space-3) !important;
  margin-bottom: -var(--space-3) !important;
}

.my-n4 {
  margin-top: -var(--space-4) !important;
  margin-bottom: -var(--space-4) !important;
}

.my-n5 {
  margin-top: -var(--space-5) !important;
  margin-bottom: -var(--space-5) !important;
}

.my-n6 {
  margin-top: -var(--space-6) !important;
  margin-bottom: -var(--space-6) !important;
}

.my-n7 {
  margin-top: -var(--space-7) !important;
  margin-bottom: -var(--space-7) !important;
}

.my-n8 {
  margin-top: -var(--space-8) !important;
  margin-bottom: -var(--space-8) !important;
}

.my-n9 {
  margin-top: -var(--space-9) !important;
  margin-bottom: -var(--space-9) !important;
}

.my-n10 {
  margin-top: -var(--space-10) !important;
  margin-bottom: -var(--space-10) !important;
}

.my-n11 {
  margin-top: -var(--space-11) !important;
  margin-bottom: -var(--space-11) !important;
}

.my-n12 {
  margin-top: -var(--space-12) !important;
  margin-bottom: -var(--space-12) !important;
}

.mt-n05 {
  margin-top: -var(--space-05) !important;
}

.mt-n1 {
  margin-top: -var(--space-1) !important;
}

.mt-n2 {
  margin-top: -var(--space-2) !important;
}

.mt-n3 {
  margin-top: -var(--space-3) !important;
}

.mt-n4 {
  margin-top: -var(--space-4) !important;
}

.mt-n5 {
  margin-top: -var(--space-5) !important;
}

.mt-n6 {
  margin-top: -var(--space-6) !important;
}

.mt-n7 {
  margin-top: -var(--space-7) !important;
}

.mt-n8 {
  margin-top: -var(--space-8) !important;
}

.mt-n9 {
  margin-top: -var(--space-9) !important;
}

.mt-n10 {
  margin-top: -var(--space-10) !important;
}

.mt-n11 {
  margin-top: -var(--space-11) !important;
}

.mt-n12 {
  margin-top: -var(--space-12) !important;
}

.me-n05 {
  margin-right: -var(--space-05) !important;
}

.me-n1 {
  margin-right: -var(--space-1) !important;
}

.me-n2 {
  margin-right: -var(--space-2) !important;
}

.me-n3 {
  margin-right: -var(--space-3) !important;
}

.me-n4 {
  margin-right: -var(--space-4) !important;
}

.me-n5 {
  margin-right: -var(--space-5) !important;
}

.me-n6 {
  margin-right: -var(--space-6) !important;
}

.me-n7 {
  margin-right: -var(--space-7) !important;
}

.me-n8 {
  margin-right: -var(--space-8) !important;
}

.me-n9 {
  margin-right: -var(--space-9) !important;
}

.me-n10 {
  margin-right: -var(--space-10) !important;
}

.me-n11 {
  margin-right: -var(--space-11) !important;
}

.me-n12 {
  margin-right: -var(--space-12) !important;
}

.mb-n05 {
  margin-bottom: -var(--space-05) !important;
}

.mb-n1 {
  margin-bottom: -var(--space-1) !important;
}

.mb-n2 {
  margin-bottom: -var(--space-2) !important;
}

.mb-n3 {
  margin-bottom: -var(--space-3) !important;
}

.mb-n4 {
  margin-bottom: -var(--space-4) !important;
}

.mb-n5 {
  margin-bottom: -var(--space-5) !important;
}

.mb-n6 {
  margin-bottom: -var(--space-6) !important;
}

.mb-n7 {
  margin-bottom: -var(--space-7) !important;
}

.mb-n8 {
  margin-bottom: -var(--space-8) !important;
}

.mb-n9 {
  margin-bottom: -var(--space-9) !important;
}

.mb-n10 {
  margin-bottom: -var(--space-10) !important;
}

.mb-n11 {
  margin-bottom: -var(--space-11) !important;
}

.mb-n12 {
  margin-bottom: -var(--space-12) !important;
}

.ms-n05 {
  margin-left: -var(--space-05) !important;
}

.ms-n1 {
  margin-left: -var(--space-1) !important;
}

.ms-n2 {
  margin-left: -var(--space-2) !important;
}

.ms-n3 {
  margin-left: -var(--space-3) !important;
}

.ms-n4 {
  margin-left: -var(--space-4) !important;
}

.ms-n5 {
  margin-left: -var(--space-5) !important;
}

.ms-n6 {
  margin-left: -var(--space-6) !important;
}

.ms-n7 {
  margin-left: -var(--space-7) !important;
}

.ms-n8 {
  margin-left: -var(--space-8) !important;
}

.ms-n9 {
  margin-left: -var(--space-9) !important;
}

.ms-n10 {
  margin-left: -var(--space-10) !important;
}

.ms-n11 {
  margin-left: -var(--space-11) !important;
}

.ms-n12 {
  margin-left: -var(--space-12) !important;
}

.p-0 {
  padding: 0 !important;
}

.p-05 {
  padding: var(--space-05) !important;
}

.p-1 {
  padding: var(--space-1) !important;
}

.p-2 {
  padding: var(--space-2) !important;
}

.p-3 {
  padding: var(--space-3) !important;
}

.p-4 {
  padding: var(--space-4) !important;
}

.p-5 {
  padding: var(--space-5) !important;
}

.p-6 {
  padding: var(--space-6) !important;
}

.p-7 {
  padding: var(--space-7) !important;
}

.p-8 {
  padding: var(--space-8) !important;
}

.p-9 {
  padding: var(--space-9) !important;
}

.p-10 {
  padding: var(--space-10) !important;
}

.p-11 {
  padding: var(--space-11) !important;
}

.p-12 {
  padding: var(--space-12) !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-05 {
  padding-right: var(--space-05) !important;
  padding-left: var(--space-05) !important;
}

.px-1 {
  padding-right: var(--space-1) !important;
  padding-left: var(--space-1) !important;
}

.px-2 {
  padding-right: var(--space-2) !important;
  padding-left: var(--space-2) !important;
}

.px-3 {
  padding-right: var(--space-3) !important;
  padding-left: var(--space-3) !important;
}

.px-4 {
  padding-right: var(--space-4) !important;
  padding-left: var(--space-4) !important;
}

.px-5 {
  padding-right: var(--space-5) !important;
  padding-left: var(--space-5) !important;
}

.px-6 {
  padding-right: var(--space-6) !important;
  padding-left: var(--space-6) !important;
}

.px-7 {
  padding-right: var(--space-7) !important;
  padding-left: var(--space-7) !important;
}

.px-8 {
  padding-right: var(--space-8) !important;
  padding-left: var(--space-8) !important;
}

.px-9 {
  padding-right: var(--space-9) !important;
  padding-left: var(--space-9) !important;
}

.px-10 {
  padding-right: var(--space-10) !important;
  padding-left: var(--space-10) !important;
}

.px-11 {
  padding-right: var(--space-11) !important;
  padding-left: var(--space-11) !important;
}

.px-12 {
  padding-right: var(--space-12) !important;
  padding-left: var(--space-12) !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-05 {
  padding-top: var(--space-05) !important;
  padding-bottom: var(--space-05) !important;
}

.py-1 {
  padding-top: var(--space-1) !important;
  padding-bottom: var(--space-1) !important;
}

.py-2 {
  padding-top: var(--space-2) !important;
  padding-bottom: var(--space-2) !important;
}

.py-3 {
  padding-top: var(--space-3) !important;
  padding-bottom: var(--space-3) !important;
}

.py-4 {
  padding-top: var(--space-4) !important;
  padding-bottom: var(--space-4) !important;
}

.py-5 {
  padding-top: var(--space-5) !important;
  padding-bottom: var(--space-5) !important;
}

.py-6 {
  padding-top: var(--space-6) !important;
  padding-bottom: var(--space-6) !important;
}

.py-7 {
  padding-top: var(--space-7) !important;
  padding-bottom: var(--space-7) !important;
}

.py-8 {
  padding-top: var(--space-8) !important;
  padding-bottom: var(--space-8) !important;
}

.py-9 {
  padding-top: var(--space-9) !important;
  padding-bottom: var(--space-9) !important;
}

.py-10 {
  padding-top: var(--space-10) !important;
  padding-bottom: var(--space-10) !important;
}

.py-11 {
  padding-top: var(--space-11) !important;
  padding-bottom: var(--space-11) !important;
}

.py-12 {
  padding-top: var(--space-12) !important;
  padding-bottom: var(--space-12) !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-05 {
  padding-top: var(--space-05) !important;
}

.pt-1 {
  padding-top: var(--space-1) !important;
}

.pt-2 {
  padding-top: var(--space-2) !important;
}

.pt-3 {
  padding-top: var(--space-3) !important;
}

.pt-4 {
  padding-top: var(--space-4) !important;
}

.pt-5 {
  padding-top: var(--space-5) !important;
}

.pt-6 {
  padding-top: var(--space-6) !important;
}

.pt-7 {
  padding-top: var(--space-7) !important;
}

.pt-8 {
  padding-top: var(--space-8) !important;
}

.pt-9 {
  padding-top: var(--space-9) !important;
}

.pt-10 {
  padding-top: var(--space-10) !important;
}

.pt-11 {
  padding-top: var(--space-11) !important;
}

.pt-12 {
  padding-top: var(--space-12) !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-05 {
  padding-right: var(--space-05) !important;
}

.pe-1 {
  padding-right: var(--space-1) !important;
}

.pe-2 {
  padding-right: var(--space-2) !important;
}

.pe-3 {
  padding-right: var(--space-3) !important;
}

.pe-4 {
  padding-right: var(--space-4) !important;
}

.pe-5 {
  padding-right: var(--space-5) !important;
}

.pe-6 {
  padding-right: var(--space-6) !important;
}

.pe-7 {
  padding-right: var(--space-7) !important;
}

.pe-8 {
  padding-right: var(--space-8) !important;
}

.pe-9 {
  padding-right: var(--space-9) !important;
}

.pe-10 {
  padding-right: var(--space-10) !important;
}

.pe-11 {
  padding-right: var(--space-11) !important;
}

.pe-12 {
  padding-right: var(--space-12) !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-05 {
  padding-bottom: var(--space-05) !important;
}

.pb-1 {
  padding-bottom: var(--space-1) !important;
}

.pb-2 {
  padding-bottom: var(--space-2) !important;
}

.pb-3 {
  padding-bottom: var(--space-3) !important;
}

.pb-4 {
  padding-bottom: var(--space-4) !important;
}

.pb-5 {
  padding-bottom: var(--space-5) !important;
}

.pb-6 {
  padding-bottom: var(--space-6) !important;
}

.pb-7 {
  padding-bottom: var(--space-7) !important;
}

.pb-8 {
  padding-bottom: var(--space-8) !important;
}

.pb-9 {
  padding-bottom: var(--space-9) !important;
}

.pb-10 {
  padding-bottom: var(--space-10) !important;
}

.pb-11 {
  padding-bottom: var(--space-11) !important;
}

.pb-12 {
  padding-bottom: var(--space-12) !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-05 {
  padding-left: var(--space-05) !important;
}

.ps-1 {
  padding-left: var(--space-1) !important;
}

.ps-2 {
  padding-left: var(--space-2) !important;
}

.ps-3 {
  padding-left: var(--space-3) !important;
}

.ps-4 {
  padding-left: var(--space-4) !important;
}

.ps-5 {
  padding-left: var(--space-5) !important;
}

.ps-6 {
  padding-left: var(--space-6) !important;
}

.ps-7 {
  padding-left: var(--space-7) !important;
}

.ps-8 {
  padding-left: var(--space-8) !important;
}

.ps-9 {
  padding-left: var(--space-9) !important;
}

.ps-10 {
  padding-left: var(--space-10) !important;
}

.ps-11 {
  padding-left: var(--space-11) !important;
}

.ps-12 {
  padding-left: var(--space-12) !important;
}

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

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

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

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-05 {
    margin: var(--space-05) !important;
  }
  .m-sm-1 {
    margin: var(--space-1) !important;
  }
  .m-sm-2 {
    margin: var(--space-2) !important;
  }
  .m-sm-3 {
    margin: var(--space-3) !important;
  }
  .m-sm-4 {
    margin: var(--space-4) !important;
  }
  .m-sm-5 {
    margin: var(--space-5) !important;
  }
  .m-sm-6 {
    margin: var(--space-6) !important;
  }
  .m-sm-7 {
    margin: var(--space-7) !important;
  }
  .m-sm-8 {
    margin: var(--space-8) !important;
  }
  .m-sm-9 {
    margin: var(--space-9) !important;
  }
  .m-sm-10 {
    margin: var(--space-10) !important;
  }
  .m-sm-11 {
    margin: var(--space-11) !important;
  }
  .m-sm-12 {
    margin: var(--space-12) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-05 {
    margin-right: var(--space-05) !important;
    margin-left: var(--space-05) !important;
  }
  .mx-sm-1 {
    margin-right: var(--space-1) !important;
    margin-left: var(--space-1) !important;
  }
  .mx-sm-2 {
    margin-right: var(--space-2) !important;
    margin-left: var(--space-2) !important;
  }
  .mx-sm-3 {
    margin-right: var(--space-3) !important;
    margin-left: var(--space-3) !important;
  }
  .mx-sm-4 {
    margin-right: var(--space-4) !important;
    margin-left: var(--space-4) !important;
  }
  .mx-sm-5 {
    margin-right: var(--space-5) !important;
    margin-left: var(--space-5) !important;
  }
  .mx-sm-6 {
    margin-right: var(--space-6) !important;
    margin-left: var(--space-6) !important;
  }
  .mx-sm-7 {
    margin-right: var(--space-7) !important;
    margin-left: var(--space-7) !important;
  }
  .mx-sm-8 {
    margin-right: var(--space-8) !important;
    margin-left: var(--space-8) !important;
  }
  .mx-sm-9 {
    margin-right: var(--space-9) !important;
    margin-left: var(--space-9) !important;
  }
  .mx-sm-10 {
    margin-right: var(--space-10) !important;
    margin-left: var(--space-10) !important;
  }
  .mx-sm-11 {
    margin-right: var(--space-11) !important;
    margin-left: var(--space-11) !important;
  }
  .mx-sm-12 {
    margin-right: var(--space-12) !important;
    margin-left: var(--space-12) !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-05 {
    margin-top: var(--space-05) !important;
    margin-bottom: var(--space-05) !important;
  }
  .my-sm-1 {
    margin-top: var(--space-1) !important;
    margin-bottom: var(--space-1) !important;
  }
  .my-sm-2 {
    margin-top: var(--space-2) !important;
    margin-bottom: var(--space-2) !important;
  }
  .my-sm-3 {
    margin-top: var(--space-3) !important;
    margin-bottom: var(--space-3) !important;
  }
  .my-sm-4 {
    margin-top: var(--space-4) !important;
    margin-bottom: var(--space-4) !important;
  }
  .my-sm-5 {
    margin-top: var(--space-5) !important;
    margin-bottom: var(--space-5) !important;
  }
  .my-sm-6 {
    margin-top: var(--space-6) !important;
    margin-bottom: var(--space-6) !important;
  }
  .my-sm-7 {
    margin-top: var(--space-7) !important;
    margin-bottom: var(--space-7) !important;
  }
  .my-sm-8 {
    margin-top: var(--space-8) !important;
    margin-bottom: var(--space-8) !important;
  }
  .my-sm-9 {
    margin-top: var(--space-9) !important;
    margin-bottom: var(--space-9) !important;
  }
  .my-sm-10 {
    margin-top: var(--space-10) !important;
    margin-bottom: var(--space-10) !important;
  }
  .my-sm-11 {
    margin-top: var(--space-11) !important;
    margin-bottom: var(--space-11) !important;
  }
  .my-sm-12 {
    margin-top: var(--space-12) !important;
    margin-bottom: var(--space-12) !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-05 {
    margin-top: var(--space-05) !important;
  }
  .mt-sm-1 {
    margin-top: var(--space-1) !important;
  }
  .mt-sm-2 {
    margin-top: var(--space-2) !important;
  }
  .mt-sm-3 {
    margin-top: var(--space-3) !important;
  }
  .mt-sm-4 {
    margin-top: var(--space-4) !important;
  }
  .mt-sm-5 {
    margin-top: var(--space-5) !important;
  }
  .mt-sm-6 {
    margin-top: var(--space-6) !important;
  }
  .mt-sm-7 {
    margin-top: var(--space-7) !important;
  }
  .mt-sm-8 {
    margin-top: var(--space-8) !important;
  }
  .mt-sm-9 {
    margin-top: var(--space-9) !important;
  }
  .mt-sm-10 {
    margin-top: var(--space-10) !important;
  }
  .mt-sm-11 {
    margin-top: var(--space-11) !important;
  }
  .mt-sm-12 {
    margin-top: var(--space-12) !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-05 {
    margin-right: var(--space-05) !important;
  }
  .me-sm-1 {
    margin-right: var(--space-1) !important;
  }
  .me-sm-2 {
    margin-right: var(--space-2) !important;
  }
  .me-sm-3 {
    margin-right: var(--space-3) !important;
  }
  .me-sm-4 {
    margin-right: var(--space-4) !important;
  }
  .me-sm-5 {
    margin-right: var(--space-5) !important;
  }
  .me-sm-6 {
    margin-right: var(--space-6) !important;
  }
  .me-sm-7 {
    margin-right: var(--space-7) !important;
  }
  .me-sm-8 {
    margin-right: var(--space-8) !important;
  }
  .me-sm-9 {
    margin-right: var(--space-9) !important;
  }
  .me-sm-10 {
    margin-right: var(--space-10) !important;
  }
  .me-sm-11 {
    margin-right: var(--space-11) !important;
  }
  .me-sm-12 {
    margin-right: var(--space-12) !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-05 {
    margin-bottom: var(--space-05) !important;
  }
  .mb-sm-1 {
    margin-bottom: var(--space-1) !important;
  }
  .mb-sm-2 {
    margin-bottom: var(--space-2) !important;
  }
  .mb-sm-3 {
    margin-bottom: var(--space-3) !important;
  }
  .mb-sm-4 {
    margin-bottom: var(--space-4) !important;
  }
  .mb-sm-5 {
    margin-bottom: var(--space-5) !important;
  }
  .mb-sm-6 {
    margin-bottom: var(--space-6) !important;
  }
  .mb-sm-7 {
    margin-bottom: var(--space-7) !important;
  }
  .mb-sm-8 {
    margin-bottom: var(--space-8) !important;
  }
  .mb-sm-9 {
    margin-bottom: var(--space-9) !important;
  }
  .mb-sm-10 {
    margin-bottom: var(--space-10) !important;
  }
  .mb-sm-11 {
    margin-bottom: var(--space-11) !important;
  }
  .mb-sm-12 {
    margin-bottom: var(--space-12) !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-05 {
    margin-left: var(--space-05) !important;
  }
  .ms-sm-1 {
    margin-left: var(--space-1) !important;
  }
  .ms-sm-2 {
    margin-left: var(--space-2) !important;
  }
  .ms-sm-3 {
    margin-left: var(--space-3) !important;
  }
  .ms-sm-4 {
    margin-left: var(--space-4) !important;
  }
  .ms-sm-5 {
    margin-left: var(--space-5) !important;
  }
  .ms-sm-6 {
    margin-left: var(--space-6) !important;
  }
  .ms-sm-7 {
    margin-left: var(--space-7) !important;
  }
  .ms-sm-8 {
    margin-left: var(--space-8) !important;
  }
  .ms-sm-9 {
    margin-left: var(--space-9) !important;
  }
  .ms-sm-10 {
    margin-left: var(--space-10) !important;
  }
  .ms-sm-11 {
    margin-left: var(--space-11) !important;
  }
  .ms-sm-12 {
    margin-left: var(--space-12) !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .m-sm-n05 {
    margin: -var(--space-05) !important;
  }
  .m-sm-n1 {
    margin: -var(--space-1) !important;
  }
  .m-sm-n2 {
    margin: -var(--space-2) !important;
  }
  .m-sm-n3 {
    margin: -var(--space-3) !important;
  }
  .m-sm-n4 {
    margin: -var(--space-4) !important;
  }
  .m-sm-n5 {
    margin: -var(--space-5) !important;
  }
  .m-sm-n6 {
    margin: -var(--space-6) !important;
  }
  .m-sm-n7 {
    margin: -var(--space-7) !important;
  }
  .m-sm-n8 {
    margin: -var(--space-8) !important;
  }
  .m-sm-n9 {
    margin: -var(--space-9) !important;
  }
  .m-sm-n10 {
    margin: -var(--space-10) !important;
  }
  .m-sm-n11 {
    margin: -var(--space-11) !important;
  }
  .m-sm-n12 {
    margin: -var(--space-12) !important;
  }
  .mx-sm-n05 {
    margin-right: -var(--space-05) !important;
    margin-left: -var(--space-05) !important;
  }
  .mx-sm-n1 {
    margin-right: -var(--space-1) !important;
    margin-left: -var(--space-1) !important;
  }
  .mx-sm-n2 {
    margin-right: -var(--space-2) !important;
    margin-left: -var(--space-2) !important;
  }
  .mx-sm-n3 {
    margin-right: -var(--space-3) !important;
    margin-left: -var(--space-3) !important;
  }
  .mx-sm-n4 {
    margin-right: -var(--space-4) !important;
    margin-left: -var(--space-4) !important;
  }
  .mx-sm-n5 {
    margin-right: -var(--space-5) !important;
    margin-left: -var(--space-5) !important;
  }
  .mx-sm-n6 {
    margin-right: -var(--space-6) !important;
    margin-left: -var(--space-6) !important;
  }
  .mx-sm-n7 {
    margin-right: -var(--space-7) !important;
    margin-left: -var(--space-7) !important;
  }
  .mx-sm-n8 {
    margin-right: -var(--space-8) !important;
    margin-left: -var(--space-8) !important;
  }
  .mx-sm-n9 {
    margin-right: -var(--space-9) !important;
    margin-left: -var(--space-9) !important;
  }
  .mx-sm-n10 {
    margin-right: -var(--space-10) !important;
    margin-left: -var(--space-10) !important;
  }
  .mx-sm-n11 {
    margin-right: -var(--space-11) !important;
    margin-left: -var(--space-11) !important;
  }
  .mx-sm-n12 {
    margin-right: -var(--space-12) !important;
    margin-left: -var(--space-12) !important;
  }
  .my-sm-n05 {
    margin-top: -var(--space-05) !important;
    margin-bottom: -var(--space-05) !important;
  }
  .my-sm-n1 {
    margin-top: -var(--space-1) !important;
    margin-bottom: -var(--space-1) !important;
  }
  .my-sm-n2 {
    margin-top: -var(--space-2) !important;
    margin-bottom: -var(--space-2) !important;
  }
  .my-sm-n3 {
    margin-top: -var(--space-3) !important;
    margin-bottom: -var(--space-3) !important;
  }
  .my-sm-n4 {
    margin-top: -var(--space-4) !important;
    margin-bottom: -var(--space-4) !important;
  }
  .my-sm-n5 {
    margin-top: -var(--space-5) !important;
    margin-bottom: -var(--space-5) !important;
  }
  .my-sm-n6 {
    margin-top: -var(--space-6) !important;
    margin-bottom: -var(--space-6) !important;
  }
  .my-sm-n7 {
    margin-top: -var(--space-7) !important;
    margin-bottom: -var(--space-7) !important;
  }
  .my-sm-n8 {
    margin-top: -var(--space-8) !important;
    margin-bottom: -var(--space-8) !important;
  }
  .my-sm-n9 {
    margin-top: -var(--space-9) !important;
    margin-bottom: -var(--space-9) !important;
  }
  .my-sm-n10 {
    margin-top: -var(--space-10) !important;
    margin-bottom: -var(--space-10) !important;
  }
  .my-sm-n11 {
    margin-top: -var(--space-11) !important;
    margin-bottom: -var(--space-11) !important;
  }
  .my-sm-n12 {
    margin-top: -var(--space-12) !important;
    margin-bottom: -var(--space-12) !important;
  }
  .mt-sm-n05 {
    margin-top: -var(--space-05) !important;
  }
  .mt-sm-n1 {
    margin-top: -var(--space-1) !important;
  }
  .mt-sm-n2 {
    margin-top: -var(--space-2) !important;
  }
  .mt-sm-n3 {
    margin-top: -var(--space-3) !important;
  }
  .mt-sm-n4 {
    margin-top: -var(--space-4) !important;
  }
  .mt-sm-n5 {
    margin-top: -var(--space-5) !important;
  }
  .mt-sm-n6 {
    margin-top: -var(--space-6) !important;
  }
  .mt-sm-n7 {
    margin-top: -var(--space-7) !important;
  }
  .mt-sm-n8 {
    margin-top: -var(--space-8) !important;
  }
  .mt-sm-n9 {
    margin-top: -var(--space-9) !important;
  }
  .mt-sm-n10 {
    margin-top: -var(--space-10) !important;
  }
  .mt-sm-n11 {
    margin-top: -var(--space-11) !important;
  }
  .mt-sm-n12 {
    margin-top: -var(--space-12) !important;
  }
  .me-sm-n05 {
    margin-right: -var(--space-05) !important;
  }
  .me-sm-n1 {
    margin-right: -var(--space-1) !important;
  }
  .me-sm-n2 {
    margin-right: -var(--space-2) !important;
  }
  .me-sm-n3 {
    margin-right: -var(--space-3) !important;
  }
  .me-sm-n4 {
    margin-right: -var(--space-4) !important;
  }
  .me-sm-n5 {
    margin-right: -var(--space-5) !important;
  }
  .me-sm-n6 {
    margin-right: -var(--space-6) !important;
  }
  .me-sm-n7 {
    margin-right: -var(--space-7) !important;
  }
  .me-sm-n8 {
    margin-right: -var(--space-8) !important;
  }
  .me-sm-n9 {
    margin-right: -var(--space-9) !important;
  }
  .me-sm-n10 {
    margin-right: -var(--space-10) !important;
  }
  .me-sm-n11 {
    margin-right: -var(--space-11) !important;
  }
  .me-sm-n12 {
    margin-right: -var(--space-12) !important;
  }
  .mb-sm-n05 {
    margin-bottom: -var(--space-05) !important;
  }
  .mb-sm-n1 {
    margin-bottom: -var(--space-1) !important;
  }
  .mb-sm-n2 {
    margin-bottom: -var(--space-2) !important;
  }
  .mb-sm-n3 {
    margin-bottom: -var(--space-3) !important;
  }
  .mb-sm-n4 {
    margin-bottom: -var(--space-4) !important;
  }
  .mb-sm-n5 {
    margin-bottom: -var(--space-5) !important;
  }
  .mb-sm-n6 {
    margin-bottom: -var(--space-6) !important;
  }
  .mb-sm-n7 {
    margin-bottom: -var(--space-7) !important;
  }
  .mb-sm-n8 {
    margin-bottom: -var(--space-8) !important;
  }
  .mb-sm-n9 {
    margin-bottom: -var(--space-9) !important;
  }
  .mb-sm-n10 {
    margin-bottom: -var(--space-10) !important;
  }
  .mb-sm-n11 {
    margin-bottom: -var(--space-11) !important;
  }
  .mb-sm-n12 {
    margin-bottom: -var(--space-12) !important;
  }
  .ms-sm-n05 {
    margin-left: -var(--space-05) !important;
  }
  .ms-sm-n1 {
    margin-left: -var(--space-1) !important;
  }
  .ms-sm-n2 {
    margin-left: -var(--space-2) !important;
  }
  .ms-sm-n3 {
    margin-left: -var(--space-3) !important;
  }
  .ms-sm-n4 {
    margin-left: -var(--space-4) !important;
  }
  .ms-sm-n5 {
    margin-left: -var(--space-5) !important;
  }
  .ms-sm-n6 {
    margin-left: -var(--space-6) !important;
  }
  .ms-sm-n7 {
    margin-left: -var(--space-7) !important;
  }
  .ms-sm-n8 {
    margin-left: -var(--space-8) !important;
  }
  .ms-sm-n9 {
    margin-left: -var(--space-9) !important;
  }
  .ms-sm-n10 {
    margin-left: -var(--space-10) !important;
  }
  .ms-sm-n11 {
    margin-left: -var(--space-11) !important;
  }
  .ms-sm-n12 {
    margin-left: -var(--space-12) !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-05 {
    padding: var(--space-05) !important;
  }
  .p-sm-1 {
    padding: var(--space-1) !important;
  }
  .p-sm-2 {
    padding: var(--space-2) !important;
  }
  .p-sm-3 {
    padding: var(--space-3) !important;
  }
  .p-sm-4 {
    padding: var(--space-4) !important;
  }
  .p-sm-5 {
    padding: var(--space-5) !important;
  }
  .p-sm-6 {
    padding: var(--space-6) !important;
  }
  .p-sm-7 {
    padding: var(--space-7) !important;
  }
  .p-sm-8 {
    padding: var(--space-8) !important;
  }
  .p-sm-9 {
    padding: var(--space-9) !important;
  }
  .p-sm-10 {
    padding: var(--space-10) !important;
  }
  .p-sm-11 {
    padding: var(--space-11) !important;
  }
  .p-sm-12 {
    padding: var(--space-12) !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-05 {
    padding-right: var(--space-05) !important;
    padding-left: var(--space-05) !important;
  }
  .px-sm-1 {
    padding-right: var(--space-1) !important;
    padding-left: var(--space-1) !important;
  }
  .px-sm-2 {
    padding-right: var(--space-2) !important;
    padding-left: var(--space-2) !important;
  }
  .px-sm-3 {
    padding-right: var(--space-3) !important;
    padding-left: var(--space-3) !important;
  }
  .px-sm-4 {
    padding-right: var(--space-4) !important;
    padding-left: var(--space-4) !important;
  }
  .px-sm-5 {
    padding-right: var(--space-5) !important;
    padding-left: var(--space-5) !important;
  }
  .px-sm-6 {
    padding-right: var(--space-6) !important;
    padding-left: var(--space-6) !important;
  }
  .px-sm-7 {
    padding-right: var(--space-7) !important;
    padding-left: var(--space-7) !important;
  }
  .px-sm-8 {
    padding-right: var(--space-8) !important;
    padding-left: var(--space-8) !important;
  }
  .px-sm-9 {
    padding-right: var(--space-9) !important;
    padding-left: var(--space-9) !important;
  }
  .px-sm-10 {
    padding-right: var(--space-10) !important;
    padding-left: var(--space-10) !important;
  }
  .px-sm-11 {
    padding-right: var(--space-11) !important;
    padding-left: var(--space-11) !important;
  }
  .px-sm-12 {
    padding-right: var(--space-12) !important;
    padding-left: var(--space-12) !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-05 {
    padding-top: var(--space-05) !important;
    padding-bottom: var(--space-05) !important;
  }
  .py-sm-1 {
    padding-top: var(--space-1) !important;
    padding-bottom: var(--space-1) !important;
  }
  .py-sm-2 {
    padding-top: var(--space-2) !important;
    padding-bottom: var(--space-2) !important;
  }
  .py-sm-3 {
    padding-top: var(--space-3) !important;
    padding-bottom: var(--space-3) !important;
  }
  .py-sm-4 {
    padding-top: var(--space-4) !important;
    padding-bottom: var(--space-4) !important;
  }
  .py-sm-5 {
    padding-top: var(--space-5) !important;
    padding-bottom: var(--space-5) !important;
  }
  .py-sm-6 {
    padding-top: var(--space-6) !important;
    padding-bottom: var(--space-6) !important;
  }
  .py-sm-7 {
    padding-top: var(--space-7) !important;
    padding-bottom: var(--space-7) !important;
  }
  .py-sm-8 {
    padding-top: var(--space-8) !important;
    padding-bottom: var(--space-8) !important;
  }
  .py-sm-9 {
    padding-top: var(--space-9) !important;
    padding-bottom: var(--space-9) !important;
  }
  .py-sm-10 {
    padding-top: var(--space-10) !important;
    padding-bottom: var(--space-10) !important;
  }
  .py-sm-11 {
    padding-top: var(--space-11) !important;
    padding-bottom: var(--space-11) !important;
  }
  .py-sm-12 {
    padding-top: var(--space-12) !important;
    padding-bottom: var(--space-12) !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-05 {
    padding-top: var(--space-05) !important;
  }
  .pt-sm-1 {
    padding-top: var(--space-1) !important;
  }
  .pt-sm-2 {
    padding-top: var(--space-2) !important;
  }
  .pt-sm-3 {
    padding-top: var(--space-3) !important;
  }
  .pt-sm-4 {
    padding-top: var(--space-4) !important;
  }
  .pt-sm-5 {
    padding-top: var(--space-5) !important;
  }
  .pt-sm-6 {
    padding-top: var(--space-6) !important;
  }
  .pt-sm-7 {
    padding-top: var(--space-7) !important;
  }
  .pt-sm-8 {
    padding-top: var(--space-8) !important;
  }
  .pt-sm-9 {
    padding-top: var(--space-9) !important;
  }
  .pt-sm-10 {
    padding-top: var(--space-10) !important;
  }
  .pt-sm-11 {
    padding-top: var(--space-11) !important;
  }
  .pt-sm-12 {
    padding-top: var(--space-12) !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-05 {
    padding-right: var(--space-05) !important;
  }
  .pe-sm-1 {
    padding-right: var(--space-1) !important;
  }
  .pe-sm-2 {
    padding-right: var(--space-2) !important;
  }
  .pe-sm-3 {
    padding-right: var(--space-3) !important;
  }
  .pe-sm-4 {
    padding-right: var(--space-4) !important;
  }
  .pe-sm-5 {
    padding-right: var(--space-5) !important;
  }
  .pe-sm-6 {
    padding-right: var(--space-6) !important;
  }
  .pe-sm-7 {
    padding-right: var(--space-7) !important;
  }
  .pe-sm-8 {
    padding-right: var(--space-8) !important;
  }
  .pe-sm-9 {
    padding-right: var(--space-9) !important;
  }
  .pe-sm-10 {
    padding-right: var(--space-10) !important;
  }
  .pe-sm-11 {
    padding-right: var(--space-11) !important;
  }
  .pe-sm-12 {
    padding-right: var(--space-12) !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-05 {
    padding-bottom: var(--space-05) !important;
  }
  .pb-sm-1 {
    padding-bottom: var(--space-1) !important;
  }
  .pb-sm-2 {
    padding-bottom: var(--space-2) !important;
  }
  .pb-sm-3 {
    padding-bottom: var(--space-3) !important;
  }
  .pb-sm-4 {
    padding-bottom: var(--space-4) !important;
  }
  .pb-sm-5 {
    padding-bottom: var(--space-5) !important;
  }
  .pb-sm-6 {
    padding-bottom: var(--space-6) !important;
  }
  .pb-sm-7 {
    padding-bottom: var(--space-7) !important;
  }
  .pb-sm-8 {
    padding-bottom: var(--space-8) !important;
  }
  .pb-sm-9 {
    padding-bottom: var(--space-9) !important;
  }
  .pb-sm-10 {
    padding-bottom: var(--space-10) !important;
  }
  .pb-sm-11 {
    padding-bottom: var(--space-11) !important;
  }
  .pb-sm-12 {
    padding-bottom: var(--space-12) !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-05 {
    padding-left: var(--space-05) !important;
  }
  .ps-sm-1 {
    padding-left: var(--space-1) !important;
  }
  .ps-sm-2 {
    padding-left: var(--space-2) !important;
  }
  .ps-sm-3 {
    padding-left: var(--space-3) !important;
  }
  .ps-sm-4 {
    padding-left: var(--space-4) !important;
  }
  .ps-sm-5 {
    padding-left: var(--space-5) !important;
  }
  .ps-sm-6 {
    padding-left: var(--space-6) !important;
  }
  .ps-sm-7 {
    padding-left: var(--space-7) !important;
  }
  .ps-sm-8 {
    padding-left: var(--space-8) !important;
  }
  .ps-sm-9 {
    padding-left: var(--space-9) !important;
  }
  .ps-sm-10 {
    padding-left: var(--space-10) !important;
  }
  .ps-sm-11 {
    padding-left: var(--space-11) !important;
  }
  .ps-sm-12 {
    padding-left: var(--space-12) !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-05 {
    margin: var(--space-05) !important;
  }
  .m-md-1 {
    margin: var(--space-1) !important;
  }
  .m-md-2 {
    margin: var(--space-2) !important;
  }
  .m-md-3 {
    margin: var(--space-3) !important;
  }
  .m-md-4 {
    margin: var(--space-4) !important;
  }
  .m-md-5 {
    margin: var(--space-5) !important;
  }
  .m-md-6 {
    margin: var(--space-6) !important;
  }
  .m-md-7 {
    margin: var(--space-7) !important;
  }
  .m-md-8 {
    margin: var(--space-8) !important;
  }
  .m-md-9 {
    margin: var(--space-9) !important;
  }
  .m-md-10 {
    margin: var(--space-10) !important;
  }
  .m-md-11 {
    margin: var(--space-11) !important;
  }
  .m-md-12 {
    margin: var(--space-12) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-05 {
    margin-right: var(--space-05) !important;
    margin-left: var(--space-05) !important;
  }
  .mx-md-1 {
    margin-right: var(--space-1) !important;
    margin-left: var(--space-1) !important;
  }
  .mx-md-2 {
    margin-right: var(--space-2) !important;
    margin-left: var(--space-2) !important;
  }
  .mx-md-3 {
    margin-right: var(--space-3) !important;
    margin-left: var(--space-3) !important;
  }
  .mx-md-4 {
    margin-right: var(--space-4) !important;
    margin-left: var(--space-4) !important;
  }
  .mx-md-5 {
    margin-right: var(--space-5) !important;
    margin-left: var(--space-5) !important;
  }
  .mx-md-6 {
    margin-right: var(--space-6) !important;
    margin-left: var(--space-6) !important;
  }
  .mx-md-7 {
    margin-right: var(--space-7) !important;
    margin-left: var(--space-7) !important;
  }
  .mx-md-8 {
    margin-right: var(--space-8) !important;
    margin-left: var(--space-8) !important;
  }
  .mx-md-9 {
    margin-right: var(--space-9) !important;
    margin-left: var(--space-9) !important;
  }
  .mx-md-10 {
    margin-right: var(--space-10) !important;
    margin-left: var(--space-10) !important;
  }
  .mx-md-11 {
    margin-right: var(--space-11) !important;
    margin-left: var(--space-11) !important;
  }
  .mx-md-12 {
    margin-right: var(--space-12) !important;
    margin-left: var(--space-12) !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-05 {
    margin-top: var(--space-05) !important;
    margin-bottom: var(--space-05) !important;
  }
  .my-md-1 {
    margin-top: var(--space-1) !important;
    margin-bottom: var(--space-1) !important;
  }
  .my-md-2 {
    margin-top: var(--space-2) !important;
    margin-bottom: var(--space-2) !important;
  }
  .my-md-3 {
    margin-top: var(--space-3) !important;
    margin-bottom: var(--space-3) !important;
  }
  .my-md-4 {
    margin-top: var(--space-4) !important;
    margin-bottom: var(--space-4) !important;
  }
  .my-md-5 {
    margin-top: var(--space-5) !important;
    margin-bottom: var(--space-5) !important;
  }
  .my-md-6 {
    margin-top: var(--space-6) !important;
    margin-bottom: var(--space-6) !important;
  }
  .my-md-7 {
    margin-top: var(--space-7) !important;
    margin-bottom: var(--space-7) !important;
  }
  .my-md-8 {
    margin-top: var(--space-8) !important;
    margin-bottom: var(--space-8) !important;
  }
  .my-md-9 {
    margin-top: var(--space-9) !important;
    margin-bottom: var(--space-9) !important;
  }
  .my-md-10 {
    margin-top: var(--space-10) !important;
    margin-bottom: var(--space-10) !important;
  }
  .my-md-11 {
    margin-top: var(--space-11) !important;
    margin-bottom: var(--space-11) !important;
  }
  .my-md-12 {
    margin-top: var(--space-12) !important;
    margin-bottom: var(--space-12) !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-05 {
    margin-top: var(--space-05) !important;
  }
  .mt-md-1 {
    margin-top: var(--space-1) !important;
  }
  .mt-md-2 {
    margin-top: var(--space-2) !important;
  }
  .mt-md-3 {
    margin-top: var(--space-3) !important;
  }
  .mt-md-4 {
    margin-top: var(--space-4) !important;
  }
  .mt-md-5 {
    margin-top: var(--space-5) !important;
  }
  .mt-md-6 {
    margin-top: var(--space-6) !important;
  }
  .mt-md-7 {
    margin-top: var(--space-7) !important;
  }
  .mt-md-8 {
    margin-top: var(--space-8) !important;
  }
  .mt-md-9 {
    margin-top: var(--space-9) !important;
  }
  .mt-md-10 {
    margin-top: var(--space-10) !important;
  }
  .mt-md-11 {
    margin-top: var(--space-11) !important;
  }
  .mt-md-12 {
    margin-top: var(--space-12) !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-05 {
    margin-right: var(--space-05) !important;
  }
  .me-md-1 {
    margin-right: var(--space-1) !important;
  }
  .me-md-2 {
    margin-right: var(--space-2) !important;
  }
  .me-md-3 {
    margin-right: var(--space-3) !important;
  }
  .me-md-4 {
    margin-right: var(--space-4) !important;
  }
  .me-md-5 {
    margin-right: var(--space-5) !important;
  }
  .me-md-6 {
    margin-right: var(--space-6) !important;
  }
  .me-md-7 {
    margin-right: var(--space-7) !important;
  }
  .me-md-8 {
    margin-right: var(--space-8) !important;
  }
  .me-md-9 {
    margin-right: var(--space-9) !important;
  }
  .me-md-10 {
    margin-right: var(--space-10) !important;
  }
  .me-md-11 {
    margin-right: var(--space-11) !important;
  }
  .me-md-12 {
    margin-right: var(--space-12) !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-05 {
    margin-bottom: var(--space-05) !important;
  }
  .mb-md-1 {
    margin-bottom: var(--space-1) !important;
  }
  .mb-md-2 {
    margin-bottom: var(--space-2) !important;
  }
  .mb-md-3 {
    margin-bottom: var(--space-3) !important;
  }
  .mb-md-4 {
    margin-bottom: var(--space-4) !important;
  }
  .mb-md-5 {
    margin-bottom: var(--space-5) !important;
  }
  .mb-md-6 {
    margin-bottom: var(--space-6) !important;
  }
  .mb-md-7 {
    margin-bottom: var(--space-7) !important;
  }
  .mb-md-8 {
    margin-bottom: var(--space-8) !important;
  }
  .mb-md-9 {
    margin-bottom: var(--space-9) !important;
  }
  .mb-md-10 {
    margin-bottom: var(--space-10) !important;
  }
  .mb-md-11 {
    margin-bottom: var(--space-11) !important;
  }
  .mb-md-12 {
    margin-bottom: var(--space-12) !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-05 {
    margin-left: var(--space-05) !important;
  }
  .ms-md-1 {
    margin-left: var(--space-1) !important;
  }
  .ms-md-2 {
    margin-left: var(--space-2) !important;
  }
  .ms-md-3 {
    margin-left: var(--space-3) !important;
  }
  .ms-md-4 {
    margin-left: var(--space-4) !important;
  }
  .ms-md-5 {
    margin-left: var(--space-5) !important;
  }
  .ms-md-6 {
    margin-left: var(--space-6) !important;
  }
  .ms-md-7 {
    margin-left: var(--space-7) !important;
  }
  .ms-md-8 {
    margin-left: var(--space-8) !important;
  }
  .ms-md-9 {
    margin-left: var(--space-9) !important;
  }
  .ms-md-10 {
    margin-left: var(--space-10) !important;
  }
  .ms-md-11 {
    margin-left: var(--space-11) !important;
  }
  .ms-md-12 {
    margin-left: var(--space-12) !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .m-md-n05 {
    margin: -var(--space-05) !important;
  }
  .m-md-n1 {
    margin: -var(--space-1) !important;
  }
  .m-md-n2 {
    margin: -var(--space-2) !important;
  }
  .m-md-n3 {
    margin: -var(--space-3) !important;
  }
  .m-md-n4 {
    margin: -var(--space-4) !important;
  }
  .m-md-n5 {
    margin: -var(--space-5) !important;
  }
  .m-md-n6 {
    margin: -var(--space-6) !important;
  }
  .m-md-n7 {
    margin: -var(--space-7) !important;
  }
  .m-md-n8 {
    margin: -var(--space-8) !important;
  }
  .m-md-n9 {
    margin: -var(--space-9) !important;
  }
  .m-md-n10 {
    margin: -var(--space-10) !important;
  }
  .m-md-n11 {
    margin: -var(--space-11) !important;
  }
  .m-md-n12 {
    margin: -var(--space-12) !important;
  }
  .mx-md-n05 {
    margin-right: -var(--space-05) !important;
    margin-left: -var(--space-05) !important;
  }
  .mx-md-n1 {
    margin-right: -var(--space-1) !important;
    margin-left: -var(--space-1) !important;
  }
  .mx-md-n2 {
    margin-right: -var(--space-2) !important;
    margin-left: -var(--space-2) !important;
  }
  .mx-md-n3 {
    margin-right: -var(--space-3) !important;
    margin-left: -var(--space-3) !important;
  }
  .mx-md-n4 {
    margin-right: -var(--space-4) !important;
    margin-left: -var(--space-4) !important;
  }
  .mx-md-n5 {
    margin-right: -var(--space-5) !important;
    margin-left: -var(--space-5) !important;
  }
  .mx-md-n6 {
    margin-right: -var(--space-6) !important;
    margin-left: -var(--space-6) !important;
  }
  .mx-md-n7 {
    margin-right: -var(--space-7) !important;
    margin-left: -var(--space-7) !important;
  }
  .mx-md-n8 {
    margin-right: -var(--space-8) !important;
    margin-left: -var(--space-8) !important;
  }
  .mx-md-n9 {
    margin-right: -var(--space-9) !important;
    margin-left: -var(--space-9) !important;
  }
  .mx-md-n10 {
    margin-right: -var(--space-10) !important;
    margin-left: -var(--space-10) !important;
  }
  .mx-md-n11 {
    margin-right: -var(--space-11) !important;
    margin-left: -var(--space-11) !important;
  }
  .mx-md-n12 {
    margin-right: -var(--space-12) !important;
    margin-left: -var(--space-12) !important;
  }
  .my-md-n05 {
    margin-top: -var(--space-05) !important;
    margin-bottom: -var(--space-05) !important;
  }
  .my-md-n1 {
    margin-top: -var(--space-1) !important;
    margin-bottom: -var(--space-1) !important;
  }
  .my-md-n2 {
    margin-top: -var(--space-2) !important;
    margin-bottom: -var(--space-2) !important;
  }
  .my-md-n3 {
    margin-top: -var(--space-3) !important;
    margin-bottom: -var(--space-3) !important;
  }
  .my-md-n4 {
    margin-top: -var(--space-4) !important;
    margin-bottom: -var(--space-4) !important;
  }
  .my-md-n5 {
    margin-top: -var(--space-5) !important;
    margin-bottom: -var(--space-5) !important;
  }
  .my-md-n6 {
    margin-top: -var(--space-6) !important;
    margin-bottom: -var(--space-6) !important;
  }
  .my-md-n7 {
    margin-top: -var(--space-7) !important;
    margin-bottom: -var(--space-7) !important;
  }
  .my-md-n8 {
    margin-top: -var(--space-8) !important;
    margin-bottom: -var(--space-8) !important;
  }
  .my-md-n9 {
    margin-top: -var(--space-9) !important;
    margin-bottom: -var(--space-9) !important;
  }
  .my-md-n10 {
    margin-top: -var(--space-10) !important;
    margin-bottom: -var(--space-10) !important;
  }
  .my-md-n11 {
    margin-top: -var(--space-11) !important;
    margin-bottom: -var(--space-11) !important;
  }
  .my-md-n12 {
    margin-top: -var(--space-12) !important;
    margin-bottom: -var(--space-12) !important;
  }
  .mt-md-n05 {
    margin-top: -var(--space-05) !important;
  }
  .mt-md-n1 {
    margin-top: -var(--space-1) !important;
  }
  .mt-md-n2 {
    margin-top: -var(--space-2) !important;
  }
  .mt-md-n3 {
    margin-top: -var(--space-3) !important;
  }
  .mt-md-n4 {
    margin-top: -var(--space-4) !important;
  }
  .mt-md-n5 {
    margin-top: -var(--space-5) !important;
  }
  .mt-md-n6 {
    margin-top: -var(--space-6) !important;
  }
  .mt-md-n7 {
    margin-top: -var(--space-7) !important;
  }
  .mt-md-n8 {
    margin-top: -var(--space-8) !important;
  }
  .mt-md-n9 {
    margin-top: -var(--space-9) !important;
  }
  .mt-md-n10 {
    margin-top: -var(--space-10) !important;
  }
  .mt-md-n11 {
    margin-top: -var(--space-11) !important;
  }
  .mt-md-n12 {
    margin-top: -var(--space-12) !important;
  }
  .me-md-n05 {
    margin-right: -var(--space-05) !important;
  }
  .me-md-n1 {
    margin-right: -var(--space-1) !important;
  }
  .me-md-n2 {
    margin-right: -var(--space-2) !important;
  }
  .me-md-n3 {
    margin-right: -var(--space-3) !important;
  }
  .me-md-n4 {
    margin-right: -var(--space-4) !important;
  }
  .me-md-n5 {
    margin-right: -var(--space-5) !important;
  }
  .me-md-n6 {
    margin-right: -var(--space-6) !important;
  }
  .me-md-n7 {
    margin-right: -var(--space-7) !important;
  }
  .me-md-n8 {
    margin-right: -var(--space-8) !important;
  }
  .me-md-n9 {
    margin-right: -var(--space-9) !important;
  }
  .me-md-n10 {
    margin-right: -var(--space-10) !important;
  }
  .me-md-n11 {
    margin-right: -var(--space-11) !important;
  }
  .me-md-n12 {
    margin-right: -var(--space-12) !important;
  }
  .mb-md-n05 {
    margin-bottom: -var(--space-05) !important;
  }
  .mb-md-n1 {
    margin-bottom: -var(--space-1) !important;
  }
  .mb-md-n2 {
    margin-bottom: -var(--space-2) !important;
  }
  .mb-md-n3 {
    margin-bottom: -var(--space-3) !important;
  }
  .mb-md-n4 {
    margin-bottom: -var(--space-4) !important;
  }
  .mb-md-n5 {
    margin-bottom: -var(--space-5) !important;
  }
  .mb-md-n6 {
    margin-bottom: -var(--space-6) !important;
  }
  .mb-md-n7 {
    margin-bottom: -var(--space-7) !important;
  }
  .mb-md-n8 {
    margin-bottom: -var(--space-8) !important;
  }
  .mb-md-n9 {
    margin-bottom: -var(--space-9) !important;
  }
  .mb-md-n10 {
    margin-bottom: -var(--space-10) !important;
  }
  .mb-md-n11 {
    margin-bottom: -var(--space-11) !important;
  }
  .mb-md-n12 {
    margin-bottom: -var(--space-12) !important;
  }
  .ms-md-n05 {
    margin-left: -var(--space-05) !important;
  }
  .ms-md-n1 {
    margin-left: -var(--space-1) !important;
  }
  .ms-md-n2 {
    margin-left: -var(--space-2) !important;
  }
  .ms-md-n3 {
    margin-left: -var(--space-3) !important;
  }
  .ms-md-n4 {
    margin-left: -var(--space-4) !important;
  }
  .ms-md-n5 {
    margin-left: -var(--space-5) !important;
  }
  .ms-md-n6 {
    margin-left: -var(--space-6) !important;
  }
  .ms-md-n7 {
    margin-left: -var(--space-7) !important;
  }
  .ms-md-n8 {
    margin-left: -var(--space-8) !important;
  }
  .ms-md-n9 {
    margin-left: -var(--space-9) !important;
  }
  .ms-md-n10 {
    margin-left: -var(--space-10) !important;
  }
  .ms-md-n11 {
    margin-left: -var(--space-11) !important;
  }
  .ms-md-n12 {
    margin-left: -var(--space-12) !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-05 {
    padding: var(--space-05) !important;
  }
  .p-md-1 {
    padding: var(--space-1) !important;
  }
  .p-md-2 {
    padding: var(--space-2) !important;
  }
  .p-md-3 {
    padding: var(--space-3) !important;
  }
  .p-md-4 {
    padding: var(--space-4) !important;
  }
  .p-md-5 {
    padding: var(--space-5) !important;
  }
  .p-md-6 {
    padding: var(--space-6) !important;
  }
  .p-md-7 {
    padding: var(--space-7) !important;
  }
  .p-md-8 {
    padding: var(--space-8) !important;
  }
  .p-md-9 {
    padding: var(--space-9) !important;
  }
  .p-md-10 {
    padding: var(--space-10) !important;
  }
  .p-md-11 {
    padding: var(--space-11) !important;
  }
  .p-md-12 {
    padding: var(--space-12) !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-05 {
    padding-right: var(--space-05) !important;
    padding-left: var(--space-05) !important;
  }
  .px-md-1 {
    padding-right: var(--space-1) !important;
    padding-left: var(--space-1) !important;
  }
  .px-md-2 {
    padding-right: var(--space-2) !important;
    padding-left: var(--space-2) !important;
  }
  .px-md-3 {
    padding-right: var(--space-3) !important;
    padding-left: var(--space-3) !important;
  }
  .px-md-4 {
    padding-right: var(--space-4) !important;
    padding-left: var(--space-4) !important;
  }
  .px-md-5 {
    padding-right: var(--space-5) !important;
    padding-left: var(--space-5) !important;
  }
  .px-md-6 {
    padding-right: var(--space-6) !important;
    padding-left: var(--space-6) !important;
  }
  .px-md-7 {
    padding-right: var(--space-7) !important;
    padding-left: var(--space-7) !important;
  }
  .px-md-8 {
    padding-right: var(--space-8) !important;
    padding-left: var(--space-8) !important;
  }
  .px-md-9 {
    padding-right: var(--space-9) !important;
    padding-left: var(--space-9) !important;
  }
  .px-md-10 {
    padding-right: var(--space-10) !important;
    padding-left: var(--space-10) !important;
  }
  .px-md-11 {
    padding-right: var(--space-11) !important;
    padding-left: var(--space-11) !important;
  }
  .px-md-12 {
    padding-right: var(--space-12) !important;
    padding-left: var(--space-12) !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-05 {
    padding-top: var(--space-05) !important;
    padding-bottom: var(--space-05) !important;
  }
  .py-md-1 {
    padding-top: var(--space-1) !important;
    padding-bottom: var(--space-1) !important;
  }
  .py-md-2 {
    padding-top: var(--space-2) !important;
    padding-bottom: var(--space-2) !important;
  }
  .py-md-3 {
    padding-top: var(--space-3) !important;
    padding-bottom: var(--space-3) !important;
  }
  .py-md-4 {
    padding-top: var(--space-4) !important;
    padding-bottom: var(--space-4) !important;
  }
  .py-md-5 {
    padding-top: var(--space-5) !important;
    padding-bottom: var(--space-5) !important;
  }
  .py-md-6 {
    padding-top: var(--space-6) !important;
    padding-bottom: var(--space-6) !important;
  }
  .py-md-7 {
    padding-top: var(--space-7) !important;
    padding-bottom: var(--space-7) !important;
  }
  .py-md-8 {
    padding-top: var(--space-8) !important;
    padding-bottom: var(--space-8) !important;
  }
  .py-md-9 {
    padding-top: var(--space-9) !important;
    padding-bottom: var(--space-9) !important;
  }
  .py-md-10 {
    padding-top: var(--space-10) !important;
    padding-bottom: var(--space-10) !important;
  }
  .py-md-11 {
    padding-top: var(--space-11) !important;
    padding-bottom: var(--space-11) !important;
  }
  .py-md-12 {
    padding-top: var(--space-12) !important;
    padding-bottom: var(--space-12) !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-05 {
    padding-top: var(--space-05) !important;
  }
  .pt-md-1 {
    padding-top: var(--space-1) !important;
  }
  .pt-md-2 {
    padding-top: var(--space-2) !important;
  }
  .pt-md-3 {
    padding-top: var(--space-3) !important;
  }
  .pt-md-4 {
    padding-top: var(--space-4) !important;
  }
  .pt-md-5 {
    padding-top: var(--space-5) !important;
  }
  .pt-md-6 {
    padding-top: var(--space-6) !important;
  }
  .pt-md-7 {
    padding-top: var(--space-7) !important;
  }
  .pt-md-8 {
    padding-top: var(--space-8) !important;
  }
  .pt-md-9 {
    padding-top: var(--space-9) !important;
  }
  .pt-md-10 {
    padding-top: var(--space-10) !important;
  }
  .pt-md-11 {
    padding-top: var(--space-11) !important;
  }
  .pt-md-12 {
    padding-top: var(--space-12) !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-05 {
    padding-right: var(--space-05) !important;
  }
  .pe-md-1 {
    padding-right: var(--space-1) !important;
  }
  .pe-md-2 {
    padding-right: var(--space-2) !important;
  }
  .pe-md-3 {
    padding-right: var(--space-3) !important;
  }
  .pe-md-4 {
    padding-right: var(--space-4) !important;
  }
  .pe-md-5 {
    padding-right: var(--space-5) !important;
  }
  .pe-md-6 {
    padding-right: var(--space-6) !important;
  }
  .pe-md-7 {
    padding-right: var(--space-7) !important;
  }
  .pe-md-8 {
    padding-right: var(--space-8) !important;
  }
  .pe-md-9 {
    padding-right: var(--space-9) !important;
  }
  .pe-md-10 {
    padding-right: var(--space-10) !important;
  }
  .pe-md-11 {
    padding-right: var(--space-11) !important;
  }
  .pe-md-12 {
    padding-right: var(--space-12) !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-05 {
    padding-bottom: var(--space-05) !important;
  }
  .pb-md-1 {
    padding-bottom: var(--space-1) !important;
  }
  .pb-md-2 {
    padding-bottom: var(--space-2) !important;
  }
  .pb-md-3 {
    padding-bottom: var(--space-3) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--space-4) !important;
  }
  .pb-md-5 {
    padding-bottom: var(--space-5) !important;
  }
  .pb-md-6 {
    padding-bottom: var(--space-6) !important;
  }
  .pb-md-7 {
    padding-bottom: var(--space-7) !important;
  }
  .pb-md-8 {
    padding-bottom: var(--space-8) !important;
  }
  .pb-md-9 {
    padding-bottom: var(--space-9) !important;
  }
  .pb-md-10 {
    padding-bottom: var(--space-10) !important;
  }
  .pb-md-11 {
    padding-bottom: var(--space-11) !important;
  }
  .pb-md-12 {
    padding-bottom: var(--space-12) !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-05 {
    padding-left: var(--space-05) !important;
  }
  .ps-md-1 {
    padding-left: var(--space-1) !important;
  }
  .ps-md-2 {
    padding-left: var(--space-2) !important;
  }
  .ps-md-3 {
    padding-left: var(--space-3) !important;
  }
  .ps-md-4 {
    padding-left: var(--space-4) !important;
  }
  .ps-md-5 {
    padding-left: var(--space-5) !important;
  }
  .ps-md-6 {
    padding-left: var(--space-6) !important;
  }
  .ps-md-7 {
    padding-left: var(--space-7) !important;
  }
  .ps-md-8 {
    padding-left: var(--space-8) !important;
  }
  .ps-md-9 {
    padding-left: var(--space-9) !important;
  }
  .ps-md-10 {
    padding-left: var(--space-10) !important;
  }
  .ps-md-11 {
    padding-left: var(--space-11) !important;
  }
  .ps-md-12 {
    padding-left: var(--space-12) !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-05 {
    margin: var(--space-05) !important;
  }
  .m-lg-1 {
    margin: var(--space-1) !important;
  }
  .m-lg-2 {
    margin: var(--space-2) !important;
  }
  .m-lg-3 {
    margin: var(--space-3) !important;
  }
  .m-lg-4 {
    margin: var(--space-4) !important;
  }
  .m-lg-5 {
    margin: var(--space-5) !important;
  }
  .m-lg-6 {
    margin: var(--space-6) !important;
  }
  .m-lg-7 {
    margin: var(--space-7) !important;
  }
  .m-lg-8 {
    margin: var(--space-8) !important;
  }
  .m-lg-9 {
    margin: var(--space-9) !important;
  }
  .m-lg-10 {
    margin: var(--space-10) !important;
  }
  .m-lg-11 {
    margin: var(--space-11) !important;
  }
  .m-lg-12 {
    margin: var(--space-12) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-05 {
    margin-right: var(--space-05) !important;
    margin-left: var(--space-05) !important;
  }
  .mx-lg-1 {
    margin-right: var(--space-1) !important;
    margin-left: var(--space-1) !important;
  }
  .mx-lg-2 {
    margin-right: var(--space-2) !important;
    margin-left: var(--space-2) !important;
  }
  .mx-lg-3 {
    margin-right: var(--space-3) !important;
    margin-left: var(--space-3) !important;
  }
  .mx-lg-4 {
    margin-right: var(--space-4) !important;
    margin-left: var(--space-4) !important;
  }
  .mx-lg-5 {
    margin-right: var(--space-5) !important;
    margin-left: var(--space-5) !important;
  }
  .mx-lg-6 {
    margin-right: var(--space-6) !important;
    margin-left: var(--space-6) !important;
  }
  .mx-lg-7 {
    margin-right: var(--space-7) !important;
    margin-left: var(--space-7) !important;
  }
  .mx-lg-8 {
    margin-right: var(--space-8) !important;
    margin-left: var(--space-8) !important;
  }
  .mx-lg-9 {
    margin-right: var(--space-9) !important;
    margin-left: var(--space-9) !important;
  }
  .mx-lg-10 {
    margin-right: var(--space-10) !important;
    margin-left: var(--space-10) !important;
  }
  .mx-lg-11 {
    margin-right: var(--space-11) !important;
    margin-left: var(--space-11) !important;
  }
  .mx-lg-12 {
    margin-right: var(--space-12) !important;
    margin-left: var(--space-12) !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-05 {
    margin-top: var(--space-05) !important;
    margin-bottom: var(--space-05) !important;
  }
  .my-lg-1 {
    margin-top: var(--space-1) !important;
    margin-bottom: var(--space-1) !important;
  }
  .my-lg-2 {
    margin-top: var(--space-2) !important;
    margin-bottom: var(--space-2) !important;
  }
  .my-lg-3 {
    margin-top: var(--space-3) !important;
    margin-bottom: var(--space-3) !important;
  }
  .my-lg-4 {
    margin-top: var(--space-4) !important;
    margin-bottom: var(--space-4) !important;
  }
  .my-lg-5 {
    margin-top: var(--space-5) !important;
    margin-bottom: var(--space-5) !important;
  }
  .my-lg-6 {
    margin-top: var(--space-6) !important;
    margin-bottom: var(--space-6) !important;
  }
  .my-lg-7 {
    margin-top: var(--space-7) !important;
    margin-bottom: var(--space-7) !important;
  }
  .my-lg-8 {
    margin-top: var(--space-8) !important;
    margin-bottom: var(--space-8) !important;
  }
  .my-lg-9 {
    margin-top: var(--space-9) !important;
    margin-bottom: var(--space-9) !important;
  }
  .my-lg-10 {
    margin-top: var(--space-10) !important;
    margin-bottom: var(--space-10) !important;
  }
  .my-lg-11 {
    margin-top: var(--space-11) !important;
    margin-bottom: var(--space-11) !important;
  }
  .my-lg-12 {
    margin-top: var(--space-12) !important;
    margin-bottom: var(--space-12) !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-05 {
    margin-top: var(--space-05) !important;
  }
  .mt-lg-1 {
    margin-top: var(--space-1) !important;
  }
  .mt-lg-2 {
    margin-top: var(--space-2) !important;
  }
  .mt-lg-3 {
    margin-top: var(--space-3) !important;
  }
  .mt-lg-4 {
    margin-top: var(--space-4) !important;
  }
  .mt-lg-5 {
    margin-top: var(--space-5) !important;
  }
  .mt-lg-6 {
    margin-top: var(--space-6) !important;
  }
  .mt-lg-7 {
    margin-top: var(--space-7) !important;
  }
  .mt-lg-8 {
    margin-top: var(--space-8) !important;
  }
  .mt-lg-9 {
    margin-top: var(--space-9) !important;
  }
  .mt-lg-10 {
    margin-top: var(--space-10) !important;
  }
  .mt-lg-11 {
    margin-top: var(--space-11) !important;
  }
  .mt-lg-12 {
    margin-top: var(--space-12) !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-05 {
    margin-right: var(--space-05) !important;
  }
  .me-lg-1 {
    margin-right: var(--space-1) !important;
  }
  .me-lg-2 {
    margin-right: var(--space-2) !important;
  }
  .me-lg-3 {
    margin-right: var(--space-3) !important;
  }
  .me-lg-4 {
    margin-right: var(--space-4) !important;
  }
  .me-lg-5 {
    margin-right: var(--space-5) !important;
  }
  .me-lg-6 {
    margin-right: var(--space-6) !important;
  }
  .me-lg-7 {
    margin-right: var(--space-7) !important;
  }
  .me-lg-8 {
    margin-right: var(--space-8) !important;
  }
  .me-lg-9 {
    margin-right: var(--space-9) !important;
  }
  .me-lg-10 {
    margin-right: var(--space-10) !important;
  }
  .me-lg-11 {
    margin-right: var(--space-11) !important;
  }
  .me-lg-12 {
    margin-right: var(--space-12) !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-05 {
    margin-bottom: var(--space-05) !important;
  }
  .mb-lg-1 {
    margin-bottom: var(--space-1) !important;
  }
  .mb-lg-2 {
    margin-bottom: var(--space-2) !important;
  }
  .mb-lg-3 {
    margin-bottom: var(--space-3) !important;
  }
  .mb-lg-4 {
    margin-bottom: var(--space-4) !important;
  }
  .mb-lg-5 {
    margin-bottom: var(--space-5) !important;
  }
  .mb-lg-6 {
    margin-bottom: var(--space-6) !important;
  }
  .mb-lg-7 {
    margin-bottom: var(--space-7) !important;
  }
  .mb-lg-8 {
    margin-bottom: var(--space-8) !important;
  }
  .mb-lg-9 {
    margin-bottom: var(--space-9) !important;
  }
  .mb-lg-10 {
    margin-bottom: var(--space-10) !important;
  }
  .mb-lg-11 {
    margin-bottom: var(--space-11) !important;
  }
  .mb-lg-12 {
    margin-bottom: var(--space-12) !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-05 {
    margin-left: var(--space-05) !important;
  }
  .ms-lg-1 {
    margin-left: var(--space-1) !important;
  }
  .ms-lg-2 {
    margin-left: var(--space-2) !important;
  }
  .ms-lg-3 {
    margin-left: var(--space-3) !important;
  }
  .ms-lg-4 {
    margin-left: var(--space-4) !important;
  }
  .ms-lg-5 {
    margin-left: var(--space-5) !important;
  }
  .ms-lg-6 {
    margin-left: var(--space-6) !important;
  }
  .ms-lg-7 {
    margin-left: var(--space-7) !important;
  }
  .ms-lg-8 {
    margin-left: var(--space-8) !important;
  }
  .ms-lg-9 {
    margin-left: var(--space-9) !important;
  }
  .ms-lg-10 {
    margin-left: var(--space-10) !important;
  }
  .ms-lg-11 {
    margin-left: var(--space-11) !important;
  }
  .ms-lg-12 {
    margin-left: var(--space-12) !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .m-lg-n05 {
    margin: -var(--space-05) !important;
  }
  .m-lg-n1 {
    margin: -var(--space-1) !important;
  }
  .m-lg-n2 {
    margin: -var(--space-2) !important;
  }
  .m-lg-n3 {
    margin: -var(--space-3) !important;
  }
  .m-lg-n4 {
    margin: -var(--space-4) !important;
  }
  .m-lg-n5 {
    margin: -var(--space-5) !important;
  }
  .m-lg-n6 {
    margin: -var(--space-6) !important;
  }
  .m-lg-n7 {
    margin: -var(--space-7) !important;
  }
  .m-lg-n8 {
    margin: -var(--space-8) !important;
  }
  .m-lg-n9 {
    margin: -var(--space-9) !important;
  }
  .m-lg-n10 {
    margin: -var(--space-10) !important;
  }
  .m-lg-n11 {
    margin: -var(--space-11) !important;
  }
  .m-lg-n12 {
    margin: -var(--space-12) !important;
  }
  .mx-lg-n05 {
    margin-right: -var(--space-05) !important;
    margin-left: -var(--space-05) !important;
  }
  .mx-lg-n1 {
    margin-right: -var(--space-1) !important;
    margin-left: -var(--space-1) !important;
  }
  .mx-lg-n2 {
    margin-right: -var(--space-2) !important;
    margin-left: -var(--space-2) !important;
  }
  .mx-lg-n3 {
    margin-right: -var(--space-3) !important;
    margin-left: -var(--space-3) !important;
  }
  .mx-lg-n4 {
    margin-right: -var(--space-4) !important;
    margin-left: -var(--space-4) !important;
  }
  .mx-lg-n5 {
    margin-right: -var(--space-5) !important;
    margin-left: -var(--space-5) !important;
  }
  .mx-lg-n6 {
    margin-right: -var(--space-6) !important;
    margin-left: -var(--space-6) !important;
  }
  .mx-lg-n7 {
    margin-right: -var(--space-7) !important;
    margin-left: -var(--space-7) !important;
  }
  .mx-lg-n8 {
    margin-right: -var(--space-8) !important;
    margin-left: -var(--space-8) !important;
  }
  .mx-lg-n9 {
    margin-right: -var(--space-9) !important;
    margin-left: -var(--space-9) !important;
  }
  .mx-lg-n10 {
    margin-right: -var(--space-10) !important;
    margin-left: -var(--space-10) !important;
  }
  .mx-lg-n11 {
    margin-right: -var(--space-11) !important;
    margin-left: -var(--space-11) !important;
  }
  .mx-lg-n12 {
    margin-right: -var(--space-12) !important;
    margin-left: -var(--space-12) !important;
  }
  .my-lg-n05 {
    margin-top: -var(--space-05) !important;
    margin-bottom: -var(--space-05) !important;
  }
  .my-lg-n1 {
    margin-top: -var(--space-1) !important;
    margin-bottom: -var(--space-1) !important;
  }
  .my-lg-n2 {
    margin-top: -var(--space-2) !important;
    margin-bottom: -var(--space-2) !important;
  }
  .my-lg-n3 {
    margin-top: -var(--space-3) !important;
    margin-bottom: -var(--space-3) !important;
  }
  .my-lg-n4 {
    margin-top: -var(--space-4) !important;
    margin-bottom: -var(--space-4) !important;
  }
  .my-lg-n5 {
    margin-top: -var(--space-5) !important;
    margin-bottom: -var(--space-5) !important;
  }
  .my-lg-n6 {
    margin-top: -var(--space-6) !important;
    margin-bottom: -var(--space-6) !important;
  }
  .my-lg-n7 {
    margin-top: -var(--space-7) !important;
    margin-bottom: -var(--space-7) !important;
  }
  .my-lg-n8 {
    margin-top: -var(--space-8) !important;
    margin-bottom: -var(--space-8) !important;
  }
  .my-lg-n9 {
    margin-top: -var(--space-9) !important;
    margin-bottom: -var(--space-9) !important;
  }
  .my-lg-n10 {
    margin-top: -var(--space-10) !important;
    margin-bottom: -var(--space-10) !important;
  }
  .my-lg-n11 {
    margin-top: -var(--space-11) !important;
    margin-bottom: -var(--space-11) !important;
  }
  .my-lg-n12 {
    margin-top: -var(--space-12) !important;
    margin-bottom: -var(--space-12) !important;
  }
  .mt-lg-n05 {
    margin-top: -var(--space-05) !important;
  }
  .mt-lg-n1 {
    margin-top: -var(--space-1) !important;
  }
  .mt-lg-n2 {
    margin-top: -var(--space-2) !important;
  }
  .mt-lg-n3 {
    margin-top: -var(--space-3) !important;
  }
  .mt-lg-n4 {
    margin-top: -var(--space-4) !important;
  }
  .mt-lg-n5 {
    margin-top: -var(--space-5) !important;
  }
  .mt-lg-n6 {
    margin-top: -var(--space-6) !important;
  }
  .mt-lg-n7 {
    margin-top: -var(--space-7) !important;
  }
  .mt-lg-n8 {
    margin-top: -var(--space-8) !important;
  }
  .mt-lg-n9 {
    margin-top: -var(--space-9) !important;
  }
  .mt-lg-n10 {
    margin-top: -var(--space-10) !important;
  }
  .mt-lg-n11 {
    margin-top: -var(--space-11) !important;
  }
  .mt-lg-n12 {
    margin-top: -var(--space-12) !important;
  }
  .me-lg-n05 {
    margin-right: -var(--space-05) !important;
  }
  .me-lg-n1 {
    margin-right: -var(--space-1) !important;
  }
  .me-lg-n2 {
    margin-right: -var(--space-2) !important;
  }
  .me-lg-n3 {
    margin-right: -var(--space-3) !important;
  }
  .me-lg-n4 {
    margin-right: -var(--space-4) !important;
  }
  .me-lg-n5 {
    margin-right: -var(--space-5) !important;
  }
  .me-lg-n6 {
    margin-right: -var(--space-6) !important;
  }
  .me-lg-n7 {
    margin-right: -var(--space-7) !important;
  }
  .me-lg-n8 {
    margin-right: -var(--space-8) !important;
  }
  .me-lg-n9 {
    margin-right: -var(--space-9) !important;
  }
  .me-lg-n10 {
    margin-right: -var(--space-10) !important;
  }
  .me-lg-n11 {
    margin-right: -var(--space-11) !important;
  }
  .me-lg-n12 {
    margin-right: -var(--space-12) !important;
  }
  .mb-lg-n05 {
    margin-bottom: -var(--space-05) !important;
  }
  .mb-lg-n1 {
    margin-bottom: -var(--space-1) !important;
  }
  .mb-lg-n2 {
    margin-bottom: -var(--space-2) !important;
  }
  .mb-lg-n3 {
    margin-bottom: -var(--space-3) !important;
  }
  .mb-lg-n4 {
    margin-bottom: -var(--space-4) !important;
  }
  .mb-lg-n5 {
    margin-bottom: -var(--space-5) !important;
  }
  .mb-lg-n6 {
    margin-bottom: -var(--space-6) !important;
  }
  .mb-lg-n7 {
    margin-bottom: -var(--space-7) !important;
  }
  .mb-lg-n8 {
    margin-bottom: -var(--space-8) !important;
  }
  .mb-lg-n9 {
    margin-bottom: -var(--space-9) !important;
  }
  .mb-lg-n10 {
    margin-bottom: -var(--space-10) !important;
  }
  .mb-lg-n11 {
    margin-bottom: -var(--space-11) !important;
  }
  .mb-lg-n12 {
    margin-bottom: -var(--space-12) !important;
  }
  .ms-lg-n05 {
    margin-left: -var(--space-05) !important;
  }
  .ms-lg-n1 {
    margin-left: -var(--space-1) !important;
  }
  .ms-lg-n2 {
    margin-left: -var(--space-2) !important;
  }
  .ms-lg-n3 {
    margin-left: -var(--space-3) !important;
  }
  .ms-lg-n4 {
    margin-left: -var(--space-4) !important;
  }
  .ms-lg-n5 {
    margin-left: -var(--space-5) !important;
  }
  .ms-lg-n6 {
    margin-left: -var(--space-6) !important;
  }
  .ms-lg-n7 {
    margin-left: -var(--space-7) !important;
  }
  .ms-lg-n8 {
    margin-left: -var(--space-8) !important;
  }
  .ms-lg-n9 {
    margin-left: -var(--space-9) !important;
  }
  .ms-lg-n10 {
    margin-left: -var(--space-10) !important;
  }
  .ms-lg-n11 {
    margin-left: -var(--space-11) !important;
  }
  .ms-lg-n12 {
    margin-left: -var(--space-12) !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-05 {
    padding: var(--space-05) !important;
  }
  .p-lg-1 {
    padding: var(--space-1) !important;
  }
  .p-lg-2 {
    padding: var(--space-2) !important;
  }
  .p-lg-3 {
    padding: var(--space-3) !important;
  }
  .p-lg-4 {
    padding: var(--space-4) !important;
  }
  .p-lg-5 {
    padding: var(--space-5) !important;
  }
  .p-lg-6 {
    padding: var(--space-6) !important;
  }
  .p-lg-7 {
    padding: var(--space-7) !important;
  }
  .p-lg-8 {
    padding: var(--space-8) !important;
  }
  .p-lg-9 {
    padding: var(--space-9) !important;
  }
  .p-lg-10 {
    padding: var(--space-10) !important;
  }
  .p-lg-11 {
    padding: var(--space-11) !important;
  }
  .p-lg-12 {
    padding: var(--space-12) !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-05 {
    padding-right: var(--space-05) !important;
    padding-left: var(--space-05) !important;
  }
  .px-lg-1 {
    padding-right: var(--space-1) !important;
    padding-left: var(--space-1) !important;
  }
  .px-lg-2 {
    padding-right: var(--space-2) !important;
    padding-left: var(--space-2) !important;
  }
  .px-lg-3 {
    padding-right: var(--space-3) !important;
    padding-left: var(--space-3) !important;
  }
  .px-lg-4 {
    padding-right: var(--space-4) !important;
    padding-left: var(--space-4) !important;
  }
  .px-lg-5 {
    padding-right: var(--space-5) !important;
    padding-left: var(--space-5) !important;
  }
  .px-lg-6 {
    padding-right: var(--space-6) !important;
    padding-left: var(--space-6) !important;
  }
  .px-lg-7 {
    padding-right: var(--space-7) !important;
    padding-left: var(--space-7) !important;
  }
  .px-lg-8 {
    padding-right: var(--space-8) !important;
    padding-left: var(--space-8) !important;
  }
  .px-lg-9 {
    padding-right: var(--space-9) !important;
    padding-left: var(--space-9) !important;
  }
  .px-lg-10 {
    padding-right: var(--space-10) !important;
    padding-left: var(--space-10) !important;
  }
  .px-lg-11 {
    padding-right: var(--space-11) !important;
    padding-left: var(--space-11) !important;
  }
  .px-lg-12 {
    padding-right: var(--space-12) !important;
    padding-left: var(--space-12) !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-05 {
    padding-top: var(--space-05) !important;
    padding-bottom: var(--space-05) !important;
  }
  .py-lg-1 {
    padding-top: var(--space-1) !important;
    padding-bottom: var(--space-1) !important;
  }
  .py-lg-2 {
    padding-top: var(--space-2) !important;
    padding-bottom: var(--space-2) !important;
  }
  .py-lg-3 {
    padding-top: var(--space-3) !important;
    padding-bottom: var(--space-3) !important;
  }
  .py-lg-4 {
    padding-top: var(--space-4) !important;
    padding-bottom: var(--space-4) !important;
  }
  .py-lg-5 {
    padding-top: var(--space-5) !important;
    padding-bottom: var(--space-5) !important;
  }
  .py-lg-6 {
    padding-top: var(--space-6) !important;
    padding-bottom: var(--space-6) !important;
  }
  .py-lg-7 {
    padding-top: var(--space-7) !important;
    padding-bottom: var(--space-7) !important;
  }
  .py-lg-8 {
    padding-top: var(--space-8) !important;
    padding-bottom: var(--space-8) !important;
  }
  .py-lg-9 {
    padding-top: var(--space-9) !important;
    padding-bottom: var(--space-9) !important;
  }
  .py-lg-10 {
    padding-top: var(--space-10) !important;
    padding-bottom: var(--space-10) !important;
  }
  .py-lg-11 {
    padding-top: var(--space-11) !important;
    padding-bottom: var(--space-11) !important;
  }
  .py-lg-12 {
    padding-top: var(--space-12) !important;
    padding-bottom: var(--space-12) !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-05 {
    padding-top: var(--space-05) !important;
  }
  .pt-lg-1 {
    padding-top: var(--space-1) !important;
  }
  .pt-lg-2 {
    padding-top: var(--space-2) !important;
  }
  .pt-lg-3 {
    padding-top: var(--space-3) !important;
  }
  .pt-lg-4 {
    padding-top: var(--space-4) !important;
  }
  .pt-lg-5 {
    padding-top: var(--space-5) !important;
  }
  .pt-lg-6 {
    padding-top: var(--space-6) !important;
  }
  .pt-lg-7 {
    padding-top: var(--space-7) !important;
  }
  .pt-lg-8 {
    padding-top: var(--space-8) !important;
  }
  .pt-lg-9 {
    padding-top: var(--space-9) !important;
  }
  .pt-lg-10 {
    padding-top: var(--space-10) !important;
  }
  .pt-lg-11 {
    padding-top: var(--space-11) !important;
  }
  .pt-lg-12 {
    padding-top: var(--space-12) !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-05 {
    padding-right: var(--space-05) !important;
  }
  .pe-lg-1 {
    padding-right: var(--space-1) !important;
  }
  .pe-lg-2 {
    padding-right: var(--space-2) !important;
  }
  .pe-lg-3 {
    padding-right: var(--space-3) !important;
  }
  .pe-lg-4 {
    padding-right: var(--space-4) !important;
  }
  .pe-lg-5 {
    padding-right: var(--space-5) !important;
  }
  .pe-lg-6 {
    padding-right: var(--space-6) !important;
  }
  .pe-lg-7 {
    padding-right: var(--space-7) !important;
  }
  .pe-lg-8 {
    padding-right: var(--space-8) !important;
  }
  .pe-lg-9 {
    padding-right: var(--space-9) !important;
  }
  .pe-lg-10 {
    padding-right: var(--space-10) !important;
  }
  .pe-lg-11 {
    padding-right: var(--space-11) !important;
  }
  .pe-lg-12 {
    padding-right: var(--space-12) !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-05 {
    padding-bottom: var(--space-05) !important;
  }
  .pb-lg-1 {
    padding-bottom: var(--space-1) !important;
  }
  .pb-lg-2 {
    padding-bottom: var(--space-2) !important;
  }
  .pb-lg-3 {
    padding-bottom: var(--space-3) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--space-4) !important;
  }
  .pb-lg-5 {
    padding-bottom: var(--space-5) !important;
  }
  .pb-lg-6 {
    padding-bottom: var(--space-6) !important;
  }
  .pb-lg-7 {
    padding-bottom: var(--space-7) !important;
  }
  .pb-lg-8 {
    padding-bottom: var(--space-8) !important;
  }
  .pb-lg-9 {
    padding-bottom: var(--space-9) !important;
  }
  .pb-lg-10 {
    padding-bottom: var(--space-10) !important;
  }
  .pb-lg-11 {
    padding-bottom: var(--space-11) !important;
  }
  .pb-lg-12 {
    padding-bottom: var(--space-12) !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-05 {
    padding-left: var(--space-05) !important;
  }
  .ps-lg-1 {
    padding-left: var(--space-1) !important;
  }
  .ps-lg-2 {
    padding-left: var(--space-2) !important;
  }
  .ps-lg-3 {
    padding-left: var(--space-3) !important;
  }
  .ps-lg-4 {
    padding-left: var(--space-4) !important;
  }
  .ps-lg-5 {
    padding-left: var(--space-5) !important;
  }
  .ps-lg-6 {
    padding-left: var(--space-6) !important;
  }
  .ps-lg-7 {
    padding-left: var(--space-7) !important;
  }
  .ps-lg-8 {
    padding-left: var(--space-8) !important;
  }
  .ps-lg-9 {
    padding-left: var(--space-9) !important;
  }
  .ps-lg-10 {
    padding-left: var(--space-10) !important;
  }
  .ps-lg-11 {
    padding-left: var(--space-11) !important;
  }
  .ps-lg-12 {
    padding-left: var(--space-12) !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-05 {
    margin: var(--space-05) !important;
  }
  .m-xl-1 {
    margin: var(--space-1) !important;
  }
  .m-xl-2 {
    margin: var(--space-2) !important;
  }
  .m-xl-3 {
    margin: var(--space-3) !important;
  }
  .m-xl-4 {
    margin: var(--space-4) !important;
  }
  .m-xl-5 {
    margin: var(--space-5) !important;
  }
  .m-xl-6 {
    margin: var(--space-6) !important;
  }
  .m-xl-7 {
    margin: var(--space-7) !important;
  }
  .m-xl-8 {
    margin: var(--space-8) !important;
  }
  .m-xl-9 {
    margin: var(--space-9) !important;
  }
  .m-xl-10 {
    margin: var(--space-10) !important;
  }
  .m-xl-11 {
    margin: var(--space-11) !important;
  }
  .m-xl-12 {
    margin: var(--space-12) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-05 {
    margin-right: var(--space-05) !important;
    margin-left: var(--space-05) !important;
  }
  .mx-xl-1 {
    margin-right: var(--space-1) !important;
    margin-left: var(--space-1) !important;
  }
  .mx-xl-2 {
    margin-right: var(--space-2) !important;
    margin-left: var(--space-2) !important;
  }
  .mx-xl-3 {
    margin-right: var(--space-3) !important;
    margin-left: var(--space-3) !important;
  }
  .mx-xl-4 {
    margin-right: var(--space-4) !important;
    margin-left: var(--space-4) !important;
  }
  .mx-xl-5 {
    margin-right: var(--space-5) !important;
    margin-left: var(--space-5) !important;
  }
  .mx-xl-6 {
    margin-right: var(--space-6) !important;
    margin-left: var(--space-6) !important;
  }
  .mx-xl-7 {
    margin-right: var(--space-7) !important;
    margin-left: var(--space-7) !important;
  }
  .mx-xl-8 {
    margin-right: var(--space-8) !important;
    margin-left: var(--space-8) !important;
  }
  .mx-xl-9 {
    margin-right: var(--space-9) !important;
    margin-left: var(--space-9) !important;
  }
  .mx-xl-10 {
    margin-right: var(--space-10) !important;
    margin-left: var(--space-10) !important;
  }
  .mx-xl-11 {
    margin-right: var(--space-11) !important;
    margin-left: var(--space-11) !important;
  }
  .mx-xl-12 {
    margin-right: var(--space-12) !important;
    margin-left: var(--space-12) !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-05 {
    margin-top: var(--space-05) !important;
    margin-bottom: var(--space-05) !important;
  }
  .my-xl-1 {
    margin-top: var(--space-1) !important;
    margin-bottom: var(--space-1) !important;
  }
  .my-xl-2 {
    margin-top: var(--space-2) !important;
    margin-bottom: var(--space-2) !important;
  }
  .my-xl-3 {
    margin-top: var(--space-3) !important;
    margin-bottom: var(--space-3) !important;
  }
  .my-xl-4 {
    margin-top: var(--space-4) !important;
    margin-bottom: var(--space-4) !important;
  }
  .my-xl-5 {
    margin-top: var(--space-5) !important;
    margin-bottom: var(--space-5) !important;
  }
  .my-xl-6 {
    margin-top: var(--space-6) !important;
    margin-bottom: var(--space-6) !important;
  }
  .my-xl-7 {
    margin-top: var(--space-7) !important;
    margin-bottom: var(--space-7) !important;
  }
  .my-xl-8 {
    margin-top: var(--space-8) !important;
    margin-bottom: var(--space-8) !important;
  }
  .my-xl-9 {
    margin-top: var(--space-9) !important;
    margin-bottom: var(--space-9) !important;
  }
  .my-xl-10 {
    margin-top: var(--space-10) !important;
    margin-bottom: var(--space-10) !important;
  }
  .my-xl-11 {
    margin-top: var(--space-11) !important;
    margin-bottom: var(--space-11) !important;
  }
  .my-xl-12 {
    margin-top: var(--space-12) !important;
    margin-bottom: var(--space-12) !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-05 {
    margin-top: var(--space-05) !important;
  }
  .mt-xl-1 {
    margin-top: var(--space-1) !important;
  }
  .mt-xl-2 {
    margin-top: var(--space-2) !important;
  }
  .mt-xl-3 {
    margin-top: var(--space-3) !important;
  }
  .mt-xl-4 {
    margin-top: var(--space-4) !important;
  }
  .mt-xl-5 {
    margin-top: var(--space-5) !important;
  }
  .mt-xl-6 {
    margin-top: var(--space-6) !important;
  }
  .mt-xl-7 {
    margin-top: var(--space-7) !important;
  }
  .mt-xl-8 {
    margin-top: var(--space-8) !important;
  }
  .mt-xl-9 {
    margin-top: var(--space-9) !important;
  }
  .mt-xl-10 {
    margin-top: var(--space-10) !important;
  }
  .mt-xl-11 {
    margin-top: var(--space-11) !important;
  }
  .mt-xl-12 {
    margin-top: var(--space-12) !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-05 {
    margin-right: var(--space-05) !important;
  }
  .me-xl-1 {
    margin-right: var(--space-1) !important;
  }
  .me-xl-2 {
    margin-right: var(--space-2) !important;
  }
  .me-xl-3 {
    margin-right: var(--space-3) !important;
  }
  .me-xl-4 {
    margin-right: var(--space-4) !important;
  }
  .me-xl-5 {
    margin-right: var(--space-5) !important;
  }
  .me-xl-6 {
    margin-right: var(--space-6) !important;
  }
  .me-xl-7 {
    margin-right: var(--space-7) !important;
  }
  .me-xl-8 {
    margin-right: var(--space-8) !important;
  }
  .me-xl-9 {
    margin-right: var(--space-9) !important;
  }
  .me-xl-10 {
    margin-right: var(--space-10) !important;
  }
  .me-xl-11 {
    margin-right: var(--space-11) !important;
  }
  .me-xl-12 {
    margin-right: var(--space-12) !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-05 {
    margin-bottom: var(--space-05) !important;
  }
  .mb-xl-1 {
    margin-bottom: var(--space-1) !important;
  }
  .mb-xl-2 {
    margin-bottom: var(--space-2) !important;
  }
  .mb-xl-3 {
    margin-bottom: var(--space-3) !important;
  }
  .mb-xl-4 {
    margin-bottom: var(--space-4) !important;
  }
  .mb-xl-5 {
    margin-bottom: var(--space-5) !important;
  }
  .mb-xl-6 {
    margin-bottom: var(--space-6) !important;
  }
  .mb-xl-7 {
    margin-bottom: var(--space-7) !important;
  }
  .mb-xl-8 {
    margin-bottom: var(--space-8) !important;
  }
  .mb-xl-9 {
    margin-bottom: var(--space-9) !important;
  }
  .mb-xl-10 {
    margin-bottom: var(--space-10) !important;
  }
  .mb-xl-11 {
    margin-bottom: var(--space-11) !important;
  }
  .mb-xl-12 {
    margin-bottom: var(--space-12) !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-05 {
    margin-left: var(--space-05) !important;
  }
  .ms-xl-1 {
    margin-left: var(--space-1) !important;
  }
  .ms-xl-2 {
    margin-left: var(--space-2) !important;
  }
  .ms-xl-3 {
    margin-left: var(--space-3) !important;
  }
  .ms-xl-4 {
    margin-left: var(--space-4) !important;
  }
  .ms-xl-5 {
    margin-left: var(--space-5) !important;
  }
  .ms-xl-6 {
    margin-left: var(--space-6) !important;
  }
  .ms-xl-7 {
    margin-left: var(--space-7) !important;
  }
  .ms-xl-8 {
    margin-left: var(--space-8) !important;
  }
  .ms-xl-9 {
    margin-left: var(--space-9) !important;
  }
  .ms-xl-10 {
    margin-left: var(--space-10) !important;
  }
  .ms-xl-11 {
    margin-left: var(--space-11) !important;
  }
  .ms-xl-12 {
    margin-left: var(--space-12) !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .m-xl-n05 {
    margin: -var(--space-05) !important;
  }
  .m-xl-n1 {
    margin: -var(--space-1) !important;
  }
  .m-xl-n2 {
    margin: -var(--space-2) !important;
  }
  .m-xl-n3 {
    margin: -var(--space-3) !important;
  }
  .m-xl-n4 {
    margin: -var(--space-4) !important;
  }
  .m-xl-n5 {
    margin: -var(--space-5) !important;
  }
  .m-xl-n6 {
    margin: -var(--space-6) !important;
  }
  .m-xl-n7 {
    margin: -var(--space-7) !important;
  }
  .m-xl-n8 {
    margin: -var(--space-8) !important;
  }
  .m-xl-n9 {
    margin: -var(--space-9) !important;
  }
  .m-xl-n10 {
    margin: -var(--space-10) !important;
  }
  .m-xl-n11 {
    margin: -var(--space-11) !important;
  }
  .m-xl-n12 {
    margin: -var(--space-12) !important;
  }
  .mx-xl-n05 {
    margin-right: -var(--space-05) !important;
    margin-left: -var(--space-05) !important;
  }
  .mx-xl-n1 {
    margin-right: -var(--space-1) !important;
    margin-left: -var(--space-1) !important;
  }
  .mx-xl-n2 {
    margin-right: -var(--space-2) !important;
    margin-left: -var(--space-2) !important;
  }
  .mx-xl-n3 {
    margin-right: -var(--space-3) !important;
    margin-left: -var(--space-3) !important;
  }
  .mx-xl-n4 {
    margin-right: -var(--space-4) !important;
    margin-left: -var(--space-4) !important;
  }
  .mx-xl-n5 {
    margin-right: -var(--space-5) !important;
    margin-left: -var(--space-5) !important;
  }
  .mx-xl-n6 {
    margin-right: -var(--space-6) !important;
    margin-left: -var(--space-6) !important;
  }
  .mx-xl-n7 {
    margin-right: -var(--space-7) !important;
    margin-left: -var(--space-7) !important;
  }
  .mx-xl-n8 {
    margin-right: -var(--space-8) !important;
    margin-left: -var(--space-8) !important;
  }
  .mx-xl-n9 {
    margin-right: -var(--space-9) !important;
    margin-left: -var(--space-9) !important;
  }
  .mx-xl-n10 {
    margin-right: -var(--space-10) !important;
    margin-left: -var(--space-10) !important;
  }
  .mx-xl-n11 {
    margin-right: -var(--space-11) !important;
    margin-left: -var(--space-11) !important;
  }
  .mx-xl-n12 {
    margin-right: -var(--space-12) !important;
    margin-left: -var(--space-12) !important;
  }
  .my-xl-n05 {
    margin-top: -var(--space-05) !important;
    margin-bottom: -var(--space-05) !important;
  }
  .my-xl-n1 {
    margin-top: -var(--space-1) !important;
    margin-bottom: -var(--space-1) !important;
  }
  .my-xl-n2 {
    margin-top: -var(--space-2) !important;
    margin-bottom: -var(--space-2) !important;
  }
  .my-xl-n3 {
    margin-top: -var(--space-3) !important;
    margin-bottom: -var(--space-3) !important;
  }
  .my-xl-n4 {
    margin-top: -var(--space-4) !important;
    margin-bottom: -var(--space-4) !important;
  }
  .my-xl-n5 {
    margin-top: -var(--space-5) !important;
    margin-bottom: -var(--space-5) !important;
  }
  .my-xl-n6 {
    margin-top: -var(--space-6) !important;
    margin-bottom: -var(--space-6) !important;
  }
  .my-xl-n7 {
    margin-top: -var(--space-7) !important;
    margin-bottom: -var(--space-7) !important;
  }
  .my-xl-n8 {
    margin-top: -var(--space-8) !important;
    margin-bottom: -var(--space-8) !important;
  }
  .my-xl-n9 {
    margin-top: -var(--space-9) !important;
    margin-bottom: -var(--space-9) !important;
  }
  .my-xl-n10 {
    margin-top: -var(--space-10) !important;
    margin-bottom: -var(--space-10) !important;
  }
  .my-xl-n11 {
    margin-top: -var(--space-11) !important;
    margin-bottom: -var(--space-11) !important;
  }
  .my-xl-n12 {
    margin-top: -var(--space-12) !important;
    margin-bottom: -var(--space-12) !important;
  }
  .mt-xl-n05 {
    margin-top: -var(--space-05) !important;
  }
  .mt-xl-n1 {
    margin-top: -var(--space-1) !important;
  }
  .mt-xl-n2 {
    margin-top: -var(--space-2) !important;
  }
  .mt-xl-n3 {
    margin-top: -var(--space-3) !important;
  }
  .mt-xl-n4 {
    margin-top: -var(--space-4) !important;
  }
  .mt-xl-n5 {
    margin-top: -var(--space-5) !important;
  }
  .mt-xl-n6 {
    margin-top: -var(--space-6) !important;
  }
  .mt-xl-n7 {
    margin-top: -var(--space-7) !important;
  }
  .mt-xl-n8 {
    margin-top: -var(--space-8) !important;
  }
  .mt-xl-n9 {
    margin-top: -var(--space-9) !important;
  }
  .mt-xl-n10 {
    margin-top: -var(--space-10) !important;
  }
  .mt-xl-n11 {
    margin-top: -var(--space-11) !important;
  }
  .mt-xl-n12 {
    margin-top: -var(--space-12) !important;
  }
  .me-xl-n05 {
    margin-right: -var(--space-05) !important;
  }
  .me-xl-n1 {
    margin-right: -var(--space-1) !important;
  }
  .me-xl-n2 {
    margin-right: -var(--space-2) !important;
  }
  .me-xl-n3 {
    margin-right: -var(--space-3) !important;
  }
  .me-xl-n4 {
    margin-right: -var(--space-4) !important;
  }
  .me-xl-n5 {
    margin-right: -var(--space-5) !important;
  }
  .me-xl-n6 {
    margin-right: -var(--space-6) !important;
  }
  .me-xl-n7 {
    margin-right: -var(--space-7) !important;
  }
  .me-xl-n8 {
    margin-right: -var(--space-8) !important;
  }
  .me-xl-n9 {
    margin-right: -var(--space-9) !important;
  }
  .me-xl-n10 {
    margin-right: -var(--space-10) !important;
  }
  .me-xl-n11 {
    margin-right: -var(--space-11) !important;
  }
  .me-xl-n12 {
    margin-right: -var(--space-12) !important;
  }
  .mb-xl-n05 {
    margin-bottom: -var(--space-05) !important;
  }
  .mb-xl-n1 {
    margin-bottom: -var(--space-1) !important;
  }
  .mb-xl-n2 {
    margin-bottom: -var(--space-2) !important;
  }
  .mb-xl-n3 {
    margin-bottom: -var(--space-3) !important;
  }
  .mb-xl-n4 {
    margin-bottom: -var(--space-4) !important;
  }
  .mb-xl-n5 {
    margin-bottom: -var(--space-5) !important;
  }
  .mb-xl-n6 {
    margin-bottom: -var(--space-6) !important;
  }
  .mb-xl-n7 {
    margin-bottom: -var(--space-7) !important;
  }
  .mb-xl-n8 {
    margin-bottom: -var(--space-8) !important;
  }
  .mb-xl-n9 {
    margin-bottom: -var(--space-9) !important;
  }
  .mb-xl-n10 {
    margin-bottom: -var(--space-10) !important;
  }
  .mb-xl-n11 {
    margin-bottom: -var(--space-11) !important;
  }
  .mb-xl-n12 {
    margin-bottom: -var(--space-12) !important;
  }
  .ms-xl-n05 {
    margin-left: -var(--space-05) !important;
  }
  .ms-xl-n1 {
    margin-left: -var(--space-1) !important;
  }
  .ms-xl-n2 {
    margin-left: -var(--space-2) !important;
  }
  .ms-xl-n3 {
    margin-left: -var(--space-3) !important;
  }
  .ms-xl-n4 {
    margin-left: -var(--space-4) !important;
  }
  .ms-xl-n5 {
    margin-left: -var(--space-5) !important;
  }
  .ms-xl-n6 {
    margin-left: -var(--space-6) !important;
  }
  .ms-xl-n7 {
    margin-left: -var(--space-7) !important;
  }
  .ms-xl-n8 {
    margin-left: -var(--space-8) !important;
  }
  .ms-xl-n9 {
    margin-left: -var(--space-9) !important;
  }
  .ms-xl-n10 {
    margin-left: -var(--space-10) !important;
  }
  .ms-xl-n11 {
    margin-left: -var(--space-11) !important;
  }
  .ms-xl-n12 {
    margin-left: -var(--space-12) !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-05 {
    padding: var(--space-05) !important;
  }
  .p-xl-1 {
    padding: var(--space-1) !important;
  }
  .p-xl-2 {
    padding: var(--space-2) !important;
  }
  .p-xl-3 {
    padding: var(--space-3) !important;
  }
  .p-xl-4 {
    padding: var(--space-4) !important;
  }
  .p-xl-5 {
    padding: var(--space-5) !important;
  }
  .p-xl-6 {
    padding: var(--space-6) !important;
  }
  .p-xl-7 {
    padding: var(--space-7) !important;
  }
  .p-xl-8 {
    padding: var(--space-8) !important;
  }
  .p-xl-9 {
    padding: var(--space-9) !important;
  }
  .p-xl-10 {
    padding: var(--space-10) !important;
  }
  .p-xl-11 {
    padding: var(--space-11) !important;
  }
  .p-xl-12 {
    padding: var(--space-12) !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-05 {
    padding-right: var(--space-05) !important;
    padding-left: var(--space-05) !important;
  }
  .px-xl-1 {
    padding-right: var(--space-1) !important;
    padding-left: var(--space-1) !important;
  }
  .px-xl-2 {
    padding-right: var(--space-2) !important;
    padding-left: var(--space-2) !important;
  }
  .px-xl-3 {
    padding-right: var(--space-3) !important;
    padding-left: var(--space-3) !important;
  }
  .px-xl-4 {
    padding-right: var(--space-4) !important;
    padding-left: var(--space-4) !important;
  }
  .px-xl-5 {
    padding-right: var(--space-5) !important;
    padding-left: var(--space-5) !important;
  }
  .px-xl-6 {
    padding-right: var(--space-6) !important;
    padding-left: var(--space-6) !important;
  }
  .px-xl-7 {
    padding-right: var(--space-7) !important;
    padding-left: var(--space-7) !important;
  }
  .px-xl-8 {
    padding-right: var(--space-8) !important;
    padding-left: var(--space-8) !important;
  }
  .px-xl-9 {
    padding-right: var(--space-9) !important;
    padding-left: var(--space-9) !important;
  }
  .px-xl-10 {
    padding-right: var(--space-10) !important;
    padding-left: var(--space-10) !important;
  }
  .px-xl-11 {
    padding-right: var(--space-11) !important;
    padding-left: var(--space-11) !important;
  }
  .px-xl-12 {
    padding-right: var(--space-12) !important;
    padding-left: var(--space-12) !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-05 {
    padding-top: var(--space-05) !important;
    padding-bottom: var(--space-05) !important;
  }
  .py-xl-1 {
    padding-top: var(--space-1) !important;
    padding-bottom: var(--space-1) !important;
  }
  .py-xl-2 {
    padding-top: var(--space-2) !important;
    padding-bottom: var(--space-2) !important;
  }
  .py-xl-3 {
    padding-top: var(--space-3) !important;
    padding-bottom: var(--space-3) !important;
  }
  .py-xl-4 {
    padding-top: var(--space-4) !important;
    padding-bottom: var(--space-4) !important;
  }
  .py-xl-5 {
    padding-top: var(--space-5) !important;
    padding-bottom: var(--space-5) !important;
  }
  .py-xl-6 {
    padding-top: var(--space-6) !important;
    padding-bottom: var(--space-6) !important;
  }
  .py-xl-7 {
    padding-top: var(--space-7) !important;
    padding-bottom: var(--space-7) !important;
  }
  .py-xl-8 {
    padding-top: var(--space-8) !important;
    padding-bottom: var(--space-8) !important;
  }
  .py-xl-9 {
    padding-top: var(--space-9) !important;
    padding-bottom: var(--space-9) !important;
  }
  .py-xl-10 {
    padding-top: var(--space-10) !important;
    padding-bottom: var(--space-10) !important;
  }
  .py-xl-11 {
    padding-top: var(--space-11) !important;
    padding-bottom: var(--space-11) !important;
  }
  .py-xl-12 {
    padding-top: var(--space-12) !important;
    padding-bottom: var(--space-12) !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-05 {
    padding-top: var(--space-05) !important;
  }
  .pt-xl-1 {
    padding-top: var(--space-1) !important;
  }
  .pt-xl-2 {
    padding-top: var(--space-2) !important;
  }
  .pt-xl-3 {
    padding-top: var(--space-3) !important;
  }
  .pt-xl-4 {
    padding-top: var(--space-4) !important;
  }
  .pt-xl-5 {
    padding-top: var(--space-5) !important;
  }
  .pt-xl-6 {
    padding-top: var(--space-6) !important;
  }
  .pt-xl-7 {
    padding-top: var(--space-7) !important;
  }
  .pt-xl-8 {
    padding-top: var(--space-8) !important;
  }
  .pt-xl-9 {
    padding-top: var(--space-9) !important;
  }
  .pt-xl-10 {
    padding-top: var(--space-10) !important;
  }
  .pt-xl-11 {
    padding-top: var(--space-11) !important;
  }
  .pt-xl-12 {
    padding-top: var(--space-12) !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-05 {
    padding-right: var(--space-05) !important;
  }
  .pe-xl-1 {
    padding-right: var(--space-1) !important;
  }
  .pe-xl-2 {
    padding-right: var(--space-2) !important;
  }
  .pe-xl-3 {
    padding-right: var(--space-3) !important;
  }
  .pe-xl-4 {
    padding-right: var(--space-4) !important;
  }
  .pe-xl-5 {
    padding-right: var(--space-5) !important;
  }
  .pe-xl-6 {
    padding-right: var(--space-6) !important;
  }
  .pe-xl-7 {
    padding-right: var(--space-7) !important;
  }
  .pe-xl-8 {
    padding-right: var(--space-8) !important;
  }
  .pe-xl-9 {
    padding-right: var(--space-9) !important;
  }
  .pe-xl-10 {
    padding-right: var(--space-10) !important;
  }
  .pe-xl-11 {
    padding-right: var(--space-11) !important;
  }
  .pe-xl-12 {
    padding-right: var(--space-12) !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-05 {
    padding-bottom: var(--space-05) !important;
  }
  .pb-xl-1 {
    padding-bottom: var(--space-1) !important;
  }
  .pb-xl-2 {
    padding-bottom: var(--space-2) !important;
  }
  .pb-xl-3 {
    padding-bottom: var(--space-3) !important;
  }
  .pb-xl-4 {
    padding-bottom: var(--space-4) !important;
  }
  .pb-xl-5 {
    padding-bottom: var(--space-5) !important;
  }
  .pb-xl-6 {
    padding-bottom: var(--space-6) !important;
  }
  .pb-xl-7 {
    padding-bottom: var(--space-7) !important;
  }
  .pb-xl-8 {
    padding-bottom: var(--space-8) !important;
  }
  .pb-xl-9 {
    padding-bottom: var(--space-9) !important;
  }
  .pb-xl-10 {
    padding-bottom: var(--space-10) !important;
  }
  .pb-xl-11 {
    padding-bottom: var(--space-11) !important;
  }
  .pb-xl-12 {
    padding-bottom: var(--space-12) !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-05 {
    padding-left: var(--space-05) !important;
  }
  .ps-xl-1 {
    padding-left: var(--space-1) !important;
  }
  .ps-xl-2 {
    padding-left: var(--space-2) !important;
  }
  .ps-xl-3 {
    padding-left: var(--space-3) !important;
  }
  .ps-xl-4 {
    padding-left: var(--space-4) !important;
  }
  .ps-xl-5 {
    padding-left: var(--space-5) !important;
  }
  .ps-xl-6 {
    padding-left: var(--space-6) !important;
  }
  .ps-xl-7 {
    padding-left: var(--space-7) !important;
  }
  .ps-xl-8 {
    padding-left: var(--space-8) !important;
  }
  .ps-xl-9 {
    padding-left: var(--space-9) !important;
  }
  .ps-xl-10 {
    padding-left: var(--space-10) !important;
  }
  .ps-xl-11 {
    padding-left: var(--space-11) !important;
  }
  .ps-xl-12 {
    padding-left: var(--space-12) !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-05 {
    margin: var(--space-05) !important;
  }
  .m-xxl-1 {
    margin: var(--space-1) !important;
  }
  .m-xxl-2 {
    margin: var(--space-2) !important;
  }
  .m-xxl-3 {
    margin: var(--space-3) !important;
  }
  .m-xxl-4 {
    margin: var(--space-4) !important;
  }
  .m-xxl-5 {
    margin: var(--space-5) !important;
  }
  .m-xxl-6 {
    margin: var(--space-6) !important;
  }
  .m-xxl-7 {
    margin: var(--space-7) !important;
  }
  .m-xxl-8 {
    margin: var(--space-8) !important;
  }
  .m-xxl-9 {
    margin: var(--space-9) !important;
  }
  .m-xxl-10 {
    margin: var(--space-10) !important;
  }
  .m-xxl-11 {
    margin: var(--space-11) !important;
  }
  .m-xxl-12 {
    margin: var(--space-12) !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-05 {
    margin-right: var(--space-05) !important;
    margin-left: var(--space-05) !important;
  }
  .mx-xxl-1 {
    margin-right: var(--space-1) !important;
    margin-left: var(--space-1) !important;
  }
  .mx-xxl-2 {
    margin-right: var(--space-2) !important;
    margin-left: var(--space-2) !important;
  }
  .mx-xxl-3 {
    margin-right: var(--space-3) !important;
    margin-left: var(--space-3) !important;
  }
  .mx-xxl-4 {
    margin-right: var(--space-4) !important;
    margin-left: var(--space-4) !important;
  }
  .mx-xxl-5 {
    margin-right: var(--space-5) !important;
    margin-left: var(--space-5) !important;
  }
  .mx-xxl-6 {
    margin-right: var(--space-6) !important;
    margin-left: var(--space-6) !important;
  }
  .mx-xxl-7 {
    margin-right: var(--space-7) !important;
    margin-left: var(--space-7) !important;
  }
  .mx-xxl-8 {
    margin-right: var(--space-8) !important;
    margin-left: var(--space-8) !important;
  }
  .mx-xxl-9 {
    margin-right: var(--space-9) !important;
    margin-left: var(--space-9) !important;
  }
  .mx-xxl-10 {
    margin-right: var(--space-10) !important;
    margin-left: var(--space-10) !important;
  }
  .mx-xxl-11 {
    margin-right: var(--space-11) !important;
    margin-left: var(--space-11) !important;
  }
  .mx-xxl-12 {
    margin-right: var(--space-12) !important;
    margin-left: var(--space-12) !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-05 {
    margin-top: var(--space-05) !important;
    margin-bottom: var(--space-05) !important;
  }
  .my-xxl-1 {
    margin-top: var(--space-1) !important;
    margin-bottom: var(--space-1) !important;
  }
  .my-xxl-2 {
    margin-top: var(--space-2) !important;
    margin-bottom: var(--space-2) !important;
  }
  .my-xxl-3 {
    margin-top: var(--space-3) !important;
    margin-bottom: var(--space-3) !important;
  }
  .my-xxl-4 {
    margin-top: var(--space-4) !important;
    margin-bottom: var(--space-4) !important;
  }
  .my-xxl-5 {
    margin-top: var(--space-5) !important;
    margin-bottom: var(--space-5) !important;
  }
  .my-xxl-6 {
    margin-top: var(--space-6) !important;
    margin-bottom: var(--space-6) !important;
  }
  .my-xxl-7 {
    margin-top: var(--space-7) !important;
    margin-bottom: var(--space-7) !important;
  }
  .my-xxl-8 {
    margin-top: var(--space-8) !important;
    margin-bottom: var(--space-8) !important;
  }
  .my-xxl-9 {
    margin-top: var(--space-9) !important;
    margin-bottom: var(--space-9) !important;
  }
  .my-xxl-10 {
    margin-top: var(--space-10) !important;
    margin-bottom: var(--space-10) !important;
  }
  .my-xxl-11 {
    margin-top: var(--space-11) !important;
    margin-bottom: var(--space-11) !important;
  }
  .my-xxl-12 {
    margin-top: var(--space-12) !important;
    margin-bottom: var(--space-12) !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-05 {
    margin-top: var(--space-05) !important;
  }
  .mt-xxl-1 {
    margin-top: var(--space-1) !important;
  }
  .mt-xxl-2 {
    margin-top: var(--space-2) !important;
  }
  .mt-xxl-3 {
    margin-top: var(--space-3) !important;
  }
  .mt-xxl-4 {
    margin-top: var(--space-4) !important;
  }
  .mt-xxl-5 {
    margin-top: var(--space-5) !important;
  }
  .mt-xxl-6 {
    margin-top: var(--space-6) !important;
  }
  .mt-xxl-7 {
    margin-top: var(--space-7) !important;
  }
  .mt-xxl-8 {
    margin-top: var(--space-8) !important;
  }
  .mt-xxl-9 {
    margin-top: var(--space-9) !important;
  }
  .mt-xxl-10 {
    margin-top: var(--space-10) !important;
  }
  .mt-xxl-11 {
    margin-top: var(--space-11) !important;
  }
  .mt-xxl-12 {
    margin-top: var(--space-12) !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-05 {
    margin-right: var(--space-05) !important;
  }
  .me-xxl-1 {
    margin-right: var(--space-1) !important;
  }
  .me-xxl-2 {
    margin-right: var(--space-2) !important;
  }
  .me-xxl-3 {
    margin-right: var(--space-3) !important;
  }
  .me-xxl-4 {
    margin-right: var(--space-4) !important;
  }
  .me-xxl-5 {
    margin-right: var(--space-5) !important;
  }
  .me-xxl-6 {
    margin-right: var(--space-6) !important;
  }
  .me-xxl-7 {
    margin-right: var(--space-7) !important;
  }
  .me-xxl-8 {
    margin-right: var(--space-8) !important;
  }
  .me-xxl-9 {
    margin-right: var(--space-9) !important;
  }
  .me-xxl-10 {
    margin-right: var(--space-10) !important;
  }
  .me-xxl-11 {
    margin-right: var(--space-11) !important;
  }
  .me-xxl-12 {
    margin-right: var(--space-12) !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-05 {
    margin-bottom: var(--space-05) !important;
  }
  .mb-xxl-1 {
    margin-bottom: var(--space-1) !important;
  }
  .mb-xxl-2 {
    margin-bottom: var(--space-2) !important;
  }
  .mb-xxl-3 {
    margin-bottom: var(--space-3) !important;
  }
  .mb-xxl-4 {
    margin-bottom: var(--space-4) !important;
  }
  .mb-xxl-5 {
    margin-bottom: var(--space-5) !important;
  }
  .mb-xxl-6 {
    margin-bottom: var(--space-6) !important;
  }
  .mb-xxl-7 {
    margin-bottom: var(--space-7) !important;
  }
  .mb-xxl-8 {
    margin-bottom: var(--space-8) !important;
  }
  .mb-xxl-9 {
    margin-bottom: var(--space-9) !important;
  }
  .mb-xxl-10 {
    margin-bottom: var(--space-10) !important;
  }
  .mb-xxl-11 {
    margin-bottom: var(--space-11) !important;
  }
  .mb-xxl-12 {
    margin-bottom: var(--space-12) !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-05 {
    margin-left: var(--space-05) !important;
  }
  .ms-xxl-1 {
    margin-left: var(--space-1) !important;
  }
  .ms-xxl-2 {
    margin-left: var(--space-2) !important;
  }
  .ms-xxl-3 {
    margin-left: var(--space-3) !important;
  }
  .ms-xxl-4 {
    margin-left: var(--space-4) !important;
  }
  .ms-xxl-5 {
    margin-left: var(--space-5) !important;
  }
  .ms-xxl-6 {
    margin-left: var(--space-6) !important;
  }
  .ms-xxl-7 {
    margin-left: var(--space-7) !important;
  }
  .ms-xxl-8 {
    margin-left: var(--space-8) !important;
  }
  .ms-xxl-9 {
    margin-left: var(--space-9) !important;
  }
  .ms-xxl-10 {
    margin-left: var(--space-10) !important;
  }
  .ms-xxl-11 {
    margin-left: var(--space-11) !important;
  }
  .ms-xxl-12 {
    margin-left: var(--space-12) !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .m-xxl-n05 {
    margin: -var(--space-05) !important;
  }
  .m-xxl-n1 {
    margin: -var(--space-1) !important;
  }
  .m-xxl-n2 {
    margin: -var(--space-2) !important;
  }
  .m-xxl-n3 {
    margin: -var(--space-3) !important;
  }
  .m-xxl-n4 {
    margin: -var(--space-4) !important;
  }
  .m-xxl-n5 {
    margin: -var(--space-5) !important;
  }
  .m-xxl-n6 {
    margin: -var(--space-6) !important;
  }
  .m-xxl-n7 {
    margin: -var(--space-7) !important;
  }
  .m-xxl-n8 {
    margin: -var(--space-8) !important;
  }
  .m-xxl-n9 {
    margin: -var(--space-9) !important;
  }
  .m-xxl-n10 {
    margin: -var(--space-10) !important;
  }
  .m-xxl-n11 {
    margin: -var(--space-11) !important;
  }
  .m-xxl-n12 {
    margin: -var(--space-12) !important;
  }
  .mx-xxl-n05 {
    margin-right: -var(--space-05) !important;
    margin-left: -var(--space-05) !important;
  }
  .mx-xxl-n1 {
    margin-right: -var(--space-1) !important;
    margin-left: -var(--space-1) !important;
  }
  .mx-xxl-n2 {
    margin-right: -var(--space-2) !important;
    margin-left: -var(--space-2) !important;
  }
  .mx-xxl-n3 {
    margin-right: -var(--space-3) !important;
    margin-left: -var(--space-3) !important;
  }
  .mx-xxl-n4 {
    margin-right: -var(--space-4) !important;
    margin-left: -var(--space-4) !important;
  }
  .mx-xxl-n5 {
    margin-right: -var(--space-5) !important;
    margin-left: -var(--space-5) !important;
  }
  .mx-xxl-n6 {
    margin-right: -var(--space-6) !important;
    margin-left: -var(--space-6) !important;
  }
  .mx-xxl-n7 {
    margin-right: -var(--space-7) !important;
    margin-left: -var(--space-7) !important;
  }
  .mx-xxl-n8 {
    margin-right: -var(--space-8) !important;
    margin-left: -var(--space-8) !important;
  }
  .mx-xxl-n9 {
    margin-right: -var(--space-9) !important;
    margin-left: -var(--space-9) !important;
  }
  .mx-xxl-n10 {
    margin-right: -var(--space-10) !important;
    margin-left: -var(--space-10) !important;
  }
  .mx-xxl-n11 {
    margin-right: -var(--space-11) !important;
    margin-left: -var(--space-11) !important;
  }
  .mx-xxl-n12 {
    margin-right: -var(--space-12) !important;
    margin-left: -var(--space-12) !important;
  }
  .my-xxl-n05 {
    margin-top: -var(--space-05) !important;
    margin-bottom: -var(--space-05) !important;
  }
  .my-xxl-n1 {
    margin-top: -var(--space-1) !important;
    margin-bottom: -var(--space-1) !important;
  }
  .my-xxl-n2 {
    margin-top: -var(--space-2) !important;
    margin-bottom: -var(--space-2) !important;
  }
  .my-xxl-n3 {
    margin-top: -var(--space-3) !important;
    margin-bottom: -var(--space-3) !important;
  }
  .my-xxl-n4 {
    margin-top: -var(--space-4) !important;
    margin-bottom: -var(--space-4) !important;
  }
  .my-xxl-n5 {
    margin-top: -var(--space-5) !important;
    margin-bottom: -var(--space-5) !important;
  }
  .my-xxl-n6 {
    margin-top: -var(--space-6) !important;
    margin-bottom: -var(--space-6) !important;
  }
  .my-xxl-n7 {
    margin-top: -var(--space-7) !important;
    margin-bottom: -var(--space-7) !important;
  }
  .my-xxl-n8 {
    margin-top: -var(--space-8) !important;
    margin-bottom: -var(--space-8) !important;
  }
  .my-xxl-n9 {
    margin-top: -var(--space-9) !important;
    margin-bottom: -var(--space-9) !important;
  }
  .my-xxl-n10 {
    margin-top: -var(--space-10) !important;
    margin-bottom: -var(--space-10) !important;
  }
  .my-xxl-n11 {
    margin-top: -var(--space-11) !important;
    margin-bottom: -var(--space-11) !important;
  }
  .my-xxl-n12 {
    margin-top: -var(--space-12) !important;
    margin-bottom: -var(--space-12) !important;
  }
  .mt-xxl-n05 {
    margin-top: -var(--space-05) !important;
  }
  .mt-xxl-n1 {
    margin-top: -var(--space-1) !important;
  }
  .mt-xxl-n2 {
    margin-top: -var(--space-2) !important;
  }
  .mt-xxl-n3 {
    margin-top: -var(--space-3) !important;
  }
  .mt-xxl-n4 {
    margin-top: -var(--space-4) !important;
  }
  .mt-xxl-n5 {
    margin-top: -var(--space-5) !important;
  }
  .mt-xxl-n6 {
    margin-top: -var(--space-6) !important;
  }
  .mt-xxl-n7 {
    margin-top: -var(--space-7) !important;
  }
  .mt-xxl-n8 {
    margin-top: -var(--space-8) !important;
  }
  .mt-xxl-n9 {
    margin-top: -var(--space-9) !important;
  }
  .mt-xxl-n10 {
    margin-top: -var(--space-10) !important;
  }
  .mt-xxl-n11 {
    margin-top: -var(--space-11) !important;
  }
  .mt-xxl-n12 {
    margin-top: -var(--space-12) !important;
  }
  .me-xxl-n05 {
    margin-right: -var(--space-05) !important;
  }
  .me-xxl-n1 {
    margin-right: -var(--space-1) !important;
  }
  .me-xxl-n2 {
    margin-right: -var(--space-2) !important;
  }
  .me-xxl-n3 {
    margin-right: -var(--space-3) !important;
  }
  .me-xxl-n4 {
    margin-right: -var(--space-4) !important;
  }
  .me-xxl-n5 {
    margin-right: -var(--space-5) !important;
  }
  .me-xxl-n6 {
    margin-right: -var(--space-6) !important;
  }
  .me-xxl-n7 {
    margin-right: -var(--space-7) !important;
  }
  .me-xxl-n8 {
    margin-right: -var(--space-8) !important;
  }
  .me-xxl-n9 {
    margin-right: -var(--space-9) !important;
  }
  .me-xxl-n10 {
    margin-right: -var(--space-10) !important;
  }
  .me-xxl-n11 {
    margin-right: -var(--space-11) !important;
  }
  .me-xxl-n12 {
    margin-right: -var(--space-12) !important;
  }
  .mb-xxl-n05 {
    margin-bottom: -var(--space-05) !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -var(--space-1) !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -var(--space-2) !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -var(--space-3) !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -var(--space-4) !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -var(--space-5) !important;
  }
  .mb-xxl-n6 {
    margin-bottom: -var(--space-6) !important;
  }
  .mb-xxl-n7 {
    margin-bottom: -var(--space-7) !important;
  }
  .mb-xxl-n8 {
    margin-bottom: -var(--space-8) !important;
  }
  .mb-xxl-n9 {
    margin-bottom: -var(--space-9) !important;
  }
  .mb-xxl-n10 {
    margin-bottom: -var(--space-10) !important;
  }
  .mb-xxl-n11 {
    margin-bottom: -var(--space-11) !important;
  }
  .mb-xxl-n12 {
    margin-bottom: -var(--space-12) !important;
  }
  .ms-xxl-n05 {
    margin-left: -var(--space-05) !important;
  }
  .ms-xxl-n1 {
    margin-left: -var(--space-1) !important;
  }
  .ms-xxl-n2 {
    margin-left: -var(--space-2) !important;
  }
  .ms-xxl-n3 {
    margin-left: -var(--space-3) !important;
  }
  .ms-xxl-n4 {
    margin-left: -var(--space-4) !important;
  }
  .ms-xxl-n5 {
    margin-left: -var(--space-5) !important;
  }
  .ms-xxl-n6 {
    margin-left: -var(--space-6) !important;
  }
  .ms-xxl-n7 {
    margin-left: -var(--space-7) !important;
  }
  .ms-xxl-n8 {
    margin-left: -var(--space-8) !important;
  }
  .ms-xxl-n9 {
    margin-left: -var(--space-9) !important;
  }
  .ms-xxl-n10 {
    margin-left: -var(--space-10) !important;
  }
  .ms-xxl-n11 {
    margin-left: -var(--space-11) !important;
  }
  .ms-xxl-n12 {
    margin-left: -var(--space-12) !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-05 {
    padding: var(--space-05) !important;
  }
  .p-xxl-1 {
    padding: var(--space-1) !important;
  }
  .p-xxl-2 {
    padding: var(--space-2) !important;
  }
  .p-xxl-3 {
    padding: var(--space-3) !important;
  }
  .p-xxl-4 {
    padding: var(--space-4) !important;
  }
  .p-xxl-5 {
    padding: var(--space-5) !important;
  }
  .p-xxl-6 {
    padding: var(--space-6) !important;
  }
  .p-xxl-7 {
    padding: var(--space-7) !important;
  }
  .p-xxl-8 {
    padding: var(--space-8) !important;
  }
  .p-xxl-9 {
    padding: var(--space-9) !important;
  }
  .p-xxl-10 {
    padding: var(--space-10) !important;
  }
  .p-xxl-11 {
    padding: var(--space-11) !important;
  }
  .p-xxl-12 {
    padding: var(--space-12) !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-05 {
    padding-right: var(--space-05) !important;
    padding-left: var(--space-05) !important;
  }
  .px-xxl-1 {
    padding-right: var(--space-1) !important;
    padding-left: var(--space-1) !important;
  }
  .px-xxl-2 {
    padding-right: var(--space-2) !important;
    padding-left: var(--space-2) !important;
  }
  .px-xxl-3 {
    padding-right: var(--space-3) !important;
    padding-left: var(--space-3) !important;
  }
  .px-xxl-4 {
    padding-right: var(--space-4) !important;
    padding-left: var(--space-4) !important;
  }
  .px-xxl-5 {
    padding-right: var(--space-5) !important;
    padding-left: var(--space-5) !important;
  }
  .px-xxl-6 {
    padding-right: var(--space-6) !important;
    padding-left: var(--space-6) !important;
  }
  .px-xxl-7 {
    padding-right: var(--space-7) !important;
    padding-left: var(--space-7) !important;
  }
  .px-xxl-8 {
    padding-right: var(--space-8) !important;
    padding-left: var(--space-8) !important;
  }
  .px-xxl-9 {
    padding-right: var(--space-9) !important;
    padding-left: var(--space-9) !important;
  }
  .px-xxl-10 {
    padding-right: var(--space-10) !important;
    padding-left: var(--space-10) !important;
  }
  .px-xxl-11 {
    padding-right: var(--space-11) !important;
    padding-left: var(--space-11) !important;
  }
  .px-xxl-12 {
    padding-right: var(--space-12) !important;
    padding-left: var(--space-12) !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-05 {
    padding-top: var(--space-05) !important;
    padding-bottom: var(--space-05) !important;
  }
  .py-xxl-1 {
    padding-top: var(--space-1) !important;
    padding-bottom: var(--space-1) !important;
  }
  .py-xxl-2 {
    padding-top: var(--space-2) !important;
    padding-bottom: var(--space-2) !important;
  }
  .py-xxl-3 {
    padding-top: var(--space-3) !important;
    padding-bottom: var(--space-3) !important;
  }
  .py-xxl-4 {
    padding-top: var(--space-4) !important;
    padding-bottom: var(--space-4) !important;
  }
  .py-xxl-5 {
    padding-top: var(--space-5) !important;
    padding-bottom: var(--space-5) !important;
  }
  .py-xxl-6 {
    padding-top: var(--space-6) !important;
    padding-bottom: var(--space-6) !important;
  }
  .py-xxl-7 {
    padding-top: var(--space-7) !important;
    padding-bottom: var(--space-7) !important;
  }
  .py-xxl-8 {
    padding-top: var(--space-8) !important;
    padding-bottom: var(--space-8) !important;
  }
  .py-xxl-9 {
    padding-top: var(--space-9) !important;
    padding-bottom: var(--space-9) !important;
  }
  .py-xxl-10 {
    padding-top: var(--space-10) !important;
    padding-bottom: var(--space-10) !important;
  }
  .py-xxl-11 {
    padding-top: var(--space-11) !important;
    padding-bottom: var(--space-11) !important;
  }
  .py-xxl-12 {
    padding-top: var(--space-12) !important;
    padding-bottom: var(--space-12) !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-05 {
    padding-top: var(--space-05) !important;
  }
  .pt-xxl-1 {
    padding-top: var(--space-1) !important;
  }
  .pt-xxl-2 {
    padding-top: var(--space-2) !important;
  }
  .pt-xxl-3 {
    padding-top: var(--space-3) !important;
  }
  .pt-xxl-4 {
    padding-top: var(--space-4) !important;
  }
  .pt-xxl-5 {
    padding-top: var(--space-5) !important;
  }
  .pt-xxl-6 {
    padding-top: var(--space-6) !important;
  }
  .pt-xxl-7 {
    padding-top: var(--space-7) !important;
  }
  .pt-xxl-8 {
    padding-top: var(--space-8) !important;
  }
  .pt-xxl-9 {
    padding-top: var(--space-9) !important;
  }
  .pt-xxl-10 {
    padding-top: var(--space-10) !important;
  }
  .pt-xxl-11 {
    padding-top: var(--space-11) !important;
  }
  .pt-xxl-12 {
    padding-top: var(--space-12) !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-05 {
    padding-right: var(--space-05) !important;
  }
  .pe-xxl-1 {
    padding-right: var(--space-1) !important;
  }
  .pe-xxl-2 {
    padding-right: var(--space-2) !important;
  }
  .pe-xxl-3 {
    padding-right: var(--space-3) !important;
  }
  .pe-xxl-4 {
    padding-right: var(--space-4) !important;
  }
  .pe-xxl-5 {
    padding-right: var(--space-5) !important;
  }
  .pe-xxl-6 {
    padding-right: var(--space-6) !important;
  }
  .pe-xxl-7 {
    padding-right: var(--space-7) !important;
  }
  .pe-xxl-8 {
    padding-right: var(--space-8) !important;
  }
  .pe-xxl-9 {
    padding-right: var(--space-9) !important;
  }
  .pe-xxl-10 {
    padding-right: var(--space-10) !important;
  }
  .pe-xxl-11 {
    padding-right: var(--space-11) !important;
  }
  .pe-xxl-12 {
    padding-right: var(--space-12) !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-05 {
    padding-bottom: var(--space-05) !important;
  }
  .pb-xxl-1 {
    padding-bottom: var(--space-1) !important;
  }
  .pb-xxl-2 {
    padding-bottom: var(--space-2) !important;
  }
  .pb-xxl-3 {
    padding-bottom: var(--space-3) !important;
  }
  .pb-xxl-4 {
    padding-bottom: var(--space-4) !important;
  }
  .pb-xxl-5 {
    padding-bottom: var(--space-5) !important;
  }
  .pb-xxl-6 {
    padding-bottom: var(--space-6) !important;
  }
  .pb-xxl-7 {
    padding-bottom: var(--space-7) !important;
  }
  .pb-xxl-8 {
    padding-bottom: var(--space-8) !important;
  }
  .pb-xxl-9 {
    padding-bottom: var(--space-9) !important;
  }
  .pb-xxl-10 {
    padding-bottom: var(--space-10) !important;
  }
  .pb-xxl-11 {
    padding-bottom: var(--space-11) !important;
  }
  .pb-xxl-12 {
    padding-bottom: var(--space-12) !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-05 {
    padding-left: var(--space-05) !important;
  }
  .ps-xxl-1 {
    padding-left: var(--space-1) !important;
  }
  .ps-xxl-2 {
    padding-left: var(--space-2) !important;
  }
  .ps-xxl-3 {
    padding-left: var(--space-3) !important;
  }
  .ps-xxl-4 {
    padding-left: var(--space-4) !important;
  }
  .ps-xxl-5 {
    padding-left: var(--space-5) !important;
  }
  .ps-xxl-6 {
    padding-left: var(--space-6) !important;
  }
  .ps-xxl-7 {
    padding-left: var(--space-7) !important;
  }
  .ps-xxl-8 {
    padding-left: var(--space-8) !important;
  }
  .ps-xxl-9 {
    padding-left: var(--space-9) !important;
  }
  .ps-xxl-10 {
    padding-left: var(--space-10) !important;
  }
  .ps-xxl-11 {
    padding-left: var(--space-11) !important;
  }
  .ps-xxl-12 {
    padding-left: var(--space-12) !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1500px) {
  .d-xxxl-inline {
    display: inline !important;
  }
  .d-xxxl-inline-block {
    display: inline-block !important;
  }
  .d-xxxl-block {
    display: block !important;
  }
  .d-xxxl-grid {
    display: grid !important;
  }
  .d-xxxl-table {
    display: table !important;
  }
  .d-xxxl-table-row {
    display: table-row !important;
  }
  .d-xxxl-table-cell {
    display: table-cell !important;
  }
  .d-xxxl-flex {
    display: flex !important;
  }
  .d-xxxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxxl-none {
    display: none !important;
  }
  .flex-xxxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxxl-row {
    flex-direction: row !important;
  }
  .flex-xxxl-column {
    flex-direction: column !important;
  }
  .flex-xxxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxxl-center {
    justify-content: center !important;
  }
  .justify-content-xxxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxxl-center {
    align-items: center !important;
  }
  .align-items-xxxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxxl-center {
    align-content: center !important;
  }
  .align-content-xxxl-between {
    align-content: space-between !important;
  }
  .align-content-xxxl-around {
    align-content: space-around !important;
  }
  .align-content-xxxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxxl-auto {
    align-self: auto !important;
  }
  .align-self-xxxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxxl-center {
    align-self: center !important;
  }
  .align-self-xxxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxxl-stretch {
    align-self: stretch !important;
  }
  .order-xxxl-first {
    order: -1 !important;
  }
  .order-xxxl-0 {
    order: 0 !important;
  }
  .order-xxxl-1 {
    order: 1 !important;
  }
  .order-xxxl-2 {
    order: 2 !important;
  }
  .order-xxxl-3 {
    order: 3 !important;
  }
  .order-xxxl-4 {
    order: 4 !important;
  }
  .order-xxxl-5 {
    order: 5 !important;
  }
  .order-xxxl-last {
    order: 6 !important;
  }
  .m-xxxl-0 {
    margin: 0 !important;
  }
  .m-xxxl-05 {
    margin: var(--space-05) !important;
  }
  .m-xxxl-1 {
    margin: var(--space-1) !important;
  }
  .m-xxxl-2 {
    margin: var(--space-2) !important;
  }
  .m-xxxl-3 {
    margin: var(--space-3) !important;
  }
  .m-xxxl-4 {
    margin: var(--space-4) !important;
  }
  .m-xxxl-5 {
    margin: var(--space-5) !important;
  }
  .m-xxxl-6 {
    margin: var(--space-6) !important;
  }
  .m-xxxl-7 {
    margin: var(--space-7) !important;
  }
  .m-xxxl-8 {
    margin: var(--space-8) !important;
  }
  .m-xxxl-9 {
    margin: var(--space-9) !important;
  }
  .m-xxxl-10 {
    margin: var(--space-10) !important;
  }
  .m-xxxl-11 {
    margin: var(--space-11) !important;
  }
  .m-xxxl-12 {
    margin: var(--space-12) !important;
  }
  .m-xxxl-auto {
    margin: auto !important;
  }
  .mx-xxxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxxl-05 {
    margin-right: var(--space-05) !important;
    margin-left: var(--space-05) !important;
  }
  .mx-xxxl-1 {
    margin-right: var(--space-1) !important;
    margin-left: var(--space-1) !important;
  }
  .mx-xxxl-2 {
    margin-right: var(--space-2) !important;
    margin-left: var(--space-2) !important;
  }
  .mx-xxxl-3 {
    margin-right: var(--space-3) !important;
    margin-left: var(--space-3) !important;
  }
  .mx-xxxl-4 {
    margin-right: var(--space-4) !important;
    margin-left: var(--space-4) !important;
  }
  .mx-xxxl-5 {
    margin-right: var(--space-5) !important;
    margin-left: var(--space-5) !important;
  }
  .mx-xxxl-6 {
    margin-right: var(--space-6) !important;
    margin-left: var(--space-6) !important;
  }
  .mx-xxxl-7 {
    margin-right: var(--space-7) !important;
    margin-left: var(--space-7) !important;
  }
  .mx-xxxl-8 {
    margin-right: var(--space-8) !important;
    margin-left: var(--space-8) !important;
  }
  .mx-xxxl-9 {
    margin-right: var(--space-9) !important;
    margin-left: var(--space-9) !important;
  }
  .mx-xxxl-10 {
    margin-right: var(--space-10) !important;
    margin-left: var(--space-10) !important;
  }
  .mx-xxxl-11 {
    margin-right: var(--space-11) !important;
    margin-left: var(--space-11) !important;
  }
  .mx-xxxl-12 {
    margin-right: var(--space-12) !important;
    margin-left: var(--space-12) !important;
  }
  .mx-xxxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxxl-05 {
    margin-top: var(--space-05) !important;
    margin-bottom: var(--space-05) !important;
  }
  .my-xxxl-1 {
    margin-top: var(--space-1) !important;
    margin-bottom: var(--space-1) !important;
  }
  .my-xxxl-2 {
    margin-top: var(--space-2) !important;
    margin-bottom: var(--space-2) !important;
  }
  .my-xxxl-3 {
    margin-top: var(--space-3) !important;
    margin-bottom: var(--space-3) !important;
  }
  .my-xxxl-4 {
    margin-top: var(--space-4) !important;
    margin-bottom: var(--space-4) !important;
  }
  .my-xxxl-5 {
    margin-top: var(--space-5) !important;
    margin-bottom: var(--space-5) !important;
  }
  .my-xxxl-6 {
    margin-top: var(--space-6) !important;
    margin-bottom: var(--space-6) !important;
  }
  .my-xxxl-7 {
    margin-top: var(--space-7) !important;
    margin-bottom: var(--space-7) !important;
  }
  .my-xxxl-8 {
    margin-top: var(--space-8) !important;
    margin-bottom: var(--space-8) !important;
  }
  .my-xxxl-9 {
    margin-top: var(--space-9) !important;
    margin-bottom: var(--space-9) !important;
  }
  .my-xxxl-10 {
    margin-top: var(--space-10) !important;
    margin-bottom: var(--space-10) !important;
  }
  .my-xxxl-11 {
    margin-top: var(--space-11) !important;
    margin-bottom: var(--space-11) !important;
  }
  .my-xxxl-12 {
    margin-top: var(--space-12) !important;
    margin-bottom: var(--space-12) !important;
  }
  .my-xxxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxxl-05 {
    margin-top: var(--space-05) !important;
  }
  .mt-xxxl-1 {
    margin-top: var(--space-1) !important;
  }
  .mt-xxxl-2 {
    margin-top: var(--space-2) !important;
  }
  .mt-xxxl-3 {
    margin-top: var(--space-3) !important;
  }
  .mt-xxxl-4 {
    margin-top: var(--space-4) !important;
  }
  .mt-xxxl-5 {
    margin-top: var(--space-5) !important;
  }
  .mt-xxxl-6 {
    margin-top: var(--space-6) !important;
  }
  .mt-xxxl-7 {
    margin-top: var(--space-7) !important;
  }
  .mt-xxxl-8 {
    margin-top: var(--space-8) !important;
  }
  .mt-xxxl-9 {
    margin-top: var(--space-9) !important;
  }
  .mt-xxxl-10 {
    margin-top: var(--space-10) !important;
  }
  .mt-xxxl-11 {
    margin-top: var(--space-11) !important;
  }
  .mt-xxxl-12 {
    margin-top: var(--space-12) !important;
  }
  .mt-xxxl-auto {
    margin-top: auto !important;
  }
  .me-xxxl-0 {
    margin-right: 0 !important;
  }
  .me-xxxl-05 {
    margin-right: var(--space-05) !important;
  }
  .me-xxxl-1 {
    margin-right: var(--space-1) !important;
  }
  .me-xxxl-2 {
    margin-right: var(--space-2) !important;
  }
  .me-xxxl-3 {
    margin-right: var(--space-3) !important;
  }
  .me-xxxl-4 {
    margin-right: var(--space-4) !important;
  }
  .me-xxxl-5 {
    margin-right: var(--space-5) !important;
  }
  .me-xxxl-6 {
    margin-right: var(--space-6) !important;
  }
  .me-xxxl-7 {
    margin-right: var(--space-7) !important;
  }
  .me-xxxl-8 {
    margin-right: var(--space-8) !important;
  }
  .me-xxxl-9 {
    margin-right: var(--space-9) !important;
  }
  .me-xxxl-10 {
    margin-right: var(--space-10) !important;
  }
  .me-xxxl-11 {
    margin-right: var(--space-11) !important;
  }
  .me-xxxl-12 {
    margin-right: var(--space-12) !important;
  }
  .me-xxxl-auto {
    margin-right: auto !important;
  }
  .mb-xxxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxxl-05 {
    margin-bottom: var(--space-05) !important;
  }
  .mb-xxxl-1 {
    margin-bottom: var(--space-1) !important;
  }
  .mb-xxxl-2 {
    margin-bottom: var(--space-2) !important;
  }
  .mb-xxxl-3 {
    margin-bottom: var(--space-3) !important;
  }
  .mb-xxxl-4 {
    margin-bottom: var(--space-4) !important;
  }
  .mb-xxxl-5 {
    margin-bottom: var(--space-5) !important;
  }
  .mb-xxxl-6 {
    margin-bottom: var(--space-6) !important;
  }
  .mb-xxxl-7 {
    margin-bottom: var(--space-7) !important;
  }
  .mb-xxxl-8 {
    margin-bottom: var(--space-8) !important;
  }
  .mb-xxxl-9 {
    margin-bottom: var(--space-9) !important;
  }
  .mb-xxxl-10 {
    margin-bottom: var(--space-10) !important;
  }
  .mb-xxxl-11 {
    margin-bottom: var(--space-11) !important;
  }
  .mb-xxxl-12 {
    margin-bottom: var(--space-12) !important;
  }
  .mb-xxxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxxl-05 {
    margin-left: var(--space-05) !important;
  }
  .ms-xxxl-1 {
    margin-left: var(--space-1) !important;
  }
  .ms-xxxl-2 {
    margin-left: var(--space-2) !important;
  }
  .ms-xxxl-3 {
    margin-left: var(--space-3) !important;
  }
  .ms-xxxl-4 {
    margin-left: var(--space-4) !important;
  }
  .ms-xxxl-5 {
    margin-left: var(--space-5) !important;
  }
  .ms-xxxl-6 {
    margin-left: var(--space-6) !important;
  }
  .ms-xxxl-7 {
    margin-left: var(--space-7) !important;
  }
  .ms-xxxl-8 {
    margin-left: var(--space-8) !important;
  }
  .ms-xxxl-9 {
    margin-left: var(--space-9) !important;
  }
  .ms-xxxl-10 {
    margin-left: var(--space-10) !important;
  }
  .ms-xxxl-11 {
    margin-left: var(--space-11) !important;
  }
  .ms-xxxl-12 {
    margin-left: var(--space-12) !important;
  }
  .ms-xxxl-auto {
    margin-left: auto !important;
  }
  .m-xxxl-n05 {
    margin: -var(--space-05) !important;
  }
  .m-xxxl-n1 {
    margin: -var(--space-1) !important;
  }
  .m-xxxl-n2 {
    margin: -var(--space-2) !important;
  }
  .m-xxxl-n3 {
    margin: -var(--space-3) !important;
  }
  .m-xxxl-n4 {
    margin: -var(--space-4) !important;
  }
  .m-xxxl-n5 {
    margin: -var(--space-5) !important;
  }
  .m-xxxl-n6 {
    margin: -var(--space-6) !important;
  }
  .m-xxxl-n7 {
    margin: -var(--space-7) !important;
  }
  .m-xxxl-n8 {
    margin: -var(--space-8) !important;
  }
  .m-xxxl-n9 {
    margin: -var(--space-9) !important;
  }
  .m-xxxl-n10 {
    margin: -var(--space-10) !important;
  }
  .m-xxxl-n11 {
    margin: -var(--space-11) !important;
  }
  .m-xxxl-n12 {
    margin: -var(--space-12) !important;
  }
  .mx-xxxl-n05 {
    margin-right: -var(--space-05) !important;
    margin-left: -var(--space-05) !important;
  }
  .mx-xxxl-n1 {
    margin-right: -var(--space-1) !important;
    margin-left: -var(--space-1) !important;
  }
  .mx-xxxl-n2 {
    margin-right: -var(--space-2) !important;
    margin-left: -var(--space-2) !important;
  }
  .mx-xxxl-n3 {
    margin-right: -var(--space-3) !important;
    margin-left: -var(--space-3) !important;
  }
  .mx-xxxl-n4 {
    margin-right: -var(--space-4) !important;
    margin-left: -var(--space-4) !important;
  }
  .mx-xxxl-n5 {
    margin-right: -var(--space-5) !important;
    margin-left: -var(--space-5) !important;
  }
  .mx-xxxl-n6 {
    margin-right: -var(--space-6) !important;
    margin-left: -var(--space-6) !important;
  }
  .mx-xxxl-n7 {
    margin-right: -var(--space-7) !important;
    margin-left: -var(--space-7) !important;
  }
  .mx-xxxl-n8 {
    margin-right: -var(--space-8) !important;
    margin-left: -var(--space-8) !important;
  }
  .mx-xxxl-n9 {
    margin-right: -var(--space-9) !important;
    margin-left: -var(--space-9) !important;
  }
  .mx-xxxl-n10 {
    margin-right: -var(--space-10) !important;
    margin-left: -var(--space-10) !important;
  }
  .mx-xxxl-n11 {
    margin-right: -var(--space-11) !important;
    margin-left: -var(--space-11) !important;
  }
  .mx-xxxl-n12 {
    margin-right: -var(--space-12) !important;
    margin-left: -var(--space-12) !important;
  }
  .my-xxxl-n05 {
    margin-top: -var(--space-05) !important;
    margin-bottom: -var(--space-05) !important;
  }
  .my-xxxl-n1 {
    margin-top: -var(--space-1) !important;
    margin-bottom: -var(--space-1) !important;
  }
  .my-xxxl-n2 {
    margin-top: -var(--space-2) !important;
    margin-bottom: -var(--space-2) !important;
  }
  .my-xxxl-n3 {
    margin-top: -var(--space-3) !important;
    margin-bottom: -var(--space-3) !important;
  }
  .my-xxxl-n4 {
    margin-top: -var(--space-4) !important;
    margin-bottom: -var(--space-4) !important;
  }
  .my-xxxl-n5 {
    margin-top: -var(--space-5) !important;
    margin-bottom: -var(--space-5) !important;
  }
  .my-xxxl-n6 {
    margin-top: -var(--space-6) !important;
    margin-bottom: -var(--space-6) !important;
  }
  .my-xxxl-n7 {
    margin-top: -var(--space-7) !important;
    margin-bottom: -var(--space-7) !important;
  }
  .my-xxxl-n8 {
    margin-top: -var(--space-8) !important;
    margin-bottom: -var(--space-8) !important;
  }
  .my-xxxl-n9 {
    margin-top: -var(--space-9) !important;
    margin-bottom: -var(--space-9) !important;
  }
  .my-xxxl-n10 {
    margin-top: -var(--space-10) !important;
    margin-bottom: -var(--space-10) !important;
  }
  .my-xxxl-n11 {
    margin-top: -var(--space-11) !important;
    margin-bottom: -var(--space-11) !important;
  }
  .my-xxxl-n12 {
    margin-top: -var(--space-12) !important;
    margin-bottom: -var(--space-12) !important;
  }
  .mt-xxxl-n05 {
    margin-top: -var(--space-05) !important;
  }
  .mt-xxxl-n1 {
    margin-top: -var(--space-1) !important;
  }
  .mt-xxxl-n2 {
    margin-top: -var(--space-2) !important;
  }
  .mt-xxxl-n3 {
    margin-top: -var(--space-3) !important;
  }
  .mt-xxxl-n4 {
    margin-top: -var(--space-4) !important;
  }
  .mt-xxxl-n5 {
    margin-top: -var(--space-5) !important;
  }
  .mt-xxxl-n6 {
    margin-top: -var(--space-6) !important;
  }
  .mt-xxxl-n7 {
    margin-top: -var(--space-7) !important;
  }
  .mt-xxxl-n8 {
    margin-top: -var(--space-8) !important;
  }
  .mt-xxxl-n9 {
    margin-top: -var(--space-9) !important;
  }
  .mt-xxxl-n10 {
    margin-top: -var(--space-10) !important;
  }
  .mt-xxxl-n11 {
    margin-top: -var(--space-11) !important;
  }
  .mt-xxxl-n12 {
    margin-top: -var(--space-12) !important;
  }
  .me-xxxl-n05 {
    margin-right: -var(--space-05) !important;
  }
  .me-xxxl-n1 {
    margin-right: -var(--space-1) !important;
  }
  .me-xxxl-n2 {
    margin-right: -var(--space-2) !important;
  }
  .me-xxxl-n3 {
    margin-right: -var(--space-3) !important;
  }
  .me-xxxl-n4 {
    margin-right: -var(--space-4) !important;
  }
  .me-xxxl-n5 {
    margin-right: -var(--space-5) !important;
  }
  .me-xxxl-n6 {
    margin-right: -var(--space-6) !important;
  }
  .me-xxxl-n7 {
    margin-right: -var(--space-7) !important;
  }
  .me-xxxl-n8 {
    margin-right: -var(--space-8) !important;
  }
  .me-xxxl-n9 {
    margin-right: -var(--space-9) !important;
  }
  .me-xxxl-n10 {
    margin-right: -var(--space-10) !important;
  }
  .me-xxxl-n11 {
    margin-right: -var(--space-11) !important;
  }
  .me-xxxl-n12 {
    margin-right: -var(--space-12) !important;
  }
  .mb-xxxl-n05 {
    margin-bottom: -var(--space-05) !important;
  }
  .mb-xxxl-n1 {
    margin-bottom: -var(--space-1) !important;
  }
  .mb-xxxl-n2 {
    margin-bottom: -var(--space-2) !important;
  }
  .mb-xxxl-n3 {
    margin-bottom: -var(--space-3) !important;
  }
  .mb-xxxl-n4 {
    margin-bottom: -var(--space-4) !important;
  }
  .mb-xxxl-n5 {
    margin-bottom: -var(--space-5) !important;
  }
  .mb-xxxl-n6 {
    margin-bottom: -var(--space-6) !important;
  }
  .mb-xxxl-n7 {
    margin-bottom: -var(--space-7) !important;
  }
  .mb-xxxl-n8 {
    margin-bottom: -var(--space-8) !important;
  }
  .mb-xxxl-n9 {
    margin-bottom: -var(--space-9) !important;
  }
  .mb-xxxl-n10 {
    margin-bottom: -var(--space-10) !important;
  }
  .mb-xxxl-n11 {
    margin-bottom: -var(--space-11) !important;
  }
  .mb-xxxl-n12 {
    margin-bottom: -var(--space-12) !important;
  }
  .ms-xxxl-n05 {
    margin-left: -var(--space-05) !important;
  }
  .ms-xxxl-n1 {
    margin-left: -var(--space-1) !important;
  }
  .ms-xxxl-n2 {
    margin-left: -var(--space-2) !important;
  }
  .ms-xxxl-n3 {
    margin-left: -var(--space-3) !important;
  }
  .ms-xxxl-n4 {
    margin-left: -var(--space-4) !important;
  }
  .ms-xxxl-n5 {
    margin-left: -var(--space-5) !important;
  }
  .ms-xxxl-n6 {
    margin-left: -var(--space-6) !important;
  }
  .ms-xxxl-n7 {
    margin-left: -var(--space-7) !important;
  }
  .ms-xxxl-n8 {
    margin-left: -var(--space-8) !important;
  }
  .ms-xxxl-n9 {
    margin-left: -var(--space-9) !important;
  }
  .ms-xxxl-n10 {
    margin-left: -var(--space-10) !important;
  }
  .ms-xxxl-n11 {
    margin-left: -var(--space-11) !important;
  }
  .ms-xxxl-n12 {
    margin-left: -var(--space-12) !important;
  }
  .p-xxxl-0 {
    padding: 0 !important;
  }
  .p-xxxl-05 {
    padding: var(--space-05) !important;
  }
  .p-xxxl-1 {
    padding: var(--space-1) !important;
  }
  .p-xxxl-2 {
    padding: var(--space-2) !important;
  }
  .p-xxxl-3 {
    padding: var(--space-3) !important;
  }
  .p-xxxl-4 {
    padding: var(--space-4) !important;
  }
  .p-xxxl-5 {
    padding: var(--space-5) !important;
  }
  .p-xxxl-6 {
    padding: var(--space-6) !important;
  }
  .p-xxxl-7 {
    padding: var(--space-7) !important;
  }
  .p-xxxl-8 {
    padding: var(--space-8) !important;
  }
  .p-xxxl-9 {
    padding: var(--space-9) !important;
  }
  .p-xxxl-10 {
    padding: var(--space-10) !important;
  }
  .p-xxxl-11 {
    padding: var(--space-11) !important;
  }
  .p-xxxl-12 {
    padding: var(--space-12) !important;
  }
  .px-xxxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxxl-05 {
    padding-right: var(--space-05) !important;
    padding-left: var(--space-05) !important;
  }
  .px-xxxl-1 {
    padding-right: var(--space-1) !important;
    padding-left: var(--space-1) !important;
  }
  .px-xxxl-2 {
    padding-right: var(--space-2) !important;
    padding-left: var(--space-2) !important;
  }
  .px-xxxl-3 {
    padding-right: var(--space-3) !important;
    padding-left: var(--space-3) !important;
  }
  .px-xxxl-4 {
    padding-right: var(--space-4) !important;
    padding-left: var(--space-4) !important;
  }
  .px-xxxl-5 {
    padding-right: var(--space-5) !important;
    padding-left: var(--space-5) !important;
  }
  .px-xxxl-6 {
    padding-right: var(--space-6) !important;
    padding-left: var(--space-6) !important;
  }
  .px-xxxl-7 {
    padding-right: var(--space-7) !important;
    padding-left: var(--space-7) !important;
  }
  .px-xxxl-8 {
    padding-right: var(--space-8) !important;
    padding-left: var(--space-8) !important;
  }
  .px-xxxl-9 {
    padding-right: var(--space-9) !important;
    padding-left: var(--space-9) !important;
  }
  .px-xxxl-10 {
    padding-right: var(--space-10) !important;
    padding-left: var(--space-10) !important;
  }
  .px-xxxl-11 {
    padding-right: var(--space-11) !important;
    padding-left: var(--space-11) !important;
  }
  .px-xxxl-12 {
    padding-right: var(--space-12) !important;
    padding-left: var(--space-12) !important;
  }
  .py-xxxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxxl-05 {
    padding-top: var(--space-05) !important;
    padding-bottom: var(--space-05) !important;
  }
  .py-xxxl-1 {
    padding-top: var(--space-1) !important;
    padding-bottom: var(--space-1) !important;
  }
  .py-xxxl-2 {
    padding-top: var(--space-2) !important;
    padding-bottom: var(--space-2) !important;
  }
  .py-xxxl-3 {
    padding-top: var(--space-3) !important;
    padding-bottom: var(--space-3) !important;
  }
  .py-xxxl-4 {
    padding-top: var(--space-4) !important;
    padding-bottom: var(--space-4) !important;
  }
  .py-xxxl-5 {
    padding-top: var(--space-5) !important;
    padding-bottom: var(--space-5) !important;
  }
  .py-xxxl-6 {
    padding-top: var(--space-6) !important;
    padding-bottom: var(--space-6) !important;
  }
  .py-xxxl-7 {
    padding-top: var(--space-7) !important;
    padding-bottom: var(--space-7) !important;
  }
  .py-xxxl-8 {
    padding-top: var(--space-8) !important;
    padding-bottom: var(--space-8) !important;
  }
  .py-xxxl-9 {
    padding-top: var(--space-9) !important;
    padding-bottom: var(--space-9) !important;
  }
  .py-xxxl-10 {
    padding-top: var(--space-10) !important;
    padding-bottom: var(--space-10) !important;
  }
  .py-xxxl-11 {
    padding-top: var(--space-11) !important;
    padding-bottom: var(--space-11) !important;
  }
  .py-xxxl-12 {
    padding-top: var(--space-12) !important;
    padding-bottom: var(--space-12) !important;
  }
  .pt-xxxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxxl-05 {
    padding-top: var(--space-05) !important;
  }
  .pt-xxxl-1 {
    padding-top: var(--space-1) !important;
  }
  .pt-xxxl-2 {
    padding-top: var(--space-2) !important;
  }
  .pt-xxxl-3 {
    padding-top: var(--space-3) !important;
  }
  .pt-xxxl-4 {
    padding-top: var(--space-4) !important;
  }
  .pt-xxxl-5 {
    padding-top: var(--space-5) !important;
  }
  .pt-xxxl-6 {
    padding-top: var(--space-6) !important;
  }
  .pt-xxxl-7 {
    padding-top: var(--space-7) !important;
  }
  .pt-xxxl-8 {
    padding-top: var(--space-8) !important;
  }
  .pt-xxxl-9 {
    padding-top: var(--space-9) !important;
  }
  .pt-xxxl-10 {
    padding-top: var(--space-10) !important;
  }
  .pt-xxxl-11 {
    padding-top: var(--space-11) !important;
  }
  .pt-xxxl-12 {
    padding-top: var(--space-12) !important;
  }
  .pe-xxxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxxl-05 {
    padding-right: var(--space-05) !important;
  }
  .pe-xxxl-1 {
    padding-right: var(--space-1) !important;
  }
  .pe-xxxl-2 {
    padding-right: var(--space-2) !important;
  }
  .pe-xxxl-3 {
    padding-right: var(--space-3) !important;
  }
  .pe-xxxl-4 {
    padding-right: var(--space-4) !important;
  }
  .pe-xxxl-5 {
    padding-right: var(--space-5) !important;
  }
  .pe-xxxl-6 {
    padding-right: var(--space-6) !important;
  }
  .pe-xxxl-7 {
    padding-right: var(--space-7) !important;
  }
  .pe-xxxl-8 {
    padding-right: var(--space-8) !important;
  }
  .pe-xxxl-9 {
    padding-right: var(--space-9) !important;
  }
  .pe-xxxl-10 {
    padding-right: var(--space-10) !important;
  }
  .pe-xxxl-11 {
    padding-right: var(--space-11) !important;
  }
  .pe-xxxl-12 {
    padding-right: var(--space-12) !important;
  }
  .pb-xxxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxxl-05 {
    padding-bottom: var(--space-05) !important;
  }
  .pb-xxxl-1 {
    padding-bottom: var(--space-1) !important;
  }
  .pb-xxxl-2 {
    padding-bottom: var(--space-2) !important;
  }
  .pb-xxxl-3 {
    padding-bottom: var(--space-3) !important;
  }
  .pb-xxxl-4 {
    padding-bottom: var(--space-4) !important;
  }
  .pb-xxxl-5 {
    padding-bottom: var(--space-5) !important;
  }
  .pb-xxxl-6 {
    padding-bottom: var(--space-6) !important;
  }
  .pb-xxxl-7 {
    padding-bottom: var(--space-7) !important;
  }
  .pb-xxxl-8 {
    padding-bottom: var(--space-8) !important;
  }
  .pb-xxxl-9 {
    padding-bottom: var(--space-9) !important;
  }
  .pb-xxxl-10 {
    padding-bottom: var(--space-10) !important;
  }
  .pb-xxxl-11 {
    padding-bottom: var(--space-11) !important;
  }
  .pb-xxxl-12 {
    padding-bottom: var(--space-12) !important;
  }
  .ps-xxxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxxl-05 {
    padding-left: var(--space-05) !important;
  }
  .ps-xxxl-1 {
    padding-left: var(--space-1) !important;
  }
  .ps-xxxl-2 {
    padding-left: var(--space-2) !important;
  }
  .ps-xxxl-3 {
    padding-left: var(--space-3) !important;
  }
  .ps-xxxl-4 {
    padding-left: var(--space-4) !important;
  }
  .ps-xxxl-5 {
    padding-left: var(--space-5) !important;
  }
  .ps-xxxl-6 {
    padding-left: var(--space-6) !important;
  }
  .ps-xxxl-7 {
    padding-left: var(--space-7) !important;
  }
  .ps-xxxl-8 {
    padding-left: var(--space-8) !important;
  }
  .ps-xxxl-9 {
    padding-left: var(--space-9) !important;
  }
  .ps-xxxl-10 {
    padding-left: var(--space-10) !important;
  }
  .ps-xxxl-11 {
    padding-left: var(--space-11) !important;
  }
  .ps-xxxl-12 {
    padding-left: var(--space-12) !important;
  }
  .text-xxxl-start {
    text-align: left !important;
  }
  .text-xxxl-end {
    text-align: right !important;
  }
  .text-xxxl-center {
    text-align: center !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.hide {
  display: none !important;
}

@media (max-width: 575.98px) {
  .hide-sm {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .hide-md {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .hide-lg {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .hide-xl {
    display: none !important;
  }
}
@media (max-width: 1399.98px) {
  .hide-xxl {
    display: none !important;
  }
}
@media (max-width: 1499.98px) {
  .hide-xxxl {
    display: none !important;
  }
}
.fill-primary, .fill-brand svg * {
  fill: var(--color-text-primary);
}

.fill-brand, .fill-brand svg * {
  fill: var(--color-text-brand);
}

.fill-accent, .fill-accent svg * {
  fill: var(--color-text-accent);
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-filter {
  filter: grayscale(var(--image-grayscale-percentage, 0%));
}

.rounded-sm {
  border-radius: var(--border-radius-sm);
}

.rounded-md {
  border-radius: var(--border-radius-md);
}

.rounded-lg {
  border-radius: var(--border-radius-lg);
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

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

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

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

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

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

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

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

.g-05,
.gx-05 {
  --gutter-x: var(--space-05);
}

.g-05,
.gy-05 {
  --gutter-y: var(--space-05);
}

.g-1,
.gx-1 {
  --gutter-x: var(--space-1);
}

.g-1,
.gy-1 {
  --gutter-y: var(--space-1);
}

.g-2,
.gx-2 {
  --gutter-x: var(--space-2);
}

.g-2,
.gy-2 {
  --gutter-y: var(--space-2);
}

.g-3,
.gx-3 {
  --gutter-x: var(--space-3);
}

.g-3,
.gy-3 {
  --gutter-y: var(--space-3);
}

.g-4,
.gx-4 {
  --gutter-x: var(--space-4);
}

.g-4,
.gy-4 {
  --gutter-y: var(--space-4);
}

.g-5,
.gx-5 {
  --gutter-x: var(--space-5);
}

.g-5,
.gy-5 {
  --gutter-y: var(--space-5);
}

.g-6,
.gx-6 {
  --gutter-x: var(--space-6);
}

.g-6,
.gy-6 {
  --gutter-y: var(--space-6);
}

.g-7,
.gx-7 {
  --gutter-x: var(--space-7);
}

.g-7,
.gy-7 {
  --gutter-y: var(--space-7);
}

.g-8,
.gx-8 {
  --gutter-x: var(--space-8);
}

.g-8,
.gy-8 {
  --gutter-y: var(--space-8);
}

.g-9,
.gx-9 {
  --gutter-x: var(--space-9);
}

.g-9,
.gy-9 {
  --gutter-y: var(--space-9);
}

.g-10,
.gx-10 {
  --gutter-x: var(--space-10);
}

.g-10,
.gy-10 {
  --gutter-y: var(--space-10);
}

.g-11,
.gx-11 {
  --gutter-x: var(--space-11);
}

.g-11,
.gy-11 {
  --gutter-y: var(--space-11);
}

.g-12,
.gx-12 {
  --gutter-x: var(--space-12);
}

.g-12,
.gy-12 {
  --gutter-y: var(--space-12);
}

.flex-1 {
  flex: 1 1 0;
}

@media (min-width: 576px) {
  .g-sm-0,
.gx-sm-0 {
    --gutter-x: 0;
  }
  .g-sm-0,
.gy-sm-0 {
    --gutter-y: 0;
  }
  .g-sm-05,
.gx-sm-05 {
    --gutter-x: var(--space-05);
  }
  .g-sm-05,
.gy-sm-05 {
    --gutter-y: var(--space-05);
  }
  .g-sm-1,
.gx-sm-1 {
    --gutter-x: var(--space-1);
  }
  .g-sm-1,
.gy-sm-1 {
    --gutter-y: var(--space-1);
  }
  .g-sm-2,
.gx-sm-2 {
    --gutter-x: var(--space-2);
  }
  .g-sm-2,
.gy-sm-2 {
    --gutter-y: var(--space-2);
  }
  .g-sm-3,
.gx-sm-3 {
    --gutter-x: var(--space-3);
  }
  .g-sm-3,
.gy-sm-3 {
    --gutter-y: var(--space-3);
  }
  .g-sm-4,
.gx-sm-4 {
    --gutter-x: var(--space-4);
  }
  .g-sm-4,
.gy-sm-4 {
    --gutter-y: var(--space-4);
  }
  .g-sm-5,
.gx-sm-5 {
    --gutter-x: var(--space-5);
  }
  .g-sm-5,
.gy-sm-5 {
    --gutter-y: var(--space-5);
  }
  .g-sm-6,
.gx-sm-6 {
    --gutter-x: var(--space-6);
  }
  .g-sm-6,
.gy-sm-6 {
    --gutter-y: var(--space-6);
  }
  .g-sm-7,
.gx-sm-7 {
    --gutter-x: var(--space-7);
  }
  .g-sm-7,
.gy-sm-7 {
    --gutter-y: var(--space-7);
  }
  .g-sm-8,
.gx-sm-8 {
    --gutter-x: var(--space-8);
  }
  .g-sm-8,
.gy-sm-8 {
    --gutter-y: var(--space-8);
  }
  .g-sm-9,
.gx-sm-9 {
    --gutter-x: var(--space-9);
  }
  .g-sm-9,
.gy-sm-9 {
    --gutter-y: var(--space-9);
  }
  .g-sm-10,
.gx-sm-10 {
    --gutter-x: var(--space-10);
  }
  .g-sm-10,
.gy-sm-10 {
    --gutter-y: var(--space-10);
  }
  .g-sm-11,
.gx-sm-11 {
    --gutter-x: var(--space-11);
  }
  .g-sm-11,
.gy-sm-11 {
    --gutter-y: var(--space-11);
  }
  .g-sm-12,
.gx-sm-12 {
    --gutter-x: var(--space-12);
  }
  .g-sm-12,
.gy-sm-12 {
    --gutter-y: var(--space-12);
  }
  .flex-sm-1 {
    flex: 1 1 0;
  }
}
@media (min-width: 768px) {
  .g-md-0,
.gx-md-0 {
    --gutter-x: 0;
  }
  .g-md-0,
.gy-md-0 {
    --gutter-y: 0;
  }
  .g-md-05,
.gx-md-05 {
    --gutter-x: var(--space-05);
  }
  .g-md-05,
.gy-md-05 {
    --gutter-y: var(--space-05);
  }
  .g-md-1,
.gx-md-1 {
    --gutter-x: var(--space-1);
  }
  .g-md-1,
.gy-md-1 {
    --gutter-y: var(--space-1);
  }
  .g-md-2,
.gx-md-2 {
    --gutter-x: var(--space-2);
  }
  .g-md-2,
.gy-md-2 {
    --gutter-y: var(--space-2);
  }
  .g-md-3,
.gx-md-3 {
    --gutter-x: var(--space-3);
  }
  .g-md-3,
.gy-md-3 {
    --gutter-y: var(--space-3);
  }
  .g-md-4,
.gx-md-4 {
    --gutter-x: var(--space-4);
  }
  .g-md-4,
.gy-md-4 {
    --gutter-y: var(--space-4);
  }
  .g-md-5,
.gx-md-5 {
    --gutter-x: var(--space-5);
  }
  .g-md-5,
.gy-md-5 {
    --gutter-y: var(--space-5);
  }
  .g-md-6,
.gx-md-6 {
    --gutter-x: var(--space-6);
  }
  .g-md-6,
.gy-md-6 {
    --gutter-y: var(--space-6);
  }
  .g-md-7,
.gx-md-7 {
    --gutter-x: var(--space-7);
  }
  .g-md-7,
.gy-md-7 {
    --gutter-y: var(--space-7);
  }
  .g-md-8,
.gx-md-8 {
    --gutter-x: var(--space-8);
  }
  .g-md-8,
.gy-md-8 {
    --gutter-y: var(--space-8);
  }
  .g-md-9,
.gx-md-9 {
    --gutter-x: var(--space-9);
  }
  .g-md-9,
.gy-md-9 {
    --gutter-y: var(--space-9);
  }
  .g-md-10,
.gx-md-10 {
    --gutter-x: var(--space-10);
  }
  .g-md-10,
.gy-md-10 {
    --gutter-y: var(--space-10);
  }
  .g-md-11,
.gx-md-11 {
    --gutter-x: var(--space-11);
  }
  .g-md-11,
.gy-md-11 {
    --gutter-y: var(--space-11);
  }
  .g-md-12,
.gx-md-12 {
    --gutter-x: var(--space-12);
  }
  .g-md-12,
.gy-md-12 {
    --gutter-y: var(--space-12);
  }
  .flex-md-1 {
    flex: 1 1 0;
  }
}
@media (min-width: 992px) {
  .g-lg-0,
.gx-lg-0 {
    --gutter-x: 0;
  }
  .g-lg-0,
.gy-lg-0 {
    --gutter-y: 0;
  }
  .g-lg-05,
.gx-lg-05 {
    --gutter-x: var(--space-05);
  }
  .g-lg-05,
.gy-lg-05 {
    --gutter-y: var(--space-05);
  }
  .g-lg-1,
.gx-lg-1 {
    --gutter-x: var(--space-1);
  }
  .g-lg-1,
.gy-lg-1 {
    --gutter-y: var(--space-1);
  }
  .g-lg-2,
.gx-lg-2 {
    --gutter-x: var(--space-2);
  }
  .g-lg-2,
.gy-lg-2 {
    --gutter-y: var(--space-2);
  }
  .g-lg-3,
.gx-lg-3 {
    --gutter-x: var(--space-3);
  }
  .g-lg-3,
.gy-lg-3 {
    --gutter-y: var(--space-3);
  }
  .g-lg-4,
.gx-lg-4 {
    --gutter-x: var(--space-4);
  }
  .g-lg-4,
.gy-lg-4 {
    --gutter-y: var(--space-4);
  }
  .g-lg-5,
.gx-lg-5 {
    --gutter-x: var(--space-5);
  }
  .g-lg-5,
.gy-lg-5 {
    --gutter-y: var(--space-5);
  }
  .g-lg-6,
.gx-lg-6 {
    --gutter-x: var(--space-6);
  }
  .g-lg-6,
.gy-lg-6 {
    --gutter-y: var(--space-6);
  }
  .g-lg-7,
.gx-lg-7 {
    --gutter-x: var(--space-7);
  }
  .g-lg-7,
.gy-lg-7 {
    --gutter-y: var(--space-7);
  }
  .g-lg-8,
.gx-lg-8 {
    --gutter-x: var(--space-8);
  }
  .g-lg-8,
.gy-lg-8 {
    --gutter-y: var(--space-8);
  }
  .g-lg-9,
.gx-lg-9 {
    --gutter-x: var(--space-9);
  }
  .g-lg-9,
.gy-lg-9 {
    --gutter-y: var(--space-9);
  }
  .g-lg-10,
.gx-lg-10 {
    --gutter-x: var(--space-10);
  }
  .g-lg-10,
.gy-lg-10 {
    --gutter-y: var(--space-10);
  }
  .g-lg-11,
.gx-lg-11 {
    --gutter-x: var(--space-11);
  }
  .g-lg-11,
.gy-lg-11 {
    --gutter-y: var(--space-11);
  }
  .g-lg-12,
.gx-lg-12 {
    --gutter-x: var(--space-12);
  }
  .g-lg-12,
.gy-lg-12 {
    --gutter-y: var(--space-12);
  }
  .flex-lg-1 {
    flex: 1 1 0;
  }
}
@media (min-width: 1200px) {
  .g-xl-0,
.gx-xl-0 {
    --gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --gutter-y: 0;
  }
  .g-xl-05,
.gx-xl-05 {
    --gutter-x: var(--space-05);
  }
  .g-xl-05,
.gy-xl-05 {
    --gutter-y: var(--space-05);
  }
  .g-xl-1,
.gx-xl-1 {
    --gutter-x: var(--space-1);
  }
  .g-xl-1,
.gy-xl-1 {
    --gutter-y: var(--space-1);
  }
  .g-xl-2,
.gx-xl-2 {
    --gutter-x: var(--space-2);
  }
  .g-xl-2,
.gy-xl-2 {
    --gutter-y: var(--space-2);
  }
  .g-xl-3,
.gx-xl-3 {
    --gutter-x: var(--space-3);
  }
  .g-xl-3,
.gy-xl-3 {
    --gutter-y: var(--space-3);
  }
  .g-xl-4,
.gx-xl-4 {
    --gutter-x: var(--space-4);
  }
  .g-xl-4,
.gy-xl-4 {
    --gutter-y: var(--space-4);
  }
  .g-xl-5,
.gx-xl-5 {
    --gutter-x: var(--space-5);
  }
  .g-xl-5,
.gy-xl-5 {
    --gutter-y: var(--space-5);
  }
  .g-xl-6,
.gx-xl-6 {
    --gutter-x: var(--space-6);
  }
  .g-xl-6,
.gy-xl-6 {
    --gutter-y: var(--space-6);
  }
  .g-xl-7,
.gx-xl-7 {
    --gutter-x: var(--space-7);
  }
  .g-xl-7,
.gy-xl-7 {
    --gutter-y: var(--space-7);
  }
  .g-xl-8,
.gx-xl-8 {
    --gutter-x: var(--space-8);
  }
  .g-xl-8,
.gy-xl-8 {
    --gutter-y: var(--space-8);
  }
  .g-xl-9,
.gx-xl-9 {
    --gutter-x: var(--space-9);
  }
  .g-xl-9,
.gy-xl-9 {
    --gutter-y: var(--space-9);
  }
  .g-xl-10,
.gx-xl-10 {
    --gutter-x: var(--space-10);
  }
  .g-xl-10,
.gy-xl-10 {
    --gutter-y: var(--space-10);
  }
  .g-xl-11,
.gx-xl-11 {
    --gutter-x: var(--space-11);
  }
  .g-xl-11,
.gy-xl-11 {
    --gutter-y: var(--space-11);
  }
  .g-xl-12,
.gx-xl-12 {
    --gutter-x: var(--space-12);
  }
  .g-xl-12,
.gy-xl-12 {
    --gutter-y: var(--space-12);
  }
  .flex-xl-1 {
    flex: 1 1 0;
  }
}
@media (min-width: 1400px) {
  .g-xxl-0,
.gx-xxl-0 {
    --gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --gutter-y: 0;
  }
  .g-xxl-05,
.gx-xxl-05 {
    --gutter-x: var(--space-05);
  }
  .g-xxl-05,
.gy-xxl-05 {
    --gutter-y: var(--space-05);
  }
  .g-xxl-1,
.gx-xxl-1 {
    --gutter-x: var(--space-1);
  }
  .g-xxl-1,
.gy-xxl-1 {
    --gutter-y: var(--space-1);
  }
  .g-xxl-2,
.gx-xxl-2 {
    --gutter-x: var(--space-2);
  }
  .g-xxl-2,
.gy-xxl-2 {
    --gutter-y: var(--space-2);
  }
  .g-xxl-3,
.gx-xxl-3 {
    --gutter-x: var(--space-3);
  }
  .g-xxl-3,
.gy-xxl-3 {
    --gutter-y: var(--space-3);
  }
  .g-xxl-4,
.gx-xxl-4 {
    --gutter-x: var(--space-4);
  }
  .g-xxl-4,
.gy-xxl-4 {
    --gutter-y: var(--space-4);
  }
  .g-xxl-5,
.gx-xxl-5 {
    --gutter-x: var(--space-5);
  }
  .g-xxl-5,
.gy-xxl-5 {
    --gutter-y: var(--space-5);
  }
  .g-xxl-6,
.gx-xxl-6 {
    --gutter-x: var(--space-6);
  }
  .g-xxl-6,
.gy-xxl-6 {
    --gutter-y: var(--space-6);
  }
  .g-xxl-7,
.gx-xxl-7 {
    --gutter-x: var(--space-7);
  }
  .g-xxl-7,
.gy-xxl-7 {
    --gutter-y: var(--space-7);
  }
  .g-xxl-8,
.gx-xxl-8 {
    --gutter-x: var(--space-8);
  }
  .g-xxl-8,
.gy-xxl-8 {
    --gutter-y: var(--space-8);
  }
  .g-xxl-9,
.gx-xxl-9 {
    --gutter-x: var(--space-9);
  }
  .g-xxl-9,
.gy-xxl-9 {
    --gutter-y: var(--space-9);
  }
  .g-xxl-10,
.gx-xxl-10 {
    --gutter-x: var(--space-10);
  }
  .g-xxl-10,
.gy-xxl-10 {
    --gutter-y: var(--space-10);
  }
  .g-xxl-11,
.gx-xxl-11 {
    --gutter-x: var(--space-11);
  }
  .g-xxl-11,
.gy-xxl-11 {
    --gutter-y: var(--space-11);
  }
  .g-xxl-12,
.gx-xxl-12 {
    --gutter-x: var(--space-12);
  }
  .g-xxl-12,
.gy-xxl-12 {
    --gutter-y: var(--space-12);
  }
  .flex-xxl-1 {
    flex: 1 1 0;
  }
}
@media (min-width: 1500px) {
  .g-xxxl-0,
.gx-xxxl-0 {
    --gutter-x: 0;
  }
  .g-xxxl-0,
.gy-xxxl-0 {
    --gutter-y: 0;
  }
  .g-xxxl-05,
.gx-xxxl-05 {
    --gutter-x: var(--space-05);
  }
  .g-xxxl-05,
.gy-xxxl-05 {
    --gutter-y: var(--space-05);
  }
  .g-xxxl-1,
.gx-xxxl-1 {
    --gutter-x: var(--space-1);
  }
  .g-xxxl-1,
.gy-xxxl-1 {
    --gutter-y: var(--space-1);
  }
  .g-xxxl-2,
.gx-xxxl-2 {
    --gutter-x: var(--space-2);
  }
  .g-xxxl-2,
.gy-xxxl-2 {
    --gutter-y: var(--space-2);
  }
  .g-xxxl-3,
.gx-xxxl-3 {
    --gutter-x: var(--space-3);
  }
  .g-xxxl-3,
.gy-xxxl-3 {
    --gutter-y: var(--space-3);
  }
  .g-xxxl-4,
.gx-xxxl-4 {
    --gutter-x: var(--space-4);
  }
  .g-xxxl-4,
.gy-xxxl-4 {
    --gutter-y: var(--space-4);
  }
  .g-xxxl-5,
.gx-xxxl-5 {
    --gutter-x: var(--space-5);
  }
  .g-xxxl-5,
.gy-xxxl-5 {
    --gutter-y: var(--space-5);
  }
  .g-xxxl-6,
.gx-xxxl-6 {
    --gutter-x: var(--space-6);
  }
  .g-xxxl-6,
.gy-xxxl-6 {
    --gutter-y: var(--space-6);
  }
  .g-xxxl-7,
.gx-xxxl-7 {
    --gutter-x: var(--space-7);
  }
  .g-xxxl-7,
.gy-xxxl-7 {
    --gutter-y: var(--space-7);
  }
  .g-xxxl-8,
.gx-xxxl-8 {
    --gutter-x: var(--space-8);
  }
  .g-xxxl-8,
.gy-xxxl-8 {
    --gutter-y: var(--space-8);
  }
  .g-xxxl-9,
.gx-xxxl-9 {
    --gutter-x: var(--space-9);
  }
  .g-xxxl-9,
.gy-xxxl-9 {
    --gutter-y: var(--space-9);
  }
  .g-xxxl-10,
.gx-xxxl-10 {
    --gutter-x: var(--space-10);
  }
  .g-xxxl-10,
.gy-xxxl-10 {
    --gutter-y: var(--space-10);
  }
  .g-xxxl-11,
.gx-xxxl-11 {
    --gutter-x: var(--space-11);
  }
  .g-xxxl-11,
.gy-xxxl-11 {
    --gutter-y: var(--space-11);
  }
  .g-xxxl-12,
.gx-xxxl-12 {
    --gutter-x: var(--space-12);
  }
  .g-xxxl-12,
.gy-xxxl-12 {
    --gutter-y: var(--space-12);
  }
  .flex-xxxl-1 {
    flex: 1 1 0;
  }
}
.icon {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: inherit;
  color: inherit;
  vertical-align: -0.125em;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}

.icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.logo {
  display: flex;
  max-width: 104px;
  height: 32px;
  flex: 0 0 auto;
  overflow: hidden;
}
@media (min-width: 992px) {
  .logo {
    max-width: 182px;
    height: 56px;
  }
}

.logo__link {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}

.logo img, .logo svg {
  max-width: 100%;
  max-height: 100%;
}

.slogan {
  font-size: var(--typo-body-xxs-font-size);
  line-height: var(--typo-body-xxs-short-line-height);
  color: var(--color-text-primary);
  max-width: 240px;
  opacity: 0.5;
}

.page-headline {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
}
@media (min-width: 992px) {
  .page-headline {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
}

.page-headline__title + .page-headline__breadcrumbs {
  margin-top: var(--space-2);
}

.page-headline__breadcrumbs + .page-headline__title {
  margin-top: var(--space-2);
}

.page-headline__title h1 {
  margin-bottom: 0;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-short-line-height);
}

.breadcrumbs__item {
  flex: 0 1 auto;
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
  margin: 0;
}

.breadcrumbs__item:last-of-type {
  color: var(--color-text-tertiary);
}
.breadcrumbs__item:last-of-type .breadcrumbs__sep {
  display: none;
}

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

.breadcrumbs__sep {
  display: inline-block;
  color: var(--color-text-tertiary);
  margin-left: var(--space-3);
  margin-right: var(--space-3);
}

.breadcrumbs--arrow .breadcrumbs__sep {
  font-size: 10px;
  line-height: 0;
  vertical-align: middle;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--typo-body-sm-font-size);
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .pagination {
    border: 1px solid var(--color-border-line);
    padding: var(--space-4) var(--space-6);
    border-radius: var(--border-radius-md);
  }
}

.pagination__counter {
  display: none;
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
  flex: 1 0 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .pagination__counter {
    flex: 0 0 auto;
  }
}

.pagination__list {
  display: flex;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: calc(var(--space-1) * -1);
  margin-right: calc(var(--space-1) * -1);
}

.pagination__item {
  flex: 0 0 auto;
  padding-left: var(--space-1);
  padding-right: var(--space-1);
  user-select: none;
  -webkit-user-select: none;
}

.pagination__item.is-active {
  pointer-events: none;
}
.pagination__item.is-active .pagination__link {
  background-color: var(--color-bg-brand);
  color: var(--color-brand-contrast);
}

.pagination__link {
  display: block;
  padding: 0 var(--space-2);
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: var(--color-text-primary);
  font-weight: 600;
  border-radius: var(--border-radius-md);
  transition: all 0.1s ease-in-out;
}
.pagination__begin .pagination__link .pagination--disabled,
.pagination__end .pagination__link .pagination--disabled,
.pagination__prev .pagination__link .pagination--disabled,
.pagination__next .pagination__link .pagination--disabled {
  opacity: 0.6;
}

.pagination__prev,
.pagination__next {
  position: relative;
  display: none;
}
@media (min-width: 992px) {
  .pagination__prev,
.pagination__next {
    display: block;
  }
}
.pagination__prev .pagination__link,
.pagination__next .pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-secondary);
}

.pagination__all {
  margin-left: var(--space-2);
}

.pagination__begin,
.pagination__end,
.pagination__all {
  display: none;
}

.aside-menu {
  background-color: var(--color-bg-primary);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--color-border-line);
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-short-line-height);
}

.aside-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.aside-menu__item {
  margin: 0;
  padding: 0;
  user-select: none;
}

.aside-menu__item:not(:first-child) {
  border-top: 1px solid var(--color-border-line);
}

.aside-menu__item-inner {
  position: relative;
  z-index: 1;
}

.aside-menu__toggle {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 0;
  bottom: 0;
  color: var(--color-text-secondary);
  width: 48px;
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
  z-index: 10;
}

.aside-menu__icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-sm);
  transition: transform 0.2s, background-color 0.2s;
}

.aside-menu__toggle:hover .aside-menu__icon,
.aside-menu__toggle:focus .aside-menu__icon {
  background-color: var(--color-surface-1);
}

.aside-menu__icon .icon {
  transition: transform 0.2s;
}

.aside-menu__link {
  display: block;
  color: var(--color-text-primary);
  text-decoration: none;
  padding: var(--space-4) var(--space-8) var(--space-4) var(--space-5);
  transition: var(--link-transition), padding 0.2s;
}

.aside-menu__link.is-current {
  font-weight: bold;
}

.aside-menu__link.is-current::before {
  content: "";
  width: 3px;
  height: 12px;
  background-color: var(--color-brand);
  position: absolute;
  top: calc(var(--space-4) + 4px);
  left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.aside-menu__link-text {
  margin-right: var(--space-2);
}

.aside-menu__item-count {
  display: inline-block;
  padding: 0 var(--space-1);
  min-width: 20px;
  border: 1px solid var(--color-border-line);
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-short-line-height);
  text-align: center;
  color: var(--color-text-primary);
  background-color: var(--color-surface-1);
  border-radius: var(--border-radius-sm);
  font-weight: normal;
}

.aside-menu__submenu {
  display: none;
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-short-line-height);
  padding-left: var(--space-5);
  padding-bottom: var(--space-3);
}
.aside-menu__submenu .aside-menu__item {
  padding-top: 0;
  padding-bottom: 0;
}
.aside-menu__submenu .aside-menu__item:not(:first-child) {
  border-top: none;
}
.aside-menu__submenu .aside-menu__link {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  padding-left: 0;
}
.aside-menu__submenu .aside-menu__link::before {
  display: none;
}

.aside-menu__submenu .aside-menu__submenu {
  font-size: var(--typo-body-xxs-font-size);
  line-height: var(--typo-body-xxs-short-line-height);
  padding-bottom: var(--space-1);
  padding-left: var(--space-3);
}

.aside-menu__item.is-open > .aside-menu__submenu {
  display: block;
}

.aside-menu__item.is-open > .aside-menu__item-inner .aside-menu__icon .icon {
  transform: rotate(180deg);
}

.aside-menu > .aside-menu__list > .aside-menu__item.is-parent.is-open > .aside-menu__item-inner .aside-menu__link {
  padding-bottom: var(--space-2);
}

.aside-menu > .aside-menu__list > .aside-menu__item.is-parent.is-open > .aside-menu__item-inner .aside-menu__icon {
  transform: translateY(calc(var(--space-3) - var(--space-2)));
}

:root {
  --rating-color: #f1c40f;
}

.rating {
  font-size: 20px;
  display: flex;
  margin-right: calc(var(--space-05) * -1);
  margin-left: calc(var(--space-05) * -1);
  line-height: 0;
  color: var(--color-text-ghost);
}

.rating__item {
  padding-left: var(--space-05);
  padding-right: var(--space-05);
}

.rating__item--filled {
  color: var(--rating-color);
}

.accordion {
  position: relative;
}

.accordion__toggle {
  cursor: pointer;
}

.inline-file {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.inline-file__icon {
  flex: 0 0 auto;
  margin-right: var(--space-4);
}

.inline-file__name {
  font-size: var(--typo-body-md-font-size);
  line-height: var(--typo-body-md-short-line-height);
}

.inline-file__link {
  color: var(--color-text-primary);
  text-decoration: none;
}

.inline-file__size {
  margin-top: var(--space-1);
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-short-line-height);
  color: var(--color-text-tertiary);
}

.social-list {
  position: relative;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  color: var(--color-text-tertiary);
}

.social-list__item {
  display: block;
  margin: 0;
  font-size: 20px;
  line-height: 0;
}

.social-list__link {
  display: block;
  color: inherit;
}

.social-list__dropdown {
  --dropdown-bg: var(--color-bg-primary);
  --dropdown-border-radius: var(--border-radius-md, 4px);
  --dropdown-box-shadow: var(--shadow-popup);
  position: absolute;
  top: 100%;
  right: 0;
  padding: 4px 0;
  margin: 0;
  opacity: 0;
  background-color: var(--dropdown-bg);
  box-shadow: var(--dropdown-box-shadow);
  border-radius: var(--dropdown-border-radius);
  z-index: var(--z-index-popup);
  visibility: hidden;
}

.social-list__item:hover > .social-list__dropdown {
  opacity: 1;
  visibility: visible;
}

.social-list--small {
  margin-right: -8px;
  margin-left: -8px;
}
.social-list--small .social-list__item {
  padding: 4px 8px;
}
.social-list--small .social-list__dropdown .social-list__item {
  padding: 8px 16px;
}

.social-list--big {
  margin: -4px;
}
.social-list--big .social-list__item {
  margin: 4px;
  padding: 0px;
}
.social-list--big .social-list__link {
  background-color: var(--color-surface-1);
  padding: 10px;
  border-radius: var(--border-radius-md);
  transition: var(--link-transition), background-color 0.2s;
  border: 1px solid var(--color-border-line);
}
.social-list--big .social-list__link:hover {
  background-color: var(--color-surface-2);
}

.properties__item:not(:first-child) {
  margin-top: var(--space-3);
}

.properties__title {
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-line-height);
  color: var(--color-text-tertiary);
}

.properties__value {
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-line-height);
}

:root {
  --properties-characteristics-bg: var(--color-bg-default);
}

.properties-characteristics {
  display: flex;
  flex-direction: column;
}

.properties-characteristics__item {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-line-height);
}

.properties-characteristics__item:not(:first-child) {
  margin-top: var(--space-3);
}

.properties-characteristics__title {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  color: var(--color-text-tertiary);
  margin-bottom: var(--space-05);
}

.properties-characteristics__title-name {
  position: relative;
  display: inline;
}

.properties-characteristics__value {
  flex: 0 0 100%;
  width: 100%;
  color: var(--color-text-primary);
}

.properties-characteristics__title-name .hint {
  position: relative;
  top: -1px;
  margin-left: var(--space-05);
}

@media (min-width: 768px) {
  .properties-characteristics__title {
    flex: 0 0 50%;
    width: 50%;
    margin-bottom: 0;
  }
  .properties-characteristics__title::before {
    content: "";
    position: absolute;
    bottom: 0.4em;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed var(--color-text-ghost);
  }
  .properties-characteristics__title-name {
    padding-right: 1em;
    background-color: var(--properties-characteristics-bg);
  }
  .properties-characteristics__value {
    flex: 0 0 50%;
    width: 50%;
    padding-left: 1em;
  }
}
.properties-characteristics-list {
  display: flex;
  flex-direction: column;
}

.properties-characteristics-list__item {
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-line-height);
}

.properties-characteristics-list__item:not(:first-child) {
  margin-top: var(--space-1);
}

.properties-characteristics-list__part {
  display: inline;
}

.properties-characteristics-list__sep {
  margin-left: var(--space-05);
  margin-right: var(--space-05);
}

.properties-characteristics-list__title .hint {
  position: relative;
  top: -1px;
  margin-left: var(--space-05);
}

.hint {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.hint__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border: 1px solid currentColor;
  font-size: 0.685rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1rem;
  color: var(--color-text-tertiary);
  border-radius: 100%;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  appearance: none;
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 0;
}

.hint.is-show .hint__icon,
.hint__icon:hover {
  background-color: var(--color-bg-brand);
  color: var(--color-brand-contrast);
  border-color: var(--color-bg-brand);
}

.hint .tooltip {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
}

.hint.is-show .tooltip {
  display: block;
}

:root {
  --card-bg: var(--color-bg-primary);
  --card-border: 1px solid var(--color-border-line);
  --card-border-radius: var(--border-radius-md, 4px);
  --card-bg-hover: var(--color-bg-primary);
  --card-border-hover: 1px solid transparent;
  --card-box-shadow-hover: 0px 4px 28px rgba(30, 30, 30, .1);
}

[data-theme=dark] {
  --card-bg: var(--color-bg-primary);
  --card-border: 1px solid var(--color-border-line);
  --card-border-radius: var(--border-radius-md, 4px);
  --card-bg-hover: var(--color-bg-secondary);
  --card-border-hover: 1px solid transparent;
  --card-box-shadow-hover: none;
}

.card {
  position: relative;
  border-radius: var(--card-border-radius);
  background-color: var(--card-bg);
  border: var(--card-border);
}
.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transition: border 0.3s ease, background-color 0.3s ease;
  pointer-events: none;
}

.card--hovered {
  transition: box-shadow 0.4s ease, border 0.3s ease, background-color 0.3s ease;
}

.card--hovered:hover {
  box-shadow: var(--card-box-shadow-hover);
  background-color: var(--card-bg-hover);
  border: var(--card-border-hover);
  z-index: 1;
}

:root {
  --button-font-weight: 500;
  --button-text-transform: none;
  --button-letter-spacing: .02em;
  --button-font-size-compensation: 0%;
  --button-padding-compensation: 0;
}

.btn {
  --button-font-size: var(--typo-body-sm-font-size);
  --button-line-height: var(--typo-body-sm-short-line-height);
  --button-height: 48px;
  --button-pl: 20px;
  --button-pr: 20px;
  --button-radius: var(--border-raduis-md, 8px);
  --button-background-color: var(--color-bg-default);
  --button-border-color: var(--color-border-control);
  --button-color: var(--color-text-primary);
  --button-hover-background-color: var(--color-surface-2);
  --button-hover-border-color: var(--color-border-control);
  --button-hover-color: var(--color-text-primary);
  --button-active-background-color: var(--color-surface-1);
  --button-active-border-color: var(--color-border-control);
  --button-active-color: var(--color-text-primary);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--button-border-color);
  padding-left: var(--button-pl);
  padding-right: var(--button-pr);
  padding-top: var(--button-padding-compensation, 0);
  height: var(--button-height);
  background-color: var(--button-background-color);
  background-image: none;
  border-radius: var(--button-radius, 4px);
  font-weight: var(--button-font-weight, 500);
  font-size: calc(var(--button-font-size) - var(--button-font-size-compensation, 0%));
  line-height: var(--button-line-height);
  letter-spacing: var(--button-letter-spacing);
  text-transform: var(--button-text-transform, none);
  color: var(--button-color);
  text-align: center;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn:disabled {
  opacity: 0.6;
  cursor: none;
  pointer-events: none;
}

.btn__icon {
  font-size: 24px;
}

.btn:hover,
.btn:focus {
  outline: none;
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
}

.btn:active {
  outline: none;
  background-color: var(--button-active-background-color);
  border-color: var(--button-active-border-color);
  color: var(--button-active-color);
}

.btn--brand {
  --button-background-color: var(--color-brand);
  --button-border-color: var(--color-brand);
  --button-color: var(--color-brand-contrast);
  --button-hover-background-color: var(--color-brand-dark);
  --button-hover-border-color: var(--color-brand-dark);
  --button-hover-color: var(--color-brand-contrast);
  --button-active-background-color: var(--color-brand-light);
  --button-active-border-color: var(--color-brand-light);
  --button-active-color: var(--color-brand-contrast);
}

.btn--accent {
  --button-background-color: var(--color-accent);
  --button-border-color: var(--color-accent);
  --button-color: var(--color-accent-contrast);
  --button-hover-background-color: var(--color-accent-dark);
  --button-hover-border-color: var(--color-accent-dark);
  --button-hover-color: var(--color-accent-contrast);
  --button-active-background-color: var(--color-accent-light);
  --button-active-border-color: var(--color-accent-light);
  --button-active-color: var(--color-accent-contrast);
}

.btn--xs {
  --button-font-size: var(--typo-body-xs-font-size);
  --button-height: 32px;
  --button-pl: 12px;
  --button-pr: 12px;
}

.btn--sm {
  --button-font-size: var(--typo-body-xs-font-size);
  --button-height: 40px;
  --button-pl: 16px;
  --button-pr: 16px;
}

.btn--xs .btn__icon,
.btn--sm .btn__icon {
  font-size: 16px;
}

.btn--lg {
  --button-height: 56px;
  --button-pl: 24px;
  --button-pr: 24px;
}

.btn--xl {
  --button-height: 62px;
  --button-pl: 24px;
  --button-pr: 24px;
}

.btn--block {
  display: flex;
  width: 100%;
}

.btn--icon {
  --button-pl: 0px;
  --button-pr: 0px;
  width: var(--button-height);
}

.inline-button {
  --inline-button-icon-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--color-text-ghost);
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: none;
  vertical-align: middle;
}

.inline-button__icon {
  font-size: var(--inline-button-icon-size);
  line-height: 0;
}

.inline-button__content {
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-short-line-height);
}

.inline-button__icon + .inline-button__content {
  margin-left: var(--space-2);
}

.inline-button--sm {
  --inline-button-icon-size: 16px;
}

.inline-button--xl {
  --inline-button-icon-size: 24px;
}

.inline-button:hover {
  color: var(--link-color);
}

.inline-button:hover .inline-button__icon {
  color: inherit;
}

:root {
  --form-control-radius: var(--border-raduis-md, 8px);
  --form-control-font-weight: 400;
  --form-control-letter-spacing: 0;
}

.form-control {
  --form-control-font-size: var(--typo-body-sm-font-size);
  --form-control-line-height: var(--typo-body-sm-line-height);
  --form-control-height: 48px;
  --form-control-pl: 16px;
  --form-control-pr: 16px;
  --form-control-pt: 8px;
  --form-control-pb: 8px;
  --form-control-background-color: var(--color-surface-1);
  --form-control-border-color: var(--color-border-control);
  --form-control-color: var(--color-text-primary);
  --form-control-focus-background-color: var(--color-bg-primary);
  --form-control-focus-border-color: var(--color-brand);
  --form-control-focus-color: var(--color-text-primary);
  position: relative;
  display: block;
  width: 100%;
  background-clip: padding-box;
  outline: 0;
  appearance: none;
  border: 1px solid var(--form-control-border-color);
  padding-left: var(--form-control-pl);
  padding-right: var(--form-control-pr);
  padding-top: var(--form-control-pt);
  padding-bottom: var(--form-control-pb);
  min-height: var(--form-control-height);
  background-color: var(--form-control-background-color);
  background-image: none;
  border-radius: var(--form-control-radius, 4px);
  font-weight: var(--form-control-font-weight, 400);
  font-size: var(--form-control-font-size);
  line-height: var(--form-control-line-height);
  letter-spacing: var(--form-control-letter-spacing);
  text-transform: none;
  color: var(--form-control-color);
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.form-control:focus {
  background-color: var(--form-control-focus-background-color);
  border-color: var(--form-control-focus-border-color);
  color: var(--form-control-focus-color);
  outline: none;
}

textarea.form-control {
  height: 98px;
  resize: vertical;
  overflow: hidden;
  --form-control-pt: 12px;
}

select.form-control:not([multiple]):not([size]:not([size="1"])) {
  background-image: linear-gradient(45deg, transparent 50%, var(--color-text-ghost) 50%), linear-gradient(135deg, var(--color-text-ghost) 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 28px;
}

.form-control:disabled {
  color: var(--color-text-tertiary);
  cursor: not-allowed;
  background-color: var(--color-surface-2);
}

.form-control:read-only {
  background-color: var(--form-control-focus-background-color);
}

.form-control--xs {
  --form-control-font-size: var(--typo-body-xs-font-size);
  --form-control-height: 32px;
  --form-control-pl: 12px;
  --form-control-pr: 12px;
  --form-control-pt: 2px;
  --form-control-pb: 2px;
}

.form-control--sm {
  --form-control-font-size: var(--typo-body-xs-font-size);
  --form-control-height: 40px;
  --form-control-pl: 12px;
  --form-control-pr: 12px;
  --form-control-pt: 4px;
  --form-control-pb: 4px;
}

.form-control.is-invalid {
  border-color: var(--color-danger);
}

.invalid-feedback {
  display: none;
  margin-top: var(--space-2);
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-line-height);
  color: var(--color-danger);
}

.invalid-feedback ul {
  list-style: none;
  padding-left: 0;
}

.invalid-feedback ul li:not(:last-child) {
  margin-bottom: var(--space-1);
}

.is-invalid ~ .invalid-feedback {
  display: block;
}

:root {
  --form-label-font-size: var(--typo-body-sm-font-size);
  --form-label-line-height: var(--typo-body-sm-short-line-height);
  --form-label-color: var(--color-text-secondary);
  --form-label-margin: var(--space-2);
}

.form-label {
  display: inline-block;
  font-size: var(--form-label-font-size);
  line-height: var(--form-label-line-height);
  color: var(--form-label-color);
  margin-bottom: var(--form-label-margin);
}

.form-check {
  display: block;
}

.form-check__input {
  display: none;
}

.form-check__label {
  position: relative;
  display: block;
  padding: 1px 0 0 28px;
  margin: 0;
  min-height: 20px;
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-short-line-height);
  color: var(--color-text-primary);
  outline: 0;
  cursor: pointer;
  z-index: 1;
}

.form-check__box {
  border-radius: var(--border-radius-sm);
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  box-sizing: border-box;
  background: 0 0;
  background: var(--color-surface-1);
  border: 1px solid var(--color-border-control);
  transition: all 0.2s ease;
  overflow: hidden;
}

.form-check__label .form-check__box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  background-color: transparent;
  transition: all 0.2s ease;
}

.form-check__label .form-check__box:after {
  content: "";
  position: absolute;
  transform: scale(0) rotate(45deg);
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  border-color: var(--color-brand-contrast);
  border-width: 0 2px 2px 0;
  border-style: solid;
  box-sizing: content-box;
  transform-origin: center;
  transition: all 0.1s ease 0.1s;
}

.form-check__input:checked + .form-check__label .form-check__box {
  border-color: var(--color-brand);
  background-color: var(--color-brand);
}

.form-check__input:checked + .form-check__label .form-check__box:before {
  border-width: 8px;
  border-color: inherit;
}

.form-check__input:checked + .form-check__label .form-check__box:after {
  transform: scale(1) rotate(45deg);
}

.form-check__label:hover {
  color: var(--color-brand);
}

.form-check__label:hover .form-check__box {
  border-color: var(--color-brand);
}

.form-check__input:disabled + .form-check__label {
  color: var(--color-text-tertiary);
  pointer-events: none;
  cursor: not-allowed;
}

.form-check__input:disabled + .form-check__label .form-check__box {
  background-color: var(--color-surface-2);
  border-color: var(--color-border-control);
}

.form-check__input:disabled + .form-check__label .form-check__box:before {
  display: none;
}

.form-check__input:disabled + .form-check__label .form-check__box:after {
  border-color: var(--color-text-ghost);
}

.form-radio {
  display: block;
}

.form-radio__input {
  display: none;
}

.form-radio__label {
  position: relative;
  display: block;
  padding: 1px 0 0 28px;
  margin: 0;
  min-height: 20px;
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-short-line-height);
  color: var(--color-text-primary);
  outline: 0;
  cursor: pointer;
  z-index: 1;
}

.form-radio__box {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  box-sizing: border-box;
  background: 0 0;
  background: var(--color-surface-1);
  border: 1px solid var(--color-border-control);
  border-radius: 100%;
  overflow: hidden;
  transition: all 0.2s ease;
  transform: translate3d(0, 0, 0);
}

.form-radio__input:checked + .form-radio__label .form-radio__box {
  border-color: var(--color-brand);
  border-width: 6px;
}

.form-radio__label:hover {
  color: var(--color-brand);
}

.form-radio__label:hover .form-radio__box {
  border-color: var(--color-brand);
}

.form-radio__input:disabled + .form-radio__label {
  color: var(--color-text-tertiary);
  pointer-events: none;
  cursor: not-allowed;
}

.form-radio__input:disabled + .form-radio__label .form-radio__box {
  border-color: var(--color-border-control);
}

.form-group {
  margin-bottom: var(--space-4);
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table {
  --table-color: var(--color-text-default);
  --table-bg: transparent;
  --table-border-color: var(--color-border-line);
  --table-accent-bg: transparent;
  --table-striped-color: var(--color-text-default);
  --table-striped-bg: var(--color-surface-1);
  --table-active-color: var(--color-text-default);
  --table-active-bg: rgba(0, 0, 0, 0.1);
  --table-hover-color: var(--color-text-default);
  --table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  caption-side: bottom;
  color: var(--table-color);
  vertical-align: top;
  border-color: var(--table-border-color);
}

.table > *:not(caption) > * > * {
  padding: 14px 20px;
  background-color: var(--table-bg);
  border-bottom-width: 0;
  box-shadow: inset 0 0 0 9999px var(--table-accent-bg);
  vertical-align: inherit;
}

.table > thead > tr {
  --table-color: var(--color-text-primary);
  --table-bg: var(--color-surface-2);
  color: var(--table-color);
  border-color: var(--table-border-color);
  font-size: 0.875rem;
  font-weight: 600;
}

.table--striped > tbody > tr:nth-of-type(odd) > * {
  --table-accent-bg: var(--table-striped-bg);
  color: var(--table-striped-color);
}

.table--hover > tbody > tr:hover > * {
  --table-accent-bg: var(--table-hover-bg);
  color: var(--table-hover-color);
}

.table--bordered > *:not(caption) > * {
  border-width: 1px 0;
}

.table--bordered > *:not(caption) > * > * {
  border-width: 0 1px;
}

.table--border-bottom > *:not(caption) > * > * {
  border-bottom-width: 1px;
}

.table-mobile-th {
  display: none;
}

@media (max-width: 767.98px) {
  .table:not(.table--responsive) {
    border-top: 1px solid var(--table-border-color);
    display: block;
  }
  .table:not(.table--responsive) > *:not(caption),
.table:not(.table--responsive) > *:not(caption) > *,
.table:not(.table--responsive) > *:not(caption) > * > * {
    display: block;
    clear: both;
  }
  .table:not(.table--responsive) > thead {
    display: none;
  }
  .table:not(.table--responsive) > *:not(caption) > * {
    border-width: 0;
  }
  .table:not(.table--responsive) > *:not(caption) > * > * {
    text-align: left !important;
    text-align: start !important;
    border-bottom-width: 1px;
  }
  .table:not(.table--responsive) thead + tbody tr:not(.no-mobile-th) td {
    word-break: break-all;
    display: flex;
    flex-direction: row;
  }
  .table:not(.table--responsive) thead + tbody tr:not(.no-mobile-th) td .table-mobile-th {
    display: block;
    width: 45%;
    flex: 0 0 45%;
    padding-right: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.gallery-item {
  overflow: hidden;
  border-radius: var(--border-radius-lg);
  transition: transform 0.4s ease;
}

.gallery-item__img-inner {
  position: relative;
  display: block;
  padding-top: 66%;
}

.gallery-item__img {
  transition: transform 0.4s ease;
}

.gallery-item:hover .gallery-item__img {
  transform: scale(1.1);
}

.gallery-item:hover {
  transform: scale(1.05);
}

:root {
  --tooltip-zindex: var(--z-index-tooltip, 1000);
  --tooltip-max-width: 240px;
  --tooltip-padding-x: var(--space-4, 1rem);
  --tooltip-padding-y: var(--space-4, 1rem);
  --tooltip-margin: 0;
  --tooltip-color: var(--color-text-secondary);
  --tooltip-bg: var(--color-bg-primary);
  --tooltip-border-radius: var(--border-radius-md);
  --tooltip-shadow: var(--shadow-popup);
  --tooltip-opacity: 1;
  --tooltip-arrow-width: .8rem;
  --tooltip-arrow-height: .4rem;
}

.tooltip {
  display: block;
  margin: var(--tooltip-margin);
  padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
  max-width: var(--tooltip-max-width);
  background-color: var(--tooltip-bg);
  box-shadow: var(--tooltip-shadow);
  border-radius: var(--tooltip-border-radius);
  z-index: var(--tooltip-zindex);
  color: var(--tooltip-color);
  word-wrap: break-word;
}

.tooltip__arrow {
  display: block;
  width: var(--tooltip-arrow-width);
  height: var(--tooltip-arrow-height);
}
.tooltip__arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

:root {
  --sticker-hit-bg: var(--color-danger);
  --sticker-hit-text: var(--color-text-white-primary);
  --sticker-sale-bg: var(--color-sale);
  --sticker-sale-text: var(--color-text-black-primary);
  --sticker-recommend-bg: var(--color-warning);
  --sticker-recommend-text: var(--color-text-white-primary);
  --sticker-new-bg: var(--color-success);
  --sticker-new-text: var(--color-text-white-primary);
}

.sticker {
  position: relative;
  width: auto;
  display: inline-block;
  padding: 0.2em 0.5em;
  font-size: var(--typo-body-xxs-font-size);
  color: var(--color-text-primary);
  background-color: var(--color-surface-1);
  border-radius: var(--border-radius-sm);
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sticker--sale {
  background-color: var(--sticker-sale-bg);
  color: var(--sticker-sale-text);
}

.sticker--recommend {
  background-color: var(--sticker-recommend-bg);
  color: var(--sticker-recommend-text);
}

.sticker--new {
  background-color: var(--sticker-new-bg);
  color: var(--sticker-new-text);
}

.sticker--hit {
  background-color: var(--sticker-hit-bg);
  color: var(--sticker-hit-text);
}

.catalog-status {
  display: block;
}

.catalog-status::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: relative;
  top: -1px;
  background-color: currentColor;
  margin-right: var(--space-1);
}

.catalog-status--instock {
  color: var(--color-success);
}

.catalog-status--nostock {
  color: var(--color-danger);
}

.catalog-status--order {
  color: var(--color-warning);
}

.catalog-status--pending {
  color: var(--color-info);
}

.catalog-stickers {
  display: flex;
  flex-wrap: wrap;
}
.catalog-stickers .sticker {
  flex: 0 0 auto;
  margin-right: var(--space-1);
  margin-bottom: var(--space-1);
}

.tabs {
  overflow: hidden;
  margin-bottom: var(--space-5);
}

.tabs__wrapper {
  display: flex;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.tabs__item {
  flex: 0 0 auto;
  -webkit-transform: translate3d(0, 0, 0);
}

.tabs__link {
  display: block;
  padding: var(--space-4) var(--space-5);
  background-color: var(--color-surface-1);
  border-radius: var(--border-radius-md);
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-line);
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-short-line-height);
  font-weight: 500;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.tabs__link:hover,
.tabs__link:focus {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.tabs__link.is-active {
  background-color: var(--color-bg-brand);
  color: var(--color-brand-contrast);
  border-color: transparent;
}

.tab-content {
  display: none;
}

.tab-content.is-active {
  display: block;
}

.price-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  line-height: 1.2;
  margin: calc(var(--space-05) * -1) calc(var(--space-1) * -1);
  align-items: baseline;
}

.price-block__item {
  padding: var(--space-05) var(--space-1);
}

.price-block__item--current {
  font-weight: 600;
  font-size: var(--typo-body-md-font-size);
  line-height: var(--typo-body-md-short-line-height);
  color: var(--color-text-primary);
}

.price-block--large .price-block__item--current {
  font-size: var(--typo-body-lg-font-size);
  line-height: var(--typo-body-lg-short-line-height);
}

.price-block__item--discount {
  font-size: var(--typo-body-xxs-font-size);
  line-height: var(--typo-body-xxs-short-line-height);
  color: var(--color-text-tertiary);
  text-decoration: line-through;
}

.navigation-drawer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100%;
  overflow: hidden;
  flex-flow: column nowrap;
  justify-content: flex-start;
  z-index: 1000;
  background-color: transparent;
  transition: opacity 0.4s;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
}

.navigation-drawer__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-overlay);
  backdrop-filter: blur(5px);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s;
}

.navigation-drawer__wrap {
  position: relative;
  max-width: 375px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: var(--color-bg-primary);
  box-shadow: 3px 0 10px 0 rgba(0, 0, 0, 0.45);
  transform: translateX(-100%);
  transition: transform 0.4s;
}

.navigation-drawer__window {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.navigation-drawer__close {
  position: absolute;
  z-index: 10;
  top: 0;
  right: -40px;
  display: block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  border: none;
  font-size: 0;
  cursor: pointer;
  outline: none;
}
@media all and (max-width: 767px) {
  .navigation-drawer__close {
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
  }
}

.navigation-drawer__close:focus {
  outline: 2px dotted #afb3b9;
  outline-offset: 2px;
}

.navigation-drawer.is-enter {
  display: flex;
}

.navigation-drawer.is-enter-active .navigation-drawer__overlay {
  opacity: 1;
}
.navigation-drawer.is-enter-active .navigation-drawer__wrap {
  transform: translateX(0);
}

.mobile-menu__close {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 32px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  z-index: 10;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: none;
  background-size: 100% 100%;
  cursor: pointer;
  outline: none;
  padding: 0;
  font-size: 24px;
  color: var(--color-text-secondary);
}

.mobile-menu__close:hover,
.mobile-menu__close:focus {
  outline: none;
  color: var(--color-text-brand);
}

.mobile-menu__inner {
  padding-top: 32px;
  padding-bottom: 40px;
}

.mobile-menu__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-menu__item {
  display: block;
}

.mobile-menu__link {
  display: block;
  font-size: 15px;
  position: relative;
  padding: 10px 48px 10px 32px;
  text-decoration: none;
  color: var(--color-text-primary);
}

.mobile-menu__item.is-root > .mobile-menu__link {
  font-size: 18px;
  font-weight: 500;
}

.mobile-menu__item--title {
  margin-top: 16px;
  margin-bottom: 8px;
}

.mobile-menu__item--title .mobile-menu__link {
  font-size: 18px;
  font-weight: bold;
}

.mobile-menu__link.is-current, .mobile-menu__link[href]:hover {
  color: var(--color-text-brand);
}

.mobile-menu a[data-mega-link] {
  position: relative;
}

.mobile-menu a[data-mega-link]:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.2 7'%3E%3Cpath fill='%23999' d='M.5 7c-.1 0-.3 0-.4-.1-.1-.2-.1-.6 0-.8l2.6-2.6L.1.9C0 .7 0 .3.1.1s.5-.2.7 0l3.4 3.4L.9 6.9C.8 7 .6 7 .5 7z'/%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
  background-position: 50%;
  width: 4px;
  height: 6.66667px;
}

.mobile-menu__section:not(:first-of-type) {
  padding-top: var(--space-5);
}

.mobile-menu__separator {
  margin: var(--space-5) 32px 0;
  height: 1px;
  background: var(--color-border-line);
}

.mobile-menu__item--back .mobile-menu__link {
  font-size: 16px;
}

.mobile-menu__logo {
  padding: 0 32px;
}

.mobile-menu__logo .logo {
  max-width: 150px;
  height: 56px;
}

.mobile-menu__action,
.mobile-menu__social,
.mobile-menu__theme {
  padding: 0 32px;
}

.mobile-menu__info-item {
  padding: 6px 32px;
}

.mobile-menu__phone {
  font-weight: bold;
}

.mobile-menu__theme {
  padding-top: 8px;
}

.mobile-menu__theme .theme-switcher__icon {
  width: 40px;
  height: 32px;
}

.filter-panel {
  margin-bottom: var(--space-4);
}

.filter-panel__sort {
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
  .filter-panel__sort {
    flex: 1 1 auto;
    order: 3;
  }
}

.filter-panel__view {
  flex: 0 0 auto;
}

.filter-panel__filter {
  flex: 0 0 auto;
}
@media (min-width: 992px) {
  .filter-panel__filter {
    display: none;
  }
}

.view-switcher {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  background-color: var(--color-surface-2);
  border-radius: var(--border-radius-md);
}

.view-switcher__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 4px;
  border-radius: var(--border-radius-md);
  color: var(--color-text-ghost);
}

.view-switcher__link:hover,
.view-switcher__link:focus {
  color: var(--color-text-primary);
}

.view-switcher__link.is-active {
  color: var(--color-text-primary);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-line);
  pointer-events: none;
}

.theme-switcher {
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  border: none;
}

.theme-switcher__legend {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.theme-switcher__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.theme-switcher__icon {
  width: 32px;
  height: 28px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-md);
  color: var(--color-text-tertiary);
}

.theme-switcher__radio:focus-visible + .theme-switcher__icon {
  outline: 2px solid var(--color-border-control);
}

.theme-switcher__radio:checked + .theme-switcher__icon {
  color: var(--color-text-primary);
  background-color: var(--color-surface-2);
}

.content-box img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.header {
  --header-menu-transform: none;
  --header-menu-font-size-compenstation: 0%;
  background-color: transparent;
}

.header__top {
  position: relative;
}

.header__top--offset {
  padding-left: var(--space-6);
  padding-right: var(--space-6);
}

.header__top--bordered {
  border-bottom: 1px solid var(--color-border-line);
}

.header__top-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: calc(var(--space-4) * -1);
  margin-right: calc(var(--space-4) * -1);
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}

.header__top-item {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  flex: 0 0 auto;
}

.header__top-item--social {
  flex-shrink: 1;
  min-width: 104px;
}

.header__top-phone,
.header__top-email,
.header__top-address {
  color: var(--color-text-primary);
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-short-line-height);
}

.header__top-phone {
  display: flex;
  align-items: baseline;
}

.header__top-phone-phone {
  font-weight: bold;
}

.header__top-phone-form {
  margin-left: var(--space-3);
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-short-line-height);
}

.header__main {
  position: relative;
  background-color: var(--color-bg-primary);
}

.header__main--offset {
  padding-left: var(--space-6);
  padding-right: var(--space-6);
}

.header__main--bordered {
  border-bottom: 1px solid var(--color-border-line);
}

.header__main-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__main-inner--rounded {
  border-radius: var(--border-radius-lg);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05);
}

.header__main-inner--offset {
  margin-left: calc(var(--space-5) * -1);
  margin-right: calc(var(--space-5) * -1);
}
@media (min-width: 768px) {
  .header__main-inner--offset {
    margin-left: calc(var(--space-6) * -1);
    margin-right: calc(var(--space-6) * -1);
  }
}

.header__main-item {
  flex: 0 0 auto;
  min-width: 0;
  padding-left: var(--space-5);
  padding-right: var(--space-5);
}
@media (min-width: 768px) {
  .header__main-item {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
}

.header__main-item--menu {
  flex: 1;
}

.header__bottom {
  position: relative;
}

.header__bottom-inner {
  position: relative;
}

.header--color-primary:not(.header--bg-none) {
  background-color: var(--color-bg-primary);
}

.header--color-light:not(.header--bg-none) {
  background-color: var(--color-bg-white-primary);
  --header-menu-root-link-color: var(--color-text-black-primary);
  --header-menu-root-arrow-color: var(--color-text-black-secondary);
}
.header--color-light:not(.header--bg-none) .logo svg * {
  fill: var(--color-text-black-primary);
}
.header--color-light:not(.header--bg-none) .contrast-text {
  color: var(--color-text-black-primary);
}

.header--color-brand:not(.header--bg-none) {
  background-color: var(--color-bg-brand);
  --header-menu-root-link-color: var(--color-text-white-primary);
  --header-menu-root-arrow-color: var(--color-text-white-secondary);
}
.header--color-brand:not(.header--bg-none) .logo svg * {
  fill: var(--color-text-white-primary);
}
.header--color-brand:not(.header--bg-none) .contrast-text {
  color: var(--color-text-white-primary);
}

.header--color-dark:not(.header--bg-none) {
  background-color: var(--color-bg-black-primary);
  color: var(--color-text-white-primary);
  --header-menu-root-link-color: var(--color-text-white-primary);
  --header-menu-root-arrow-color: var(--color-text-white-secondary);
}
.header--color-dark:not(.header--bg-none) .logo svg * {
  fill: var(--color-text-white-primary);
}
.header--color-dark:not(.header--bg-none) .contrast-text {
  color: var(--color-text-white-primary);
}

.footer__top {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
  border-top: 1px solid var(--color-border-line);
}

.footer__main {
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
  border-top: 1px solid var(--color-border-line);
}

.footer__bottom {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
  border-top: 1px solid var(--color-border-line);
}

.footer__info-item {
  margin-top: var(--space-3);
  color: var(--color-text-primary);
}

.footer__info-item:first-child {
  margin-top: 0;
}

.footer__info-item--social {
  margin-top: var(--space-5);
}

.footer__phone {
  font-weight: bold;
}

.footer__email,
.footer__address {
  font-size: var(--typo-body-sm-font-size);
}

.footer__bottom-item {
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-short-line-height);
  color: var(--color-text-secondary);
}

.mobile-header {
  background-color: var(--color-bg-secondary);
  border-bottom: 1px solid var(--color-border-line);
  position: sticky;
  top: 0;
  z-index: var(--z-index-fixed-panel);
}

@media (min-width: 992px) {
  .mobile-header {
    display: none;
  }
}
.mobile-header--brand {
  --color-text-primary: var(--color-brand-contrast);
  --color-text-brand: var(--color-brand-contrast);
  background-color: var(--color-brand);
  color: var(--color-brand-contrast);
}

.mobile-header__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 64px;
}

.hamburger-menu {
  display: flex;
  align-self: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  background-image: none;
  font-size: 24px;
  line-height: 0;
  cursor: pointer;
  padding: 12px;
  margin: -12px;
  color: var(--color-text-primary);
}

:root {
  --header-menu-link-transition: var(--link-transition);
  --header-menu-link-color: var(--color-text-primary);
  --header-menu-link-hover-color: var(--color-text-brand);
  --header-menu-link-active-color: var(--color-text-brand);
  --header-menu-link-root-color: var(--color-text-primary);
  --header-menu-link-root-hover-color: var(--color-text-brand);
  --header-menu-link-root-active-color: var(--color-text-brand);
}

[data-theme=dark] {
  --header-menu-link-color: var(--color-text-primary);
  --header-menu-link-hover-color: var(--link-color-hover);
  --header-menu-link-active-color: var(--link-color-hover);
  --header-menu-link-root-color: var(--color-text-primary);
  --header-menu-link-root-hover-color: var(--link-color-hover);
  --header-menu-link-root-active-color: var(--link-color-hover);
}

.header-menu {
  display: block;
  width: 100%;
  flex: 1;
}

.header-menu__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.header-menu__item {
  position: relative;
  display: block;
  margin-bottom: 0;
  flex: 0 0 auto;
  line-height: 1;
}

.header-menu__item[aria-hidden=true] {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  z-index: -10;
}

.header-menu__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-short-line-height);
  cursor: pointer;
  color: var(--header-menu-link-color);
  transition: var(--header-menu-link-transition);
}

.header-menu__link:hover {
  color: var(--header-menu-link-hover-color);
}

.header-menu__link.is-current:not(:hover) {
  color: var(--header-menu-link-active-color);
}

.header-menu__arrow-icon {
  flex: 0 0 auto;
  font-size: 10px;
  margin-left: 4px;
  margin-top: 1px;
  color: inherit;
  opacity: 0.8;
}

.header-menu__list--root > .header-menu__item {
  height: 98px;
  margin-left: 2rem;
}

.header-menu__list--root > .header-menu__item:first-child {
  margin-left: 0;
}

.header-menu__list--root > .header-menu__item > .header-menu__link {
  height: 100%;
  font-weight: 500;
  text-transform: none;
  font-size: var(--typo-body-sm-font-size);
}

.header-menu__list--root > .header-menu__item > .header-menu__link {
  color: var(--header-menu-link-root-color);
}

.header-menu__list--root > .header-menu__item > .header-menu__link:hover {
  color: var(--header-menu-link-root-hover-color);
}

.header-menu__list--root > .header-menu__item > .header-menu__link.is-current {
  color: var(--header-menu-link-root-active-color);
}

.header-menu__dropdown {
  --dropdown-bg: var(--color-bg-primary);
  --dropdown-border-radius: var(--border-radius-md, 4px);
  --dropdown-box-shadow: var(--shadow-popup);
  position: absolute;
  top: 100%;
  left: -24px;
  display: none;
  min-width: 15rem;
  color: var(--color-text-primary);
  background-color: var(--dropdown-bg);
  border-radius: var(--dropdown-border-radius);
  box-shadow: var(--dropdown-box-shadow);
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: var(--z-index-popup);
}

.header-menu__dropdown.is-enter {
  display: block;
}

.header-menu__dropdown.is-enter-active {
  opacity: 1;
}

.header-menu__dropdown .header-menu__dropdown {
  top: -8px;
  left: 100%;
}

.header-menu__dropdown .header-menu__list {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
}

.header-menu__dropdown .header-menu__item {
  display: block;
  text-align: left;
}

.header-menu__dropdown .header-menu__link {
  position: relative;
  justify-content: space-between;
  font-weight: 400;
  padding: 8px 24px;
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-short-line-height);
  text-transform: none;
}

.header-menu__dropdown .header-menu__arrow-icon {
  margin-top: 0;
  transform: rotate(-90deg);
}

.header-menu__list--root > .header-menu__item--wide {
  position: static;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide {
  border-top: 1px solid var(--color-border-line);
  top: 100%;
  left: 0 !important;
  right: 0 !important;
  overflow: hidden;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__wide-scroll {
  width: 100%;
  overflow-y: auto;
  max-height: 480px;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__wide-container {
  padding: 40px;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__dropdown {
  position: static;
  display: block;
  box-shadow: none;
  min-width: auto;
  opacity: 1;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__link {
  display: inline-block;
  padding: 0;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__arrow-icon {
  display: none;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__wide-container > .header-menu__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 40px;
  padding: 0;
  width: 100%;
  align-items: stretch;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item--wrapper {
  display: flex;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item--image-left {
  flex-direction: row;
  align-items: flex-start;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item--image-top {
  flex-direction: column;
  align-items: stretch;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item-img-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-shrink: 0;
  flex-grow: 0;
  width: 100%;
  max-width: 96px;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item--image-left .header-menu__item-img-wrapper {
  margin-right: 24px;
  justify-content: flex-end;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item--image-top .header-menu__item-img-wrapper {
  margin-bottom: 16px;
  justify-content: flex-start;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item-img-link {
  display: inline-block;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  height: 64px;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item-img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item-img-icon {
  color: var(--color-text-brand);
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item-img-icon svg {
  max-width: 48px;
  max-height: 48px;
  fill: currentColor;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__item-content-wrapper {
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__item-content-wrapper > .header-menu__link {
  font-weight: bold;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__item-content-wrapper .header-menu__list {
  display: block;
  padding-top: 12px;
  padding-bottom: 0;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__item-content-wrapper .header-menu__item:not(:first-child) {
  margin-top: 8px;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__item-content-wrapper .header-menu__list .header-menu__link {
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-short-line-height);
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__item-content-wrapper .header-menu__list .header-menu__list {
  display: block;
  padding-top: 8px;
  padding-bottom: 4px;
  padding-left: 12px;
}
.header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide .header-menu__item-content-wrapper .header-menu__list .header-menu__list .header-menu__link {
  font-size: var(--typo-body-xxs-font-size);
  line-height: var(--typo-body-xxs-short-line-height);
}

.header-menu__item--more .container {
  display: contents;
  padding: 0;
  margin: 0;
}
.header-menu__item--more .header-menu__item-img-wrapper {
  display: none;
}
.header-menu__item--more .header-menu__item-content-wrapper {
  display: contents;
}

.page--menu-uppercase .header-menu__list--root > .header-menu__item > .header-menu__link {
  text-transform: uppercase;
  font-size: calc(var(--typo-body-sm-font-size) - 2px);
}

.page--menu-uppercase .header-menu__list--root > .header-menu__item > .header-menu__link .header-menu__arrow-icon {
  margin-top: 0;
}

.header__main-inner--rounded .header-menu__list--root > .header-menu__item--wide .header-menu__dropdown--wide {
  top: calc(100% - 6px);
}

.detail-page {
  margin-right: auto;
  margin-left: auto;
  max-width: var(--content-max-width);
}

.detail-page--full {
  max-width: 100%;
}

.detail-page__block {
  margin-top: var(--space-6);
  margin-bottom: var(--space-6);
}
@media (min-width: 992px) {
  .detail-page__block {
    margin-top: var(--space-8);
    margin-bottom: var(--space-8);
  }
}
.detail-page__block:first-child {
  margin-top: 0;
}
.detail-page__block:last-child {
  margin-bottom: 0;
}

.detail-page__block-title {
  font-size: var(--typo-headline-lg-font-size);
  line-height: var(--typo-headline-lg-line-height);
  margin-bottom: var(--space-5);
}

.detail-page__top-content {
  flex-grow: 1;
}

.detail-page__meta {
  margin-bottom: var(--space-6);
}

.detail-page__date {
  color: var(--color-text-secondary);
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-short-line-height);
}

.detail-page__bottom-links {
  margin-top: var(--space-10);
  display: flex;
  justify-content: space-between;
}

.back-link {
  display: inline-flex;
  align-items: center;
}

.back-link__icon {
  font-size: 20px;
  margin-right: var(--space-2);
  color: var(--color-text-ghost);
}

.detail-image-wrapper {
  margin-bottom: var(--space-6);
}

.detail-image-wrapper--top,
.detail-image-wrapper--top_content {
  margin-bottom: var(--space-7);
}

.detail-image {
  display: block;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: var(--border-radius-lg);
}

.detail-image-wrapper--top .detail-image {
  border-radius: 0;
}

@media (min-width: 992px) {
  .detail-page__top--image-float {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .detail-image-wrapper--right,
.detail-image-wrapper--left {
    width: 33%;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 0;
    flex-basis: 33%;
  }
  .detail-image-wrapper--left {
    margin-right: var(--space-6);
  }
  .detail-image-wrapper--right {
    margin-left: var(--space-6);
    order: 2;
  }
}
.detail-preview-text {
  font-size: var(--typo-body-lg-font-size);
  line-height: var(--typo-body-lg-line-height);
  margin-bottom: 2em;
}

.detail-page-order-block {
  padding: var(--space-6);
  background-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--color-border-line);
}

.detail-page-order-block__text {
  color: var(--color-text-primary);
  min-width: 200px;
}

.detail-page-order-block__button-wrapper {
  margin-top: var(--space-4);
}

@media (min-width: 768px) {
  .detail-page-order-block__buy-btn {
    min-width: 240px;
  }
}

.section-list:not(:first-child) {
  margin-top: var(--space-8);
}

.section-list__headline {
  margin-bottom: var(--space-5);
}

.section-list__title {
  margin-bottom: var(--space-4);
}

.section-list__description {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--color-text-secondary);
  font-size: var(--typo-body-md-font-size);
  line-height: var(--typo-body-md-line-height);
}

.document-list-item {
  position: relative;
  padding: var(--space-6);
}

.document-list-item__title {
  font-size: var(--typo-body-md-font-size);
  line-height: var(--typo-body-md-short-line-height);
  font-weight: var(--typo-subtitle-font-weight);
}

.document-list-item__size {
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-short-line-height);
  color: var(--color-text-tertiary);
}

.document-list-item__img {
  max-width: 100%;
  max-height: 100%;
}

.document-list-item__download-icon {
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  top: calc(var(--space-6) - 6px);
  right: var(--space-6);
  font-size: 20px;
  line-height: 0;
  color: var(--color-text-ghost);
  border-radius: var(--border-radius-md);
  transition: var(--link-transition), background-color 0.4s;
}
@media (min-width: 768px) {
  .document-list-item__download-icon {
    display: flex;
  }
}

.document-list-item__zoom-icon {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  position: absolute;
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: var(--color-bg-primary);
  border-radius: var(--border-radius-md);
  font-size: 20px;
  z-index: 10;
}

.document-list-item:hover .document-list-item__zoom-icon {
  opacity: 1;
}

.document-list-item__download-icon:hover,
.document-list-item__download-icon:focus {
  color: var(--link-color-hover);
  background-color: var(--color-surface-1);
}

.document-list-item__title-link {
  text-decoration: none;
}

.document-list-item__img-wrapper {
  margin-bottom: var(--space-5);
}

.document-list-item__img-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.document-list-item--horizontal .document-list-item__inner {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .document-list-item--horizontal .document-list-item__inner {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .document-list-item--horizontal .document-list-item__img-wrapper {
    flex: 0 0 auto;
    margin-right: var(--space-6);
    margin-left: 0;
    margin-bottom: 0;
  }
}
.document-list-item--horizontal .document-list-item__content {
  flex: 1 1 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .document-list-item--horizontal .document-list-item__content {
    padding-right: var(--space-9);
  }
}
.document-list-item--horizontal .document-list-item__description {
  margin-top: var(--space-3);
  font-size: var(--typo-body-sm-font-size);
  line-height: var(--typo-body-sm-line-height);
}
@media (min-width: 768px) {
  .document-list-item--horizontal .document-list-item__description {
    font-size: var(--typo-body-md-font-size);
    line-height: var(--typo-body-md-line-height);
  }
}

.document-list-item--vertical {
  text-align: center;
}
.document-list-item--vertical .document-list-item__title {
  margin-bottom: var(--space-1);
}

.document-list-item__img-inner--image {
  width: 104px;
  height: 148px;
}

.contacts-page__image {
  margin-bottom: var(--space-5);
}

.contacts-page__image img {
  max-width: 100%;
  height: auto;
  width: auto;
  border-radius: var(--border-radius-md);
}

.contacts-page__info {
  margin-bottom: var(--space-6);
}

.contacts-page__properties-item-title {
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-line-height);
  color: var(--color-text-tertiary);
}

.contacts-page__map-wrapper {
  position: relative;
}

.contacts-page__map {
  position: sticky;
  top: var(--space-4);
  border: 1px solid var(--color-border-line);
  border-radius: var(--border-radius-md);
  overflow: hidden;
}

@media (max-width: 991.98px) {
  .contacts-page .map-container .map {
    height: 320px !important;
  }
}
@media (max-width: 575.98px) {
  .contacts-page .map-container .map {
    height: 240px !important;
  }
}

.modal-form-frame {
  --fancybox-bg: var(--color-overlay);
  --fancybox-color: var(--color-text-white-primary);
  --carousel-button-color: var(--color-text-white-primary);
  --fancybox-content-color: var(--color-text-default);
}

.modal-form {
  width: 560px;
  display: none;
  max-width: 100%;
}

@media (min-width: 992px) {
  .modal-form {
    padding: 48px;
  }
}
.modal-form > .carousel__button.is-close {
  top: 10px;
  right: 10px;
  color: var(--color-text-ghost);
}

.modal-form > .carousel__button.is-close:hover {
  color: var(--color-text-secondary);
}

.modal-form__top {
  margin-bottom: var(--space-6);
}

.modal-form__title {
  margin-bottom: var(--space-4);
}

.modal-form__top-text {
  margin: 0;
  color: var(--color-text-secondary);
}

.modal-form__license {
  margin-top: var(--space-3);
  font-size: var(--typo-body-xs-font-size);
  color: var(--color-text-secondary);
}

.modal-form__submit-container {
  margin-top: var(--space-6);
}

/*# sourceMappingURL=index.css.map */

/* End */


/* Start:/bitrix/templates/foxcoder-corp/css/custom.css?1684258519333*/
/* The file is intended for developers. This is where you can add custom CSS styles. */

.kot {
    width: 205px;
	margin-top: -5px;
}

.kot p {
	float: right;
	text-align: left;
	margin: 2px 0px 0px 0px;
	width: 115px;
}

.kot_a {
	font-size: 12px;
	color: #ffffff !important;
	line-height: 15px; 
	display: block; 
	float: right;
}
/* End */


/* Start:/bitrix/templates/foxcoder-corp/components/bitrix/menu/bottom/style.css?16830952371516*/
:root {
  --footer-menu-link-transition: var(--link-transition);
  --footer-menu-link-color: var(--color-text-secondary);
  --footer-menu-link-hover-color: var(--color-text-brand);
  --footer-menu-link-active-color: var(--color-text-brand);
}

[data-theme=dark] {
  --footer-menu-link-transition: var(--link-transition);
  --footer-menu-link-color: var(--color-text-secondary);
  --footer-menu-link-hover-color: var(--color-text-primary);
  --footer-menu-link-active-color: var(--color-text-primary);
}

.footer-menu {
  display: block;
}

.footer-menu__inner {
  display: block;
}

.footer-menu__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-menu__link {
  color: var(--footer-menu-link-color);
  transition: var(--footer-menu-link-transition);
  text-decoration: none;
}

.footer-menu__link:hover,
.footer-menu__link:focus {
  color: var(--footer-menu-link-hover-color);
}

.footer-menu__link.is-current {
  color: var(--footer-menu-link-active-color);
}

.footer-menu__item--root:not(:first-child) {
  margin-top: var(--space-5);
}

.footer-menu__item--root > .footer-menu__link {
  font-weight: bold;
}

.footer-menu__list--submenu {
  margin-top: var(--space-5);
}

.footer-menu__list--submenu .footer-menu__item {
  font-size: var(--typo-body-xs-font-size);
  line-height: var(--typo-body-xs-short-line-height);
  color: var(--color-text-secondary);
}

.footer-menu__list--submenu .footer-menu__item:not(:first-child) {
  margin-top: var(--space-3);
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/foxcoder-corp/styles.css?168309523741*/


/*# sourceMappingURL=styles.css.map */

/* End */
/* /bitrix/templates/foxcoder-corp/vendor/fancybox/fancybox.css?168309523718821 */
/* /bitrix/templates/foxcoder-corp/vendor/swiper/swiper.css?168309523716034 */
/* /bitrix/templates/foxcoder-corp/vendor/growl-notification/light-theme.min.css?168309523714322 */
/* /bitrix/templates/foxcoder-corp/css/src/index.css?1683095237319621 */
/* /bitrix/templates/foxcoder-corp/css/custom.css?1684258519333 */
/* /bitrix/templates/foxcoder-corp/components/bitrix/menu/bottom/style.css?16830952371516 */
/* /bitrix/templates/foxcoder-corp/styles.css?168309523741 */