/*!
 * Base
 *
 */
.smi-section {
    --container-gutter: 30px;
    --container-max-width: calc(var(--page-width) - var(--container-gutter) * 2);
    --container-full-gutter: min(max(calc((100% - var(--container-max-width)) / 2), var(--container-gutter)), 45px);
    --duration-default: .2s;
    --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
    --animation-slide-in: smiSlideIn .6s var(--ease-out-slow) forwards;
    --animation-fade-in: smiFadeIn .6s var(--ease-out-slow);
    --animation-order: 0;
    z-index: initial
}

.smi-section * {
    margin: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.smi-section *::before,.smi-section *::after {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.smi-section input {
    font-family: inherit
}

.smi-section select option[disabled] {
    color: #6d6d6d
}

.smi-section select option {
    color: #222
}

@media screen and (max-width: 767.98px) {
    .smi-section {
        --container-gutter: 15px;
        --container-full-gutter: 15px
    }
}

.smi-section a:empty,.smi-section ul:empty,.smi-section dl:empty,.smi-section div:empty,.smi-section section:empty,.smi-section article:empty,.smi-section p:empty,.smi-section h1:empty,.smi-section h2:empty,.smi-section h3:empty,.smi-section h4:empty,.smi-section h5:empty,.smi-section h6:empty {
    display: unset
}

.smi-section a {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.smi-section img {
    max-width: 100%
}

.smi-section ul,.smi-section ol {
    display: inline-block;
    text-align: left
}

.smi-section ul~p:empty,.smi-section ol~p:empty {
    display: block
}

.smi-background-2-layer {
    background: linear-gradient(rgba(var(--color-foreground), 0.04), rgba(var(--color-foreground), 0.04)),linear-gradient(var(--gradient-background), var(--gradient-background))
}

.smi-format-content a {
    color: inherit;
    text-decoration: initial
}

.smi-format-content p {
    margin-bottom: 16px
}

.smi-format-content ul,.smi-format-content ol {
    display: block;
    padding-left: 20px;
    margin: 16px 0
}

.smi-format-content img {
    margin-bottom: 12px
}

.smi-format-content h1 {
    margin-bottom: 30px
}

.smi-format-content h2 {
    margin-bottom: 22px
}

.smi-format-content h3 {
    margin-bottom: 17px
}

.smi-format-content h4 {
    margin-bottom: 15px
}

.smi-format-content h5 {
    margin-bottom: 12px
}

.smi-format-content h6 {
    margin-bottom: 10px
}

.smi-format-content blockquote {
    margin: 14px 40px
}

.smi-format-content table:not([class]) {
    border-collapse: collapse;
    border-style: hidden;
    box-shadow: 0 0 0 .1rem rgba(var(--color-foreground), 0.2)
}

.smi-format-content>*:first-child {
    margin-top: 0px
}

.smi-format-content>*:last-child {
    margin-bottom: 0px
}

.smi-svg-icon {
    stroke-width: var(--svg-stroke-width, 0.5);
    stroke: rgb(var(--color-foreground));
    width: var(--svg-width, 24px);
    height: var(--svg-height, 24px)
}

.smi-svg-icon.smi-svg-icon--solid {
    stroke-width: 0 !important;
    stroke: none !important
}

.smi-svg-icon path {
    fill: rgb(var(--color-foreground))
}

.smi-svg--property-width-height {
    height: var(--svg-height, 24px);
    width: var(--svg-width, 24px)
}

.smi-svg--property-width-height-16 {
    height: var(--svg-height, 16px);
    width: var(--svg-width, 16px)
}

.smi-product-card-wrapper {
    --border-radius: var(--product-card-corner-radius);
    --border-width: var(--product-card-border-width);
    --border-opacity: var(--product-card-border-opacity);
    --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
    --shadow-blur-radius: var(--product-card-shadow-blur-radius);
    --shadow-opacity: var(--product-card-shadow-opacity);
    --shadow-visible: var(--product-card-shadow-visible);
    --image-padding: var(--product-card-image-padding);
    --text-alignment: var(--product-card-text-alignment)
}

.smi-article-card-wrapper {
    --border-radius: var(--blog-card-corner-radius);
    --border-width: var(--blog-card-border-width);
    --border-opacity: var(--blog-card-border-opacity);
    --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
    --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
    --shadow-opacity: var(--blog-card-shadow-opacity);
    --shadow-visible: var(--blog-card-shadow-visible);
    --image-padding: var(--blog-card-image-padding);
    --text-alignment: var(--blog-card-text-alignment)
}

.smi-content-wrapper {
    --border-radius: var(--text-boxes-radius);
    --border-width: var(--text-boxes-border-width);
    --border-opacity: var(--text-boxes-border-opacity);
    --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
    --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
    --shadow-opacity: var(--text-boxes-shadow-opacity);
    --shadow-visible: var(--text-boxes-shadow-visible)
}

.smi-media-wrapper {
    --border-radius: var(--media-radius);
    --border-width: var(--media-border-width);
    --border-opacity: var(--media-border-opacity);
    --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--media-shadow-vertical-offset);
    --shadow-blur-radius: var(--media-shadow-blur-radius);
    --shadow-opacity: var(--media-shadow-opacity);
    --shadow-visible: var(--media-shadow-visible)
}

.smi-inputs-wrapper {
    --border-radius: var(--inputs-radius);
    --border-width: var(--inputs-border-width);
    --border-opacity: var(--inputs-border-opacity);
    --shadow-horizontal-offset: var(--inputs-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--inputs-shadow-vertical-offset);
    --shadow-blur-radius: var(--inputs-shadow-blur-radius);
    --shadow-opacity: var(--inputs-shadow-opacity)
}

.smi-button-wrapper {
    --border-radius: var(--buttons-radius);
    --border-width: var(--buttons-border-width);
    --border-opacity: var(--buttons-border-opacity);
    --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
    --shadow-blur-radius: var(--buttons-shadow-blur-radius);
    --shadow-opacity: var(--buttons-shadow-opacity);
    --shadow-visible: var(--buttons-shadow-visible);
    --border-radius-offset: var(--buttons-radius-outset)
}

.smi-variant-wrapper {
    --border-radius: var(--variant-pills-radius);
    --border-width: var(--variant-pills-border-width);
    --border-opacity: var(--variant-pills-border-opacity);
    --shadow-horizontal-offset: var(--variant-pills-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--variant-pills-shadow-vertical-offset);
    --shadow-blur-radius: var(--variant-pills-shadow-blur-radius);
    --shadow-opacity: var(--variant-pills-shadow-opacity)
}

.smi-dropdown-popup-wrapper {
    --border-radius: var(--popup-corner-radius);
    --border-width: var(--popup-border-width);
    --border-opacity: var(--popup-border-opacity);
    --shadow-horizontal-offset: var(--popup-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--popup-shadow-vertical-offset);
    --shadow-blur-radius: var(--popup-shadow-blur-radius);
    --shadow-opacity: var(--popup-shadow-opacity)
}

.smi-drawer-wrapper {
    --border-width: var(--drawer-border-width);
    --border-opacity: var(--drawer-border-opacity);
    --shadow-horizontal-offset: var(--drawer-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--drawer-shadow-vertical-offset);
    --shadow-blur-radius: var(--drawer-shadow-blur-radius);
    --shadow-opacity: var(--drawer-shadow-opacity);
    --border-radius-offset: var(--drawer-radius-outset)
}

.smi-link-wrapper a,.smi-section a[title] {
    color: inherit;
    transition: text-decoration-thickness .1s ease;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px !important;
    text-decoration: underline
}

.smi-link-wrapper a:hover,.smi-section a[title]:hover {
    color: rgba(var(--color-foreground), 1);
    text-decoration-thickness: 2px !important
}

.smi-border {
    border-radius: var(--border-radius);
    border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
}

.smi-border-purchase {
    border-radius: var(--border-radius) !important;
    border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity)) !important
}

.smi-shadow {
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
}

.smi-shadow-drawer {
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) 20px rgba(var(--color-shadow), var(--shadow-opacity))
}

.smi-color-text {
    color: rgb(var(--color-foreground))
}

.smi-color-text-75 {
    color: rgba(var(--color-foreground), 0.75)
}

.smi-color-text-55 {
    color: rgba(var(--color-foreground), 0.55)
}

.smi-color-subtext {
    color: rgb(var(--color-subtext))
}

.smi-lh-0 {
    line-height: 0
}

.smi-round {
    border-radius: 2000px !important
}

.smi-overflow-hidden {
    overflow: hidden
}

.smi-overflow-x-clip {
    overflow-x: hidden !important
}

@supports(overflow-x: clip) {
    .smi-overflow-x-clip {
        overflow-x:clip !important
    }
}

.smi-wh-100 {
    width: 100%;
    height: 100%
}

.smi-object-fit-cover {
    object-fit: cover
}

.smi-h-auto {
    height: auto
}

.smi-dropdown.smi-active .smi-dropdown__list {
    z-index: 1
}

.smi-dropdown--style {
    width: 200px;
    background: rgba(var(--color-background));
    position: absolute;
    padding-top: calc(16px*var(--spacing-elements));
    padding-bottom: calc(16px*var(--spacing-elements))
}

.smi-dropdown.smi-active .smi-dropdown__list {
    z-index: 1
}

.smi-shape-blob-1 {
    transition: clip-path .5s ease-in-out;
    clip-path: polygon(var(--shape-blob-1))
}

.smi-shape-blob-2 {
    transition: clip-path .5s ease-in-out;
    clip-path: polygon(var(--shape-blob-2))
}

.smi-shape-blob-3 {
    transition: clip-path .5s ease-in-out;
    clip-path: polygon(var(--shape-blob-3))
}

.smi-shape-blob-4 {
    transition: clip-path .5s ease-in-out;
    clip-path: polygon(var(--shape-blob-4))
}

.smi-shape-blob-5 {
    transition: clip-path .5s ease-in-out;
    clip-path: polygon(var(--shape-blob-5))
}

.smi-shape-blob-6 {
    transition: clip-path .5s ease-in-out;
    clip-path: polygon(var(--shape-blob-6))
}

.smi-input {
    background: var(--color-background);
    color: var(--color-foreground);
    padding: 7.5px 15px
}

.smi-media-settings {
    width: 100%;
    height: fit-content;
    background: var(--color-background);
    color: var(--color-foreground)
}

.smi-dropdown-popup {
    width: 100%;
    height: fit-content;
    background: var(--color-background);
    padding: 10px;
    color: var(--color-foreground)
}

.smi-drawers {
    width: 100%;
    height: fit-content;
    background: var(--color-background);
    padding: 10px;
    color: var(--color-foreground)
}

.smi-badges {
    text-align: center;
    height: fit-content;
    width: fit-content;
    font-weight: 500;
    letter-spacing: calc(.6px*var(--badge-letter-spacing-scale, 1));
    border-radius: var(--badge-corner-radius);
    background: rgba(var(--color-badge-background), 1);
    color: rgba(var(--color-badge-foreground), 1);
    border: 1px solid rgba(var(--color-badge-border), 0.15)
}

.smi-badges--sold-out {
    --color-badge-background: var(--color-sold-badge-background);
    --color-badge-foreground: var(--color-sold-badge-foreground)
}

.smi-variant-pill {
    background-color: rgb(var(--color-background));
    color: rgb(var(--color-foreground));
    display: inline-block;
    margin: 5px;
    padding: 10px 20px;
    text-align: center;
    transition: border .1s ease;
    cursor: pointer;
    position: relative
}

.smi-variant-pill.smi-active {
    background-color: rgb(var(--color-foreground));
    color: rgb(var(--color-background))
}

.smi-content-container {
    overflow: hidden;
    position: relative
}

.smi-d-lazy {
    display: none
}

.smi-tooltip {
    white-space: nowrap !important
}

section+.smi-section {
    margin-top: var(--spacing-sections-mobile)
}

@media screen and (min-width: 768px) {
    section+.smi-section {
        margin-top:var(--spacing-sections-desktop)
    }
}

.smi-page-width {
    max-width: 100%;
    width: var(--page-width)
}

.smi-section {
    font-size: calc(var(--font-body-scale)*16px*.9375);
    letter-spacing: var(--body-letter-spacing-scale, 0);
    line-height: calc((1 + .6/var(--font-body-scale))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-section {
        font-size:calc(var(--font-body-scale)*16px)
    }
}

.smi-section h1,.smi-section h2,.smi-section h3,.smi-section h4,.smi-section h5,.smi-section h6,.smi-section .smi-h1,.smi-section .smi-h2,.smi-section .smi-h3,.smi-section .smi-h4,.smi-section .smi-h5,.smi-section .smi-h6 {
    letter-spacing: var(--heading-letter-spacing-scale, 0);
    color: rgb(var(--color-foreground));
    line-height: calc((1 + .6/var(--font-body-scale))*var(--heading-line-height-scale, 1));
    word-break: break-word;
    text-transform: var(--heading-text-case, unset)
}

.smi-section__inner {
    position: relative;
    padding-top: calc(var(--section-padding-top, 0)*var(--spacing-elements)*.75);
    padding-bottom: calc(var(--section-padding-bottom, 0)*var(--spacing-elements)*.75)
}

@media screen and (min-width: 768px) {
    .smi-section__inner {
        padding-top:var(--section-padding-top, 0);
        padding-bottom: var(--section-padding-bottom, 0)
    }
}

.smi-section h1,.smi-section .smi-h1 {
    font-size: calc(var(--font-heading-scale)*var(--h1-font-size-xs, 40)*1px);
    line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h1-font-size-xs, 40)/16))*var(--heading-line-height-scale, 1))
}

.smi-section h2,.smi-section .smi-h2 {
    font-size: calc(var(--font-heading-scale)*var(--h2-font-size-xs, 30)*1px);
    line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h2-font-size-xs, 30)/16))*var(--heading-line-height-scale, 1))
}

.smi-section h3,.smi-section .smi-h3 {
    font-size: calc(var(--font-heading-scale)*var(--h3-font-size-xs, 22)*1px);
    line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h3-font-size-xs, 22)/16))*var(--heading-line-height-scale, 1))
}

.smi-section h4,.smi-section .smi-h4 {
    font-size: calc(var(--font-heading-scale)*var(--h4-font-size-xs, 20)*1px);
    line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h4-font-size-xs, 20)/16))*var(--heading-line-height-scale, 1))
}

.smi-section h5,.smi-section .smi-h5 {
    font-size: calc(var(--font-heading-scale)*var(--h5-font-size-xs, 16)*1px);
    line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h5-font-size-xs, 16)/16))*var(--heading-line-height-scale, 1))
}

.smi-section h6,.smi-section .smi-h6 {
    font-size: calc(var(--font-heading-scale)*var(--h6-font-size-xs, 14)*1px);
    line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h6-font-size-xs, 14)/16))*var(--heading-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-section h1,.smi-section .smi-h1 {
        font-size:calc(var(--font-heading-scale)*var(--h1-font-size, 44)*1px);
        line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h1-font-size, 44)/16))*var(--heading-line-height-scale, 1))
    }

    .smi-section h2,.smi-section .smi-h2 {
        font-size: calc(var(--font-heading-scale)*var(--h2-font-size, 34)*1px);
        line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h2-font-size, 34)/16))*var(--heading-line-height-scale, 1))
    }

    .smi-section h3,.smi-section .smi-h3 {
        font-size: calc(var(--font-heading-scale)*var(--h3-font-size, 26)*1px);
        line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h3-font-size, 26)/16))*var(--heading-line-height-scale, 1))
    }

    .smi-section h4,.smi-section .smi-h4 {
        font-size: calc(var(--font-heading-scale)*var(--h4-font-size, 20)*1px);
        line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h4-font-size, 20)/16))*var(--heading-line-height-scale, 1))
    }

    .smi-section h5,.smi-section .smi-h5 {
        font-size: calc(var(--font-heading-scale)*var(--h5-font-size, 16)*1px);
        line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h5-font-size, 16)/16))*var(--heading-line-height-scale, 1))
    }

    .smi-section h6,.smi-section .smi-h6 {
        font-size: calc(var(--font-heading-scale)*var(--h6-font-size, 14)*1px);
        line-height: calc((1 + .6/(var(--font-heading-scale)*var(--h6-font-size, 14)/16))*var(--heading-line-height-scale, 1))
    }
}

.smi-text-xxs {
    font-size: calc(var(--font-body-scale)*10*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*10/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-xxs {
        font-size:calc(var(--font-body-scale)*10*1px)
    }
}

.smi-text-xs {
    font-size: calc(var(--font-body-scale)*12*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*12/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-xs {
        font-size:calc(var(--font-body-scale)*12*1px)
    }
}

.smi-text-sm {
    font-size: calc(var(--font-body-scale)*14*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*14/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-sm {
        font-size:calc(var(--font-body-scale)*14*1px)
    }
}

.smi-text-md {
    font-size: calc(var(--font-body-scale)*16*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*16/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-md {
        font-size:calc(var(--font-body-scale)*16*1px)
    }
}

.smi-text-lg {
    font-size: calc(var(--font-body-scale)*18*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*18/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-lg {
        font-size:calc(var(--font-body-scale)*18*1px)
    }
}

.smi-text-button {
    font-size: calc(var(--font-body-scale)*var(--button-font-size, 14)*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*var(--button-font-size, 14)/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-button {
        font-size:calc(var(--font-body-scale)*var(--button-font-size, 14)*1px)
    }
}

.smi-text-sub {
    font-size: calc(var(--font-body-scale)*var(--subheading-font-size, 14)*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*var(--subheading-font-size, 14)/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-sub {
        font-size:calc(var(--font-body-scale)*var(--subheading-font-size, 14)*1px)
    }
}

.smi-text-badge {
    font-size: calc(var(--font-body-scale)*var(--badge-font-size, 12)*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*var(--badge-font-size, 12)/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-badge {
        font-size:calc(var(--font-body-scale)*var(--badge-font-size, 12)*1px)
    }
}

.smi-text-price-md {
    font-size: calc(var(--font-body-scale)*var(--price-font-size-md, 16)*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*var(--price-font-size-md, 16)/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-price-md {
        font-size:calc(var(--font-body-scale)*var(--price-font-size-md, 16)*1px)
    }
}

.smi-text-price-lg {
    font-size: calc(var(--font-body-scale)*var(--price-font-size-lg, 18)*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*var(--price-font-size-lg, 18)/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-price-lg {
        font-size:calc(var(--font-body-scale)*var(--price-font-size-lg, 18)*1px)
    }
}

.smi-text-price-xl {
    font-size: calc(var(--font-body-scale)*var(--price-font-size-xl, 24)*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*var(--price-font-size-xl, 24)/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-price-xl {
        font-size:calc(var(--font-body-scale)*var(--price-font-size-xl, 24)*1px)
    }
}

.smi-text-menu {
    font-size: calc(var(--font-body-scale)*var(--menu-font-size, 16)*.9375*1px);
    line-height: calc((1 + .6/(var(--font-body-scale)*var(--menu-font-size, 16)/16))*var(--body-line-height-scale, 1))
}

@media screen and (min-width: 768px) {
    .smi-text-menu {
        font-size:calc(var(--font-body-scale)*var(--menu-font-size, 16)*1px)
    }
}

.smi-text-xs,.smi-text-sm,.smi-text-md,.smi-text-lg {
    letter-spacing: var(--body-letter-spacing-scale, 0)
}

.smi-text-menu {
    letter-spacing: var(--menu-letter-spacing-scale, 0);
    font-weight: var(--menu-font-weight, 500)
}

.smi-text-button {
    font-weight: var(--button-font-weight, 500);
    text-transform: var(--button-text-case, unset);
    letter-spacing: var(--button-letter-spacing-scale, 0)
}

.smi-text-button-purchase {
    font-size: calc(var(--font-body-scale)*var(--button-font-size, 14)*1px) !important;
    line-height: calc((1 + .6/(var(--font-body-scale)*var(--button-font-size, 14)/16))*var(--body-line-height-scale, 1)) !important;
    font-weight: var(--button-font-weight, 500) !important;
    text-transform: var(--button-text-case, unset)
}

.smi-text-sub {
    font-weight: var(--subheading-font-weight, 500);
    letter-spacing: var(--subheading-letter-spacing-scale, 0)
}

.smi-text-badge {
    font-weight: var(--badge-font-weight, 500);
    letter-spacing: var(--badge-letter-spacing-scale, 0)
}

.smi-text-price-md,.smi-text-price-lg,.smi-text-price-xl {
    font-weight: var(--price-font-weight, 400);
    letter-spacing: var(--price-letter-spacing-scale, 0)
}

.smi-column-gap-xxxxl {
    column-gap: 80px
}

.smi-row-gap-fix-xxxxl {
    row-gap: 80px
}

.smi-ml-xxxxl {
    margin-left: 80px
}

.smi-mr-xxxxl {
    margin-right: 80px
}

.smi-px-xxxxl {
    padding-left: 80px;
    padding-right: 80px
}

.smi-pl-xxxxl {
    padding-left: 80px
}

.smi-pr-xxxxl {
    padding-right: 80px
}

.smi-column-gap-xxxl {
    column-gap: 60px
}

.smi-row-gap-fix-xxxl {
    row-gap: 60px
}

.smi-ml-xxxl {
    margin-left: 60px
}

.smi-mr-xxxl {
    margin-right: 60px
}

.smi-px-xxxl {
    padding-left: 60px;
    padding-right: 60px
}

.smi-pl-xxxl {
    padding-left: 60px
}

.smi-pr-xxxl {
    padding-right: 60px
}

.smi-column-gap-xxl {
    column-gap: 48px
}

.smi-row-gap-fix-xxl {
    row-gap: 48px
}

.smi-ml-xxl {
    margin-left: 48px
}

.smi-mr-xxl {
    margin-right: 48px
}

.smi-px-xxl {
    padding-left: 48px;
    padding-right: 48px
}

.smi-pl-xxl {
    padding-left: 48px
}

.smi-pr-xxl {
    padding-right: 48px
}

.smi-column-gap-xl {
    column-gap: 36px
}

.smi-row-gap-fix-xl {
    row-gap: 36px
}

.smi-ml-xl {
    margin-left: 36px
}

.smi-mr-xl {
    margin-right: 36px
}

.smi-px-xl {
    padding-left: 36px;
    padding-right: 36px
}

.smi-pl-xl {
    padding-left: 36px
}

.smi-pr-xl {
    padding-right: 36px
}

.smi-column-gap-lg {
    column-gap: 24px
}

.smi-row-gap-fix-lg {
    row-gap: 24px
}

.smi-ml-lg {
    margin-left: 24px
}

.smi-mr-lg {
    margin-right: 24px
}

.smi-px-lg {
    padding-left: 24px;
    padding-right: 24px
}

.smi-pl-lg {
    padding-left: 24px
}

.smi-pr-lg {
    padding-right: 24px
}

.smi-column-gap-md {
    column-gap: 16px
}

.smi-row-gap-fix-md {
    row-gap: 16px
}

.smi-ml-md {
    margin-left: 16px
}

.smi-mr-md {
    margin-right: 16px
}

.smi-px-md {
    padding-left: 16px;
    padding-right: 16px
}

.smi-pl-md {
    padding-left: 16px
}

.smi-pr-md {
    padding-right: 16px
}

.smi-column-gap-sm {
    column-gap: 12px
}

.smi-row-gap-fix-sm {
    row-gap: 12px
}

.smi-ml-sm {
    margin-left: 12px
}

.smi-mr-sm {
    margin-right: 12px
}

.smi-px-sm {
    padding-left: 12px;
    padding-right: 12px
}

.smi-pl-sm {
    padding-left: 12px
}

.smi-pr-sm {
    padding-right: 12px
}

.smi-column-gap-xs {
    column-gap: 8px
}

.smi-row-gap-fix-xs {
    row-gap: 8px
}

.smi-ml-xs {
    margin-left: 8px
}

.smi-mr-xs {
    margin-right: 8px
}

.smi-px-xs {
    padding-left: 8px;
    padding-right: 8px
}

.smi-pl-xs {
    padding-left: 8px
}

.smi-pr-xs {
    padding-right: 8px
}

.smi-column-gap-xxs {
    column-gap: 4px
}

.smi-row-gap-fix-xxs {
    row-gap: 4px
}

.smi-ml-xxs {
    margin-left: 4px
}

.smi-mr-xxs {
    margin-right: 4px
}

.smi-px-xxs {
    padding-left: 4px;
    padding-right: 4px
}

.smi-pl-xxs {
    padding-left: 4px
}

.smi-pr-xxs {
    padding-right: 4px
}

.smi-row-gap-xxl {
    row-gap: calc(var(--spacing-elements)*40px)
}

.smi-mt-xxl {
    margin-top: calc(var(--spacing-elements)*40px)
}

.smi-mb-xxl {
    margin-bottom: calc(var(--spacing-elements)*40px)
}

.smi-py-xxl {
    padding-top: calc(var(--spacing-elements)*40px);
    padding-bottom: calc(var(--spacing-elements)*40px)
}

.smi-pt-xxl {
    padding-top: calc(var(--spacing-elements)*40px)
}

.smi-pb-xxl {
    padding-bottom: calc(var(--spacing-elements)*40px)
}

.smi-row-gap-xl {
    row-gap: calc(var(--spacing-elements)*36px)
}

.smi-mt-xl {
    margin-top: calc(var(--spacing-elements)*36px)
}

.smi-mb-xl {
    margin-bottom: calc(var(--spacing-elements)*36px)
}

.smi-py-xl {
    padding-top: calc(var(--spacing-elements)*36px);
    padding-bottom: calc(var(--spacing-elements)*36px)
}

.smi-pt-xl {
    padding-top: calc(var(--spacing-elements)*36px)
}

.smi-pb-xl {
    padding-bottom: calc(var(--spacing-elements)*36px)
}

.smi-row-gap-lg {
    row-gap: calc(var(--spacing-elements)*24px)
}

.smi-mt-lg {
    margin-top: calc(var(--spacing-elements)*24px)
}

.smi-mb-lg {
    margin-bottom: calc(var(--spacing-elements)*24px)
}

.smi-py-lg {
    padding-top: calc(var(--spacing-elements)*24px);
    padding-bottom: calc(var(--spacing-elements)*24px)
}

.smi-pt-lg {
    padding-top: calc(var(--spacing-elements)*24px)
}

.smi-pb-lg {
    padding-bottom: calc(var(--spacing-elements)*24px)
}

.smi-row-gap-md {
    row-gap: calc(var(--spacing-elements)*16px)
}

.smi-mt-md {
    margin-top: calc(var(--spacing-elements)*16px)
}

.smi-mb-md {
    margin-bottom: calc(var(--spacing-elements)*16px)
}

.smi-py-md {
    padding-top: calc(var(--spacing-elements)*16px);
    padding-bottom: calc(var(--spacing-elements)*16px)
}

.smi-pt-md {
    padding-top: calc(var(--spacing-elements)*16px)
}

.smi-pb-md {
    padding-bottom: calc(var(--spacing-elements)*16px)
}

.smi-row-gap-sm {
    row-gap: calc(var(--spacing-elements)*12px)
}

.smi-mt-sm {
    margin-top: calc(var(--spacing-elements)*12px)
}

.smi-mb-sm {
    margin-bottom: calc(var(--spacing-elements)*12px)
}

.smi-py-sm {
    padding-top: calc(var(--spacing-elements)*12px);
    padding-bottom: calc(var(--spacing-elements)*12px)
}

.smi-pt-sm {
    padding-top: calc(var(--spacing-elements)*12px)
}

.smi-pb-sm {
    padding-bottom: calc(var(--spacing-elements)*12px)
}

.smi-row-gap-xs {
    row-gap: calc(var(--spacing-elements)*8px)
}

.smi-mt-xs {
    margin-top: calc(var(--spacing-elements)*8px)
}

.smi-mb-xs {
    margin-bottom: calc(var(--spacing-elements)*8px)
}

.smi-py-xs {
    padding-top: calc(var(--spacing-elements)*8px);
    padding-bottom: calc(var(--spacing-elements)*8px)
}

.smi-pt-xs {
    padding-top: calc(var(--spacing-elements)*8px)
}

.smi-pb-xs {
    padding-bottom: calc(var(--spacing-elements)*8px)
}

.smi-row-gap-xxs {
    row-gap: calc(var(--spacing-elements)*4px)
}

.smi-mt-xxs {
    margin-top: calc(var(--spacing-elements)*4px)
}

.smi-mb-xxs {
    margin-bottom: calc(var(--spacing-elements)*4px)
}

.smi-py-xxs {
    padding-top: calc(var(--spacing-elements)*4px);
    padding-bottom: calc(var(--spacing-elements)*4px)
}

.smi-pt-xxs {
    padding-top: calc(var(--spacing-elements)*4px)
}

.smi-pb-xxs {
    padding-bottom: calc(var(--spacing-elements)*4px)
}

.smi-section {
    --horizontal-space-xxxxl: 80px;
    --horizontal-space-xxxl: 60px;
    --horizontal-space-xxl: 48px;
    --horizontal-space-xl: 36px;
    --horizontal-space-lg: 24px;
    --horizontal-space-md: 16px;
    --horizontal-space-sm: 12px;
    --horizontal-space-xs: 8px;
    --horizontal-space-xxs: 4px;
    --vertical-space-xxl: 40px;
    --vertical-space-xl: 36px;
    --vertical-space-lg: 24px;
    --vertical-space-md: 16px;
    --vertical-space-sm: 12px;
    --vertical-space-xs: 8px;
    --vertical-space-xxs: 4px
}

@media screen and (max-width: 1199px) {
    .smi-column-gap-lg-xxxxl {
        column-gap:80px
    }

    .smi-px-lg-xxxxl {
        padding-left: 80px;
        padding-right: 80px
    }

    .smi-pl-lg-xxxxl {
        padding-left: 80px
    }

    .smi-pr-lg-xxxxl {
        padding-right: 80px
    }

    .smi-column-gap-lg-xxxl {
        column-gap: 60px
    }

    .smi-px-lg-xxxl {
        padding-left: 60px;
        padding-right: 60px
    }

    .smi-pl-lg-xxxl {
        padding-left: 60px
    }

    .smi-pr-lg-xxxl {
        padding-right: 60px
    }

    .smi-column-gap-lg-xxl {
        column-gap: 48px
    }

    .smi-px-lg-xxl {
        padding-left: 48px;
        padding-right: 48px
    }

    .smi-pl-lg-xxl {
        padding-left: 48px
    }

    .smi-pr-lg-xxl {
        padding-right: 48px
    }

    .smi-column-gap-lg-xl {
        column-gap: 36px
    }

    .smi-px-lg-xl {
        padding-left: 36px;
        padding-right: 36px
    }

    .smi-pl-lg-xl {
        padding-left: 36px
    }

    .smi-pr-lg-xl {
        padding-right: 36px
    }

    .smi-column-gap-lg-lg {
        column-gap: 24px
    }

    .smi-px-lg-lg {
        padding-left: 24px;
        padding-right: 24px
    }

    .smi-pl-lg-lg {
        padding-left: 24px
    }

    .smi-pr-lg-lg {
        padding-right: 24px
    }

    .smi-column-gap-lg-md {
        column-gap: 16px
    }

    .smi-px-lg-md {
        padding-left: 16px;
        padding-right: 16px
    }

    .smi-pl-lg-md {
        padding-left: 16px
    }

    .smi-pr-lg-md {
        padding-right: 16px
    }

    .smi-column-gap-lg-sm {
        column-gap: 12px
    }

    .smi-px-lg-sm {
        padding-left: 12px;
        padding-right: 12px
    }

    .smi-pl-lg-sm {
        padding-left: 12px
    }

    .smi-pr-lg-sm {
        padding-right: 12px
    }

    .smi-column-gap-lg-xs {
        column-gap: 8px
    }

    .smi-px-lg-xs {
        padding-left: 8px;
        padding-right: 8px
    }

    .smi-pl-lg-xs {
        padding-left: 8px
    }

    .smi-pr-lg-xs {
        padding-right: 8px
    }

    .smi-column-gap-lg-xxs {
        column-gap: 4px
    }

    .smi-px-lg-xxs {
        padding-left: 4px;
        padding-right: 4px
    }

    .smi-pl-lg-xxs {
        padding-left: 4px
    }

    .smi-pr-lg-xxs {
        padding-right: 4px
    }

    .smi-row-gap-lg-xxl {
        row-gap: calc(var(--spacing-elements)*40px)
    }

    .smi-mt-lg-xxl {
        margin-top: calc(var(--spacing-elements)*40px)
    }

    .smi-mb-lg-xxl {
        margin-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-py-lg-xxl {
        padding-top: calc(var(--spacing-elements)*40px);
        padding-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-pt-lg-xxl {
        padding-top: calc(var(--spacing-elements)*40px)
    }

    .smi-pb-lg-xxl {
        padding-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-row-gap-lg-xl {
        row-gap: calc(var(--spacing-elements)*36px)
    }

    .smi-mt-lg-xl {
        margin-top: calc(var(--spacing-elements)*36px)
    }

    .smi-mb-lg-xl {
        margin-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-py-lg-xl {
        padding-top: calc(var(--spacing-elements)*36px);
        padding-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-pt-lg-xl {
        padding-top: calc(var(--spacing-elements)*36px)
    }

    .smi-pb-lg-xl {
        padding-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-row-gap-lg-lg {
        row-gap: calc(var(--spacing-elements)*24px)
    }

    .smi-mt-lg-lg {
        margin-top: calc(var(--spacing-elements)*24px)
    }

    .smi-mb-lg-lg {
        margin-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-py-lg-lg {
        padding-top: calc(var(--spacing-elements)*24px);
        padding-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-pt-lg-lg {
        padding-top: calc(var(--spacing-elements)*24px)
    }

    .smi-pb-lg-lg {
        padding-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-row-gap-lg-md {
        row-gap: calc(var(--spacing-elements)*16px)
    }

    .smi-mt-lg-md {
        margin-top: calc(var(--spacing-elements)*16px)
    }

    .smi-mb-lg-md {
        margin-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-py-lg-md {
        padding-top: calc(var(--spacing-elements)*16px);
        padding-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-pt-lg-md {
        padding-top: calc(var(--spacing-elements)*16px)
    }

    .smi-pb-lg-md {
        padding-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-row-gap-lg-sm {
        row-gap: calc(var(--spacing-elements)*12px)
    }

    .smi-mt-lg-sm {
        margin-top: calc(var(--spacing-elements)*12px)
    }

    .smi-mb-lg-sm {
        margin-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-py-lg-sm {
        padding-top: calc(var(--spacing-elements)*12px);
        padding-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-pt-lg-sm {
        padding-top: calc(var(--spacing-elements)*12px)
    }

    .smi-pb-lg-sm {
        padding-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-row-gap-lg-xs {
        row-gap: calc(var(--spacing-elements)*8px)
    }

    .smi-mt-lg-xs {
        margin-top: calc(var(--spacing-elements)*8px)
    }

    .smi-mb-lg-xs {
        margin-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-py-lg-xs {
        padding-top: calc(var(--spacing-elements)*8px);
        padding-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-pt-lg-xs {
        padding-top: calc(var(--spacing-elements)*8px)
    }

    .smi-pb-lg-xs {
        padding-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-row-gap-lg-xxs {
        row-gap: calc(var(--spacing-elements)*4px)
    }

    .smi-mt-lg-xxs {
        margin-top: calc(var(--spacing-elements)*4px)
    }

    .smi-mb-lg-xxs {
        margin-bottom: calc(var(--spacing-elements)*4px)
    }

    .smi-py-lg-xxs {
        padding-top: calc(var(--spacing-elements)*4px);
        padding-bottom: calc(var(--spacing-elements)*4px)
    }

    .smi-pt-lg-xxs {
        padding-top: calc(var(--spacing-elements)*4px)
    }

    .smi-pb-lg-xxs {
        padding-bottom: calc(var(--spacing-elements)*4px)
    }
}

@media screen and (max-width: 991px) {
    .smi-column-gap-md-xxxxl {
        column-gap:80px
    }

    .smi-px-md-xxxxl {
        padding-left: 80px;
        padding-right: 80px
    }

    .smi-pl-md-xxxxl {
        padding-left: 80px
    }

    .smi-pr-md-xxxxl {
        padding-right: 80px
    }

    .smi-column-gap-md-xxxl {
        column-gap: 60px
    }

    .smi-px-md-xxxl {
        padding-left: 60px;
        padding-right: 60px
    }

    .smi-pl-md-xxxl {
        padding-left: 60px
    }

    .smi-pr-md-xxxl {
        padding-right: 60px
    }

    .smi-column-gap-md-xxl {
        column-gap: 48px
    }

    .smi-px-md-xxl {
        padding-left: 48px;
        padding-right: 48px
    }

    .smi-pl-md-xxl {
        padding-left: 48px
    }

    .smi-pr-md-xxl {
        padding-right: 48px
    }

    .smi-column-gap-md-xl {
        column-gap: 36px
    }

    .smi-px-md-xl {
        padding-left: 36px;
        padding-right: 36px
    }

    .smi-pl-md-xl {
        padding-left: 36px
    }

    .smi-pr-md-xl {
        padding-right: 36px
    }

    .smi-column-gap-md-lg {
        column-gap: 24px
    }

    .smi-px-md-lg {
        padding-left: 24px;
        padding-right: 24px
    }

    .smi-pl-md-lg {
        padding-left: 24px
    }

    .smi-pr-md-lg {
        padding-right: 24px
    }

    .smi-column-gap-md-md {
        column-gap: 16px
    }

    .smi-px-md-md {
        padding-left: 16px;
        padding-right: 16px
    }

    .smi-pl-md-md {
        padding-left: 16px
    }

    .smi-pr-md-md {
        padding-right: 16px
    }

    .smi-column-gap-md-sm {
        column-gap: 12px
    }

    .smi-px-md-sm {
        padding-left: 12px;
        padding-right: 12px
    }

    .smi-pl-md-sm {
        padding-left: 12px
    }

    .smi-pr-md-sm {
        padding-right: 12px
    }

    .smi-column-gap-md-xs {
        column-gap: 8px
    }

    .smi-px-md-xs {
        padding-left: 8px;
        padding-right: 8px
    }

    .smi-pl-md-xs {
        padding-left: 8px
    }

    .smi-pr-md-xs {
        padding-right: 8px
    }

    .smi-column-gap-md-xxs {
        column-gap: 4px
    }

    .smi-px-md-xxs {
        padding-left: 4px;
        padding-right: 4px
    }

    .smi-pl-md-xxs {
        padding-left: 4px
    }

    .smi-pr-md-xxs {
        padding-right: 4px
    }

    .smi-row-gap-md-xxl {
        row-gap: calc(var(--spacing-elements)*40px)
    }

    .smi-mt-md-xxl {
        margin-top: calc(var(--spacing-elements)*40px)
    }

    .smi-mb-md-xxl {
        margin-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-py-md-xxl {
        padding-top: calc(var(--spacing-elements)*40px);
        padding-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-pt-md-xxl {
        padding-top: calc(var(--spacing-elements)*40px)
    }

    .smi-pb-md-xxl {
        padding-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-row-gap-md-xl {
        row-gap: calc(var(--spacing-elements)*36px)
    }

    .smi-mt-md-xl {
        margin-top: calc(var(--spacing-elements)*36px)
    }

    .smi-mb-md-xl {
        margin-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-py-md-xl {
        padding-top: calc(var(--spacing-elements)*36px);
        padding-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-pt-md-xl {
        padding-top: calc(var(--spacing-elements)*36px)
    }

    .smi-pb-md-xl {
        padding-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-row-gap-md-lg {
        row-gap: calc(var(--spacing-elements)*24px)
    }

    .smi-mt-md-lg {
        margin-top: calc(var(--spacing-elements)*24px)
    }

    .smi-mb-md-lg {
        margin-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-py-md-lg {
        padding-top: calc(var(--spacing-elements)*24px);
        padding-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-pt-md-lg {
        padding-top: calc(var(--spacing-elements)*24px)
    }

    .smi-pb-md-lg {
        padding-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-row-gap-md-md {
        row-gap: calc(var(--spacing-elements)*16px)
    }

    .smi-mt-md-md {
        margin-top: calc(var(--spacing-elements)*16px)
    }

    .smi-mb-md-md {
        margin-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-py-md-md {
        padding-top: calc(var(--spacing-elements)*16px);
        padding-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-pt-md-md {
        padding-top: calc(var(--spacing-elements)*16px)
    }

    .smi-pb-md-md {
        padding-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-row-gap-md-sm {
        row-gap: calc(var(--spacing-elements)*12px)
    }

    .smi-mt-md-sm {
        margin-top: calc(var(--spacing-elements)*12px)
    }

    .smi-mb-md-sm {
        margin-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-py-md-sm {
        padding-top: calc(var(--spacing-elements)*12px);
        padding-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-pt-md-sm {
        padding-top: calc(var(--spacing-elements)*12px)
    }

    .smi-pb-md-sm {
        padding-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-row-gap-md-xs {
        row-gap: calc(var(--spacing-elements)*8px)
    }

    .smi-mt-md-xs {
        margin-top: calc(var(--spacing-elements)*8px)
    }

    .smi-mb-md-xs {
        margin-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-py-md-xs {
        padding-top: calc(var(--spacing-elements)*8px);
        padding-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-pt-md-xs {
        padding-top: calc(var(--spacing-elements)*8px)
    }

    .smi-pb-md-xs {
        padding-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-row-gap-md-xxs {
        row-gap: calc(var(--spacing-elements)*4px)
    }

    .smi-mt-md-xxs {
        margin-top: calc(var(--spacing-elements)*4px)
    }

    .smi-mb-md-xxs {
        margin-bottom: calc(var(--spacing-elements)*4px)
    }

    .smi-py-md-xxs {
        padding-top: calc(var(--spacing-elements)*4px);
        padding-bottom: calc(var(--spacing-elements)*4px)
    }

    .smi-pt-md-xxs {
        padding-top: calc(var(--spacing-elements)*4px)
    }

    .smi-pb-md-xxs {
        padding-bottom: calc(var(--spacing-elements)*4px)
    }
}

@media screen and (max-width: 767px) {
    .smi-column-gap-sm-xxxxl {
        column-gap:80px
    }

    .smi-px-sm-xxxxl {
        padding-left: 80px;
        padding-right: 80px
    }

    .smi-pl-sm-xxxxl {
        padding-left: 80px
    }

    .smi-pr-sm-xxxxl {
        padding-right: 80px
    }

    .smi-column-gap-sm-xxxl {
        column-gap: 60px
    }

    .smi-px-sm-xxxl {
        padding-left: 60px;
        padding-right: 60px
    }

    .smi-pl-sm-xxxl {
        padding-left: 60px
    }

    .smi-pr-sm-xxxl {
        padding-right: 60px
    }

    .smi-column-gap-sm-xxl {
        column-gap: 48px
    }

    .smi-px-sm-xxl {
        padding-left: 48px;
        padding-right: 48px
    }

    .smi-pl-sm-xxl {
        padding-left: 48px
    }

    .smi-pr-sm-xxl {
        padding-right: 48px
    }

    .smi-column-gap-sm-xl {
        column-gap: 36px
    }

    .smi-px-sm-xl {
        padding-left: 36px;
        padding-right: 36px
    }

    .smi-pl-sm-xl {
        padding-left: 36px
    }

    .smi-pr-sm-xl {
        padding-right: 36px
    }

    .smi-column-gap-sm-lg {
        column-gap: 24px
    }

    .smi-px-sm-lg {
        padding-left: 24px;
        padding-right: 24px
    }

    .smi-pl-sm-lg {
        padding-left: 24px
    }

    .smi-pr-sm-lg {
        padding-right: 24px
    }

    .smi-column-gap-sm-md {
        column-gap: 16px
    }

    .smi-px-sm-md {
        padding-left: 16px;
        padding-right: 16px
    }

    .smi-pl-sm-md {
        padding-left: 16px
    }

    .smi-pr-sm-md {
        padding-right: 16px
    }

    .smi-column-gap-sm-sm {
        column-gap: 12px
    }

    .smi-px-sm-sm {
        padding-left: 12px;
        padding-right: 12px
    }

    .smi-pl-sm-sm {
        padding-left: 12px
    }

    .smi-pr-sm-sm {
        padding-right: 12px
    }

    .smi-column-gap-sm-xs {
        column-gap: 8px
    }

    .smi-px-sm-xs {
        padding-left: 8px;
        padding-right: 8px
    }

    .smi-pl-sm-xs {
        padding-left: 8px
    }

    .smi-pr-sm-xs {
        padding-right: 8px
    }

    .smi-column-gap-sm-xxs {
        column-gap: 4px
    }

    .smi-px-sm-xxs {
        padding-left: 4px;
        padding-right: 4px
    }

    .smi-pl-sm-xxs {
        padding-left: 4px
    }

    .smi-pr-sm-xxs {
        padding-right: 4px
    }

    .smi-row-gap-sm-xxl {
        row-gap: calc(var(--spacing-elements)*40px)
    }

    .smi-mt-sm-xxl {
        margin-top: calc(var(--spacing-elements)*40px)
    }

    .smi-mb-sm-xxl {
        margin-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-py-sm-xxl {
        padding-top: calc(var(--spacing-elements)*40px);
        padding-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-pt-sm-xxl {
        padding-top: calc(var(--spacing-elements)*40px)
    }

    .smi-pb-sm-xxl {
        padding-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-row-gap-sm-xl {
        row-gap: calc(var(--spacing-elements)*36px)
    }

    .smi-mt-sm-xl {
        margin-top: calc(var(--spacing-elements)*36px)
    }

    .smi-mb-sm-xl {
        margin-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-py-sm-xl {
        padding-top: calc(var(--spacing-elements)*36px);
        padding-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-pt-sm-xl {
        padding-top: calc(var(--spacing-elements)*36px)
    }

    .smi-pb-sm-xl {
        padding-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-row-gap-sm-lg {
        row-gap: calc(var(--spacing-elements)*24px)
    }

    .smi-mt-sm-lg {
        margin-top: calc(var(--spacing-elements)*24px)
    }

    .smi-mb-sm-lg {
        margin-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-py-sm-lg {
        padding-top: calc(var(--spacing-elements)*24px);
        padding-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-pt-sm-lg {
        padding-top: calc(var(--spacing-elements)*24px)
    }

    .smi-pb-sm-lg {
        padding-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-row-gap-sm-md {
        row-gap: calc(var(--spacing-elements)*16px)
    }

    .smi-mt-sm-md {
        margin-top: calc(var(--spacing-elements)*16px)
    }

    .smi-mb-sm-md {
        margin-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-py-sm-md {
        padding-top: calc(var(--spacing-elements)*16px);
        padding-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-pt-sm-md {
        padding-top: calc(var(--spacing-elements)*16px)
    }

    .smi-pb-sm-md {
        padding-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-row-gap-sm-sm {
        row-gap: calc(var(--spacing-elements)*12px)
    }

    .smi-mt-sm-sm {
        margin-top: calc(var(--spacing-elements)*12px)
    }

    .smi-mb-sm-sm {
        margin-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-py-sm-sm {
        padding-top: calc(var(--spacing-elements)*12px);
        padding-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-pt-sm-sm {
        padding-top: calc(var(--spacing-elements)*12px)
    }

    .smi-pb-sm-sm {
        padding-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-row-gap-sm-xs {
        row-gap: calc(var(--spacing-elements)*8px)
    }

    .smi-mt-sm-xs {
        margin-top: calc(var(--spacing-elements)*8px)
    }

    .smi-mb-sm-xs {
        margin-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-py-sm-xs {
        padding-top: calc(var(--spacing-elements)*8px);
        padding-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-pt-sm-xs {
        padding-top: calc(var(--spacing-elements)*8px)
    }

    .smi-pb-sm-xs {
        padding-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-row-gap-sm-xxs {
        row-gap: calc(var(--spacing-elements)*4px)
    }

    .smi-mt-sm-xxs {
        margin-top: calc(var(--spacing-elements)*4px)
    }

    .smi-mb-sm-xxs {
        margin-bottom: calc(var(--spacing-elements)*4px)
    }

    .smi-py-sm-xxs {
        padding-top: calc(var(--spacing-elements)*4px);
        padding-bottom: calc(var(--spacing-elements)*4px)
    }

    .smi-pt-sm-xxs {
        padding-top: calc(var(--spacing-elements)*4px)
    }

    .smi-pb-sm-xxs {
        padding-bottom: calc(var(--spacing-elements)*4px)
    }
}

@media screen and (max-width: 575px) {
    .smi-column-gap-xs-xxxxl {
        column-gap:80px
    }

    .smi-px-xs-xxxxl {
        padding-left: 80px;
        padding-right: 80px
    }

    .smi-pl-xs-xxxxl {
        padding-left: 80px
    }

    .smi-pr-xs-xxxxl {
        padding-right: 80px
    }

    .smi-column-gap-xs-xxxl {
        column-gap: 60px
    }

    .smi-px-xs-xxxl {
        padding-left: 60px;
        padding-right: 60px
    }

    .smi-pl-xs-xxxl {
        padding-left: 60px
    }

    .smi-pr-xs-xxxl {
        padding-right: 60px
    }

    .smi-column-gap-xs-xxl {
        column-gap: 48px
    }

    .smi-px-xs-xxl {
        padding-left: 48px;
        padding-right: 48px
    }

    .smi-pl-xs-xxl {
        padding-left: 48px
    }

    .smi-pr-xs-xxl {
        padding-right: 48px
    }

    .smi-column-gap-xs-xl {
        column-gap: 36px
    }

    .smi-px-xs-xl {
        padding-left: 36px;
        padding-right: 36px
    }

    .smi-pl-xs-xl {
        padding-left: 36px
    }

    .smi-pr-xs-xl {
        padding-right: 36px
    }

    .smi-column-gap-xs-lg {
        column-gap: 24px
    }

    .smi-px-xs-lg {
        padding-left: 24px;
        padding-right: 24px
    }

    .smi-pl-xs-lg {
        padding-left: 24px
    }

    .smi-pr-xs-lg {
        padding-right: 24px
    }

    .smi-column-gap-xs-md {
        column-gap: 16px
    }

    .smi-px-xs-md {
        padding-left: 16px;
        padding-right: 16px
    }

    .smi-pl-xs-md {
        padding-left: 16px
    }

    .smi-pr-xs-md {
        padding-right: 16px
    }

    .smi-column-gap-xs-sm {
        column-gap: 12px
    }

    .smi-px-xs-sm {
        padding-left: 12px;
        padding-right: 12px
    }

    .smi-pl-xs-sm {
        padding-left: 12px
    }

    .smi-pr-xs-sm {
        padding-right: 12px
    }

    .smi-column-gap-xs-xs {
        column-gap: 8px
    }

    .smi-px-xs-xs {
        padding-left: 8px;
        padding-right: 8px
    }

    .smi-pl-xs-xs {
        padding-left: 8px
    }

    .smi-pr-xs-xs {
        padding-right: 8px
    }

    .smi-column-gap-xs-xxs {
        column-gap: 4px
    }

    .smi-px-xs-xxs {
        padding-left: 4px;
        padding-right: 4px
    }

    .smi-pl-xs-xxs {
        padding-left: 4px
    }

    .smi-pr-xs-xxs {
        padding-right: 4px
    }

    .smi-row-gap-xs-xxl {
        row-gap: calc(var(--spacing-elements)*40px)
    }

    .smi-mt-xs-xxl {
        margin-top: calc(var(--spacing-elements)*40px)
    }

    .smi-mb-xs-xxl {
        margin-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-py-xs-xxl {
        padding-top: calc(var(--spacing-elements)*40px);
        padding-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-pt-xs-xxl {
        padding-top: calc(var(--spacing-elements)*40px)
    }

    .smi-pb-xs-xxl {
        padding-bottom: calc(var(--spacing-elements)*40px)
    }

    .smi-row-gap-xs-xl {
        row-gap: calc(var(--spacing-elements)*36px)
    }

    .smi-mt-xs-xl {
        margin-top: calc(var(--spacing-elements)*36px)
    }

    .smi-mb-xs-xl {
        margin-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-py-xs-xl {
        padding-top: calc(var(--spacing-elements)*36px);
        padding-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-pt-xs-xl {
        padding-top: calc(var(--spacing-elements)*36px)
    }

    .smi-pb-xs-xl {
        padding-bottom: calc(var(--spacing-elements)*36px)
    }

    .smi-row-gap-xs-lg {
        row-gap: calc(var(--spacing-elements)*24px)
    }

    .smi-mt-xs-lg {
        margin-top: calc(var(--spacing-elements)*24px)
    }

    .smi-mb-xs-lg {
        margin-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-py-xs-lg {
        padding-top: calc(var(--spacing-elements)*24px);
        padding-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-pt-xs-lg {
        padding-top: calc(var(--spacing-elements)*24px)
    }

    .smi-pb-xs-lg {
        padding-bottom: calc(var(--spacing-elements)*24px)
    }

    .smi-row-gap-xs-md {
        row-gap: calc(var(--spacing-elements)*16px)
    }

    .smi-mt-xs-md {
        margin-top: calc(var(--spacing-elements)*16px)
    }

    .smi-mb-xs-md {
        margin-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-py-xs-md {
        padding-top: calc(var(--spacing-elements)*16px);
        padding-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-pt-xs-md {
        padding-top: calc(var(--spacing-elements)*16px)
    }

    .smi-pb-xs-md {
        padding-bottom: calc(var(--spacing-elements)*16px)
    }

    .smi-row-gap-xs-sm {
        row-gap: calc(var(--spacing-elements)*12px)
    }

    .smi-mt-xs-sm {
        margin-top: calc(var(--spacing-elements)*12px)
    }

    .smi-mb-xs-sm {
        margin-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-py-xs-sm {
        padding-top: calc(var(--spacing-elements)*12px);
        padding-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-pt-xs-sm {
        padding-top: calc(var(--spacing-elements)*12px)
    }

    .smi-pb-xs-sm {
        padding-bottom: calc(var(--spacing-elements)*12px)
    }

    .smi-row-gap-xs-xs {
        row-gap: calc(var(--spacing-elements)*8px)
    }

    .smi-mt-xs-xs {
        margin-top: calc(var(--spacing-elements)*8px)
    }

    .smi-mb-xs-xs {
        margin-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-py-xs-xs {
        padding-top: calc(var(--spacing-elements)*8px);
        padding-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-pt-xs-xs {
        padding-top: calc(var(--spacing-elements)*8px)
    }

    .smi-pb-xs-xs {
        padding-bottom: calc(var(--spacing-elements)*8px)
    }

    .smi-row-gap-xs-xxs {
        row-gap: calc(var(--spacing-elements)*4px)
    }

    .smi-mt-xs-xxs {
        margin-top: calc(var(--spacing-elements)*4px)
    }

    .smi-mb-xs-xxs {
        margin-bottom: calc(var(--spacing-elements)*4px)
    }

    .smi-py-xs-xxs {
        padding-top: calc(var(--spacing-elements)*4px);
        padding-bottom: calc(var(--spacing-elements)*4px)
    }

    .smi-pt-xs-xxs {
        padding-top: calc(var(--spacing-elements)*4px)
    }

    .smi-pb-xs-xxs {
        padding-bottom: calc(var(--spacing-elements)*4px)
    }
}

@media screen and (max-width: 767.98px) {
    .smi-media-height-adapt {
        min-height:unset;
        height: auto
    }

    .smi-media-height-xxs-small {
        min-height: unset;
        height: 300px
    }

    .smi-media-height-x-small {
        min-height: unset;
        height: 350px
    }

    .smi-media-height-small {
        min-height: unset;
        height: 410px
    }

    .smi-media-height-medium {
        min-height: unset;
        height: 490px
    }

    .smi-media-height-large {
        min-height: unset;
        height: 590px
    }

    .smi-media-height-sm-adapt {
        min-height: unset;
        height: auto
    }

    .smi-media-height-sm-xxs-small {
        min-height: unset;
        height: 100px
    }

    .smi-media-height-sm-x-small {
        min-height: unset;
        height: 150px
    }

    .smi-media-height-sm-small {
        min-height: unset;
        height: 200px
    }

    .smi-media-height-sm-medium {
        min-height: unset;
        height: 260px
    }

    .smi-media-height-sm-large {
        min-height: unset;
        height: 310px
    }
}

@media screen and (min-width: 768px) {
    .smi-media-height-adapt {
        min-height:auto
    }

    .smi-media-height-xxs-small {
        min-height: 370px
    }

    .smi-media-height-x-small {
        min-height: 420px
    }

    .smi-media-height-small {
        min-height: 480px
    }

    .smi-media-height-medium {
        min-height: 560px
    }

    .smi-media-height-large {
        min-height: 680px
    }

    .smi-media-height-sm-adapt {
        min-height: auto
    }

    .smi-media-height-sm-xxs-small {
        min-height: 170px
    }

    .smi-media-height-sm-x-small {
        min-height: 200px
    }

    .smi-media-height-sm-small {
        min-height: 250px
    }

    .smi-media-height-sm-medium {
        min-height: 310px
    }

    .smi-media-height-sm-large {
        min-height: 370px
    }
}

.smi-g-columm {
    column-gap: var(--grid-mobile-horizontal-spacing)
}

@media screen and (min-width: 768px) {
    .smi-g-columm {
        column-gap:var(--grid-desktop-horizontal-spacing)
    }
}

.smi-g-row {
    row-gap: var(--grid-mobile-vertical-spacing)
}

@media screen and (min-width: 768px) {
    .smi-g-row {
        row-gap:var(--grid-desktop-vertical-spacing)
    }
}

.smi-gradient {
    background: rgb(var(--color-background));
    background: var(--gradient-background);
    background-attachment: fixed
}

.smi-absolute-full {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.smi-position-relative {
    position: relative
}

.smi-position-absolute {
    position: absolute
}

.smi-section .smi-blob-wrapper {
    --shape-blob-1: 97.686% 33.617%, 98.392% 36.152%, 98.960% 38.721%, 99.398% 41.315%, 99.712% 43.928%, 99.909% 46.552%, 99.995% 49.182%, 99.974% 51.813%, 99.852% 54.441%, 99.630% 57.063%, 99.311% 59.675%, 98.897% 62.274%, 98.389% 64.856%, 97.787% 67.417%, 97.091% 69.955%, 96.299% 72.464%, 95.411% 74.941%, 94.422% 77.379%, 93.329% 79.773%, 92.127% 82.114%, 90.812% 84.393%, 89.377% 86.598%, 87.813% 88.714%, 86.114% 90.723%, 84.272% 92.600%, 82.279% 94.317%, 80.125% 95.828%, 77.832% 97.117%, 75.423% 98.172%, 72.920% 98.983%, 70.352% 99.552%, 67.743% 99.887%, 65.115% 100.000%, 62.485% 99.907%, 59.869% 99.627%, 57.277% 99.176%, 54.717% 98.571%, 52.193% 97.825%, 49.711% 96.954%, 47.271% 95.967%, 44.877% 94.876%, 42.529% 93.689%, 40.227% 92.414%, 37.972% 91.058%, 35.764% 89.626%, 33.604% 88.123%, 31.491% 86.555%, 29.426% 84.924%, 27.410% 83.234%, 25.441% 81.487%, 23.522% 79.687%, 21.651% 77.836%, 19.832% 75.935%, 18.064% 73.986%, 16.350% 71.990%, 14.691% 69.947%, 13.090% 67.859%, 11.549% 65.726%, 10.073% 63.547%, 8.665% 61.324%, 7.331% 59.056%, 6.076% 56.744%, 4.907% 54.386%, 3.832% 51.984%, 2.861% 49.539%, 2.006% 47.050%, 1.280% 44.521%, 0.699% 41.955%, 0.280% 39.358%, 0.044% 36.738%, 0.014% 34.107%, 0.212% 31.484%, 0.660% 28.892%, 1.371% 26.359%, 2.338% 23.913%, 3.540% 21.574%, 4.951% 19.354%, 6.546% 17.261%, 8.300% 15.300%, 10.191% 13.471%, 12.199% 11.771%, 14.307% 10.197%, 16.502% 8.746%, 18.771% 7.414%, 21.104% 6.198%, 23.493% 5.094%, 25.930% 4.101%, 28.408% 3.217%, 30.922% 2.439%, 33.466% 1.768%, 36.036% 1.203%, 38.627% 0.744%, 41.235% 0.394%, 43.855% 0.152%, 46.483% 0.023%, 49.114% 0.008%, 51.744% 0.103%, 54.366% 0.315%, 56.977% 0.648%, 59.569% 1.100%, 62.137% 1.672%, 64.676% 2.363%, 67.179% 3.173%, 69.642% 4.101%, 72.056% 5.147%, 74.416% 6.310%, 76.715% 7.590%, 78.946% 8.985%, 81.102% 10.494%, 83.174% 12.115%, 85.156% 13.846%, 87.039% 15.684%, 88.815% 17.625%, 90.477% 19.664%, 92.017% 21.797%, 93.429% 24.017%, 94.707% 26.318%, 95.844% 28.690%, 96.838% 31.126%, 97.686% 33.617%;
    --shape-blob-2: 85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%;
    --shape-blob-3: 78.621% 12.736%, 80.746% 14.354%, 82.710% 16.163%, 84.520% 18.127%, 86.187% 20.215%, 87.721% 22.401%, 89.134% 24.668%, 90.437% 27.000%, 91.639% 29.386%, 92.748% 31.816%, 93.770% 34.284%, 94.714% 36.783%, 95.583% 39.309%, 96.382% 41.858%, 97.112% 44.428%, 97.770% 47.017%, 98.353% 49.624%, 98.858% 52.248%, 99.279% 54.886%, 99.611% 57.536%, 99.847% 60.197%, 99.977% 62.865%, 99.991% 65.537%, 99.879% 68.205%, 99.626% 70.865%, 99.217% 73.504%, 98.635% 76.111%, 97.863% 78.668%, 96.879% 81.151%, 95.683% 83.538%, 94.291% 85.818%, 92.717% 87.976%, 90.974% 89.999%, 89.075% 91.878%, 87.033% 93.599%, 84.860% 95.151%, 82.567% 96.520%, 80.167% 97.692%, 77.673% 98.647%, 75.100% 99.364%, 72.469% 99.819%, 69.805% 99.997%, 67.136% 99.893%, 64.491% 99.529%, 61.884% 98.946%, 59.324% 98.186%, 56.807% 97.290%, 54.329% 96.293%, 51.880% 95.225%, 49.451% 94.114%, 47.030% 92.984%, 44.607% 91.858%, 42.173% 90.757%, 39.719% 89.701%, 37.245% 88.695%, 34.756% 87.723%, 32.263% 86.763%, 29.775% 85.790%, 27.301% 84.782%, 24.852% 83.715%, 22.441% 82.564%, 20.085% 81.306%, 17.802% 79.919%, 15.615% 78.386%, 13.549% 76.694%, 11.627% 74.839%, 9.875% 72.824%, 8.296% 70.669%, 6.878% 68.406%, 5.612% 66.054%, 4.489% 63.630%, 3.502% 61.148%, 2.645% 58.618%, 1.914% 56.049%, 1.304% 53.448%, 0.812% 50.823%, 0.437% 48.178%, 0.177% 45.519%, 0.033% 42.852%, 0.004% 40.181%, 0.091% 37.511%, 0.299% 34.847%, 0.634% 32.197%, 1.088% 29.565%, 1.657% 26.955%, 2.344% 24.374%, 3.150% 21.827%, 4.078% 19.322%, 5.133% 16.868%, 6.321% 14.475%, 7.651% 12.159%, 9.134% 9.937%, 10.780% 7.835%, 12.604% 5.883%, 14.615% 4.127%, 16.820% 2.622%, 19.214% 1.442%, 21.758% 0.633%, 24.387% 0.168%, 27.052% 0.002%, 29.721% 0.082%, 32.378% 0.357%, 35.016% 0.781%, 37.632% 1.318%, 40.231% 1.936%, 42.817% 2.607%, 45.396% 3.304%, 47.975% 4.002%, 50.561% 4.673%, 53.163% 5.278%, 55.778% 5.822%, 58.401% 6.329%, 61.027% 6.821%, 63.650% 7.326%, 66.264% 7.878%, 68.858% 8.515%, 71.418% 9.281%, 73.919% 10.217%, 76.332% 11.362%, 78.621% 12.736%;
    --shape-blob-4: 80.628% 3.397%, 82.907% 4.713%, 85.051% 6.239%, 87.055% 7.945%, 88.916% 9.806%, 90.636% 11.799%, 92.213% 13.907%, 93.650% 16.112%, 94.946% 18.403%, 96.102% 20.768%, 97.115% 23.198%, 97.983% 25.683%, 98.702% 28.215%, 99.256% 30.788%, 99.652% 33.390%, 99.898% 36.011%, 99.998% 38.642%, 99.953% 41.274%, 99.765% 43.899%, 99.436% 46.511%, 98.966% 49.101%, 98.355% 51.662%, 97.602% 54.184%, 96.703% 56.658%, 95.658% 59.074%, 94.459% 61.417%, 93.104% 63.674%, 91.610% 65.841%, 89.994% 67.919%, 88.274% 69.912%, 86.469% 71.828%, 84.595% 73.677%, 82.668% 75.471%, 80.701% 77.221%, 78.709% 78.941%, 76.701% 80.644%, 74.690% 82.343%, 72.683% 84.048%, 70.680% 85.756%, 68.669% 87.455%, 66.637% 89.129%, 64.575% 90.765%, 62.468% 92.344%, 60.307% 93.847%, 58.080% 95.251%, 55.778% 96.528%, 53.396% 97.648%, 50.934% 98.576%, 48.398% 99.281%, 45.809% 99.751%, 43.186% 99.976%, 40.555% 99.967%, 37.933% 99.738%, 35.337% 99.303%, 32.781% 98.675%, 30.276% 97.865%, 27.834% 96.884%, 25.462% 95.741%, 23.171% 94.446%, 20.969% 93.004%, 18.866% 91.420%, 16.874% 89.700%, 14.991% 87.861%, 13.220% 85.913%, 11.560% 83.870%, 10.011% 81.742%, 8.574% 79.537%, 7.246% 77.263%, 6.029% 74.929%, 4.921% 72.541%, 3.923% 70.106%, 3.034% 67.628%, 2.256% 65.113%, 1.587% 62.566%, 1.033% 59.993%, 0.595% 57.397%, 0.275% 54.784%, 0.076% 52.159%, 0.001% 49.528%, 0.052% 46.896%, 0.236% 44.270%, 0.556% 41.657%, 1.019% 39.066%, 1.631% 36.506%, 2.398% 33.988%, 3.328% 31.525%, 4.412% 29.127%, 5.654% 26.806%, 7.044% 24.570%, 8.571% 22.426%, 10.224% 20.378%, 11.993% 18.429%, 13.868% 16.581%, 15.840% 14.837%, 17.900% 13.198%, 20.041% 11.666%, 22.255% 10.243%, 24.540% 8.937%, 26.891% 7.752%, 29.296% 6.680%, 31.746% 5.718%, 34.235% 4.860%, 36.755% 4.099%, 39.300% 3.427%, 41.865% 2.833%, 44.444% 2.306%, 47.035% 1.836%, 49.633% 1.412%, 52.237% 1.025%, 54.847% 0.677%, 57.463% 0.383%, 60.086% 0.162%, 62.715% 0.029%, 65.348% 0.006%, 67.978% 0.112%, 70.597% 0.372%, 73.193% 0.808%, 75.747% 1.446%, 78.234% 2.304%, 80.628% 3.397%;
    --shape-blob-5: 80.452% 2.197%, 82.761% 3.507%, 84.885% 5.101%, 86.818% 6.922%, 88.568% 8.920%, 90.147% 11.056%, 91.569% 13.300%, 92.848% 15.628%, 93.997% 18.023%, 95.026% 20.472%, 95.944% 22.966%, 96.759% 25.494%, 97.476% 28.053%, 98.100% 30.635%, 98.634% 33.238%, 99.082% 35.856%, 99.444% 38.489%, 99.714% 41.132%, 99.893% 43.782%, 99.986% 46.438%, 99.992% 49.094%, 99.909% 51.750%, 99.736% 54.401%, 99.472% 57.045%, 99.113% 59.677%, 98.656% 62.294%, 98.098% 64.892%, 97.435% 67.465%, 96.663% 70.007%, 95.776% 72.511%, 94.769% 74.969%, 93.636% 77.373%, 92.372% 79.709%, 90.970% 81.966%, 89.423% 84.125%, 87.728% 86.170%, 85.898% 88.095%, 83.943% 89.894%, 81.873% 91.560%, 79.701% 93.088%, 77.435% 94.475%, 75.087% 95.718%, 72.666% 96.811%, 70.182% 97.753%, 67.645% 98.540%, 65.063% 99.165%, 62.446% 99.622%, 59.804% 99.904%, 57.150% 100.000%, 54.495% 99.900%, 51.855% 99.607%, 49.242% 99.128%, 46.668% 98.471%, 44.142% 97.651%, 41.669% 96.680%, 39.254% 95.572%, 36.900% 94.342%, 34.605% 93.002%, 32.370% 91.566%, 30.193% 90.044%, 28.067% 88.450%, 25.999% 86.782%, 23.993% 85.040%, 22.054% 83.224%, 20.182% 81.338%, 18.380% 79.387%, 16.644% 77.375%, 14.972% 75.310%, 13.360% 73.198%, 11.802% 71.046%, 10.288% 68.863%, 8.816% 66.651%, 7.404% 64.400%, 6.063% 62.107%, 4.809% 59.765%, 3.656% 57.371%, 2.624% 54.923%, 1.730% 52.421%, 0.998% 49.868%, 0.451% 47.268%, 0.112% 44.634%, 0.000% 41.980%, 0.117% 39.327%, 0.446% 36.691%, 0.976% 34.088%, 1.696% 31.531%, 2.600% 29.033%, 3.682% 26.607%, 4.941% 24.268%, 6.375% 22.032%, 7.986% 19.921%, 9.775% 17.957%, 11.743% 16.173%, 13.876% 14.591%, 16.156% 13.229%, 18.548% 12.073%, 21.017% 11.094%, 23.538% 10.255%, 26.091% 9.521%, 28.664% 8.858%, 31.248% 8.240%, 33.837% 7.642%, 36.426% 7.045%, 39.011% 6.431%, 41.589% 5.787%, 44.157% 5.109%, 46.720% 4.407%, 49.281% 3.701%, 51.846% 3.006%, 54.418% 2.339%, 57.001% 1.717%, 59.598% 1.157%, 62.212% 0.680%, 64.842% 0.309%, 67.488% 0.072%, 70.144% 0.002%, 72.797% 0.137%, 75.424% 0.521%, 77.992% 1.197%, 80.452% 2.197%;
    --shape-blob-6: 71.914% 1.829%, 74.287% 2.884%, 76.559% 4.144%, 78.723% 5.581%, 80.777% 7.171%, 82.721% 8.894%, 84.557% 10.733%, 86.284% 12.673%, 87.906% 14.703%, 89.423% 16.812%, 90.838% 18.991%, 92.151% 21.233%, 93.364% 23.531%, 94.477% 25.878%, 95.492% 28.270%, 96.406% 30.702%, 97.222% 33.169%, 97.938% 35.666%, 98.555% 38.190%, 99.069% 40.737%, 99.476% 43.303%, 99.771% 45.884%, 99.948% 48.476%, 99.999% 51.073%, 99.914% 53.670%, 99.680% 56.257%, 99.287% 58.825%, 98.717% 61.360%, 97.957% 63.844%, 96.984% 66.252%, 95.807% 68.567%, 94.448% 70.781%, 92.930% 72.889%, 91.273% 74.890%, 89.499% 76.788%, 87.625% 78.587%, 85.668% 80.296%, 83.642% 81.923%, 81.560% 83.477%, 79.431% 84.967%, 77.266% 86.402%, 75.071% 87.793%, 72.854% 89.148%, 70.624% 90.481%, 68.375% 91.783%, 66.103% 93.044%, 63.803% 94.253%, 61.470% 95.396%, 59.100% 96.459%, 56.688% 97.425%, 54.232% 98.272%, 51.732% 98.978%, 49.190% 99.518%, 46.616% 99.866%, 44.022% 99.999%, 41.427% 99.904%, 38.848% 99.589%, 36.304% 99.067%, 33.806% 98.353%, 31.365% 97.465%, 28.988% 96.417%, 26.680% 95.223%, 24.446% 93.897%, 22.289% 92.450%, 20.209% 90.892%, 18.210% 89.233%, 16.286% 87.487%, 14.442% 85.656%, 12.685% 83.743%, 11.018% 81.750%, 9.446% 79.682%, 7.974% 77.541%, 6.608% 75.331%, 5.354% 73.056%, 4.218% 70.719%, 3.208% 68.325%, 2.331% 65.880%, 1.594% 63.389%, 0.996% 60.861%, 0.535% 58.304%, 0.216% 55.726%, 0.039% 53.134%, 0.005% 50.536%, 0.119% 47.941%, 0.385% 45.356%, 0.814% 42.794%, 1.416% 40.267%, 2.207% 37.793%, 3.204% 35.394%, 4.427% 33.103%, 5.887% 30.956%, 7.572% 28.979%, 9.454% 27.190%, 11.490% 25.576%, 13.637% 24.114%, 15.862% 22.773%, 18.137% 21.517%, 20.438% 20.310%, 22.744% 19.113%, 25.034% 17.885%, 27.285% 16.589%, 29.485% 15.207%, 31.628% 13.738%, 33.730% 12.210%, 35.812% 10.656%, 37.898% 9.106%, 40.011% 7.595%, 42.174% 6.156%, 44.403% 4.820%, 46.707% 3.621%, 49.090% 2.587%, 51.535% 1.709%, 54.034% 0.998%, 56.576% 0.466%, 59.152% 0.129%, 61.746% 0.001%, 64.342% 0.097%, 66.918% 0.430%, 69.450% 1.007%, 71.914% 1.829%
}

.smi-scrollbar::-webkit-scrollbar {
    width: 3px
}

.smi-scrollbar::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: rgba(var(--color-foreground), 0.15)
}

.smi-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(var(--color-foreground), 0.55)
}

.smi-rotate-icon-180 svg {
    transform: rotate(180deg) !important
}

.smi-placeholder-light {
    fill: #958d8d;
    background: #e7e7e7
}

.smi-placeholder-dark {
    fill: #746c6c;
    background: #adadad
}

smi-product-block-element>div {
    display: flex;
    justify-content: center;
    padding-inline-start:var(--container-gutter);padding-inline-end: var(--container-gutter)
}

.smi-product-block-wrapper {
    max-width: 100%
}

section:has(smi-product-block-element:not(.smi-pb-dependency)) {
    height: 0px;
    width: 100%;
    display: block;
    position: fixed;
    top: 50%;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    visibility: hidden
}

.smi-card {
    text-decoration: none;
    text-align: var(--text-alignment)
}

.smi-card__inner {
    width: 100%
}

.smi-card__inner .smi-card__media {
    overflow: hidden;
    border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
}

.smi-card--style {
    position: relative;
    box-sizing: border-box;
    border-radius: var(--border-radius);
    border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity));
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
}

.smi-card--card .smi-card__inner .smi-card__media {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.smi-card__media {
    margin: var(--image-padding);
    bottom: 0;
    position: absolute;
    top: 0
}

.smi-card__media img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.smi-ratio {
    display: flex;
    position: relative;
    align-items: stretch
}

.smi-ratio:before {
    content: "";
    width: 0;
    height: 0;
    padding-bottom: var(--ratio-percent)
}

.smi-hidden {
    display: none !important
}

.smi-list-style-none {
    list-style: none
}

.smi-wh-100 {
    width: 100%;
    height: 100%
}

.smi-h-auto {
    height: auto
}

.smi-top-left-0 {
    top: 0;
    left: 0
}

.smi-top-0 {
    top: 0
}

.smi-left-0 {
    left: 0
}

.smi-bottom-0 {
    bottom: 0
}

.smi-right-0 {
    right: 0
}

.smi-xy-0 {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.smi-opacity-0 {
    opacity: 0
}

.smi-opacity-1 {
    opacity: 1
}

.smi-visibility-hidden {
    visibility: hidden
}

.smi-text-transform-uppercase {
    text-transform: uppercase
}

.smi-lsmi-03 {
    letter-spacing: var(--body-letter-spacing-scale, 0)
}

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

.smi-cursor-pointer {
    cursor: pointer
}

.smi-t-50-percent {
    top: 50%
}

.smi-l-50-percent {
    left: 50%
}

.smi-flex-1 {
    flex: 1
}

.smi-lh-normal {
    line-height: normal
}

.smi-lh-0 {
    line-height: 0 !important
}

.smi-row-gap-fix-xs {
    row-gap: 8px
}

.smi-wh-70px {
    width: 70px;
    height: 70px;
    object-fit: cover
}

.smi-border-none {
    border: none
}

.bg-transparent {
    background: rgba(0,0,0,0)
}

.smi-detail-container,.smi-detail-container-fluid {
    width: 100%
}

.smi-detail-container-fluid-no-padding {
    width: calc(100% - 2*var(--container-full-gutter));
    margin-inline-start:var(--container-full-gutter);margin-inline-end: var(--container-full-gutter)
}

.smi-h-100 {
    height: 100%
}

.smi-w-40 {
    width: 40%
}

.smi-w-50 {
    width: 50%
}

.smi-w-60 {
    width: 60%
}

.smi-w-100 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .smi-w-md-40 {
        width:40%
    }

    .smi-w-md-50 {
        width: 50%
    }

    .smi-w-md-60 {
        width: 60%
    }
}

@media screen and (min-width: 992px) {
    .smi-w-lg-40 {
        width:40%
    }

    .smi-w-lg-50 {
        width: 50%
    }

    .smi-w-lg-60 {
        width: 60%
    }
}

.smi-container {
    margin-inline-start:max(var(--container-gutter),50% - var(--container-max-width)/2);margin-inline-end: max(var(--container-gutter),50% - var(--container-max-width)/2)
}

.smi-container-fluid {
    --container-max-width: 100%;
    margin-inline-start:var(--container-full-gutter);margin-inline-end: var(--container-full-gutter)
}

.smi-container-fluid-no-padding {
    --container-max-width: 100%;
    margin-inline-start:0;margin-inline-end:0}

.smi-padding-fluid {
    padding-left: var(--container-full-gutter);
    padding-right: var(--container-full-gutter)
}

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

@media(min-width: 768px) {
    .smi-col-md-6 {
        flex:0 0 auto;
        width: 50%
    }
}

.smi-p-relative {
    position: relative
}

.smi-p-absolute {
    position: absolute
}

.smi-p-fixed {
    position: fixed
}

.smi-d-inline {
    display: inline !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.smi-justify-content-start,.smi-justify-content-left {
    justify-content: flex-start !important
}

.smi-justify-content-end,.smi-justify-content-right {
    justify-content: flex-end !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 576px) {
    .smi-d-sm-inline {
        display:inline !important
    }

    .smi-d-sm-inline-block {
        display: inline-block !important
    }

    .smi-d-sm-block {
        display: block !important
    }

    .smi-d-sm-flex {
        display: flex !important
    }

    .smi-d-sm-inline-flex {
        display: inline-flex !important
    }

    .smi-d-sm-none {
        display: none !important
    }
}

@media(min-width: 768px) {
    .smi-d-md-inline {
        display:inline !important
    }

    .smi-d-md-inline-block {
        display: inline-block !important
    }

    .smi-d-md-block {
        display: block !important
    }

    .smi-d-md-flex {
        display: flex !important
    }

    .smi-d-md-inline-flex {
        display: inline-flex !important
    }

    .smi-d-md-none {
        display: none !important
    }

    .smi-flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .smi-flex-md-wrap {
        flex-wrap: wrap !important
    }

    .smi-justify-content-md-start,.smi-justify-content-md-left {
        justify-content: flex-start !important
    }

    .smi-justify-content-md-end,.smi-justify-content-md-right {
        justify-content: flex-end !important
    }

    .smi-justify-content-md-center {
        justify-content: center !important
    }

    .smi-justify-content-md-between {
        justify-content: space-between !important
    }

    .smi-align-items-md-start {
        align-items: flex-start !important
    }

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

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

    .smi-align-content-md-start {
        align-content: flex-start !important
    }

    .smi-align-content-md-end {
        align-content: flex-end !important
    }

    .smi-align-content-md-center {
        align-content: center !important
    }

    .smi-align-content-md-between {
        align-content: space-between !important
    }

    .smi-order-md-first {
        order: -1 !important
    }

    .smi-order-md-0 {
        order: 0 !important
    }

    .smi-order-md-1 {
        order: 1 !important
    }

    .smi-order-md-2 {
        order: 2 !important
    }

    .smi-order-md-3 {
        order: 3 !important
    }

    .smi-order-md-4 {
        order: 4 !important
    }

    .smi-order-md-5 {
        order: 5 !important
    }

    .smi-order-md-last {
        order: 6 !important
    }
}

@media(min-width: 992px) {
    .smi-d-lg-block {
        display:block !important
    }

    .smi-d-lg-flex {
        display: flex !important
    }

    .smi-d-lg-none {
        display: none !important
    }

    .smi-flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .smi-flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .smi-justify-content-lg-start {
        justify-content: flex-start !important
    }

    .smi-justify-content-lg-end {
        justify-content: flex-end !important
    }

    .smi-justify-content-lg-center {
        justify-content: center !important
    }

    .smi-order-lg-first {
        order: -1 !important
    }

    .smi-order-lg-last {
        order: 6 !important
    }
}

@media(min-width: 1200px) {
    .smi-d-xl-block {
        display:block !important
    }

    .smi-d-xl-flex {
        display: flex !important
    }

    .smi-d-xl-none {
        display: none !important
    }

    .smi-flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .smi-flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .smi-justify-content-xl-start {
        justify-content: flex-start !important
    }

    .smi-justify-content-xl-end {
        justify-content: flex-end !important
    }

    .smi-justify-content-xl-center {
        justify-content: center !important
    }

    .smi-order-xl-first {
        order: -1 !important
    }

    .smi-order-xl-0 {
        order: 0 !important
    }

    .smi-order-xl-1 {
        order: 1 !important
    }

    .smi-order-xl-2 {
        order: 2 !important
    }

    .smi-order-xl-3 {
        order: 3 !important
    }

    .smi-order-xl-4 {
        order: 4 !important
    }

    .smi-order-xl-5 {
        order: 5 !important
    }
}

.smi-component-buttons {
    --shadow-padding-right: calc((var(--shadow-horizontal-offset) + var(--shadow-blur-radius)) * var(--shadow-visible) + 7px);
    --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible) + 7px);
    display: flex;
    flex-wrap: wrap;
    justify-content: inherit;
    gap: 20px;
    align-items: center
}

.smi-component-button-without-link,.smi-component-buttons {
    max-width: 100%
}

.smi-component-button-without-link:not(.smi-component-buttons-full-width),.smi-component-buttons:not(.smi-component-buttons-full-width) {
    width: fit-content
}

.smi-component-buttons.smi-component-buttons-full-width {
    width: 100%;
    max-width: 100%
}

.smi-component-buttons.smi-component-buttons-full-width:not(.smi-component-buttons--same-width) .smi-button--solid,.smi-component-buttons.smi-component-buttons-full-width:not(.smi-component-buttons--same-width) .smi-button--outline {
    width: 50%;
    max-width: 100%
}

.smi-component-buttons.smi-component-buttons-full-width .smi-button--solid:only-child,.smi-component-buttons.smi-component-buttons-full-width .smi-button--outline:only-child {
    width: 100%;
    max-width: 100%
}

@media screen and (max-width: 575.98px) {
    .smi-component-buttons--same-width .smi-button {
        flex:1 1 auto
    }
}

@media screen and (min-width: 576px) {
    .smi-component-buttons--same-width {
        display:grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr
    }
}

a.smi-button {
    color: rgba(var(--color-button-text), 1)
}

.smi-button {
    max-width: 100%;
    display: inline-flex;
    appearance: none;
    align-items: center;
    justify-content: center;
    height: fit-content;
    text-decoration: none;
    padding: calc(10px*var(--buttons-scale, 1)) calc(24px*var(--buttons-scale, 1));
    background: rgb(var(--color-button));
    color: rgba(var(--color-button-text), 1);
    text-align: center;
    font-family: var(--button-font-family);
    text-transform: var(--button-text-case, unset);
    letter-spacing: var(--button-letter-spacing-scale, 0);
    cursor: pointer
}

.smi-button:active,.smi-button:focus,.smi-button:hover {
    color: rgba(var(--color-button-text), 1)
}

@media screen and (min-width: 768px)and (max-width: 991.98px) {
    .smi-button {
        padding:calc(10px*var(--buttons-scale, 1)) calc(16px*var(--buttons-scale, 1))
    }
}

.smi-button>span {
    display: block;
    position: relative;
    word-wrap: break-word;
    max-width: 100%
}

.smi-button.smi-hover-vertical-lift {
    transition: transform var(--duration-default) var(--ease-out-slow)
}

.smi-button.smi-hover-vertical-lift:hover {
    transform: translateY(-0.25rem)
}

.smi-button--text.smi-hover-3d-lift:hover span:before {
    width: 80%
}

.smi-button--solid.smi-hover-3d-lift,.smi-button--outline.smi-hover-3d-lift {
    transition: all var(--duration-default) var(--ease-out-slow)
}

.smi-button--solid.smi-hover-3d-lift svg,.smi-button--outline.smi-hover-3d-lift svg {
    transition: transform var(--duration-default) var(--ease-out-slow)
}

.smi-button--solid.smi-hover-3d-lift:hover,.smi-button--outline.smi-hover-3d-lift:hover {
    box-shadow: calc(var(--shadow-horizontal-offset) + 2px) calc(var(--shadow-vertical-offset) + 2px) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
}

.smi-button--solid.smi-hover-3d-lift:hover svg,.smi-button--outline.smi-hover-3d-lift:hover svg {
    transform: translateX(2px)
}

.smi-button--solid.smi-hover-3d-lift:hover:before,.smi-button--outline.smi-hover-3d-lift:hover:before {
    border: calc(var(--border-width) + 1.3px) solid rgba(var(--color-button), var(--border-opacity))
}

.smi-button svg {
    margin-left: 8px;
    width: calc(12px*var(--icon-scale, 1));
    height: calc(12px*var(--icon-scale, 1));
    stroke: rgba(var(--color-button-text), 1);
    fill: rgba(var(--color-button-text), 1)
}

.smi-button svg path {
    fill: rgba(var(--color-button-text), 1)
}

.smi-button--solid {
    background-color: rgb(var(--color-button));
    border-color: rgb(var(--color-button))
}

.smi-button--outline,.smi-button--solid {
    min-height: 45px
}

.smi-button--outline {
    --color-button: var(--color-secondary-button-text);
    --color-button-text: var(--color-secondary-button-text);
    border-color: rgba(var(--color-secondary-button-text), var(--border-opacity));
    background-color: rgba(0,0,0,0)
}

.smi-button--text {
    background: rgba(0,0,0,0);
    --color-button-text: var(--color-secondary-button-text);
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: unset;
    position: relative;
    margin-bottom: 1px
}

.smi-button--text:before,.smi-button--text:after {
    content: none
}

.smi-button--text:not(.smi-has-icon) span:before {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(var(--color-button-text), 1);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: width var(--duration-default) var(--ease-out-slow)
}

.smi-section input[type=text],.smi-section input[type=password],.smi-section input[type=email],.smi-section input[type=number] {
    background: none
}

.smi-heading-component {
    text-align: var(--heading-alignment);
    display: flex;
    position: relative;
    justify-content: center
}

.smi-heading-component .smi-heading-inner {
    max-width: 750px
}

@media screen and (max-width: 991.98px) {
    .smi-heading-component .smi-heading-inner {
        max-width:600px
    }
}

@media screen and (max-width: 767.98px) {
    .smi-heading-component .smi-heading-inner {
        max-width:470px
    }
}

.smi-heading-component .smi-heading-inner .smi-heading-component__subheading {
    color: rgb(var(--color-subtext))
}

.smi-heading-component .smi-heading-component__description p:last-child {
    margin-bottom: 0
}

.smi-heading-component--align-left {
    justify-content: start
}

.smi-heading-component--align-right {
    justify-content: end
}

.smi-heading-component__subheading {
    color: rgb(var(--color-subtext));
    font-weight: var(--subheading-font-weight, 500);
    letter-spacing: var(--subheading-letter-spacing-scale, 0);
    font-family: var(--subheading-font-family)
}

.smi-heading-component__subheading a:hover {
    color: rgba(var(--color-subtext), 1)
}

.smi-heading-component__heading {
    color: rgb(var(--color-foreground));
    letter-spacing: var(--heading-letter-spacing-scale, 0)
}

.smi-heading-component__description {
    color: rgba(var(--color-foreground), 0.75);
    letter-spacing: var(--body-letter-spacing-scale, 0)
}

.smi-rating-component span {
    line-height: 0
}

.smi-rating-component svg {
    stroke: var(--color-rating)
}

.smi-rating-component svg path {
    fill: var(--color-rating)
}

.smi-rating-component .smi-rating-inner--small svg {
    width: calc(16px*var(--icon-scale, 1));
    height: calc(16px*var(--icon-scale, 1))
}

.smi-rating-component .smi-rating-inner--medium svg {
    width: calc(20px*var(--icon-scale, 1));
    height: calc(20px*var(--icon-scale, 1))
}

.smi-rating-component .smi-rating-inner--large svg {
    width: calc(28px*var(--icon-scale, 1));
    height: calc(28px*var(--icon-scale, 1))
}

.smi-component-arrow-slider {
    display: flex;
    width: 100%;
    user-select: none
}

.smi-component-arrow-slider :is(.smi-swiper-button-disabled,.swiper-button-disabled) {
    opacity: .5;
    cursor: default
}

.smi-component-arrow-slider .arrow-icon:is(.smi-swiper-button-lock,.swiper-button-lock) {
    display: none
}

.smi-component-arrow-slider .arrow-slider-content {
    display: flex;
    column-gap: 12px
}

.smi-component-arrow-slider .arrow-icon {
    background: rgba(0,0,0,0);
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center
}

.smi-component-arrow-slider .arrow-icon--flip svg {
    transform: rotate(180deg)
}

.smi-component-arrow-slider .arrow-icon svg {
    width: calc(20px*var(--icon-scale, 1));
    height: calc(20px*var(--icon-scale, 1))
}

.smi-component-arrow-slider .arrow-icon svg path {
    fill: rgb(var(--color-foreground));
    fill-opacity: 1
}

.smi-component-arrow-slider .arr-style-1,.smi-component-arrow-slider .arr-style-2 {
    padding: 12px
}

.smi-component-arrow-slider .arr-style-1 svg,.smi-component-arrow-slider .arr-style-2 svg {
    stroke: none
}

.smi-component-arrow-slider .arr-style-1 svg path,.smi-component-arrow-slider .arr-style-2 svg path {
    fill: rgba(var(--color-foreground), 0.75)
}

.smi-component-arrow-slider .arr-style-1:hover svg path,.smi-component-arrow-slider .arr-style-2:hover svg path {
    fill: rgba(var(--color-foreground), 1)
}

.smi-component-arrow-slider .arr-square-style-1,.smi-component-arrow-slider .arr-square-style-2,.smi-component-arrow-slider .arr-square-style-3,.smi-component-arrow-slider .arr-square-style-4,.smi-component-arrow-slider .arr-square-style-5,.smi-component-arrow-slider .arr-square-style-6 {
    padding: 12px
}

.smi-component-arrow-slider .arr-square-style-1 svg,.smi-component-arrow-slider .arr-square-style-2 svg,.smi-component-arrow-slider .arr-square-style-3 svg {
    stroke: rgb(var(--color-foreground))
}

.smi-component-arrow-slider .arr-square-style-1 svg path,.smi-component-arrow-slider .arr-square-style-2 svg path,.smi-component-arrow-slider .arr-square-style-3 svg path {
    fill: rgb(var(--color-foreground))
}

.smi-component-arrow-slider .arr-square-style-1:hover,.smi-component-arrow-slider .arr-square-style-2:hover,.smi-component-arrow-slider .arr-square-style-3:hover {
    background: rgb(var(--color-button))
}

.smi-component-arrow-slider .arr-square-style-1:hover svg,.smi-component-arrow-slider .arr-square-style-2:hover svg,.smi-component-arrow-slider .arr-square-style-3:hover svg {
    stroke: rgb(var(--color-button-text))
}

.smi-component-arrow-slider .arr-square-style-1:hover svg path,.smi-component-arrow-slider .arr-square-style-2:hover svg path,.smi-component-arrow-slider .arr-square-style-3:hover svg path {
    fill: rgb(var(--color-button-text))
}

.smi-component-arrow-slider .arr-square-style-1 {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(var(--color-foreground), 0.2)
}

.smi-component-arrow-slider .arr-square-style-1:hover {
    border-color: rgba(var(--color-button), 1)
}

.smi-component-arrow-slider .arr-square-style-2,.smi-component-arrow-slider .arr-square-style-3 {
    background: rgba(var(--color-foreground), 0.04)
}

.smi-component-arrow-slider .arr-square-style-4 {
    border: 1px solid rgba(var(--color-foreground), 0.2);
    background: rgb(var(--color-background))
}

.smi-component-arrow-slider .arr-square-style-4:hover {
    border: 1px solid rgba(var(--color-foreground), 1)
}

.smi-component-arrow-slider .arr-square-style-4:hover svg path {
    fill: rgb(var(--color-foreground))
}

.smi-component-arrow-slider .arr-square-style-5 {
    border: 1px solid rgba(var(--color-button), 1);
    background: rgb(var(--color-button))
}

.smi-component-arrow-slider .arr-square-style-5 svg {
    stroke: rgb(var(--color-button-text))
}

.smi-component-arrow-slider .arr-square-style-5 svg path {
    fill: rgb(var(--color-button-text))
}

.smi-component-arrow-slider .arr-square-style-5:hover {
    border: 1px solid rgba(var(--color-foreground), 1);
    background: rgb(var(--color-background))
}

.smi-component-arrow-slider .arr-square-style-5:hover svg {
    stroke: rgb(var(--color-foreground))
}

.smi-component-arrow-slider .arr-square-style-5:hover svg path {
    fill: rgb(var(--color-foreground))
}

.smi-component-arrow-slider .arr-square-style-6 {
    border: 1px solid rgba(var(--color-foreground), 0.2)
}

.smi-component-arrow-slider .arr-square-style-6 svg path {
    fill: rgb(var(--color-foreground))
}

.smi-component-arrow-slider .arr-square-style-6:hover {
    border: 1px solid rgba(var(--color-foreground), 1)
}

.smi-component-arrow-slider :is(.arr-circle-style-1,.arr-circle-style-2,.arr-circle-style-3,.arr-circle-style-4,.arr-circle-style-5,.arr-rounded-rectangle,.arr-rounded-rectangle-bg) {
    padding: 12px;
    border-radius: 100px;
    border-width: 1px;
    border-style: solid
}

.smi-component-arrow-slider :is(.arr-rounded-rectangle,.arr-rounded-rectangle-bg) {
    padding: 8px 16px
}

.smi-component-arrow-slider .arr-circle-style-1 {
    border-color: rgba(var(--color-foreground), 0.2);
    background: rgb(var(--color-background))
}

.smi-component-arrow-slider .arr-circle-style-1:hover {
    border-color: rgba(var(--color-foreground), 0.2)
}

.smi-component-arrow-slider .arr-circle-style-1:hover svg path {
    fill: rgb(var(--color-foreground))
}

.smi-component-arrow-slider .arr-circle-style-2:hover,.smi-component-arrow-slider .arr-circle-style-3:hover {
    background: rgb(var(--color-button));
    border-color: rgba(var(--color-button), 1)
}

.smi-component-arrow-slider .arr-circle-style-2:hover svg,.smi-component-arrow-slider .arr-circle-style-3:hover svg {
    stroke: rgb(var(--color-button-text))
}

.smi-component-arrow-slider .arr-circle-style-2:hover svg path,.smi-component-arrow-slider .arr-circle-style-3:hover svg path {
    fill: rgb(var(--color-button-text))
}

.smi-component-arrow-slider .arr-circle-style-2 {
    border-color: rgb(var(--color-foreground))
}

.smi-component-arrow-slider .arr-circle-style-3 {
    background: rgba(var(--color-foreground), 0.04);
    border-color: rgba(var(--color-foreground), 0)
}

.smi-component-arrow-slider .arr-circle-style-4,.smi-component-arrow-slider .arr-rounded-rectangle {
    border-color: rgba(var(--color-foreground), 0.2)
}

.smi-component-arrow-slider .arr-circle-style-4:hover,.smi-component-arrow-slider .arr-rounded-rectangle:hover {
    border-color: rgba(var(--color-foreground), 1)
}

.smi-component-arrow-slider .arr-circle-style-5,.smi-component-arrow-slider .arr-rounded-rectangle-bg {
    border-color: rgba(var(--color-button), 1);
    background: rgb(var(--color-button))
}

.smi-component-arrow-slider .arr-circle-style-5 svg,.smi-component-arrow-slider .arr-rounded-rectangle-bg svg {
    stroke: rgb(var(--color-button-text))
}

.smi-component-arrow-slider .arr-circle-style-5 svg path,.smi-component-arrow-slider .arr-rounded-rectangle-bg svg path {
    fill: rgb(var(--color-button-text))
}

.smi-component-arrow-slider .arr-circle-style-5:hover,.smi-component-arrow-slider .arr-rounded-rectangle-bg:hover {
    border-color: rgba(var(--color-foreground), 1);
    background: rgb(var(--color-background))
}

.smi-component-arrow-slider .arr-circle-style-5:hover svg,.smi-component-arrow-slider .arr-rounded-rectangle-bg:hover svg {
    stroke: rgb(var(--color-foreground))
}

.smi-component-arrow-slider .arr-circle-style-5:hover svg path,.smi-component-arrow-slider .arr-rounded-rectangle-bg:hover svg path {
    fill: rgb(var(--color-foreground))
}

.smi-swiper-pagination {
    z-index: 2 !important
}

.smi-swiper-pagination.smi-pt-xl {
    position: relative
}

.smi-slider-dot-container {
    max-width: 100%;
    position: relative;
    --swiper-pagination-top: unset;
    --swiper-pagination-bottom: 0;
    --swiper-pagination-fraction-color: rgb(var(--color-foreground))
}

:is(.dot-style-1,.dot-style-2,.dot-style-3,.dot-style-4,.line-style-1,.line-style-2,.line-style-3,.line-style-4) :is(.smi-swiper-pagination,.swiper-pagination) {
    width: fit-content !important;
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.line-style-4 :is(.smi-swiper-pagination,.swiper-pagination) {
    width: 345px !important;
    max-width: 100%;
    height: 4px;
    line-height: 0;
    border-radius: 10px;
    background: rgba(var(--color-foreground), 0.15) !important
}

:is(.dot-style-1,.dot-style-2,.dot-style-4,.line-style-1,.line-style-2,.line-style-3) :is(.smi-swiper-pagination,.swiper-pagination) {
    grid-gap: 12px
}

.dot-style-3 :is(.smi-swiper-pagination,.swiper-pagination) {
    grid-gap: 16px
}

.dot-style-1 :is(.smi-swiper-pagination,.swiper-pagination) {
    margin-top: calc(15px*var(--space))
}

.dot-style-1 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    margin: 0 !important;
    background: rgb(var(--color-foreground)) !important;
    width: 10px !important;
    height: 10px !important;
    opacity: .2
}

.dot-style-1 :is(.swiper-pagination-bullet-active,.smi-swiper-pagination-bullet-active) {
    opacity: 1
}

.dot-style-2 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    background: rgba(0,0,0,0);
    margin: 0 !important;
    border: 1px solid rgba(var(--color-foreground), 0.75);
    opacity: 1
}

.dot-style-2 :is(.swiper-pagination-bullet-active,.smi-swiper-pagination-bullet-active) {
    width: 10px !important;
    height: 10px !important;
    background: rgb(var(--color-foreground)) !important
}

.dot-style-3 {
    height: 18px
}

.dot-style-3 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    width: 10px !important;
    height: 10px !important;
    margin: 0 !important;
    background: rgb(var(--color-foreground)) !important;
    opacity: .2
}

.dot-style-3 :is(.swiper-pagination-bullet-active,.smi-swiper-pagination-bullet-active) {
    opacity: 1;
    margin: 4px !important;
    outline: 1px solid rgb(var(--color-foreground)) !important;
    outline-offset: 3px
}

.dot-style-4 :is(.smi-swiper-pagination,.swiper-pagination) {
    padding: 12px 16px;
    border-radius: 20px;
    background: rgba(var(--color-foreground), 0.04)
}

.dot-style-4 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    width: 6px !important;
    height: 6px !important;
    margin: 0 !important;
    background: rgb(var(--color-foreground)) !important;
    opacity: .2
}

.dot-style-4 :is(.swiper-pagination-bullet-active,.smi-swiper-pagination-bullet-active) {
    width: 8px !important;
    height: 8px !important;
    opacity: 1
}

.line-dot :is(.smi-swiper-pagination,.swiper-pagination) {
    display: flex !important;
    width: fit-content !important;
    margin: auto;
    left: 0;
    right: 0;
    grid-gap: 12px;
    position: relative;
    bottom: 0 !important
}

.line-dot :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    height: 8px !important;
    width: 8px !important;
    margin: 0 !important;
    background: rgb(var(--color-foreground)) !important;
    opacity: .2
}

.line-dot :is(.smi-swiper-pagination-bullet-active,.swiper-pagination-bullet-active) {
    opacity: 1;
    width: 24px !important;
    border-radius: 5px
}

.line-style-1 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    margin: 0px !important;
    background: rgb(var(--color-foreground)) !important;
    width: 24px;
    height: 4px;
    border-radius: 0px
}

.line-style-1 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    opacity: .2
}

.line-style-1 :is(.smi-swiper-pagination-bullet-active,.swiper-pagination-bullet-active) {
    opacity: 1
}

.line-style-2 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    margin: 0 !important;
    background: rgb(var(--color-foreground)) !important;
    width: 20px;
    height: 3px;
    border-radius: 0
}

.line-style-2 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    opacity: .2
}

.line-style-2 :is(.smi-swiper-pagination-bullet-active,.swiper-pagination-bullet-active) {
    opacity: 1;
    width: 32px;
    height: 4px
}

.line-style-3 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    margin: 0 !important;
    background: rgb(var(--color-foreground)) !important;
    width: 24px;
    height: 6px;
    border-radius: 5px
}

.line-style-3 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    opacity: .2
}

.line-style-3 :is(.smi-swiper-pagination-bullet-active,.swiper-pagination-bullet-active) {
    opacity: 1
}

.line-style-4 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    flex: 1 1 0;
    height: 4px;
    margin: 0 !important;
    border-radius: 4px
}

.line-style-4 :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    opacity: 0
}

.line-style-4 :is(.smi-swiper-pagination-bullet-active,.swiper-pagination-bullet-active) {
    --swiper-pagination-color: rgb(var(--color-foreground));
    opacity: 1;
    background: rgb(var(--color-foreground))
}

:is(.line-style-1,.line-style-2,.line-style-3,.line-style-4) :is(.smi-swiper-pagination-bullet,.swiper-pagination-bullet) {
    position: relative
}

:is(.line-style-1,.line-style-2,.line-style-3,.line-style-4) .swiper-pagination-bullet:before,:is(.line-style-1,.line-style-2,.line-style-3,.line-style-4) .smi-swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: -6px;
    bottom: -6px;
    left: 0;
    right: 0
}

.smi-component-sticky-page-dot .smi-slider-action {
    user-select: none
}

.smi-component-sticky-page-dot .smi-slider-action .smi-arrows {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.smi-component-sticky-page-dot .smi-slider-action .smi-arrows .smi-arrow {
    display: flex;
    justify-content: center;
    align-items: center
}

.smi-component-sticky-page-dot .smi-slider-action .smi-arrows .smi-arrow svg {
    width: calc(16px*var(--icon-scale, 1));
    height: calc(16px*var(--icon-scale, 1));
    stroke: none
}

.smi-component-sticky-page-dot .smi-slider-action .smi-arrows .smi-arrow svg path {
    fill: rgba(var(--color-foreground), 0.75)
}

.smi-component-sticky-page-dot .smi-slider-action .smi-arrows .smi-arrow svg:hover path {
    fill: rgba(var(--color-foreground), 1)
}

.smi-component-sticky-page-dot .smi-slider-action .smi-arrows .dot-arrow-slider {
    position: relative !important;
    cursor: pointer
}

.smi-component-sticky-page-dot .smi-slider-action .smi-arrows .smi-slider-pagination {
    margin: 0 12px;
    user-select: none
}

.smi-component-sticky-page-dot .smi-slider-action .text-style-2,.smi-component-sticky-page-dot .smi-slider-action .text-style-3 {
    padding: 4px 12px;
    border-radius: 20px
}

.smi-component-sticky-page-dot .smi-slider-action .text-style-2 .smi-slider-pagination,.smi-component-sticky-page-dot .smi-slider-action .text-style-3 .smi-slider-pagination {
    margin: 0 8px
}

.smi-component-sticky-page-dot .smi-slider-action .text-style-2 {
    border: 1px solid rgba(var(--color-foreground), 0.2);
    position: relative;
    z-index: 2
}

.smi-component-sticky-page-dot .smi-slider-action .text-style-3 {
    background: rgba(var(--color-foreground), 0.04)
}

.smi-slider-dot-container .smi-swiper-pagination-bullets-dynamic {
    position: relative;
    top: 0;
    line-height: 0;
    padding-left: 3px;
    padding-right: 3px;
    --swiper-pagination-color: rgb(var(--color-foreground));
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px;
    --swiper-pagination-bullet-inactive-opacity: 0.2
}

.smi-slider-dot-container[data-pagination=scrollbar] {
    width: 100%;
    position: relative;
    height: 4px
}

.smi-slider-dot-container .smi-swiper-scrollbar.smi-swiper-scrollbar-horizontal {
    --swiper-scrollbar-bottom: 0;
    --swiper-scrollbar-top: 0;
    --swiper-scrollbar-sides-offset: 0;
    --swiper-scrollbar-size: 4px;
    --swiper-scrollbar-bg-color: rgba(var(--color-foreground), 0.15);
    --swiper-scrollbar-drag-bg-color: rgba(var(--color-foreground), 1);
    position: relative;
    width: 100%;
    cursor: pointer
}

.smi-slider-dot-container .smi-swiper-scrollbar-drag {
    display: inline-block;
    position: absolute;
    cursor: grab
}

.smi-background-block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    background: var(--background)
}

.smi-background-block img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0
}

.smi-background-block--ambient_movement img {
    animation: smiAnimateAmbient 30s linear infinite
}

.smi-background-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--background-overlay);
    z-index: 1
}

.smi-background-block video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.smi-background-block iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000
}

@media screen and (min-width: 768px) {
    .smi-background-block img.smi-image-mobile {
        display:none
    }
}

@keyframes smiAnimateAmbient {
    0% {
        transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2)
    }

    100% {
        transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2)
    }
}

.smi-play-button-component {
    cursor: pointer
}

.smi-play-button-component--border-radius {
    border-radius: var(--border-radius)
}

.smi-play-button-component.smi-icon-s .__smi-icon,.smi-play-button-component.smi-icon-m .__smi-icon,.smi-play-button-component.smi-icon-l .__smi-icon,.smi-play-button-component.smi-icon-bottom-label-s .__smi-icon,.smi-play-button-component.smi-icon-bottom-label-m .__smi-icon,.smi-play-button-component.smi-icon-bottom-label-l .__smi-icon {
    display: inline-flex;
    border-radius: 300px;
    border: 2px solid #fff;
    background: rgba(0,0,0,.1);
    backdrop-filter: blur(1.5px)
}

.smi-play-button-component.smi-icon-s .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-icon-m .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-icon-l .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-icon-bottom-label-s .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-icon-bottom-label-m .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-icon-bottom-label-l .__smi-icon .smi-svg-icon {
    line-height: 0;
    fill: #fff;
    stroke: #fff
}

.smi-play-button-component.smi-icon-s .__smi-icon .smi-svg-icon path,.smi-play-button-component.smi-icon-m .__smi-icon .smi-svg-icon path,.smi-play-button-component.smi-icon-l .__smi-icon .smi-svg-icon path,.smi-play-button-component.smi-icon-bottom-label-s .__smi-icon .smi-svg-icon path,.smi-play-button-component.smi-icon-bottom-label-m .__smi-icon .smi-svg-icon path,.smi-play-button-component.smi-icon-bottom-label-l .__smi-icon .smi-svg-icon path {
    fill: #fff
}

.smi-play-button-component.smi-icon-s .__smi-icon,.smi-play-button-component.smi-icon-bottom-label-s .__smi-icon {
    padding: 16px
}

.smi-play-button-component.smi-icon-s .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-icon-bottom-label-s .__smi-icon .smi-svg-icon {
    width: calc(20px*var(--icon-scale, 1));
    height: calc(20px*var(--icon-scale, 1))
}

.smi-play-button-component.smi-icon-m .__smi-icon,.smi-play-button-component.smi-icon-bottom-label-m .__smi-icon {
    padding: 16px
}

.smi-play-button-component.smi-icon-m .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-icon-bottom-label-m .__smi-icon .smi-svg-icon {
    width: calc(24px*var(--icon-scale, 1));
    height: calc(24px*var(--icon-scale, 1))
}

.smi-play-button-component.smi-icon-l .__smi-icon,.smi-play-button-component.smi-icon-bottom-label-l .__smi-icon {
    padding: 24px
}

.smi-play-button-component.smi-icon-l .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-icon-bottom-label-l .__smi-icon .smi-svg-icon {
    width: calc(32px*var(--icon-scale, 1));
    height: calc(32px*var(--icon-scale, 1))
}

.smi-play-button-component.smi-icon-bottom-label-s,.smi-play-button-component.smi-icon-bottom-label-m,.smi-play-button-component.smi-icon-bottom-label-l {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing-elements)*16px)
}

.smi-play-button-component.smi-icon-bottom-label-s .__smi-label,.smi-play-button-component.smi-icon-bottom-label-m .__smi-label,.smi-play-button-component.smi-icon-bottom-label-l .__smi-label {
    font-weight: 500;
    color: rgba(var(--color-secondary-button-text), 1)
}

.smi-play-button-component.smi-icon-right-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing-elements)*12px)
}

.smi-play-button-component.smi-icon-right-label .__smi-icon {
    display: flex;
    align-items: center;
    border-radius: 300px;
    padding: 4px;
    border: 1px solid rgba(var(--color-secondary-button-text), 1);
    background: rgba(0,0,0,.1);
    backdrop-filter: blur(1.5px)
}

.smi-play-button-component.smi-icon-right-label .__smi-icon .smi-svg-icon {
    width: calc(12px*var(--icon-scale, 1));
    height: calc(12px*var(--icon-scale, 1));
    line-height: 0;
    fill: rgba(var(--color-secondary-button-text), 1);
    stroke: rgba(var(--color-secondary-button-text), 1)
}

.smi-play-button-component.smi-icon-right-label .__smi-icon .smi-svg-icon path {
    fill: rgba(var(--color-secondary-button-text), 1)
}

.smi-play-button-component.smi-icon-right-label .__smi-label {
    font-weight: 500;
    color: rgba(var(--color-secondary-button-text), 1)
}

.smi-play-button-component.smi-outline-button-s,.smi-play-button-component.smi-outline-button-m,.smi-play-button-component.smi-outline-button-l,.smi-play-button-component.smi-solid-button-s,.smi-play-button-component.smi-solid-button-m,.smi-play-button-component.smi-solid-button-l {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing-elements)*12px)
}

.smi-play-button-component.smi-outline-button-s .__smi-icon,.smi-play-button-component.smi-outline-button-m .__smi-icon,.smi-play-button-component.smi-outline-button-l .__smi-icon,.smi-play-button-component.smi-solid-button-s .__smi-icon,.smi-play-button-component.smi-solid-button-m .__smi-icon,.smi-play-button-component.smi-solid-button-l .__smi-icon {
    display: flex;
    align-items: center
}

.smi-play-button-component.smi-outline-button-s .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-outline-button-m .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-outline-button-l .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-solid-button-s .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-solid-button-m .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-solid-button-l .__smi-icon .smi-svg-icon {
    line-height: 0
}

.smi-play-button-component.smi-outline-button-s .__smi-label,.smi-play-button-component.smi-outline-button-m .__smi-label,.smi-play-button-component.smi-outline-button-l .__smi-label,.smi-play-button-component.smi-solid-button-s .__smi-label,.smi-play-button-component.smi-solid-button-m .__smi-label,.smi-play-button-component.smi-solid-button-l .__smi-label {
    font-weight: 500
}

.smi-play-button-component.smi-outline-button-s,.smi-play-button-component.smi-outline-button-m,.smi-play-button-component.smi-outline-button-l {
    border: var(--border-width) solid rgba(var(--color-secondary-button-text), var(--border-opacity))
}

.smi-play-button-component.smi-outline-button-s .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-outline-button-m .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-outline-button-l .__smi-icon .smi-svg-icon {
    width: calc(16px*var(--icon-scale, 1));
    height: calc(16px*var(--icon-scale, 1));
    fill: rgba(var(--color-secondary-button-text), 1);
    stroke: rgba(var(--color-secondary-button-text), 1)
}

.smi-play-button-component.smi-outline-button-s .__smi-icon .smi-svg-icon path,.smi-play-button-component.smi-outline-button-m .__smi-icon .smi-svg-icon path,.smi-play-button-component.smi-outline-button-l .__smi-icon .smi-svg-icon path {
    fill: rgba(var(--color-secondary-button-text), 1)
}

.smi-play-button-component.smi-outline-button-s .__smi-label,.smi-play-button-component.smi-outline-button-m .__smi-label,.smi-play-button-component.smi-outline-button-l .__smi-label {
    color: rgba(var(--color-secondary-button-text), 1)
}

.smi-play-button-component.smi-outline-button-s {
    padding: 8px 20px
}

.smi-play-button-component.smi-outline-button-s .__smi-icon .smi-svg-icon {
    width: calc(16px*var(--icon-scale, 1));
    height: calc(16px*var(--icon-scale, 1))
}

.smi-play-button-component.smi-outline-button-m {
    padding: 10px 24px
}

.smi-play-button-component.smi-outline-button-m .__smi-icon .smi-svg-icon {
    width: calc(16px*var(--icon-scale, 1));
    height: calc(16px*var(--icon-scale, 1))
}

.smi-play-button-component.smi-outline-button-l {
    padding: 16px 24px
}

.smi-play-button-component.smi-outline-button-l .__smi-icon .smi-svg-icon {
    width: calc(20px*var(--icon-scale, 1));
    height: calc(20px*var(--icon-scale, 1))
}

.smi-play-button-component.smi-solid-button-s,.smi-play-button-component.smi-solid-button-m,.smi-play-button-component.smi-solid-button-l {
    background-color: rgba(var(--color-button), 1)
}

.smi-play-button-component.smi-solid-button-s .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-solid-button-m .__smi-icon .smi-svg-icon,.smi-play-button-component.smi-solid-button-l .__smi-icon .smi-svg-icon {
    fill: rgba(var(--color-button-text), 1);
    stroke: rgba(var(--color-button-text), 1)
}

.smi-play-button-component.smi-solid-button-s .__smi-icon .smi-svg-icon path,.smi-play-button-component.smi-solid-button-m .__smi-icon .smi-svg-icon path,.smi-play-button-component.smi-solid-button-l .__smi-icon .smi-svg-icon path {
    fill: rgba(var(--color-button-text), 1)
}

.smi-play-button-component.smi-solid-button-s .__smi-label,.smi-play-button-component.smi-solid-button-m .__smi-label,.smi-play-button-component.smi-solid-button-l .__smi-label {
    color: rgba(var(--color-button-text), 1)
}

.smi-play-button-component.smi-solid-button-s {
    padding: 8px 20px
}

.smi-play-button-component.smi-solid-button-s .__smi-icon .smi-svg-icon {
    width: calc(16px*var(--icon-scale, 1));
    height: calc(16px*var(--icon-scale, 1))
}

.smi-play-button-component.smi-solid-button-m {
    padding: 10px 24px
}

.smi-play-button-component.smi-solid-button-m .__smi-icon .smi-svg-icon {
    width: calc(16px*var(--icon-scale, 1));
    height: calc(16px*var(--icon-scale, 1))
}

.smi-play-button-component.smi-solid-button-l {
    padding: 16px 24px
}

.smi-play-button-component.smi-solid-button-l .__smi-icon .smi-svg-icon {
    width: calc(20px*var(--icon-scale, 1));
    height: calc(20px*var(--icon-scale, 1))
}

@media screen and (max-width: 767.8px) {
    .smi-section .smi-media-h-xxs {
        height:200px
    }

    .smi-section .smi-media-h-xs {
        height: 260px
    }

    .smi-section .smi-media-h-s {
        height: 330px
    }

    .smi-section .smi-media-h-m {
        height: 410px
    }

    .smi-section .smi-media-h-l {
        height: 490px
    }
}

@media screen and (min-width: 768px) {
    .smi-section .smi-media-h-xxs {
        height:370px
    }

    .smi-section .smi-media-h-xs {
        height: 420px
    }

    .smi-section .smi-media-h-s {
        height: 480px
    }

    .smi-section .smi-media-h-m {
        height: 560px
    }

    .smi-section .smi-media-h-l {
        height: 680px
    }
}

.smi-tab-wrapper .smi-content-tab.smi-section__inner {
    padding-top: 0px;
    padding-bottom: 0px
}

.smi-tab-wrapper .smi-tab-list {
    list-style: none;
    margin-bottom: var(--vertical-space-xl);
    padding: 0px;
    justify-content: var(--alignment-tab)
}

@media screen and (max-width: 767px) {
    .smi-tab-wrapper .smi-tab-list {
        flex-wrap:wrap;
        margin-bottom: calc(var(--vertical-space-xl) - 15px)
    }

    .smi-tab-wrapper .smi-tab-list li {
        margin-bottom: 15px
    }
}

.smi-tab-wrapper .smi-tab-list .tab-pannel {
    cursor: pointer;
    color: rgba(var(--color-foreground), 0.75)
}

.smi-tab-wrapper .smi-tab-list .tab-pannel a {
    color: rgba(var(--color-foreground), 0.75)
}

.smi-tab-wrapper .smi-tab-list .tab-pannel .smi-title-tab {
    color: rgba(var(--color-foreground), 0.75)
}

.smi-tab-wrapper .smi-tab-list li.smi-item-tab {
    padding: 0px
}

.smi-tab-wrapper .smi-tab-list li {
    background: none;
    border: none;
    box-shadow: none
}

.smi-tab-wrapper .smi-tab-list li.active a,.smi-tab-wrapper .smi-tab-list li:hover a {
    color: rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-tab-list li.active .smi-title-tab,.smi-tab-wrapper .smi-tab-list li:hover .smi-title-tab {
    color: rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-tab-list.line-style-1,.smi-tab-wrapper .smi-tab-list.line-style-3 {
    gap: var(--horizontal-space-lg)
}

.smi-tab-wrapper .smi-tab-list.line-style-1 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.line-style-1 li:hover .tab-pannel,.smi-tab-wrapper .smi-tab-list.line-style-3 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.line-style-3 li:hover .tab-pannel {
    border-bottom: 1px solid rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-tab-list.circle-style-1,.smi-tab-wrapper .smi-tab-list.circle-style-2,.smi-tab-wrapper .smi-tab-list.square-style-1 {
    gap: var(--horizontal-space-sm) !important
}

.smi-tab-wrapper .smi-tab-list.square-style-2 {
    gap: var(--horizontal-space-sm) !important
}

.smi-tab-wrapper .smi-tab-list.square-style-2 li.active .tab-pannel {
    border: 1px solid rgb(var(--color-button))
}

.smi-tab-wrapper .smi-tab-list.line-style-1 li,.smi-tab-wrapper .smi-tab-list.circle-style-1 li {
    font-weight: 500;
    display: flex
}

.smi-tab-wrapper .smi-tab-list.line-style-1 li .tab-pannel,.smi-tab-wrapper .smi-tab-list.circle-style-1 li .tab-pannel {
    color: rgba(var(--color-foreground), 0.75)
}

.smi-tab-wrapper .smi-tab-list.line-style-1 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.line-style-1 li:hover .tab-pannel,.smi-tab-wrapper .smi-tab-list.circle-style-1 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.circle-style-1 li:hover .tab-pannel {
    color: rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-tab-list.line-style-2 li {
    padding: 0px
}

.smi-tab-wrapper .smi-tab-list.line-style-2 li .tab-pannel span.title {
    display: flex
}

.smi-tab-wrapper .smi-tab-list.line-style-2 li.active span.title,.smi-tab-wrapper .smi-tab-list.line-style-2 li:hover span.title {
    border-bottom: 1px solid rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-tab-list.circle-style-1 .smi-item-tab .tab-pannel {
    border: none
}

.smi-tab-wrapper .smi-tab-list.line-style-1 li.active .tab-pannel span.title,.smi-tab-wrapper .smi-tab-list.line-style-1 li:hover .tab-pannel span.title,.smi-tab-wrapper .smi-tab-list.line-style-2 li.active .tab-pannel span.title,.smi-tab-wrapper .smi-tab-list.line-style-2 li:hover .tab-pannel span.title,.smi-tab-wrapper .smi-tab-list.line-style-3 li.active .tab-pannel span.title,.smi-tab-wrapper .smi-tab-list.line-style-3 li:hover .tab-pannel span.title {
    color: rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-tab-list.line-style-1 li .tab-pannel,.smi-tab-wrapper .smi-tab-list.line-style-2 li .tab-pannel,.smi-tab-wrapper .smi-tab-list.line-style-3 li .tab-pannel {
    color: rgba(var(--color-foreground), 0.75);
    display: flex
}

.smi-tab-wrapper .smi-tab-list.line-style-1 li .tab-pannel span.dot,.smi-tab-wrapper .smi-tab-list.line-style-2 li .tab-pannel span.dot,.smi-tab-wrapper .smi-tab-list.line-style-3 li .tab-pannel span.dot {
    padding-left: var(--vertical-space-md);
    padding-right: var(--vertical-space-md)
}

.smi-tab-wrapper .smi-tab-list.line-style-1 li:last-child span.dot,.smi-tab-wrapper .smi-tab-list.line-style-2 li:last-child span.dot,.smi-tab-wrapper .smi-tab-list.line-style-3 li:last-child span.dot {
    display: none
}

.smi-tab-wrapper .smi-tab-list.line-style-3 {
    gap: 0px
}

.smi-tab-wrapper .smi-tab-list.line-style-3 li {
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px solid rgba(var(--color-foreground), 0.2)
}

.smi-tab-wrapper .smi-tab-list.line-style-3 li .tab-pannel {
    border-bottom: none;
    padding-right: var(--vertical-space-lg)
}

.smi-tab-wrapper .smi-tab-list.line-style-3 li .tab-pannel span.dot {
    display: none
}

.smi-tab-wrapper .smi-tab-list.line-style-3 li:last-child .tab-pannel {
    padding-right: 0px
}

.smi-tab-wrapper .smi-tab-list.line-style-3 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.line-style-3 li:hover .tab-pannel {
    border-bottom: none
}

.smi-tab-wrapper .smi-tab-list.line-style-3 li.active .tab-pannel span.title,.smi-tab-wrapper .smi-tab-list.line-style-3 li:hover .tab-pannel span.title {
    border-bottom: none;
    color: rgba(var(--color-foreground), 1);
    position: relative
}

.smi-tab-wrapper .smi-tab-list.line-style-3 li.active .tab-pannel span.title:after,.smi-tab-wrapper .smi-tab-list.line-style-3 li:hover .tab-pannel span.title:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 100%;
    background-color: rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-tab-list.circle-style-1 li,.smi-tab-wrapper .smi-tab-list.circle-style-2 li,.smi-tab-wrapper .smi-tab-list.square-style-1 li,.smi-tab-wrapper .smi-tab-list.square-style-2 li {
    display: flex;
    align-items: center
}

.smi-tab-wrapper .smi-tab-list.circle-style-1 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.circle-style-1 li:hover .tab-pannel,.smi-tab-wrapper .smi-tab-list.circle-style-2 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.circle-style-2 li:hover .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-1 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-1 li:hover .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-2 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-2 li:hover .tab-pannel {
    background-color: rgba(var(--color-foreground), 0.04);
    border-radius: 40px
}

.smi-tab-wrapper .smi-tab-list.circle-style-1 li a,.smi-tab-wrapper .smi-tab-list.circle-style-2 li a,.smi-tab-wrapper .smi-tab-list.square-style-1 li a,.smi-tab-wrapper .smi-tab-list.square-style-2 li a {
    color: rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-tab-list.circle-style-1 li .tab-pannel,.smi-tab-wrapper .smi-tab-list.circle-style-2 li .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-1 li .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-2 li .tab-pannel {
    padding: 4px var(--horizontal-space-md);
    color: rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-tab-list.circle-style-1 li .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-2 li .tab-pannel {
    border: 1px solid rgba(var(--color-foreground), 0.2)
}

.smi-tab-wrapper .smi-tab-list.circle-style-2 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.circle-style-2 li.active a,.smi-tab-wrapper .smi-tab-list.circle-style-2 li:hover .tab-pannel,.smi-tab-wrapper .smi-tab-list.circle-style-2 li:hover a,.smi-tab-wrapper .smi-tab-list.square-style-2 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-2 li.active a,.smi-tab-wrapper .smi-tab-list.square-style-2 li:hover .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-2 li:hover a {
    background-color: rgb(var(--color-button));
    color: rgb(var(--color-button-text))
}

.smi-tab-wrapper .smi-tab-list.circle-style-2 li .tab-pannel {
    border: 1px solid rgba(var(--color-foreground), 0.2);
    border-radius: 40px
}

.smi-tab-wrapper .smi-tab-list.circle-style-2 li.active .tab-pannel {
    border: 1px solid rgb(var(--color-button))
}

.smi-tab-wrapper .smi-tab-list.square-style-1 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-1 li:hover .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-2 li.active .tab-pannel,.smi-tab-wrapper .smi-tab-list.square-style-2 li:hover .tab-pannel {
    border-radius: 0px
}

.smi-tab-wrapper .smi-content-tab {
    display: none
}

.smi-tab-wrapper .smi-content-tab.active {
    display: block
}

.smi-tab-wrapper .dropdown-style {
    min-width: 238px;
    border-bottom: 1px solid rgba(var(--color-foreground), 0.2)
}

.smi-tab-wrapper .dropdown-style .smi-dropdown__button {
    display: flex;
    border: none;
    width: 100%;
    background-color: rgba(0,0,0,0);
    align-items: center;
    justify-content: space-between;
    padding: 4px var(--vertical-space-md);
    gap: var(--vertical-space-lg)
}

.smi-tab-wrapper .dropdown-style .smi-dropdown__button svg {
    width: calc(var(--vertical-space-md, 16px)*var(--icon-scale, 1));
    height: calc(var(--vertical-space-md, 16px)*var(--icon-scale, 1))
}

.smi-tab-wrapper .smi-activate svg {
    transform: rotate(180deg)
}

.smi-tab-wrapper .smi-tab-dropdown {
    display: flex;
    justify-content: var(--alignment-tab)
}

.smi-tab-wrapper .smi-tab-dropdown .tab-pannel {
    text-align: var(--alignment-tab);
    width: 100%
}

.smi-tab-wrapper .smi-dropdown-wrapper span.smi-dropdown__button span,.smi-tab-wrapper .smi-dropdown-wrapper span.smi-dropdown__button a {
    color: rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-dropdown-wrapper .smi-dropdown__list {
    min-width: 238px;
    overflow: auto;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
    margin-top: 8px;
    width: 100%;
    z-index: -1
}

.smi-tab-wrapper .smi-dropdown-wrapper .smi-dropdown__list::-webkit-scrollbar {
    width: 7px
}

.smi-tab-wrapper .smi-dropdown-wrapper .smi-dropdown__list::-webkit-scrollbar-track {
    background: #f1f1f1
}

.smi-tab-wrapper .smi-dropdown-wrapper .smi-dropdown__list::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 0
}

.smi-tab-wrapper .smi-dropdown-wrapper .smi-dropdown__list li {
    text-align: var(--alignment-tab)
}

.smi-tab-wrapper .smi-dropdown-wrapper .smi-dropdown__list li .tab-pannel {
    width: 100%;
    display: flex;
    color: rgba(var(--color-foreground), 0.75)
}

.smi-tab-wrapper .smi-dropdown-wrapper .smi-dropdown__list li:hover a {
    color: rgba(var(--color-foreground), 1)
}

.smi-tab-wrapper .smi-dropdown-wrapper.smi-activate .smi-dropdown__list {
    opacity: 1;
    visibility: visible;
    z-index: 9
}

.smi-tab-wrapper .smi-dropdown-wrapper button {
    justify-content: space-between;
    font-family: inherit;
    font-weight: var(--font-body-weight)
}

.smi-tab-wrapper .smi-dropdown-wrapper button span {
    font-size: calc(14px*var(--font-body-scale));
    width: auto;
    min-height: 43px;
    padding: 0px;
    font-family: inherit;
    color: rgba(var(--color-foreground), 0.75);
    height: 100%;
    display: flex;
    align-items: center
}

.smi-tab-wrapper .smi-dropdown-wrapper .smi-dropdown--style {
    background: var(--gradient-background)
}

.smi-text-start {
    text-align: start !important
}

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

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

.smi-text-left {
    text-align: start !important
}

.smi-text-right {
    text-align: end !important
}

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

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

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

    .smi-text-md-left {
        text-align: start !important
    }

    .smi-text-md-right {
        text-align: end !important
    }
}

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

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

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

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

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

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

.smi-font-button {
    font-family: var(--button-font-family)
}

.smi-font-price {
    font-family: var(--price-font-family)
}

.smi-font-subheading {
    font-family: var(--subheading-font-family)
}

.smi-font-menu {
    font-family: var(--menu-font-family)
}

#smi-modal-bg {
    background-color: rgba(var(--color-foreground), 0.5);
    position: fixed;
    top: 0;
    left: 0;
    transition: .3s opacity;
    height: 100vh;
    width: 100%;
    z-index: 100;
    display: none
}

.smi-lite-modal {
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
    background-color: #fff;
    word-wrap: break-word;
    width: 500px;
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .smi-lite-modal {
        max-width:calc(100% - 78px)
    }
}

.smi-lite-modal.smi-modal-sm {
    width: 300px
}

.smi-lite-modal.smi-modal-lg {
    width: 800px
}

.smi-lite-modal.smi-modal-xl {
    width: 1140px
}

.smi-modal-on {
    display: block !important
}

.smi-bg-fade {
    opacity: 0 !important
}

.smi-lite-modal.smi-video-modal {
    width: 98%;
    max-width: 1140px
}

@media screen and (min-width: 768px) {
    .smi-lite-modal.smi-video-modal {
        width:fit-content
    }

    .smi-lite-modal.smi-video-modal:has(iframe) {
        width: 100%
    }
}

.smi-lite-modal.smi-video-modal .smi-upload-video,.smi-lite-modal.smi-video-modal .smi-video-url {
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 100px);
    background: #000;
    border-radius: calc(var(--border-radius) - var(--border-width));
    overflow: clip
}

.smi-lite-modal.smi-video-modal .smi-video-url {
    object-fit: cover
}

.smi-lite-modal.smi-video-modal .smi-upload-video {
    line-height: 0
}

.smi-lite-modal.smi-video-modal .smi-upload-video video {
    width: 100%;
    height: 100%
}

.smi-lite-modal.smi-video-modal .smi-video-url {
    line-height: 0;
    position: relative
}

.smi-lite-modal.smi-video-modal .smi-video-url iframe {
    border: 0;
    outline: none;
    position: relative;
    max-width: 100%;
    width: 100%;
    aspect-ratio: 16/9;
    z-index: 1
}

.smi-lite-modal.smi-video-modal .smi-modal-close {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    transform: translate(0px, -100%);
    line-height: 0;
    padding: 6px;
    background-color: #fff;
    border: 1px solid rgba(31,31,33,.2);
    border-radius: 100px;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .smi-lite-modal.smi-video-modal .smi-modal-close {
        transform:translate(100%, -100%)
    }
}

.smi-lite-modal.smi-video-modal .smi-modal-close svg {
    width: calc(24px*var(--icon-scale, 1));
    height: calc(24px*var(--icon-scale, 1));
    stroke: #1f1f21
}

.smi-lite-modal.smi-video-modal .smi-modal-close svg path {
    fill: #1f1f21
}

.smi-lite-modal.smi-default-modal {
    background: rgba(var(--color-background), 1);
    padding: 10px 18px 48px 30px
}

.smi-lite-modal.smi-default-modal .popup-content-detail {
    color: rgba(var(--color-foreground), 0.75);
    padding: 0px 30px 0px 0px;
    width: 100%;
    max-height: calc(100vh - 260px);
    overflow-y: auto;
    overflow-x: clip
}

.smi-lite-modal.smi-default-modal .popup-content-detail table {
    table-layout: auto;
    border-style: solid
}

.smi-lite-modal.smi-default-modal .popup-content-detail::-webkit-scrollbar {
    width: 13px;
    outline: 1px solid rgba(31,31,33,.2);
    border-radius: 12px;
    background: #fff;
    border: 4px solid #fff
}

.smi-lite-modal.smi-default-modal .popup-content-detail::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
    border: 4px solid #fff
}

.smi-lite-modal.smi-default-modal .popup-content-product-close-btn {
    height: 24px;
    background: #fff;
    width: 24px;
    padding: 1px;
    cursor: pointer;
    margin: 0px -6px 14px 0px;
    float: right;
    border-radius: 50px;
    border: 1px solid rgba(31,31,33,.2)
}

.smi-lite-modal.smi-default-modal .popup-content-product-close-btn svg {
    width: calc(20px*var(--icon-scale, 1));
    height: calc(20px*var(--icon-scale, 1));
    stroke: #1f1f21
}

.smi-lite-modal.smi-default-modal .popup-content-product-close-btn svg path {
    fill: #1f1f21
}

.smi-mw-800px {
    max-width: 800px
}

.smi-mw-100 {
    max-width: 100%
}

.smi-mh-100 {
    max-height: 100%
}

.smi-ls-body {
    letter-spacing: var(--body-letter-spacing-scale, 0)
}

.smi-ls-heading {
    letter-spacing: var(--heading-letter-spacing-scale, 0)
}

.smi-ls-subheading {
    letter-spacing: var(--subheading-letter-spacing-scale, 0)
}

.smi-ls-button {
    letter-spacing: var(--button-letter-spacing-scale, 0)
}

.smi-ls-badge {
    letter-spacing: var(--badge-letter-spacing-scale, 0)
}

.smi-ls-menu {
    letter-spacing: var(--menu-letter-spacing-scale, 0)
}

.smi-ls-price {
    letter-spacing: var(--price-letter-spacing-scale, 0)
}

.smi-invisible {
    visibility: hidden !important
}

.smi-visible {
    visibility: visible !important
}

.smi-opacity-0 {
    opacity: 0
}

.smi-opacity-25 {
    opacity: .25
}

.smi-opacity-50 {
    opacity: .5
}

.smi-opacity-100 {
    opacity: 1
}

.smi-opacity-1 {
    opacity: 1
}

:root {
    --zindex-10: 10;
    --zindex-20: 20;
    --zindex-30: 30;
    --zindex-40: 40;
    --zindex-50: 50
}

.smi-z-10 {
    z-index: var(--zindex-10, 10) !important
}

.smi-z-20 {
    z-index: var(--zindex-20, 20) !important
}

.smi-z-30 {
    z-index: var(--zindex-30, 30) !important
}

.smi-z-40 {
    z-index: var(--zindex-40, 40) !important
}

.smi-z-50 {
    z-index: var(--zindex-50, 50) !important
}

.smi-hover-image-zoom {
    position: relative;
    overflow: hidden;
    will-change: transform
}

.smi-hover-image-zoom img,.smi-hover-image-zoom svg {
    transition: all .4s;
    backface-visibility: hidden
}

.smi-hover-image-zoom:hover img,.smi-hover-image-zoom:hover svg {
    transform: scale(1.05)
}

.smi-hover-bg-image-zoom {
    position: relative;
    overflow: hidden;
    will-change: transform
}

.smi-hover-bg-image-zoom .smi-bg-image {
    transition: all .4s;
    backface-visibility: hidden
}

.smi-hover-bg-image-zoom:hover .smi-bg-image {
    transform: scale(1.05)
}

.smi-hover-image-fade-in img,.smi-hover-image-fade-in svg {
    transition: all .4s
}

.smi-hover-image-fade-in:hover img,.smi-hover-image-fade-in:hover svg {
    opacity: .85
}

.smi-hover-bg-image-fade-in {
    position: relative;
    overflow: hidden
}

.smi-hover-bg-image-fade-in .smi-bg-image {
    transition: all .4s
}

.smi-hover-bg-image-fade-in:hover .smi-bg-image {
    opacity: .85
}

@media(prefers-reduced-motion: no-preference) {
    .smi-scroll-trigger.smi-animate--fade-in,.smi-scroll-trigger.smi-animate--slide-in {
        opacity: .01
    }

    .smi-scroll-trigger.smi-animate--slide-in {
        transform: translateY(2rem)
    }

    .smi-scroll-trigger:not(.smi-scroll-trigger--offscreen).smi-animate--fade-in {
        opacity: 1;
        animation: var(--animation-fade-in)
    }

    .smi-scroll-trigger:not(.smi-scroll-trigger--offscreen).smi-animate--slide-in {
        animation: var(--animation-slide-in);
        animation-delay: calc(var(--animation-order)*75ms)
    }

    .smi-scroll-trigger.smi-scroll-trigger--design-mode.smi-animate--fade-in,.smi-scroll-trigger.smi-scroll-trigger--design-mode.smi-animate--slide-in,.smi-scroll-trigger.smi-scroll-trigger--design-mode .slider,.smi-scroll-trigger:not(.smi-scroll-trigger--offscreen).smi-scroll-trigger--cancel {
        opacity: 1;
        animation: none;
        transition: none;
        transform: none
    }

    .smi-scroll-trigger.smi-scroll-trigger--design-mode.smi-animate--slide-in {
        transform: translateY(0)
    }

    @keyframes smiSlideIn {
        from {
            transform: translateY(2rem);
            opacity: .01
        }

        to {
            transform: translateY(0);
            opacity: 1
        }
    }

    @keyframes smiFadeIn {
        from {
            opacity: .01
        }

        to {
            opacity: 1
        }
    }

    .smi-animate-order-0 {
        --animation-order: 0
    }

    .smi-animate-order-1 {
        --animation-order: 1
    }

    .smi-animate-order-2 {
        --animation-order: 2
    }

    .smi-animate-order-3 {
        --animation-order: 3
    }

    .smi-animate-order-4 {
        --animation-order: 4
    }
}

.smi-media-settings,.smi-media-wrapper.smi-overflow-hidden {
    aspect-ratio: var(--media-ratio)
}

.smi-media-settings.smi-has-blob:hover img,.smi-media-settings.smi-has-blob:hover svg,.smi-media-settings.smi-has-blob:hover video,.smi-media-settings.smi-has-blob:hover iframe,.smi-media-settings.smi-has-blob:hover div,.smi-media-wrapper.smi-overflow-hidden.smi-has-blob:hover img,.smi-media-wrapper.smi-overflow-hidden.smi-has-blob:hover svg,.smi-media-wrapper.smi-overflow-hidden.smi-has-blob:hover video,.smi-media-wrapper.smi-overflow-hidden.smi-has-blob:hover iframe,.smi-media-wrapper.smi-overflow-hidden.smi-has-blob:hover div {
    clip-path: polygon(var(--shape-hover));
    transition: all .4s
}

.smi-media-settings:hover img,.smi-media-settings:hover svg,.smi-media-wrapper.smi-overflow-hidden:hover img,.smi-media-wrapper.smi-overflow-hidden:hover svg {
    clip-path: polygon(var(--shape-hover))
}

.smi-blob-wrapper.smi-has-blob {
    border: none !important;
    box-shadow: none !important
}

.smi-tooltip-1 {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    padding: 2.5px 8px;
    transition: opacity .3s;
    width: fit-content;
    background-color: #262626;
    color: #fff;
    border-radius: 2px;
    position: fixed;
    z-index: var(--zindex-20);
    pointer-events: none
}

.smi-tooltip-1:after {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 5px);
    border-width: 5px;
    border-style: solid;
    border-color: #262626 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.smi-tooltip-1--right:after {
    top: calc(50% - 5px);
    left: unset;
    right: 100%;
    transform: rotate(90deg)
}

.smi-tooltip-1--left:after {
    top: calc(50% - 5px);
    left: 100%;
    transform: rotate(270deg)
}

.smi-tooltip-1--bottom:after {
    bottom: 100%;
    left: calc(50% - 5px);
    top: unset;
    transform: rotate(180deg)
}

.smi-loader-1--2x:before {
    --lz-width: 20px;
    --lz-padding: 5px
}

.smi-loader-1--3x:before {
    --lz-width: 30px;
    --lz-padding: 6px
}

.smi-loader-1--4x:before {
    --lz-width: 40px;
    --lz-padding: 7px
}

.smi-loader-1--5x:before {
    --lz-width: 50px;
    --lz-padding: 8px
}

.smi-loader-1:before {
    content: "";
    position: absolute;
    box-sizing: content-box;
    width: var(--lz-width, 12px);
    padding: var(--lz-padding, 3px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(var(--color-foreground), 1);
    --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: smi-l3 1s infinite linear
}

.smi-loader-1.smi-button>span,.smi-loader-1.smi-button>svg {
    visibility: hidden
}

.smi-loader-1.smi-button:before {
    background: rgba(var(--color-button-text), 1)
}

@keyframes smi-l3 {
    to {
        transform: rotate(1turn)
    }
}
